www.aleph1.co.uk Git - yaffs-website/blob - web/themes/custom/yaffs/templates/page--node--487.html.twig

   1 {#
   2 /**
   3  * @file
   4  * Default theme implementation 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  * Navigation:
  24  * - breadcrumb: The breadcrumb trail for the current page.
  25  *
  26  * Page content (in order of occurrence in the default page.html.twig):
  27  * - title_prefix: Additional output populated by modules, intended to be
  28  *   displayed in front of the main title tag that appears in the template.
  29  * - title: The page title, for use in the actual content.
  30  * - title_suffix: Additional output populated by modules, intended to be
  31  *   displayed after the main title tag that appears in the template.
  32  * - messages: Status and error messages. Should be displayed prominently.
  33  * - tabs: Tabs linking to any sub-pages beneath the current page (e.g., the
  34  *   view and edit tabs when displaying a node).
  35  * - action_links: Actions local to the page, such as "Add menu" on the menu
  36  *   administration interface.
  37  * - node: Fully loaded node, if there is an automatically-loaded node
  38  *   associated with the page and the node ID is the second argument in the
  39  *   page's path (e.g. node/12345 and node/12345/revisions, but not
  40  *   comment/reply/12345).
  41  *
  42  * Regions:
  43  * - page.header: Items for the header region.
  44  * - page.navigation: Items for the navigation region.
  45  * - page.navigation_collapsible: Items for the navigation (collapsible) region.
  46  * - page.highlighted: Items for the highlighted content region.
  47  * - page.help: Dynamic help text, mostly for admin pages.
  48  * - page.content: The main content of the current page.
  49  * - page.sidebar_first: Items for the first sidebar.
  50  * - page.sidebar_second: Items for the second sidebar.
  51  * - page.footer: Items for the footer region.
  52  *
  53  * @ingroup templates
  54  *
  55  * @see template_preprocess_page()
  56  * @see html.html.twig
  57  */
  58 #}
  59 {% set container = theme.settings.fluid_container ? 'container-fluid' : 'container' %}
  60 {# Navbar #}
  61 {% if page.navigation or page.navigation_collapsible %}
  62   {% block navbar %}
  63     {%
  64       set navbar_classes = [
  65         'navbar',
  66         theme.settings.navbar_inverse ? 'navbar-inverse' : 'navbar-default',
  67         theme.settings.navbar_position ? 'navbar-' ~ theme.settings.navbar_position|clean_class : container,
  68       ]
  69     %}
  70     <header{{ navbar_attributes.addClass(navbar_classes) }} id="navbar" role="banner">
  71       {% if not navbar_attributes.hasClass('container') %}
  72         <div class="{{ container }}">
  73       {% endif %}
  74       <div class="navbar-header">
  75         {{ page.navigation }}
  76         {# .btn-navbar is used as the toggle for collapsed navbar content #}
  77         {% if page.navigation_collapsible %}
  78           <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
  79             <span class="sr-only">{{ 'Toggle navigation'|t }}</span>
  80             <span class="icon-bar"></span>
  81             <span class="icon-bar"></span>
  82             <span class="icon-bar"></span>
  83           </button>
  84         {% endif %}
  85       </div>
  86
  87       {# Navigation (collapsible) #}
  88       {% if page.navigation_collapsible %}
  89         <div id="navbar-collapse" class="navbar-collapse collapse">
  90           {{ page.navigation_collapsible }}
  91         </div>
  92       {% endif %}
  93       {% if not navbar_attributes.hasClass('container') %}
  94         </div>
  95       {% endif %}
  96     </header>
  97   {% endblock %}
  98 {% endif %}
  99
 100 {# Main #}
 101 {% block main %}
 102   <div role="main" class="main-container {{ container }} js-quickedit-main-content">
 103     <div class="row">
 104
 105       {# Header #}
 106       {% if page.header %}
 107         {% block header %}
 108           <div class="col-sm-12" role="heading">
 109             {{ page.header }}
 110           </div>
 111         {% endblock %}
 112       {% endif %}
 113
 114       {# Sidebar First #}
 115       {% if page.sidebar_first %}
 116         {% block sidebar_first %}
 117           <aside class="col-sm-3" role="complementary">
 118             {{ page.sidebar_first }}
 119           </aside>
 120         {% endblock %}
 121       {% endif %}
 122
 123       {# Content #}
 124       {%
 125         set content_classes = [
 126           page.sidebar_first and page.sidebar_second ? 'col-sm-6',
 127           page.sidebar_first and page.sidebar_second is empty ? 'col-sm-9',
 128           page.sidebar_second and page.sidebar_first is empty ? 'col-sm-9',
 129           page.sidebar_first is empty and page.sidebar_second is empty ? 'col-sm-12'
 130         ]
 131       %}
 132       <section{{ content_attributes.addClass(content_classes) }}>
 133
 134         {# Highlighted #}
 135         {% if page.highlighted %}
 136           {% block highlighted %}
 137             <div class="highlighted">{{ page.highlighted }}</div>
 138           {% endblock %}
 139         {% endif %}
 140
 141         {# Breadcrumbs #}
 142         {% if breadcrumb %}
 143           {% block breadcrumb %}
 144             {{ breadcrumb }}
 145           {% endblock %}
 146         {% endif %}
 147
 148         {# Action Links #}
 149         {% if action_links %}
 150           {% block action_links %}
 151             <ul class="action-links">{{ action_links }}</ul>
 152           {% endblock %}
 153         {% endif %}
 154
 155         {# Help #}
 156         {% if page.help %}
 157           {% block help %}
 158             {{ page.help }}
 159           {% endblock %}
 160         {% endif %}
 161
 162         {# Content #}
 163         {% block content %}
 164           <a id="main-content"></a>
 165           {{ page.content }}
 166         {% endblock %}
 167
 168         {% if page.front_highlight_1 or
 169               page.front_highlight_2 or
 170               page.front_highlight_3
 171         %}
 172           {% block front_highlight %}
 173             <div class="front_highlight row">
 174               <div class="col-sm-4">
 175                   {{ page.front_highlight_1 }}
 176               </div>
 177               <div class="col-sm-4">
 178                   {{ page.front_highlight_2 }}
 179               </div>
 180               <div class="col-sm-4">
 181                   {{ page.front_highlight_3 }}
 182               </div>
 183             </div>
 184           {% endblock %}
 185         {% endif %}
 186       </section>
 187
 188       {# Sidebar Second #}
 189       {% if page.sidebar_second %}
 190         {% block sidebar_second %}
 191           <aside class="col-sm-3" role="complementary">
 192             {{ page.sidebar_second }}
 193           </aside>
 194         {% endblock %}
 195       {% endif %}
 196     </div>
 197   </div>
 198 {% endblock %}
 199
 200 {% block front_pane_1 %}
 201   <div class="container-fluid front-pane-1">
 202     {# <div style="highlightlink">Linkyohoh1</div>#}
 203     <div class="{{ container }}">
 204         {{ page.front_pane_1 }}
 205     </div>
 206   </div>
 207 {% endblock %}
 208
 209 {% block front_pane_2 %}
 210   <div class="container-fluid front-pane-2">
 211     {# <div style="highlightlink">Linkyohoh2</div>#}
 212     <div class="{{ container }}">
 213         {{ page.front_pane_2 }}
 214     </div>
 215   </div>
 216 {% endblock %}
 217
 218 {% block front_pane_3 %}
 219   <div class="container-fluid front-pane-3">
 220     {# <div style="highlightlink">Linkyohoh3</div>#}
 221     <div class="{{ container }}">
 222         {{ page.front_pane_3 }}
 223     </div>
 224   </div>
 225 {% endblock %}
 226
 227 {% block front_pane_4 %}
 228   <div class="container-fluid front-pane-4">
 229     {# <div style="highlightlink">Linkyoho4</div>#}
 230     <div class="{{ container }}" >
 231         {{ page.front_pane_4 }}
 232     </div>
 233   </div>
 234 {% endblock %}
 235
 236 {% block front_pane_5 %}
 237     <div class="container-fluid front-pane-5">
 238         {# <div style="highlightlink">Linkyoho5</div>#}
 239         <div class="{{ container }}" >
 240             {{ page.front_pane_5 }}
 241         </div>
 242     </div>
 243 {% endblock %}
 244
 245 {% if page.footer %}
 246   {% block footer %}
 247     <footer class="footer {{ container }}" role="contentinfo">
 248         <div class="primary_footer row">
 249             <div class="col-sm-3">
 250                 {{ page.footer_col1 }}
 251             </div>
 252             <div class="col-sm-3">
 253                 {{ page.footer_col2 }}
 254             </div>
 255             <div class="col-sm-3">
 256                 {{ page.footer_col3 }}
 257             </div>
 258             <div class="col-sm-3">
 259                 {{ page.footer_col4 }}
 260             </div>
 261         </div>
 262         <div class = "secondary_footer row">
 263             <div class="col-sm-12">
 264               {{ page.footer }}
 265             </div>
 266         </div>
 267     </footer>
 268   {% endblock %}
 269 {% endif %}