page.html.twig 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. {#
  2. /**
  3. * @file
  4. * Theme override to display a single page.
  5. *
  6. * The doctype, html, head and body tags are not in this template. Instead they
  7. * can be found in the html.html.twig template in this directory.
  8. *
  9. * Available variables:
  10. *
  11. * General utility variables:
  12. * - base_path: The base URL path of the Drupal installation. Will usually be
  13. * "/" unless you have installed Drupal in a sub-directory.
  14. * - is_front: A flag indicating if the current page is the front page.
  15. * - logged_in: A flag indicating if the user is registered and signed in.
  16. * - is_admin: A flag indicating if the user has permission to access
  17. * administration pages.
  18. *
  19. * Site identity:
  20. * - front_page: The URL of the front page. Use this instead of base_path when
  21. * linking to the front page. This includes the language domain or prefix.
  22. *
  23. * Page content (in order of occurrence in the default page.html.twig):
  24. * - node: Fully loaded node, if there is an automatically-loaded node
  25. * associated with the page and the node ID is the second argument in the
  26. * page's path (e.g. node/12345 and node/12345/revisions, but not
  27. * comment/reply/12345).
  28. *
  29. * Regions:
  30. * - page.header: Items for the header region.
  31. * - page.highlighted: Items for the highlighted content region.
  32. * - page.content: The main content of the current page.
  33. * - page.footer: Items for the footer region.
  34. *
  35. * @see template_preprocess_page()
  36. * @see html.html.twig
  37. */
  38. #}
  39. {# <div class="layout-container"> #}
  40. <header role="banner">
  41. <div class="wrapper row">
  42. {{ page.header }}
  43. <div class="header-block header-left col-4">
  44. {% if page.header_left %}
  45. <div class="header-block-wrapper">
  46. {{ page.header_left}}
  47. </div>
  48. {% endif %}
  49. </div>
  50. <div class="header-block header-right col-8">
  51. <label for="header-block-right-toggle">&#9776;</label>
  52. <input type="checkbox" id="header-block-right-toggle"/>
  53. {% if page.header_right %}
  54. <div class="header-block-wrapper">
  55. {{ page.header_right}}
  56. </div>
  57. {% endif %}
  58. </div>
  59. </div>
  60. <div id="header-bottom" class="wrapper">
  61. {{ page.header_bottom}}
  62. </div>
  63. </header>
  64. <main role="main">
  65. <div class="scroller">
  66. <div class="wrapper">
  67. <div id="content-left">
  68. {% if page.content_left %}
  69. {{ page.content_left }}
  70. {% endif %}
  71. </div>
  72. <div id="content-center">
  73. {% if page.content.messages %}
  74. <aside class="messages">
  75. {{ page.content.messages }}
  76. </aside>
  77. {% endif %}
  78. <div id="content-top">
  79. {{ page.content_top }}
  80. </div>
  81. <div id="main-content">
  82. {{ page.content|without('messages') }}
  83. </div>{# /.layout-content #}
  84. </div>
  85. </div>
  86. </div>
  87. </main>
  88. {% if page.footer_left or page.footer_center or page.footer_right %}
  89. <footer role="contentinfo">
  90. <div class="wrapper">
  91. {{ page.footer_left }}
  92. {{ page.footer_center }}
  93. {{ page.footer_right }}
  94. </div>
  95. </footer>
  96. {% endif %}
  97. {#</div> /.layout-container #}