252af734f61ddb70de44e29a7d93c0c5c3a74d4a
[ryf-theme.git] / 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 ul{ list-style:none; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; width: auto; max-width: none; }
91 #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; }
92 #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;}
93 #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;}
94 @media screen and (min-width: 55em) { #fsf-bar .fsf-bar-icon{width: 220px;} }
95 </style>
96 <!-- End FSF Bar -->
97
98
99
100     <a href="#main-content" class="visually-hidden focusable skip-link">
101       {{ 'Skip to main content'|t }}
102     </a>
103     {{ page_top }}
104     {{ page }}
105     {{ page_bottom }}
106     <js-bottom-placeholder token="{{ placeholder_token|raw }}">
107   </body>
108 </html>