No notes defined.

<div class='r-community-voting'>

    <div class="c-tour">
        <button aria-expanded="false" aria-controls="demo" id='demo-help-trigger' class='o-modal-trigger c-button c-button--with-icon c-button--small  c-button--help demo__js-toggle' autostart='true'><span>How to vote?</span></button>

        <div id='demo' class='c-info-box c-tour__content' role='contentinfo'>
            <h1 class='c-heading'>
                How to Vote
            </h1>

            <ol class='c-tour__items u-list--unstyled'>
                <li class='c-tour__items__item'>
                    <span class='c-tag c-tag--neutral'>Step 1</span>
                    <h1 class='c-heading c-heading--minor'>
                        Browse our ventures
                    </h1>
                    <p>Check out all project videos and select your single favorite SIA Venture.</p>
                </li>
                <li class='c-tour__items__item'>
                    <span class='c-tag c-tag--neutral'>Step 2</span>
                    <h1 class='c-heading c-heading--minor'>
                        Submit your vote
                    </h1>
                    <p>Authenticate with a social media account to help us ensure a fair competition.</p>
                </li>
                <li class='c-tour__items__item'>
                    <span class='c-tag c-tag--neutral'>Step 3</span>
                    <h1 class='c-heading c-heading--minor'>
                        Show you support
                    </h1>
                    <p>Share your vote with your friends or send the venture team an encouraging message.</p>
                </li>
            </ol>
        </div>
    </div>
    <div class='c-ventures'>

        <div class='c-ventures c-ventures--teaser c-ventures--entities c-ventures--ventures c-ventures__ventures'>
            <ul class='c-ventures__items l-grid u-list--unstyled'>
                <li class='c-ventures__items__item l-grid__item'>

                    <article class='c-venture venture type-venture c-ventures__venture c-ventures__venture--teaser c-venture--teaser'>

                        <figure class='c-venture__media-wrapper' style='background-image: url( /images/logo-ERSTE-Stiftung.png )' data-src='/images/logo-ERSTE-Stiftung.png'>
                            <span class='c-media c-ventures__media'>
                                <img class='c-media__image' src='/images/logo-ERSTE-Stiftung.png' />
                            </span>
                        </figure>

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

                            <h1 class='c-heading c-heading--minor'>
                                <a class='c-link c-link--minor  o-modal-trigger ' href="https://austria.socialimpactaward.net/project/herobox/?version=2021" itemprop="item" itemid="https://austria.socialimpactaward.net/project/herobox/?version=2021"><span itemprop="name">HeroBox</span></a>
                            </h1>

                        </div>

                    </article>
                </li>
            </ul>

        </div>
    </div>

</div>
<div class='{{ get_component_class( 'community-voting', display, 'r' ) }}'>
    {% if heading %}
        {% include get_template( 'heading', 'unit' ) with heading|merge( { display: { modifiers: [ 'minor' ] } } ) %}
    {% endif %}

    {% if notice %}
        {% include get_template( 'notice', 'unit' ) with notice %}
        {% set notice = NULL %}
    {% endif %}
    
    {% if tour %}
        {% include get_template( 'tour', 'group' ) with tour %}
    {% endif %}
    
    {% if ventures %}
        {% include get_template( 'ventures', 'group' ) with ventures %}
    {% endif %}

    {% if can_vote %}
        <section id='selected-projects-container' class='fit-{{ maxVotes }}' style='display: none;'></section>
    {% endif %}

    {% if has_voted %}
        <section id='post-vote-projects-container' class='fit-{{ maxVotes }} js-is-persistent' style='display: none;'></section>
    {% endif %}
</div>
{
  "tour": {
    "tourId": "demo",
    "triggerText": "How to vote?",
    "autostart": true,
    "heading": {
      "text": "How to Vote"
    },
    "items": [
      {
        "label": "Step 1",
        "title": "Browse our ventures",
        "content": "<p>Check out all project videos and select your single favorite SIA Venture.</p>"
      },
      {
        "label": "Step 2",
        "title": "Submit your vote",
        "content": "<p>Authenticate with a social media account to help us ensure a fair competition.</p>"
      },
      {
        "label": "Step 3",
        "title": "Show you support",
        "content": "<p>Share your vote with your friends or send the venture team an encouraging message.</p>"
      }
    ]
  },
  "ventures": {
    "heading": null,
    "entities": {
      "display": {
        "component": "ventures"
      },
      "collection": {
        "entityType": "venture",
        "display": {
          "component": "ventures",
          "view_mode": "teaser",
          "listClass": [
            "l-grid"
          ],
          "itemClass": [
            "l-grid__item"
          ]
        },
        "items": [
          {
            "image": {
              "src": "/images/logo-ERSTE-Stiftung.png"
            },
            "heading": {
              "text": "HeroBox",
              "url": "https://austria.socialimpactaward.net/project/herobox/?version=2021"
            },
            "showInModal": true
          }
        ]
      }
    }
  }
}
  • Handle: @community-voting
  • Preview:
  • Filesystem Path: components/04-region/community-voting/community-voting.twig