templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7. <title>{% block title %}Welcome{% endblock %}</title>
  8. {% block stylesheets %}
  9. {{ encore_entry_link_tags('app') }}
  10. <link rel="stylesheet" href="https://use.typekit.net/fdo2ytl.css">
  11. {% endblock %}
  13. {% block javascripts %}
  14. {{ encore_entry_script_tags('app') }}
  15. {% endblock %}
  16. </head>
  17. <body id="{% block pageId %}none{% endblock %}" data-bs-spy="scroll" data-bs-target="#main_navbar" data-bs-offset="240" tabindex="0">
  18. <section class="content-wrapper">
  19. <header id="main_header" class="sticky-top">
  20. <div id="hdr_bkgrnd">
  21. <!-- User Menu Wrapper -->
  22. <div class="user-menu-wrapper my-auto w-1200">
  23. <!-- User Menu -->
  24. <ul class="nav nav-pills me-auto mb-0 justify-content-end">
  25. {% if logged_in is defined and logged_in %}
  26. <li class="nav-item">
  27. <a class="nav-link" href="{{ path('reference_library') }}">
  28. Reference Library
  29. </a>
  30. </li>
  31. <li class="navbar-text logged-in dropdown-toggle" id="dropdownMenuLink"
  32. data-bs-toggle="dropdown" aria-expanded="false">Welcome, {{ user.username|split(' ')[0] }}</li>
  33. <ul class="dropdown-menu" aria-labelledby="dropdownMenuLink">
  34. <li><a class="dropdown-item" href="{{ path('api_logout') }}">Logout</a></li>
  35. </ul>
  36. {% else %}
  37. <li class="nav-item login">
  38. <a class="nav-link" data-bs-toggle="modal" data-bs-target="#modalLogin">Login</a>
  39. </li>
  40. {% endif %}
  41. </ul>
  42. <!-- User Menu -->
  43. </div>
  44. <!-- User Menu Wrapper -->
  45. <!-- Jumbotron -->
  46. <div class="header-wrapper text-center">
  47. <a class="logo-link w-auto" href="{{ path('home') }}">
  48. <img alt="logo" height="125" src="{{ asset('build/images/Dairy-Office-Logo-1500px.png') }}">
  49. </a>
  50. <!-- Navbar -->
  51. <nav id="main_navbar" class="navbar navbar-default navbar-fixed-top">
  52. <ul class="nav nav-pills mx-auto nav-fill">
  53. {% block main_navbar %}
  54. <li class="nav-item">
  55. <a class="nav-link" aria-current="page" href="{{ path('home') }}#home">Home</a>
  56. </li>
  57. <li class="nav-item">
  58. <a class="nav-link" href="{{ path('home') }}#platform">Platform</a>
  59. </li>
  60. <li class="nav-item">
  61. <a class="nav-link" href="{{ path('home') }}#features">Features</a>
  62. </li>
  63. <li class="nav-item">
  64. <a class="nav-link" href="{{ path('home') }}#getting_started">Getting Started</a>
  65. </li>
  66. <li class="nav-item">
  67. <a class="nav-link" href="{{ path('home') }}#contact">Contact</a>
  68. </li>
  69. {% endblock %}
  70. </ul>
  71. </nav>
  72. <!-- Navbar -->
  73. </div>
  74. <!-- Jumbotron -->
  75. </div>
  76. </header>
  78. {% for label, messages in app.flashes %}
  79. {% for message in messages %}
  80. <div class="alert alert-{{ label }} w-50 mx-auto mt-2 text-center">
  81. {% if message is iterable %}
  82. {{ message|last }}
  83. {% else %}
  84. {{ message }}
  85. {% endif %}
  86. </div>
  87. {% endfor %}
  88. {% endfor %}
  89. <div id="main_content" class="main-content w-100">
  90. {% block body %}{% endblock %}
  91. </div>
  92. <!-- Modal -->
  93. <div class="modal fade" id="modalLogin" tabindex="-1" aria-labelledby="loginModalLabel" aria-hidden="true">
  94. <div class="modal-dialog">
  95. <div class="modal-content">
  96. <div class="modal-header">
  97. <h5 class="modal-title" id="loginModalLabel">Login</h5>
  98. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  99. </div>
  100. <div class="modal-body">
  101. <form method="POST" action="{{ path('api_login') }}">
  102. <div class="mb-3">
  103. <label for="username" class="form-label">Email Address</label>
  104. <input type="text" class="form-control" id="username" name="username" placeholder="Username" />
  105. </div>
  106. <div class="mb-3">
  107. <label for="password" class="form-label">Password</label>
  108. <input type="password" class="form-control" id="password" name="password" placeholder="Password" />
  109. </div>
  110. <div class="mb-3 form-check">
  111. <input type="checkbox" class="form-check-input" id="rememberMe" />
  112. <label class="form-check-label" for="rememberMe">Remember me</label>
  113. </div>
  114. <div class="modal-footer d-block">
  115. <button type="submit" class="btn btn-warning float-end">Submit</button>
  116. </div>
  117. </form>
  118. </div>
  119. </div>
  120. </div>
  121. </div>
  122. {% if token is defined %}
  123. <input type="hidden" id="token" value="{{ token }}" />
  124. {% endif %}
  125. </section>
  126. <footer id="main_footer">
  127. <section class="container">
  128. <div class="row">
  129. <div class="col-md-4 text-center fw-bold fst-italic my-auto text-uppercase poweredby-wrapper">
  130. Powered by <img class="dairy-api-logo" alt="dairy-api-logo" src="{{ asset('build/images/Dairy-API-Logo-110x1115.png') }}">
  131. </div>
  132. <div class="col-md-4 text-center my-auto">
  133. <a class="email-link" href="mailto:info@dairyoffice.com">info@DairyOffice.com</a>
  134. </div>
  135. <div class="col-md-4 text-center my-auto">
  136. <img class="facticity-logo" alt="facticity-logo" src="{{ asset('build/images/facticity-logo.png') }}">
  137. </div>
  138. </div>
  139. </section>
  140. </footer>
  141. </body>
  142. </html>