SIA Web Design Library

Venture Match: Full

No notes defined.

<article class='c-venture_match venture_match type-venture_match c-venture_match--full'>

    <section class='c-banner c-venture_match__banner'>
        <div class='c-banner__content-wrapper'>
            <span class='c-icon c-icon--x-large c-banner__icon c-icon--noun_agreement_1183842-svg'>
                <svg height='100px' width='100px' fill="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" x="0px" y="0px">
                    <path d="M87.92,31.35H87.6A10.9,10.9,0,0,0,77,42.19V56.28H67.52A7.53,7.53,0,0,0,60,63.8v27a2.5,2.5,0,0,0,2.5,2.5h10a2.5,2.5,0,0,0,2.5-2.5V71.28H88.47A10.54,10.54,0,0,0,99,60.75V42.19A10.84,10.84,0,0,0,87.92,31.35ZM94,60.75a5.54,5.54,0,0,1-5.53,5.53h-16a2.5,2.5,0,0,0-2.5,2.5v19.5H65V63.8a2.52,2.52,0,0,1,2.52-2.52h12a2.5,2.5,0,0,0,2.5-2.5V42.19a5.87,5.87,0,0,1,5.71-5.84H88A5.89,5.89,0,0,1,92.24,38,5.8,5.8,0,0,1,94,42.19Z"></path>
                    <path d="M88.15,6.72A10.85,10.85,0,1,0,99,17.57,10.86,10.86,0,0,0,88.15,6.72Zm0,16.69A5.85,5.85,0,1,1,94,17.57,5.85,5.85,0,0,1,88.15,23.41Z"></path>
                    <path d="M11.53,71.28H25v19.5a2.5,2.5,0,0,0,2.5,2.5h10a2.5,2.5,0,0,0,2.5-2.5v-27a7.53,7.53,0,0,0-7.52-7.52H23V42.19A10.9,10.9,0,0,0,12.4,31.36h-.32A10.84,10.84,0,0,0,1,42.19V60.75A10.54,10.54,0,0,0,11.53,71.28ZM6,42.19a5.84,5.84,0,0,1,6-5.84h.32A5.87,5.87,0,0,1,18,42.19V58.78a2.5,2.5,0,0,0,2.5,2.5h12A2.52,2.52,0,0,1,35,63.8V88.28H30V68.78a2.5,2.5,0,0,0-2.5-2.5h-16A5.54,5.54,0,0,1,6,60.75Z"></path>
                    <path d="M22.69,17.57A10.85,10.85,0,1,0,11.85,28.41,10.86,10.86,0,0,0,22.69,17.57ZM6,17.57a5.85,5.85,0,1,1,5.85,5.85A5.85,5.85,0,0,1,6,17.57Z"></path>
                    <path d="M28.5,47.78a2.5,2.5,0,0,0,2.5,2.5H47.5v40.5a2.5,2.5,0,0,0,5,0V50.28H69a2.5,2.5,0,0,0,0-5H31A2.5,2.5,0,0,0,28.5,47.78Z"></path>
                    <path d="M44.16,38.17a4.63,4.63,0,0,0,3.06,1.15h.33a4.64,4.64,0,0,0,3.2-1.59L68,18a4.67,4.67,0,0,0-.45-6.58l-4-3.51a4.67,4.67,0,0,0-6.58.45h0L46.26,20.52l-4.11-3.59a4.67,4.67,0,0,0-6.58.45l-3.51,4A4.67,4.67,0,0,0,32.5,28Zm-5-17.24,5.75,5a2.5,2.5,0,0,0,3.53-.24L60.45,11.86,64,14.93,47.2,34.18,36,24.45Z"></path>
                </svg>
            </span>
            <header class='c-section-header c-venture_match__section-header'>

                <p class='c-section-header__supra'><span>Venture Match</span></p>

                <h1 class='c-heading c-venture_match__heading'>
                    My Own Venture & Kate Lee
                </h1>

            </header>

            <p class='c-banner__action'>
                <a class='c-button c-venture_match__button' href="#">Add meeting</a>
            </p>
        </div>
    </section>
    <section class='container-fluid'>
        <div class='c-venture-match__entities row'>
            <div class='col-lg-6 col-xl-8'>
            </div>
            <div class='c-venture-match__entities col-lg-6 col-xl-4'>
                <article class='c-venture venture type-venture c-venture--list-item'>
                    <div class='c-workflow-info c-venture__workflow-info'>
                        <h2 class='sr-only'>Workflow</h2>
                        <ul class='c-workflow-info__items c-worklow-info__items--2'>
                            <li class='c-workflow-info__items__item c-workflow-info__items__item--1'>Published</li>
                            <li class='c-workflow-info__items__item c-workflow-info__items__item--0'>Is reviewed</li>
                        </ul>
                    </div>

                    <div class='c-venture__content-wrapper'>

                        <h1 class='c-heading c-heading--minor'>
                            <a class='c-link c-link--minor ' href="#" itemprop="item" itemid="#" title="My Own Venture"><span itemprop="name">WIR 'Wirken In der Region' - gemeinnützige Genossenschaft</span></a>
                        </h1>

                        <div class='c-social-links c-index-card__social-links'>
                            <h4 class='c-social-links__title'>My Own Venture</h4>
                            <ul class='c-social-links__items u-list--unstyled u-list--inline'>
                                <li class='c-social-links__items__item'>
                                    <a class='c-link c-link--with-icon c-link--icon-only c-link--facebook c-social-links__link ' href="" itemprop="item" itemid="" title="My Own Venture"><span itemprop="name"></span></a>
                                </li>
                                <li class='c-social-links__items__item'>
                                    <a class='c-link c-link--with-icon c-link--icon-only c-link--linkedin c-social-links__link ' href="" itemprop="item" itemid="" title="My Own Venture"><span itemprop="name"></span></a>
                                </li>
                                <li class='c-social-links__items__item'>
                                    <a class='c-link c-link--with-icon c-link--icon-only c-link--instagram c-social-links__link ' href="" itemprop="item" itemid="" title="My Own Venture"><span itemprop="name"></span></a>
                                </li>
                                <li class='c-social-links__items__item'>
                                    <a class='c-link c-link--with-icon c-link--icon-only c-link--twitter c-social-links__link ' href="" itemprop="item" itemid="" title="My Own Venture"><span itemprop="name"></span></a>
                                </li>
                            </ul>
                        </div>
                        <details>
                            <summary><strong>Details</strong></summary>

                            <span class='c-tag'>Decent Work and Economic Growth</span>

                            https://apply.socialimpactaward.net/austria/project/kriesenstarke-welt

                        </details>
                    </div>

                    <footer class='c-venture__footer'>
                        <div class='c-task-list c-venture__task-list'>
                            <ol class='c-task-list__items'>
                                <li class='c-task-list__items__item c-task-list__items__item--urgent'>
                                    <span class='u-h4'>Missing assessment</span>
                                    <span class='c-task-list__description'>Your initial assessment of the venture is missing.</span>
                                    <span class='c-task-list__items__item__links'>
                                        <a class='c-link c-venture__link ' href="" itemprop="item" itemid="" title="My Own Venture"><span itemprop="name">Add assessment</span></a> </span>
                                </li>
                            </ol>
                        </div>
                        <div class='c-action-bar c-list-item__action-bar'>
                            <div class='c-action-bar__actions'>
                                <a class='c-button c-button--small' href="#">Add meeting</a>
                            </div>
                        </div>
                    </footer>
                </article>
                <article class='c-support_role support_role type-support_role c-venture_match__support_role c-venture_match__support_role--list-item c-support_role--list-item'>

                    <div class='h-card c-index-card c-support_role__index-card'>
                        <div class="c-index-card__media-wrapper">
                            <span class='u-photo c-headshot c-index-card__headshot'>
                                <a href='https://linked.in/kate.lee' class='c-headshot__link ' title='Teresa Bodner'>
                                    <img class='c-headshot__image' src='/images/portrait.jpg' alt='' title='' />
                                </a>
                            </span>
                        </div>
                        <div class='c-index-card__entity c-index-card__content-wrapper'>
                            <span class='p-role'>mentor</span>

                            <span class='p-name'><a class='u-url ' href='https://linked.in/kate.lee'>Teresa Bodner</a></span>

                            <span class='c-index-card__entity__work c-index-card__entity__work--with-organization'>

                                <span class='p-job-title'>Leitung</span>

                                <a href='https://supertram.ps' class='u-url p-org c-link--muted'>SUPERTRAMPS</a>
                            </span>
                            <span class='p-adr h-adr'>
                                <span class='locality'>Vienna</span>, <span class='country-name'>Austria</span> </span>
                            <span class='c-index-card__entity__links'>

                                <span class='u-email'>
                                    <a class='u-email c-link--muted c-link--minimal' href='mailto:kate@lee.mail'>kate@lee.mail</a>
                                </span>

                                <span class='p-tel'>
                                    <a class='p-tel c-link--muted c-link--minimal' href='tel:+436606493214'>+436606493214</a>
                                </span>
                            </span>
                        </div>
                    </div>

                </article>
            </div>
        </div>
    </section>

    <div class='r-app-bar'>
        <div class='c-action-bar'>
            <div class='c-action-bar__actions'>
                <a class='c-button c-button--small' href="#">Add meeting</a>
            </div>
            <div class='c-action-bar__links '>
                <a class='c-link c-link--edit c-link--with-icon c-link--minimal ' href="#" itemprop="item" itemid="#"><span itemprop="name">Settings</span></a> <a class='c-link c-link--delete c-link--with-icon c-link--minimal ' href="#" itemprop="item" itemid="#"><span itemprop="name">Delete</span></a>
            </div>
        </div>
    </div>
</article>
 
<article class='{{ get_entity_class( entityType, display ) }}'>
    {% if workflowInfo %}
        {% include get_template( 'workflow-info', 'unit' ) with workflowInfo %}
    {% endif %}

    {% if highlight %}
        {% set countryMeta %}
            {% include get_template( highlight.component, highlight.type ) with highlight.config %}
        {% endset %}

        {% set meta = meta|merge( { items: meta.items|merge( [ countryMeta ] ) } ) %}
    {% endif %}

    {% include get_template( 'banner', 'unit' ) with banner|merge( { meta: meta } ) %}

    <section class='container-fluid'>
        <div class='c-venture-match__entities row'>
            <div class='col-lg-6 col-xl-8'>
                {% if meetings %}
                    {% include get_template( 'entities', 'group' ) with meetings %}
                {% elseif meetings_blank_slate %}
                    {% include get_template( 'blank-slate', 'unit' ) with meetings_blank_slate %}
                {% endif %}
            </div>
            <div class='c-venture-match__entities col-lg-6 col-xl-4'>
                {% if venture %}
                    {% if venture.rendered %}
                        {{ venture.rendered }}
                    {% else %}
                        {% include get_entity_template( 'venture', venture.display ) with venture %}
                    {% endif %}
                {% endif %}
                {% if support_role %}
                    {% if support_role.rendered %}
                        {{ support_role.rendered }}
                    {% else %}
                        {% include get_entity_template( 'support-role', support_role.display ) with support_role %}
                    {% endif %}
                {% endif %}
            </div>
        </div>
    </section>

    {% if links or button %}
        {% include get_template( 'app-bar', 'region' ) with {
            links: links,
            button: button
        } %}
    {% endif %}
</article>
 
{
  "theme": "support",
  "entityType": "venture_match",
  "button": {
    "text": "Add meeting",
    "url": "#"
  },
  "links": [
    {
      "href": "#",
      "icon": "edit",
      "text": "Settings"
    },
    {
      "href": "#",
      "icon": "delete",
      "text": "Delete"
    }
  ],
  "incubationPhase": {
    "entityType": "incubation_phase",
    "display": {
      "view_mode": "one-liner"
    },
    "country": {
      "name": "Austria",
      "iso": "at"
    },
    "heading": {
      "display": {
        "modifiers": [
          "listicle"
        ]
      },
      "text": "Austria 2020",
      "url": "#"
    },
    "links": null
  },
  "issues": {
    "heading": null,
    "items": [
      {
        "title": "Missing assessment",
        "description": "Your initial assessment of the venture is missing.",
        "status": "urgent",
        "links": [
          {
            "text": "Add assessment",
            "url": "#"
          }
        ]
      }
    ]
  },
  "support_role": {
    "entityType": "support_role",
    "display": {
      "component": "venture_match",
      "view_mode": "list-item"
    },
    "permalink": "<a href='#'>Teresa Bodner</a>",
    "links": null,
    "incubationPhase": null,
    "indexCard": {
      "display": {
        "component": "support_role"
      },
      "headshot": {
        "src": "/images/portrait.jpg"
      },
      "name": "Teresa Bodner",
      "kind": "mentor",
      "url": "https://linked.in/kate.lee",
      "role": "Leitung",
      "organisation": "SUPERTRAMPS",
      "organisationUrl": "https://supertram.ps",
      "email": "kate@lee.mail",
      "tel": "+436606493214",
      "adr": {
        "locality": "Vienna",
        "country-name": "Austria"
      }
    }
  },
  "venture": {
    "entityType": "venture",
    "display": {
      "view_mode": "list-item"
    },
    "title": "My Own Venture",
    "permalink": "<a href='#'>My Own Venture</a>",
    "workflowInfo": {
      "display": {
        "component": "venture"
      },
      "items": {
        "status": {
          "label": "Published",
          "value": 1
        },
        "is_reviewed": {
          "label": "Is reviewed",
          "value": 0
        }
      }
    },
    "links": null,
    "can_add_team_member": false,
    "add_team_member_url": "#",
    "fields": {
      "sdg": {
        "rendered": "<span class='c-tag'>Decent Work and Economic Growth</span>"
      },
      "idea": {
        "rendered": "https://apply.socialimpactaward.net/austria/project/kriesenstarke-welt"
      }
    },
    "indexCard": {
      "display": {
        "component": "venture"
      },
      "adr": {
        "locality": "Graz",
        "country-name": "Austria"
      },
      "name": "My Own Venture",
      "url": "https://www.wu.ac.at/",
      "email": "office@myown.ve",
      "socialLinks": {
        "display": {
          "component": "index-card"
        },
        "items": {
          "facebook": {
            "url": "#"
          },
          "linkedin": {
            "url": "#"
          },
          "instagram": {
            "url": "#"
          },
          "twitter": {
            "url": "#"
          }
        }
      }
    },
    "team": {
      "display": {
        "component": "venture__team"
      },
      "collection": {
        "entityType": "finalist",
        "display": {
          "component": "venture__team",
          "view_mode": "tiny"
        },
        "items": [
          {
            "entityType": "finalist",
            "display": {
              "view_mode": "tiny"
            },
            "indexCard": {
              "display": {
                "component": "venture__team",
                "modifiers": [
                  "citation"
                ]
              },
              "headshot": {
                "src": "/images/portrait-Kate-Lee-1x1.jpg"
              },
              "name": "Kate Lee",
              "role": "Founder",
              "url": "https://kate.lee",
              "socialLinks": null
            }
          },
          {
            "entityType": "finalist",
            "display": {
              "view_mode": "tiny"
            },
            "indexCard": {
              "display": {
                "component": "venture__team",
                "modifiers": [
                  "citation"
                ]
              },
              "headshot": {
                "src": "/images/portrait-Kate-Lee-1x1.jpg"
              },
              "name": "Kate Lee",
              "role": "Founder",
              "url": "https://kate.lee",
              "socialLinks": null
            }
          }
        ]
      }
    },
    "heading": {
      "display": {
        "component": "venture--teaser",
        "modifiers": [
          "minor"
        ]
      },
      "text": "WIR 'Wirken In der Region' - gemeinnützige Genossenschaft",
      "url": "#"
    },
    "lead": {
      "content": "<p>Wir gründen eine gemeinnützige Genossenschaft - mit Beschäftigungsprojekt für Migrant*innen in Landwirtschaft, Verarbeitung und Vertrieb.</p>"
    }
  },
  "banner": {
    "display": {
      "component": "venture_match"
    },
    "icon": {
      "display": {
        "component": "banner",
        "modifiers": [
          "x-large"
        ]
      },
      "basename": "noun_agreement_1183842.svg"
    },
    "header": {
      "supraheading": "Venture Match",
      "heading": {
        "text": "My Own Venture & Kate Lee"
      }
    },
    "meta": {
      "display": {
        "component": "banner"
      },
      "items": [
        "<a href=\"#\">Austria 2020</a>"
      ]
    }
  }
}