src/StartPlatz/Bundle/StyleBundle/Resources/views/Navigation/_nav.homepage.bootstrap4.html.twig line 1

Open in your IDE?
  1. {% if permaLink is not defined %}
  2.     {% set permaLink = 'n.a.' %}
  3. {% endif %}
  5. {% include "@StartPlatzStyle/CSS/homepageNavbar.css.twig" %}
  6. {% set menuLinks   =  menuLinksAndPhrases.menuLinks %}
  7. {% set menuPhrases =  menuLinksAndPhrases.menuPhrases %}
  8. {% set targetPath  =  menuLinksAndPhrases.targetPath %}
  9. {% set lang        =  menuLinksAndPhrases.lang %}
  10. {% set menuLinksDe2En =  menuLinksAndPhrases.menuLinksDe2En %}
  11. {% set menuLinksEn2De =  menuLinksAndPhrases.menuLinksEn2De %}
  13. <style>
  14.     .ai-hub-link:hover {
  15.         color: black; /* Textfarbe beim Hover */
  16.     }
  17. </style>
  21. <nav class="navbar navbar-dark bg-dark navbar-expand-lg fixed-top shadow-lg padding-bottom d-flex justify-content-lg-center">
  22.         <a class="logo navbar-brand text-center mr-2 mr-lg-4" href="https://www.startplatz.de" rel="tooltip" title="Home for the innovative people in Rheinland" data-placement="bottom" >
  23.             <img src="https://res.cloudinary.com/startplatz/image/upload/c_scale,w_107/v1614775778/logos/STARTPLATZ_Logos/STARTPLATZ_Logo_wei%C3%9F.png" class="p-0 m-0">
  24.         </a>
  26.         <button class="navbar-toggler " type="button" data-toggle="collapse" data-target="#navigation" aria-controls="navbarSupportedContent-3" aria-expanded="false" aria-label="Toggle navigation">
  27.             <span class="navbar-toggler-icon"></span>
  28.         </button>
  30.         <div class="collapse navbar-collapse mt-1" id="navigation" style="font-size: 0.9rem; max-width:920px" >
  31.                 <ul class="navbar-nav mr-3">
  32.                     {% set url = (lang == 'EN') ? 'https://startplatz-ai-hub.de/en/' : 'https://startplatz-ai-hub.de' %}
  34.                     <li class="nav-item active mb-2 mt-2 mr-1 ml-0 mr-2">
  35.                         <a class="nav-link px-2" style="background-color: rgba(142,86,255,1.0); border-radius: 10px; min-width:75px; display: inline-block; text-align: center;" href="{{ url }}">
  36.                             AI Hub
  37.                         </a>
  38.                     </li>
  40.                     <li class="nav-item dropdown active  mt-2 mr-2">
  41.                         <a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">
  42.                             Startups
  43.                         </a>
  44.                         <div class="dropdown-menu dropdown-menu-left" aria-labelledby="navbarDropdownMenuLink">
  45.                             <hr class="my-2 mx-3">
  46.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/memberships') }}">
  47.                                 {{ attribute(menuPhrases, 'memberships') }}
  48.                             </a>
  49.                             <hr class="my-2 mx-3">
  50.                             <a class="dropdown-item" href="/accelerator/">
  51.                                 Accelerator
  52.                             </a>
  53.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/rheinland-pitch') }}">
  54.                                 {{ attribute(menuPhrases, 'rheinland-pitch') }}
  55.                             </a>
  56.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/gruenderstipendium') }}">
  57.                                 {{ attribute(menuPhrases, 'gruenderstipendium') }}
  58.                             </a>
  59.                             {# Commented out as per product team request - DO NOT DELETE
  60.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/software') }}">
  61.                                 {{ attribute(menuPhrases, 'software') }}
  62.                             </a>
  63.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/startup-wiki') }}">
  64.                                 {{ attribute(menuPhrases, 'startup-wiki') }}
  65.                             </a>
  66.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/jobs') }}">
  67.                                 {{ attribute(menuPhrases, 'jobs') }}
  68.                             </a>
  69.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/sprechstunden') }}">
  70.                                 {{ attribute(menuPhrases, 'sprechstunden') }}
  71.                             </a>
  72.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/mentoring') }}">
  73.                                 {{ attribute(menuPhrases, 'mentoring') }}
  74.                             </a>
  75.                             #}
  77.                         </div>
  78.                     </li>
  81.                     <li class="nav-item dropdown active  mt-2 mr-2
  82.                        {% if lang == 'DE' %}
  83.                                 {% if 'fuer-unternehmen' in targetPath or '/fuer-unternehmen-1' in targetPath %}
  84.                                     highlight
  85.                                 {% endif %}
  86.                             {% else %}
  87.                                 {% if 'en/corporate-innovation' in targetPath or 'en/corporate-innovation-1' in targetPath%}
  88.                                     highlight
  89.                                 {% endif %}
  90.                             {% endif %}">
  91.                         <a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">
  92.                             {{ attribute(menuPhrases, 'corporate') }}
  93.                         </a>
  94.                         <div class="dropdown-menu dropdown-menu-left" aria-labelledby="navbarDropdownMenuLink">
  95.                             {# Commented out as per product team request - DO NOT DELETE
  96.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/corporate-innovation') }}">
  97.                                 {{ attribute(menuPhrases, 'corporate-0') }}
  98.                             </a>
  99.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/corporate-innovation-1') }}">
  100.                                 {{ attribute(menuPhrases, 'corporate-1') }}
  101.                             </a>
  102.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/corporate-innovation-2') }}">
  103.                                 {{ attribute(menuPhrases, 'corporate-2') }}
  104.                             </a>
  105.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/corporate-innovation-3') }}">
  106.                                 {{ attribute(menuPhrases, 'corporate-3') }}
  107.                             </a>
  108.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/corporate-innovation-4') }}">
  109.                                 {{ attribute(menuPhrases, 'corporate-4') }}
  110.                             </a>
  111.                             #}
  112.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/innovation-partnerschaften') }}">
  113.                                 {{ attribute(menuPhrases, 'innovation-partnerschaften') }}
  114.                             </a>
  115.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/ki-weiterbildung') }}">
  116.                                 {{ attribute(menuPhrases, 'ki-weiterbildung') }}
  117.                             </a>
  118.                         </div>
  119.                     </li>
  121.                     <li class="nav-item dropdown active  mt-2 mr-2">
  122.                         <a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">
  123.                             {{ attribute(menuPhrases, 'coworking-offices') }}
  124.                         </a>
  125.                         <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
  126.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/offices-cologne') }}">
  127.                                 {{ attribute(menuPhrases, 'offices-cologne') }}
  128.                             </a>
  129.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/offices-duesseldorf') }}">
  130.                                 {{ attribute(menuPhrases, 'offices-duesseldorf') }}
  131.                             </a>
  132.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/coworking-cologne') }}">
  133.                                 {{ attribute(menuPhrases, 'coworking-cologne') }}
  134.                             </a>
  135.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/coworking-duesseldorf') }}">
  136.                                 {{ attribute(menuPhrases, 'coworking-duesseldorf') }}
  137.                             </a>
  138.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/geschaeftsadresse-cologne') }}">
  139.                                 {{ attribute(menuPhrases, 'geschaeftsadresse-cologne') }}
  140.                             </a>
  141.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/geschaeftsadresse-duesseldorf') }}">
  142.                                 {{ attribute(menuPhrases, 'geschaeftsadresse-duesseldorf') }}
  143.                             </a>
  144.                         </div>
  145.                     </li>
  148.                     <li class="nav-item dropdown active  mt-2 mr-2">
  149.                         <a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">
  150.                             {{ attribute(menuPhrases, 'tagen') }}
  151.                         </a>
  152.                         <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
  153.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/tagungsraum-koeln') }}">
  154.                                 {{ attribute(menuPhrases, 'tagungsraum-koeln') }}
  155.                             </a>
  156.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/tagungsraum-dus') }}">
  157.                                 {{ attribute(menuPhrases, 'tagungsraum-dus') }}
  158.                             </a>
  160.                         </div>
  161.                     </li>
  164.                     <li class="nav-item active mt-2 mr-2
  165.                                 {% if 'events' in targetPath %}
  166.                                     highlight
  167.                                 {% endif %}">
  168.                         <a href="{{ attribute(menuLinks, '/events') }}" class="nav-link px-2">
  169.                             {{ attribute(menuPhrases, 'events') }}
  170.                         </a>
  171.                     </li>
  174.                     <li class="nav-item dropdown active  mt-2 mr-2
  175.                         {% if lang == 'DE' %}
  176.                                 {% if 'presse' in targetPath or 'standorte' in targetPath or 'startplatz-team' in targetPath
  177.                                 or 'partner' in targetPath or 'startups' in targetPath or 'jobs' in targetPath or 'software' in targetPath
  178.                                 or 'sprechstunden' in targetPath or 'referenzen' in targetPath or 'carrer' in targetPath %}
  179.                                     highlight
  180.                                 {% endif %}
  181.                             {% else %}
  182.                                 {% if '/en/presse' in targetPath or '/en/standorte' in targetPath or '/en/startplatz-team' in targetPath
  183.                                 or '/en/partner' in targetPath or '/en/startups' in targetPath or '/en/jobs' in targetPath or '/en/software' in targetPath
  184.                                 or '/en/sprechstunden' in targetPath or '/en/referenzen' in targetPath or '/en/carrer' in targetPath %}
  185.                                     highlight
  186.                                 {% endif %}
  187.                             {% endif %}">
  188.                         <a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">
  189.                             {{ attribute(menuPhrases, 'ueber-uns') }}
  190.                         </a>
  191.                         <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
  192.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/ueber-startplatz') }}">
  193.                                 {{ attribute(menuPhrases, 'ueber-startplatz') }}
  194.                             </a>
  195.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/standorte') }}">
  196.                                 {{ attribute(menuPhrases, 'standorte') }}
  197.                             </a>
  198.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/startplatz-team') }}">
  199.                                 {{ attribute(menuPhrases, 'startplatz-team') }}
  200.                             </a>
  201.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/partner') }}">
  202.                                 {{ attribute(menuPhrases, 'partner') }}
  203.                             </a>
  204.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/startups') }}">
  205.                                 {{ attribute(menuPhrases, 'startups') }}
  206.                             </a>
  207.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/referenzen') }}">
  208.                                 {{ attribute(menuPhrases, 'referenzen') }}
  209.                             </a>
  210.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/career') }}">
  211.                                 {{ attribute(menuPhrases, 'career') }}
  212.                             </a>
  214.                         </div>
  215.                     </li>
  217.                     <li class="nav-item active  mt-2 mr-2">
  218.                         <a class="nav-link px-2" href="{{ attribute(menuLinks, '/blog') }}">
  219.                             {{ attribute(menuPhrases, 'blog') }}
  220.                         </a>
  221.                     </li>
  223.                     <li class="nav-item mt-2 mr-2">
  224.                     {% include "@StartPlatzStyleBundle/Navigation/_nav.pick.language.html.twig" %}
  225.                     </li>
  227.                     {% if app.user %}
  229.                         <li class="nav-item dropdown rounded-lg border-0 text-black active p-0 ml-md-3 ml-lg-3 m-0 mt-1 mb-2">
  230.                             {% if app.user.username is defined %}
  231.                                 <span id="imgNav" class="text-center  rounded-circle bg-light d-none d-lg-block">
  232.                                     <img    class="text-dark rounded-circle img-thumbnail d-block mx-auto bg-secondary shadow-inner m-0 p-0 border-light"
  233.                                             src="{{ app.user.member.imageLink }}"
  234.                                             alt=""
  235.                                             style="width: 100% ; height: 100%">
  236.                             </span>
  238.                                 <a href="#" class="nav-link dropdown-toggle px-2  ml-0 d-block d-md-none" id="navbarDropdownMenuLink" data-toggle="dropdown">
  239.                                     <i class="fas fa-user pr-1"></i>
  240.                                     <span class="px-1">{{ app.user }}</span>
  241.                                 </a>
  243.                             {% endif %}
  245.                             <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
  247.                                 <a class="dropdown-item" id="userNamePlaceHolder" >
  248.                                     {{ app.user.username }}
  249.                                 </a>
  251.                                 <a class="dropdown-item" href="{{ path('connect_member_show') }}">
  252.                                     My Profile
  253.                                 </a>
  255.                                 <a class="dropdown-item" href="{{ path('x_home') }}">
  256.                                     SP-Connect
  257.                                 </a>
  259.                                 {% if is_granted('ROLE_ADMIN') %}
  260.                                     <a class="dropdown-item" href="{{ path('allmeda_home') }}">
  261.                                         Allmeda
  262.                                     </a>
  263.                                 {% endif %}
  264.                                 <div class="dropdown-divider"></div>
  265.                                 <a class="dropdown-item" href="{{ path('logout') }}">
  266.                                     Logout
  267.                                 </a>
  268.                             </div>
  269.                         </li>
  270.                     {% else %}
  271.                         <li class="nav-item active p-0 m-0 ml-lg-4 mt-2">
  272.                             <a class="nav-link px-3"
  273.                                style="background-color:#7ab800; border-radius: 5px;"
  274.                                href="{{ path('login') }}">
  275.                                 Login
  276.                             </a>
  277.                         </li>
  278.                     {% endif %}
  279.                 </ul>
  280.         </div>
  281. </nav>
  283. <!-- homepage nav.homepage.bootstrap4 ends -->