templates/html.html.twig

   1 {#
   2 /**
   3  * @file
   4  * Default theme implementation to display the basic html structure of a single
   5  * Drupal page.
   6  *
   7  * Variables:
   8  * - $css: An array of CSS files for the current page.
   9  * - $language: (object) The language the site is being displayed in.
  10  *   $language->language contains its textual representation.
  11  *   $language->dir contains the language direction. It will either be 'ltr' or
  12  *   'rtl'.
  13  * - $rdf_namespaces: All the RDF namespace prefixes used in the HTML document.
  14  * - $grddl_profile: A GRDDL profile allowing agents to extract the RDF data.
  15  * - $head_title: A modified version of the page title, for use in the TITLE
  16  *   tag.
  17  * - $head_title_array: (array) An associative array containing the string parts
  18  *   that were used to generate the $head_title variable, already prepared to be
  19  *   output as TITLE tag. The key/value pairs may contain one or more of the
  20  *   following, depending on conditions:
  21  *   - title: The title of the current page, if any.
  22  *   - name: The name of the site.
  23  *   - slogan: The slogan of the site, if any, and if there is no title.
  24  * - $head: Markup for the HEAD section (including meta tags, keyword tags, and
  25  *   so on).
  26  * - $styles: Style tags necessary to import all CSS files for the page.
  27  * - $scripts: Script tags necessary to load the JavaScript files and settings
  28  *   for the page.
  29  * - $page_top: Initial markup from any modules that have altered the
  30  *   page. This variable should always be output first, before all other dynamic
  31  *   content.
  32  * - $page: The rendered page content.
  33  * - $page_bottom: Final closing markup from any modules that have altered the
  34  *   page. This variable should always be output last, after all other dynamic
  35  *   content.
  36  * - $classes String of classes that can be used to style contextually through
  37  *   CSS.
  38  *
  39  * @ingroup templates
  40  *
  41  * @see bootstrap_preprocess_html()
  42  * @see template_preprocess()
  43  * @see template_preprocess_html()
  44  * @see template_process()
  45  */
  46 #}
  47 {%
  48   set body_classes = [
  49     logged_in ? 'user-logged-in',
  50     not root_path ? 'path-frontpage' : 'path-' ~ root_path|clean_class,
  51     node_type ? 'page-node-type-' ~ node_type|clean_class,
  52     db_offline ? 'db-offline',
  53     theme.settings.navbar_position ? 'navbar-is-' ~ theme.settings.navbar_position,
  54     theme.has_glyphicons ? 'has-glyphicons',
  55   ]
  56 %}
  57 <!DOCTYPE html>
  58 <html {{ html_attributes }}>
  59   <head>
  60     <head-placeholder token="{{ placeholder_token|raw }}">
  61     <title>{{ head_title|safe_join(' | ') }}</title>
  62     <css-placeholder token="{{ placeholder_token|raw }}">
  63     <js-placeholder token="{{ placeholder_token|raw }}">
  64   </head>
  65   <body{{ attributes.addClass(body_classes) }}>
  66
  67
  68
  69 <!-- FSF Bar, first element on pages -->
  70 <div id="fsf-bar">
  71   <div class="fsf-bar-content">
  72     <a href="https://www.fsf.org" class="fsf-bar-icon" title="Free Software Foundation">FSF.org</a>
  73     <nav id="fsf-bar-menu">
  74       <ul class="lista-barra-brasil">
  75         <li><a href="https://www.fsf.org/news">news</a> </li>
  76         <li><a href="https://www.fsf.org/events">events</a> </li>
  77         <li><a href="https://www.fsf.org/campaigns/">campaigns</a> </li>
  78         <li><a href="https://www.fsf.org/licensing/">licensing</a> </li>
  79         <li><a href="https://www.fsf.org/community/">community</a> </li>
  80         <li><a href="https://forum.members.fsf.org">forum</a> </li>
  81         <li><a href="https://shop.fsf.org">shop</a> </li>
  82         <li><a href="https://my.fsf.org" id="fsf-bar-login">donate</a> </li>
  83      </ul>
  84     </nav>
  85   </div><!-- .fsf-bar-content -->
  86 </div><!-- #fsf-bar -->
  87 <style type="text/css" media="all">
  88 #fsf-bar { background:#800000; box-sizing:content-box; display:flex; overflow: hidden; flex-direction:column-reverse; align-items:center;}
  89 #fsf-bar * { margin:0; padding:0; font: 15px sans-serif; text-decoration: none; color: #FFF; vertical-align:baseline; }
  90 #fsf-bar-menu { overflow:hidden; width: 100%; }
  91 #fsf-bar ul { height:40px; overflow:auto; margin:0px; list-style:none; display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; width:auto; max-width:none; }
  92 #fsf-bar li{ display: list-item; padding: 0 10px; } #fsf-bar a:hover { color: #DDD; text-decoration: underline; }  #fsf-bar #fsf-bar-login { color: #edd400; padding: 0 15px; font-style: italic; }
  93 #fsf-bar .fsf-bar-icon{ background: url("https://static.fsf.org/nosvn/logos/FSF_logo_white_small_text.svg") no-repeat; background-size:200px; text-indent: -1000px; overflow: hidden; display: block; height:25px; padding-right: 60px;}
  94 #fsf-bar .fsf-bar-content{height:30px;width:95%;max-width:1150px;padding:0;margin:0 auto;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;}
  95 @media screen and (min-width: 55em) { #fsf-bar .fsf-bar-icon{width: 240px;} #fsf-bar ul {float: right;} }
  96 </style>
  97 <!-- End FSF Bar -->
  98
  99
 100
 101     <a href="#main-content" class="visually-hidden focusable skip-link">
 102       {{ 'Skip to main content'|t }}
 103     </a>
 104     {{ page_top }}
 105     {{ page }}
 106     {{ page_bottom }}
 107     <js-bottom-placeholder token="{{ placeholder_token|raw }}">
 108   </body>
 109 </html>