fix support glyphicons
[ryf-theme.git] / templates / html.html.twig
CommitLineData
303a9c2d
AE
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>
aed2a277 82 <li><a href="https://my.fsf.org" id="fsf-bar-login">donate</a> </li>
303a9c2d
AE
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>