base.html.twig 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. {% block meta %}
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. {% endblock %}
  8. <title>
  9. {% block title %}{% endblock %}
  10. </title>
  11. {% block stylesheets %}
  12. <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@800&family=Open+Sans&display=swap" rel="stylesheet">
  13. <link rel='stylesheet' type='text/css' href="{{ asset('assets/css/base.css') }}" media="screen and (min-width: 1300px)">
  14. <link rel='stylesheet' type='text/css' href="{{ asset('assets/css/base_mid.css') }}" media="screen and (max-width: 1300px)">
  15. <link rel='stylesheet' type='text/css' href="{{ asset('assets/css/base_small.css') }}" media="screen and (max-width: 750px)">
  16. <link rel='stylesheet' type='text/css' href="{{ asset('assets/css/reset.css') }}">
  17. {% endblock %}
  18. </head>
  19. <body>
  20. {% block icons %}
  21. <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  22. <defs>
  23. <symbol id="icon-attach" viewbox="0 0 32 32">
  24. {{ source('@public_path'~asset('assets/icons/attach.svg')) }}
  25. </symbol>
  26. <symbol id="icon-heart" viewbox="0 0 32 32">
  27. {{ source('@public_path/assets/icons/heart.svg') }}
  28. </symbol>
  29. <symbol id="icon-logo" viewbox="0 0 32 32">
  30. {{ source('@public_path/assets/icons/logo.svg') }}
  31. </symbol>
  32. <symbol id="icon-drop" viewbox="0 0 32 32">
  33. {{ source('@public_path/assets/icons/drop.svg') }}
  34. </symbol>
  35. <symbol id="icon-reply" viewbox="0 0 32 32">
  36. {{ source('@public_path/assets/icons/reply.svg') }}
  37. </symbol>
  38. <symbol id="icon-menu" viewbox="0 0 32 32">
  39. {{ source('@public_path/assets/icons/menu.svg') }}
  40. </symbol>
  41. <symbol id="icon-repeat" viewbox="0 0 32 32">
  42. {{ source('@public_path/assets/icons/repeat.svg') }}
  43. </symbol>
  44. <symbol id="icon-search" viewbox="0 0 32 32">
  45. {{ source('@public_path/assets/icons/search.svg') }}
  46. </symbol>
  47. <symbol id="icon-avatar" viewbox="0 0 32 32">
  48. {{ source('@public_path/assets/icons/avatar.svg') }}
  49. </symbol>
  50. <symbol id="icon-checkmark" viewbox="0 0 32 32">
  51. {{ source('@public_path/assets/icons/checkmark.svg') }}
  52. </symbol>
  53. </defs>
  54. </svg>
  55. {% endblock %}
  56. <div class="container">
  57. {% block header %}
  58. <div id='header'>
  59. <div id='top'>
  60. {% block left %}
  61. {% endblock left %}
  62. <nav id='instance'>
  63. <a href="{{ path('main_public') }}">
  64. <svg class="icon icon-logo">
  65. <use xlink:href="#icon-logo"></use>
  66. </svg>
  67. <b> {{ config('site', 'name') }} </b>
  68. </a>
  69. </nav>
  70. <div id="right-panel">
  71. <input type="checkbox" id="toggle-right" class="larger">
  72. <div class="arrow right">
  73. <label for="toggle-right" id='right-panel'></label>
  74. </div>
  75. <div class='rss'>
  76. <div>
  77. </div>
  78. </div>
  79. </div>
  80. </div>
  81. </div>
  82. {% endblock header%}
  83. {% block nav %}{% endblock %}
  84. {% block body %}{% endblock %}
  85. {% block javascripts %}{% endblock javascripts%}
  86. </div>
  87. </body>
  88. </html>