src/StartPlatz/Bundle/EventBundle/Resources/views/Default/event-series.html.twig line 1

Open in your IDE?
  1. {% extends "@StartPlatzStyleBundle/Bootstrap4/base.homepage.with-sections.html.twig" %}
  2. {% import "@StartPlatzEventBundle/Admin/_macros.bs4.html.twig" as layout %}
  3. {% set currentPath = app.request.get('_route') %}
  5. {% block metaData %}
  6.     <meta name="description" content="{{ event.seoDescription }}">
  7.     <meta name="keywords" content="{{ event.seoKeyword }}">
  8.     <meta name="author" content="{{ event.trainer }}">
  9.     {% if app.environment == 'prod' %}
  10.         <meta name="robots" content="index,follow">
  11.         <link rel="canonical" href="https://www.startplatz.de/event-series/{{ event.seriesTag }}" />
  12.     {% else %}
  13.         <meta name="robots" content="noindex,nofollow">
  14.     {% endif %}
  16.     <!-- Open Graph -->
  17.     <meta property="og:title" content="{{ event.seoTitle }}">
  18.     <meta property="og:description" content="{{ event.seoDescription }}">
  19.     <meta property="og:image" content="{{ event.imageLink }}">
  20.     <!-- Twitter Card -->
  21.     <meta name="twitter:card" content="summary">
  22.     <meta name="twitter:title" content="{{ event.seoTitle }}">
  23.     <meta name="twitter:description" content="{{ event.seoDescription }}">
  24.     <meta name="twitter:image" content="{{ event.imageLink }}">
  25. {% endblock %}
  28. {% block additionalHead %}
  29.     {% include "@StartPlatzStyle/CSS/_homepage.sinlge-event.version-2023-fall.html.twig" %}
  31.     {% if event.additionalCss is not empty %}
  32.         <!-- addition css styles only for this event -->
  33.         <style>
  34.             {{ event.additionalCss }}
  35.         </style>
  36.     {% endif %}
  37.     <style type="text/css">
  38.         body {
  39.             padding-top: 0px;
  40.             font-family: 'Source Sans Pro', sans-serif;
  41.         }
  42.     </style>
  44. {% endblock %}
  47. {% block navigation %}{% endblock %}
  49. {% block title %}{{ event.seoTitle }}{% endblock %}
  51. {% block content %}
  53.     <!-- Main Content Section -->
  54.     <section class="bg-sp-grey pb-1">
  55.         <div class="content-wrapper">
  56.             <div class="row pt-3 pb-1 bg-white">
  57.                 <div class="col">
  58.                     <!-- Article Image and Title -->
  59.                     <div class="row align-items-center">
  60.                         <!-- Display article image or video -->
  61.                         <div class="col-md-4 d-flex justify-content-center pl-md-5">
  62.                             <img src="{{ event.imageLink }}" class="rounded img-fluid" alt="artikelbild" title="" />
  63.                         </div>
  65.                         <!-- Display event title and related details -->
  66.                         <div class="col-md-8 d-flex justify-content-center pr-md-5">
  67.                             <div class="text-center">
  68.                                 <h1>{{ event.title|raw }}</h1>
  69.                                 <!-- Display trainer information right after the event title -->
  70.                                 {% if event.trainer %}
  71.                                     <h4 class="font-italic">{{ event.trainer }}</h4>
  72.                                 {% endif %}
  73.                             </div>
  74.                         </div>
  75.                     </div>
  76.                 </div>
  77.             </div>
  78.             <!-- Event Date, Time and Location -->
  79.             <div class="row pb-3 bg-white">
  80.                 <div class="col text-center px-md-5">
  81.                     <hr>
  82.                     {{ layout.dateTimeDuration(event, lang) }}
  83.                     {% set locationText = lang == 'EN' ? 'Location' : 'Ort' %}
  84.                     {% if event.venueName == 'STARTPLATZ' %}
  85.                         {% if event.location == 'Remote' %}
  86.                             <i class="fa fa-map-marker fa-fw"></i>{{ phrases.event_phrase_webinar | default('Webinar') }}
  87.                         {% else %}
  88.                             <i class="fa fa-map-marker fa-fw"></i>{{ event.location }}, STARTPLATZ
  89.                         {% endif %}
  90.                     {% else %}
  91.                         <i class="fa fa-map-marker fa-fw"></i>{{ event.venueName }}, {{ event.venueAddress }}
  92.                     {% endif %}
  93.                 </div>
  94.             </div>
  95.             <div class="row pb-3 bg-white">
  96.                 <div class="col text-center">
  97.                     <a href="{{ path('event_show_single', {'slug': event.slug} + utmParameters) }}#Anmeldung" class="btn btn-success">
  98.                         {{ phrases['event-series_register_for_event'] | default('Jetzt buchen!') }}
  99.                     </a>
  100.                 </div>
  101.             </div>
  103.             <!-- Event Content -->
  104.             <div class="row pb-3 bg-white">
  105.                 <div class="col-12 px-4 px-md-5">
  106.                     <hr>
  107.                     {{ event.content|raw }}
  108.                 </div>
  109.             </div>
  110.             <!-- Link to active event -->
  111.             <div class="row pb-3 bg-white">
  112.                 <div class="col-12 px-md-5">
  113.                     {% if event.endDate < date('now') %}
  114.                         {# The code here will execute if the event's endDate has already passed #}
  115.                         {# Example: Display a message indicating the event has ended #}
  116.                         <p>This event has already ended.</p>
  117.                     {% else %}
  118.                         <hr>
  119.                         {# The code here will execute if the event's endDate has not passed yet #}
  120.                         <div class="text-center">
  121.                             <a href="{{ path('event_show_single', {'slug': event.slug} + utmParameters) }}#Anmeldung" class="btn btn-success">
  122.                                 {{ phrases['event-series_register_for_event'] | default('Jetzt buchen!') }}
  123.                             </a>
  124.                         </div>
  125.                         <hr>
  126.                     {% endif %}
  127.                 </div>
  128.             </div>
  130.         </div>
  131.     </section>
  133.     <!-- Impressions Section -->
  134.     <section class="bg-sp-grey pb-1">
  135.         <div class="content-wrapper">
  136.             <div class="row pt-3 pb-3 bg-white">
  137.                 <div class="col-12">
  138.                     {#  <h2 class="text-center">{{ phrases['impressions'] | default('Impressions') }}</h2>#}
  139.                     <img src="https://res.cloudinary.com/startplatz/image/upload/f_auto,q_auto/v1700001585/ai-hub/workshop-impressions.jpg" class="img-fluid" alt="Impressions">
  140.                 </div>
  141.             </div>
  142.         </div>
  143.     </section>
  145.     <!-- Series Overview / About Us Section -->
  146.     <section class="bg-sp-grey pb-1">
  147.         <div class="content-wrapper">
  148.             <div class="row pt-3 pb-3 bg-white">
  149.                 <div class="col-12 px-4 px-md-5">
  150.                     <h2 class="text-center">{{ phrases['about_us'] | default('Über Uns') }}</h2>
  151.                     {{ event.postCtaContent|raw }}
  152.                 </div>
  153.             </div>
  154.         </div>
  155.     </section>
  157.     <!-- Cooperation Partners Section -->
  158.     <section class="bg-sp-grey pb-1">
  159.         <div class="content-wrapper">
  160.             <div class="row pt-3 pb-3 bg-white">
  161.                 <div class="col-12">
  162.                     <h2 class="text-center">{{ phrases['our_partners'] | default('Partner und Kooperationen') }}</h2>
  163.                     <img src="https://res.cloudinary.com/startplatz/image/upload/f_auto,q_auto/v1700002655/ai-hub/startplatz-ai-hub-partners-cooperations.jpg" class="img-fluid" alt="Partner und Kooperationen">
  164.                 </div>
  165.             </div>
  166.         </div>
  167.     </section>
  169.     <!-- Upcoming Events Section -->
  170.     <section class="bg-sp-grey pb-1">
  171.         <div class="content-wrapper">
  172.             <div class="row pt-3 pb-3 bg-white">
  173.                 <div class="col-12 px-4 px-md-5" >
  174.                 <h2 class="text-center mb-3">{{ phrases['upcoming_events'] | default('Kommende Veranstaltungen') }}</h2>
  175.                 {% include "@StartPlatzEvent/Default/_event.part.futureEvents.html.twig" %}
  176.                 </div>
  177.             </div>
  178.         </div>
  179.     </section>
  181.     <!-- Newsletter Signup Section -->
  182.     <section class="bg-sp-grey pb-1">
  183.         <div class="content-wrapper">
  184.             <div class="row pt-3 pb-3 bg-white">
  185.                 <div class="col-12 text-center">
  186.                     <h2>{{ phrases['newsletter_signup'] | default('Für unseren Newsletter anmelden') }}</h2>
  187.                     <p>Melden Sie sich für unseren Newsletter an, um die neuesten Informationen zu erhalten.</p>
  188.                     <!-- Begin MailChimp Signup Form -->
  189.                     <!-- Begin MailChimp Signup Form -->
  190.                     <div id="mc_embed_signup">
  191.                         <form id="mc-embedded-subscribe-form" class="validate" action="https://startplatz.us5.list-manage.com/subscribe?u=8a2b498caca4323b774191382&id=be73f77d94" method="post" name="mc-embedded-subscribe-form" novalidate="" target="_blank">
  192.                             <div id="mc_embed_signup_scroll" class="d-flex flex-column align-items-center">
  193.                                 <!-- Eingabefelder für die Email etc. -->
  195.                                 <button type="submit" class="btn btn-success mt-2">Anmelden</button>
  197.                                 <!-- Verstecktes Feld für Bot-Schutz -->
  198.                                 <div style="position: absolute; left: -5000px;" aria-hidden="true">
  199.                                     <input tabindex="-1" name="b_8a2b498caca4323b774191382_51dae9d56a" type="text" value="" />
  200.                                 </div>
  201.                             </div>
  202.                         </form>
  203.                     </div>
  204.                     <!--End mc_embed_signup-->
  205.                     <!--End mc_embed_signup-->
  206.                 </div>
  207.             </div>
  208.         </div>
  209.     </section>
  214.     <!-- Testimonials Section -->
  215.     <section class="bg-sp-grey pb-1">
  216.         <div class="content-wrapper">
  217.             <div class="row pt-3 pb-3 bg-white">
  218.                 <div class="col-12">
  219.                     {#  <h2 class="text-center">{{ phrases['testimonials'] | default('Testimonials') }}</h2>#}
  220.                     <img src="https://res.cloudinary.com/startplatz/image/upload/f_auto,q_auto/v1700082958/ai-hub/testimonials-deutsch.jpg" class="img-fluid" alt="Testimonials">
  221.                 </div>
  222.             </div>
  223.         </div>
  224.     </section>
  227.     <!-- Past Events Section -->
  228.     <section class="bg-sp-grey pb-1">
  229.         <div class="content-wrapper">
  230.             <div class="row pt-3 pb-3 bg-white">
  231.                 <div class="col-12 px-4 px-md-5" >
  232.                 <h2 class="text-center mb-3">{{ phrases['past_events'] | default('Vergangene Veranstaltungen') }}</h2>
  233.                 {% include "@StartPlatzEvent/Default/_event.part.pastEvents.html.twig" %}
  234.                 </div>
  235.             </div>
  236.         </div>
  237.     </section>
  240. <style>
  241.     .tag-links {
  242.         display: inline-block;
  243.         margin: auto;
  244.     }
  246.     .tag-link {
  247.         color: #7AB800; /* Startplatz-Grün */
  248.         text-decoration: none;
  249.         margin-right: 10px; /* Abstand zwischen den Tags */
  250.     }
  252.     .tag-link:hover {
  253.         text-decoration: underline; /* Unterstreichen beim Hover */
  254.     }
  255. </style>
  258.     <!-- Tags Section -->
  259.     <section class="bg-sp-grey pb-1">
  260.         <div class="content-wrapper">
  261.             <div class="row pt-3 pb-3 bg-white">
  262.                 <div class="col-12 text-center">
  263.                     {{ layout.tagTextLinks(event.tags|split('#'), 'events_list') }}
  265.                     <!-- Neue Zeile für Buttons -->
  266.                     <div class="button-row mt-3">
  267.                         <a href="https://www.startplatz.de" class="btn btn-success m-1">zur STARTPLATZ Homepage</a>
  268.                         <a href="https://www.startplatz.de/events" class="btn btn-success m-1">zur STARTPLATZ Event-Übersicht</a>
  269.                     </div>
  270.                 </div>
  271.             </div>
  272.         </div>
  273.     </section>
  276.     <!-- homepage single event ends -->
  277. {% endblock %}
  279. {% block footer %}
  280.     {% include '@StartPlatzWebsiteBundle/Default/footerBootstrap40.html.twig' %}
  281. {% endblock %}
  283. {% block infiniteLoop %}{% endblock %}
  284. {% block javascriptInfiniteLoop %}{% endblock %}