added FSF nav header to ryf1p
authorAndrew Engelbrecht <andrew@fsf.org>
Tue, 6 Aug 2019 22:05:19 +0000 (18:05 -0400)
committerAndrew Engelbrecht <andrew@fsf.org>
Tue, 6 Aug 2019 22:05:19 +0000 (18:05 -0400)
based on https://gitlab.com/valessiobrito/fsfbar

templates/html.html.twig [new file with mode: 0644]

diff --git a/templates/html.html.twig b/templates/html.html.twig
new file mode 100644 (file)
index 0000000..3663695
--- /dev/null
@@ -0,0 +1,108 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display the basic html structure of a single
+ * Drupal page.
+ *
+ * Variables:
+ * - $css: An array of CSS files for the current page.
+ * - $language: (object) The language the site is being displayed in.
+ *   $language->language contains its textual representation.
+ *   $language->dir contains the language direction. It will either be 'ltr' or
+ *   'rtl'.
+ * - $rdf_namespaces: All the RDF namespace prefixes used in the HTML document.
+ * - $grddl_profile: A GRDDL profile allowing agents to extract the RDF data.
+ * - $head_title: A modified version of the page title, for use in the TITLE
+ *   tag.
+ * - $head_title_array: (array) An associative array containing the string parts
+ *   that were used to generate the $head_title variable, already prepared to be
+ *   output as TITLE tag. The key/value pairs may contain one or more of the
+ *   following, depending on conditions:
+ *   - title: The title of the current page, if any.
+ *   - name: The name of the site.
+ *   - slogan: The slogan of the site, if any, and if there is no title.
+ * - $head: Markup for the HEAD section (including meta tags, keyword tags, and
+ *   so on).
+ * - $styles: Style tags necessary to import all CSS files for the page.
+ * - $scripts: Script tags necessary to load the JavaScript files and settings
+ *   for the page.
+ * - $page_top: Initial markup from any modules that have altered the
+ *   page. This variable should always be output first, before all other dynamic
+ *   content.
+ * - $page: The rendered page content.
+ * - $page_bottom: Final closing markup from any modules that have altered the
+ *   page. This variable should always be output last, after all other dynamic
+ *   content.
+ * - $classes String of classes that can be used to style contextually through
+ *   CSS.
+ *
+ * @ingroup templates
+ *
+ * @see bootstrap_preprocess_html()
+ * @see template_preprocess()
+ * @see template_preprocess_html()
+ * @see template_process()
+ */
+#}
+{%
+  set body_classes = [
+    logged_in ? 'user-logged-in',
+    not root_path ? 'path-frontpage' : 'path-' ~ root_path|clean_class,
+    node_type ? 'page-node-type-' ~ node_type|clean_class,
+    db_offline ? 'db-offline',
+    theme.settings.navbar_position ? 'navbar-is-' ~ theme.settings.navbar_position,
+    theme.has_glyphicons ? 'has-glyphicons',
+  ]
+%}
+<!DOCTYPE html>
+<html {{ html_attributes }}>
+  <head>
+    <head-placeholder token="{{ placeholder_token|raw }}">
+    <title>{{ head_title|safe_join(' | ') }}</title>
+    <css-placeholder token="{{ placeholder_token|raw }}">
+    <js-placeholder token="{{ placeholder_token|raw }}">
+  </head>
+  <body{{ attributes.addClass(body_classes) }}>
+
+
+
+<!-- FSF Bar, first element on pages -->
+<div id="fsf-bar">
+  <div class="fsf-bar-content">
+    <a href="https://www.fsf.org" class="fsf-bar-icon" title="Free Software Foundation">FSF.org</a>
+    <nav id="fsf-bar-menu">
+      <ul class="lista-barra-brasil">
+       <li><a href="https://www.fsf.org/news">news</a> </li>
+       <li><a href="https://www.fsf.org/events">events</a> </li>
+       <li><a href="https://www.fsf.org/campaigns/">campaigns</a> </li>
+       <li><a href="https://www.fsf.org/licensing/">licensing</a> </li>
+       <li><a href="https://www.fsf.org/community/">community</a> </li>
+       <li><a href="https://forum.members.fsf.org">forum</a> </li>
+       <li><a href="https://shop.fsf.org">shop</a> </li>
+       <li><a href="https://my.fsf.org/civicrm/member-dashboard" id="fsf-bar-login">login</a> </li>
+     </ul>
+    </nav>
+  </div><!-- .fsf-bar-content -->
+</div><!-- #fsf-bar -->
+<style type="text/css" media="all">
+#fsf-bar { background:#800000; box-sizing:content-box; display:flex; overflow: hidden; flex-direction:column-reverse; align-items:center;}
+#fsf-bar * { margin:0; padding:0; font: 15px sans-serif; text-decoration: none; color: #FFF; vertical-align:baseline; }
+#fsf-bar ul{ list-style:none; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; width: auto; max-width: none; }
+#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; }
+#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;}
+#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;}
+@media screen and (min-width: 55em) { #fsf-bar .fsf-bar-icon{width: 220px;} }
+</style>
+<!-- End FSF Bar -->
+
+
+
+    <a href="#main-content" class="visually-hidden focusable skip-link">
+      {{ 'Skip to main content'|t }}
+    </a>
+    {{ page_top }}
+    {{ page }}
+    {{ page_bottom }}
+    <js-bottom-placeholder token="{{ placeholder_token|raw }}">
+  </body>
+</html>