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="https://accelerator.startplatz.de">
  51.                                 Accelerator
  52.                             </a>
  53.                             {# Commented out as per product team request - DO NOT DELETE
  54.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/gruenderstipendium') }}">
  55.                                 {{ attribute(menuPhrases, 'gruenderstipendium') }}
  56.                             </a>
  57.                             #}
  58.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/rheinland-pitch') }}">
  59.                                 {{ attribute(menuPhrases, 'rheinland-pitch') }}
  60.                             </a>
  61.                             {# Commented out as per product team request - DO NOT DELETE
  62.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/software') }}">
  63.                                 {{ attribute(menuPhrases, 'software') }}
  64.                             </a>
  65.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/startup-wiki') }}">
  66.                                 {{ attribute(menuPhrases, 'startup-wiki') }}
  67.                             </a>
  68.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/jobs') }}">
  69.                                 {{ attribute(menuPhrases, 'jobs') }}
  70.                             </a>
  71.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/sprechstunden') }}">
  72.                                 {{ attribute(menuPhrases, 'sprechstunden') }}
  73.                             </a>
  74.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/mentoring') }}">
  75.                                 {{ attribute(menuPhrases, 'mentoring') }}
  76.                             </a>
  77.                             #}
  79.                         </div>
  80.                     </li>
  83.                     <li class="nav-item dropdown active  mt-2 mr-2
  84.                        {% if lang == 'DE' %}
  85.                                 {% if 'fuer-unternehmen' in targetPath or '/fuer-unternehmen-1' in targetPath %}
  86.                                     highlight
  87.                                 {% endif %}
  88.                             {% else %}
  89.                                 {% if 'en/corporate-innovation' in targetPath or 'en/corporate-innovation-1' in targetPath%}
  90.                                     highlight
  91.                                 {% endif %}
  92.                             {% endif %}">
  93.                         <a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">
  94.                             {{ attribute(menuPhrases, 'corporate') }}
  95.                         </a>
  96.                         <div class="dropdown-menu dropdown-menu-left" aria-labelledby="navbarDropdownMenuLink">
  97.                             {# Commented out as per product team request - DO NOT DELETE
  98.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/corporate-innovation') }}">
  99.                                 {{ attribute(menuPhrases, 'corporate-0') }}
  100.                             </a>
  101.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/corporate-innovation-1') }}">
  102.                                 {{ attribute(menuPhrases, 'corporate-1') }}
  103.                             </a>
  104.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/corporate-innovation-2') }}">
  105.                                 {{ attribute(menuPhrases, 'corporate-2') }}
  106.                             </a>
  107.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/corporate-innovation-3') }}">
  108.                                 {{ attribute(menuPhrases, 'corporate-3') }}
  109.                             </a>
  110.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/corporate-innovation-4') }}">
  111.                                 {{ attribute(menuPhrases, 'corporate-4') }}
  112.                             </a>
  113.                             #}
  114.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/innovation-partnerschaften') }}">
  115.                                 {{ attribute(menuPhrases, 'innovation-partnerschaften') }}
  116.                             </a>
  117.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/ki-weiterbildung') }}">
  118.                                 {{ attribute(menuPhrases, 'ki-weiterbildung') }}
  119.                             </a>
  120.                         </div>
  121.                     </li>
  123.                     <li class="nav-item dropdown active  mt-2 mr-2">
  124.                         <a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">
  125.                             {{ attribute(menuPhrases, 'coworking-offices') }}
  126.                         </a>
  127.                         <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
  128.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/offices-cologne') }}">
  129.                                 {{ attribute(menuPhrases, 'offices-cologne') }}
  130.                             </a>
  131.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/offices-duesseldorf') }}">
  132.                                 {{ attribute(menuPhrases, 'offices-duesseldorf') }}
  133.                             </a>
  134.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/coworking-cologne') }}">
  135.                                 {{ attribute(menuPhrases, 'coworking-cologne') }}
  136.                             </a>
  137.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/coworking-duesseldorf') }}">
  138.                                 {{ attribute(menuPhrases, 'coworking-duesseldorf') }}
  139.                             </a>
  140.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/geschaeftsadresse-cologne') }}">
  141.                                 {{ attribute(menuPhrases, 'geschaeftsadresse-cologne') }}
  142.                             </a>
  143.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/geschaeftsadresse-duesseldorf') }}">
  144.                                 {{ attribute(menuPhrases, 'geschaeftsadresse-duesseldorf') }}
  145.                             </a>
  146.                         </div>
  147.                     </li>
  150.                     <li class="nav-item dropdown active  mt-2 mr-2">
  151.                         <a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">
  152.                             {{ attribute(menuPhrases, 'tagen') }}
  153.                         </a>
  154.                         <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
  155.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/tagungsraum-koeln') }}">
  156.                                 {{ attribute(menuPhrases, 'tagungsraum-koeln') }}
  157.                             </a>
  158.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/tagungsraum-dus') }}">
  159.                                 {{ attribute(menuPhrases, 'tagungsraum-dus') }}
  160.                             </a>
  162.                         </div>
  163.                     </li>
  166.                     <li class="nav-item active mt-2 mr-2
  167.                                 {% if 'events' in targetPath %}
  168.                                     highlight
  169.                                 {% endif %}">
  170.                         <a href="{{ attribute(menuLinks, '/events') }}" class="nav-link px-2">
  171.                             {{ attribute(menuPhrases, 'events') }}
  172.                         </a>
  173.                     </li>
  176.                     <li class="nav-item dropdown active  mt-2 mr-2
  177.                         {% if lang == 'DE' %}
  178.                                 {% if 'presse' in targetPath or 'standorte' in targetPath or 'startplatz-team' in targetPath
  179.                                 or 'partner' in targetPath or 'startups' in targetPath or 'jobs' in targetPath or 'software' in targetPath
  180.                                 or 'sprechstunden' in targetPath or 'referenzen' in targetPath or 'carrer' in targetPath %}
  181.                                     highlight
  182.                                 {% endif %}
  183.                             {% else %}
  184.                                 {% if '/en/presse' in targetPath or '/en/standorte' in targetPath or '/en/startplatz-team' in targetPath
  185.                                 or '/en/partner' in targetPath or '/en/startups' in targetPath or '/en/jobs' in targetPath or '/en/software' in targetPath
  186.                                 or '/en/sprechstunden' in targetPath or '/en/referenzen' in targetPath or '/en/carrer' in targetPath %}
  187.                                     highlight
  188.                                 {% endif %}
  189.                             {% endif %}">
  190.                         <a href="#" class="nav-link px-2 dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">
  191.                             {{ attribute(menuPhrases, 'ueber-uns') }}
  192.                         </a>
  193.                         <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
  194.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/ueber-startplatz') }}">
  195.                                 {{ attribute(menuPhrases, 'ueber-startplatz') }}
  196.                             </a>
  197.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/standorte') }}">
  198.                                 {{ attribute(menuPhrases, 'standorte') }}
  199.                             </a>
  200.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/startplatz-team') }}">
  201.                                 {{ attribute(menuPhrases, 'startplatz-team') }}
  202.                             </a>
  203.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/partner') }}">
  204.                                 {{ attribute(menuPhrases, 'partner') }}
  205.                             </a>
  206.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/startups') }}">
  207.                                 {{ attribute(menuPhrases, 'startups') }}
  208.                             </a>
  209.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/referenzen') }}">
  210.                                 {{ attribute(menuPhrases, 'referenzen') }}
  211.                             </a>
  212.                             <a class="dropdown-item" href="{{ attribute(menuLinks, '/career') }}">
  213.                                 {{ attribute(menuPhrases, 'career') }}
  214.                             </a>
  216.                         </div>
  217.                     </li>
  219.                     <li class="nav-item active  mt-2 mr-2">
  220.                         <a class="nav-link px-2" href="{{ attribute(menuLinks, '/blog') }}">
  221.                             {{ attribute(menuPhrases, 'blog') }}
  222.                         </a>
  223.                     </li>
  225.                     <li class="nav-item mt-2 mr-2">
  226.                     {% include "@StartPlatzStyleBundle/Navigation/_nav.pick.language.html.twig" %}
  227.                     </li>
  229.                     {% if app.user %}
  231.                         <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">
  232.                             {% if app.user.username is defined %}
  233.                                 <span id="imgNav" class="text-center  rounded-circle bg-light d-none d-lg-block">
  234.                                     <img    class="text-dark rounded-circle img-thumbnail d-block mx-auto bg-secondary shadow-inner m-0 p-0 border-light"
  235.                                             src="{{ app.user.member.imageLink }}"
  236.                                             alt=""
  237.                                             style="width: 100% ; height: 100%">
  238.                             </span>
  240.                                 <a href="#" class="nav-link dropdown-toggle px-2  ml-0 d-block d-md-none" id="navbarDropdownMenuLink" data-toggle="dropdown">
  241.                                     <i class="fas fa-user pr-1"></i>
  242.                                     <span class="px-1">{{ app.user }}</span>
  243.                                 </a>
  245.                             {% endif %}
  247.                             <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
  249.                                 <a class="dropdown-item" id="userNamePlaceHolder" >
  250.                                     {{ app.user.username }}
  251.                                 </a>
  253.                                 <a class="dropdown-item" href="{{ path('x_connect_member_show') }}">
  254.                                     My Profile
  255.                                 </a>
  257.                                 <a class="dropdown-item" href="{{ path('x_home') }}">
  258.                                     SP-Connect
  259.                                 </a>
  261.                                 {% if is_granted('ROLE_ADMIN') %}
  262.                                     <a class="dropdown-item" href="{{ path('allmeda_home') }}">
  263.                                         Allmeda
  264.                                     </a>
  265.                                 {% endif %}
  266.                                 <div class="dropdown-divider"></div>
  267.                                 <a class="dropdown-item" href="{{ path('logout') }}">
  268.                                     Logout
  269.                                 </a>
  270.                             </div>
  271.                         </li>
  272.                     {% else %}
  273.                         <li class="nav-item active p-0 m-0 ml-lg-4 mt-2">
  274.                             <a class="nav-link px-3"
  275.                                style="background-color:#7ab800; border-radius: 5px;"
  276.                                href="{{ path('login') }}">
  277.                                 Login
  278.                             </a>
  279.                         </li>
  280.                     {% endif %}
  281.                 </ul>
  282.         </div>
  283. </nav>
  285. <!-- homepage nav.homepage.bootstrap4 ends -->