ajout des font woff

web/themes/custom/popsu/css/styles.css

@@ -999,9 +999,148 @@ table {
 .slick-arrow.slick-hidden {
   display: none; }
 
+@font-face {
+  font-family: 'duke';
+  src: url("../fonts/Duke_Fill.otf") format("opentype");
+  font-weight: 400;
+  font-style: normal; }
+
+/*trueno*/
+@font-face {
+  font-family: 'trueno';
+  src: url("../fonts/trueno/truenobd-webfont.woff2") format("woff2"), url("../fonts/trueno/truenobd-webfont.woff") format("woff");
+  font-weight: 600;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'trueno';
+  src: url("../fonts/trueno/truenobdit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenobdit-webfont.woff") format("woff");
+  font-weight: 600;
+  font-style: italic; }
+
+@font-face {
+  font-family: 'trueno_outline';
+  src: url("../fonts/trueno/truenobdol-webfont.woff2") format("woff2"), url("../fonts/trueno/truenobdol-webfont.woff") format("woff");
+  font-weight: 600;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'trueno_outline';
+  src: url("../fonts/trueno/truenobdolit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenobdolit-webfont.woff") format("woff");
+  font-weight: 600;
+  font-style: italic; }
+
+@font-face {
+  font-family: 'trueno';
+  src: url("../fonts/trueno/truenoblk-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoblk-webfont.woff") format("woff");
+  font-weight: 800;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'trueno';
+  src: url("../fonts/trueno/truenoblkit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoblkit-webfont.woff") format("woff");
+  font-weight: 800;
+  font-style: italic; }
+
+@font-face {
+  font-family: 'trueno_outline';
+  src: url("../fonts/trueno/truenoblkol-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoblkol-webfont.woff") format("woff");
+  font-weight: 800;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'trueno_outline';
+  src: url("../fonts/trueno/truenoblkolit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoblkolit-webfont.woff") format("woff");
+  font-weight: 800;
+  font-style: italic; }
+
+@font-face {
+  font-family: 'truenoextrabold';
+  src: url("../fonts/trueno/truenoexbd-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoexbd-webfont.woff") format("woff");
+  font-weight: 900;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'trueno';
+  src: url("../fonts/trueno/truenoexbdit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoexbdit-webfont.woff") format("woff");
+  font-weight: 900;
+  font-style: italic; }
+
+@font-face {
+  font-family: 'trueno_outline';
+  src: url("../fonts/trueno/truenoexbdol-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoexbdol-webfont.woff") format("woff");
+  font-weight: 900;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'trueno_outline';
+  src: url("../fonts/trueno/truenoexbdolit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoexbdolit-webfont.woff") format("woff");
+  font-weight: 900;
+  font-style: italic; }
+
+@font-face {
+  font-family: 'trueno';
+  src: url("../fonts/trueno/truenolt-webfont.woff2") format("woff2"), url("../fonts/trueno/truenolt-webfont.woff") format("woff");
+  font-weight: 300;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'trueno';
+  src: url("../fonts/trueno/truenoltit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoltit-webfont.woff") format("woff");
+  font-weight: 300;
+  font-style: italic; }
+
+@font-face {
+  font-family: 'trueno';
+  src: url("../fonts/trueno/truenorg-webfont.woff2") format("woff2"), url("../fonts/trueno/truenorg-webfont.woff") format("woff");
+  font-weight: 400;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'trueno';
+  src: url("../fonts/trueno/truenorgit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenorgit-webfont.woff") format("woff");
+  font-weight: 400;
+  font-style: italic; }
+
+@font-face {
+  font-family: 'trueno';
+  src: url("../fonts/trueno/truenosbd-webfont.woff2") format("woff2"), url("../fonts/trueno/truenosbd-webfont.woff") format("woff");
+  font-weight: 500;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'trueno';
+  src: url("../fonts/trueno/truenosbdit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenosbdit-webfont.woff") format("woff");
+  font-weight: 500;
+  font-style: italic; }
+
+@font-face {
+  font-family: 'trueno';
+  src: url("../fonts/trueno/truenoultblk-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoultblk-webfont.woff") format("woff");
+  font-weight: 1000;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'trueno';
+  src: url("../fonts/trueno/truenoultblkit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoultblkit-webfont.woff") format("woff");
+  font-weight: 1000;
+  font-style: italic; }
+
+@font-face {
+  font-family: 'trueno';
+  src: url("../fonts/trueno/truenoultlt-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoultlt-webfont.woff") format("woff");
+  font-weight: 100;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'trueno';
+  src: url("../fonts/trueno/truenoultltit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoultltit-webfont.woff") format("woff");
+  font-weight: 100;
+  font-style: italic; }
+
 body {
-  /*	background: black;
-*/ }
+  font-family: "trueno";
+  font-weight: 300; }
 
 /*pages*/
 #header-top-right {

web/themes/custom/popsu/sass/setup/_fonts.scss

@@ -0,0 +1,265 @@
+@font-face {
+    font-family: 'duke';
+    src: url('../fonts/Duke_Fill.otf') format('opentype');
+    font-weight: 400;
+    font-style: normal;
+}
+
+/*trueno*/
+
+@font-face {
+    font-family: 'trueno';
+    src: url('../fonts/trueno/truenobd-webfont.woff2') format('woff2'),
+         url('../fonts/trueno/truenobd-webfont.woff') format('woff');
+    font-weight: 600;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'trueno';
+    src: url('../fonts/trueno/truenobdit-webfont.woff2') format('woff2'),
+         url('../fonts/trueno/truenobdit-webfont.woff') format('woff');
+    font-weight: 600;
+    font-style: italic;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'trueno_outline';
+    src: url('../fonts/trueno/truenobdol-webfont.woff2') format('woff2'),
+         url('../fonts/trueno/truenobdol-webfont.woff') format('woff');
+    font-weight: 600;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'trueno_outline';
+    src: url('../fonts/trueno/truenobdolit-webfont.woff2') format('woff2'),
+         url('../fonts/trueno/truenobdolit-webfont.woff') format('woff');
+    font-weight: 600;
+    font-style: italic;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'trueno';
+    src: url('../fonts/trueno/truenoblk-webfont.woff2') format('woff2'),
+         url('../fonts/trueno/truenoblk-webfont.woff') format('woff');
+    font-weight: 800;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'trueno';
+    src: url('../fonts/trueno/truenoblkit-webfont.woff2') format('woff2'),
+         url('../fonts/trueno/truenoblkit-webfont.woff') format('woff');
+    font-weight: 800;
+    font-style: italic;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'trueno_outline';
+    src: url('../fonts/trueno/truenoblkol-webfont.woff2') format('woff2'),
+         url('../fonts/trueno/truenoblkol-webfont.woff') format('woff');
+    font-weight: 800;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'trueno_outline';
+    src: url('../fonts/trueno/truenoblkolit-webfont.woff2') format('woff2'),
+         url('../fonts/trueno/truenoblkolit-webfont.woff') format('woff');
+    font-weight: 800;
+    font-style: italic;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'truenoextrabold';
+    src: url('../fonts/trueno/truenoexbd-webfont.woff2') format('woff2'),
+         url('../fonts/trueno/truenoexbd-webfont.woff') format('woff');
+    font-weight: 900;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'trueno';
+    src: url('../fonts/trueno/truenoexbdit-webfont.woff2') format('woff2'),
+         url('../fonts/trueno/truenoexbdit-webfont.woff') format('woff');
+    font-weight: 900;
+    font-style: italic;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'trueno_outline';
+    src: url('../fonts/trueno/truenoexbdol-webfont.woff2') format('woff2'),
+         url('../fonts/trueno/truenoexbdol-webfont.woff') format('woff');
+    font-weight: 900;
+    font-style: normal;
+
+}
+
+
+@font-face {
+    font-family: 'trueno_outline';
+    src: url('../fonts/trueno/truenoexbdolit-webfont.woff2') format('woff2'),
+         url('../fonts/trueno/truenoexbdolit-webfont.woff') format('woff');
+    font-weight: 900;
+    font-style: italic;
+
+}
+
+
+@font-face {
+    font-family: 'trueno';
+    src: url('../fonts/trueno/truenolt-webfont.woff2') format('woff2'),
+         url('../fonts/trueno/truenolt-webfont.woff') format('woff');
+    font-weight: 300;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'trueno';
+    src: url('../fonts/trueno/truenoltit-webfont.woff2') format('woff2'),
+         url('../fonts/trueno/truenoltit-webfont.woff') format('woff');
+    font-weight: 300;
+    font-style: italic;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'trueno';
+    src: url('../fonts/trueno/truenorg-webfont.woff2') format('woff2'),
+         url('../fonts/trueno/truenorg-webfont.woff') format('woff');
+    font-weight: 400;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'trueno';
+    src: url('../fonts/trueno/truenorgit-webfont.woff2') format('woff2'),
+         url('../fonts/trueno/truenorgit-webfont.woff') format('woff');
+    font-weight: 400;
+    font-style: italic;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'trueno';
+    src: url('../fonts/trueno/truenosbd-webfont.woff2') format('woff2'),
+         url('../fonts/trueno/truenosbd-webfont.woff') format('woff');
+    font-weight: 500;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'trueno';
+    src: url('../fonts/trueno/truenosbdit-webfont.woff2') format('woff2'),
+         url('../fonts/trueno/truenosbdit-webfont.woff') format('woff');
+    font-weight: 500;
+    font-style: italic;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'trueno';
+    src: url('../fonts/trueno/truenoultblk-webfont.woff2') format('woff2'),
+         url('../fonts/trueno/truenoultblk-webfont.woff') format('woff');
+    font-weight: 1000;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'trueno';
+    src: url('../fonts/trueno/truenoultblkit-webfont.woff2') format('woff2'),
+         url('../fonts/trueno/truenoultblkit-webfont.woff') format('woff');
+    font-weight: 1000;
+    font-style: italic;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'trueno';
+    src: url('../fonts/trueno/truenoultlt-webfont.woff2') format('woff2'),
+         url('../fonts/trueno/truenoultlt-webfont.woff') format('woff');
+    font-weight: 100;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'trueno';
+    src: url('../fonts/trueno/truenoultltit-webfont.woff2') format('woff2'),
+         url('../fonts/trueno/truenoultltit-webfont.woff') format('woff');
+    font-weight: 100;
+    font-style: italic;
+
+}

web/themes/custom/popsu/sass/setup/_globals.scss

@@ -1,4 +1,4 @@
 body{
-/*	background: black;
-*/
+	font-family: "trueno";
+	font-weight: 300;
 }

web/themes/custom/popsu/sass/styles.scss

@@ -20,7 +20,7 @@
 //@import "foundation";
 //@import "mixins";
 //@import "variables";
-//@import "fonts";
+@import "setup/fonts";
 @import "setup/globals";
 
 /*pages*/

web/themes/custom/popsu/templates/layout/page.html.twig

@@ -35,7 +35,7 @@
   {% include directory ~ '\/partials/header.html.twig' %}
   {{ page.help }}
 
-  <main role="main">
+  <main role="main"  class="columns small-12">
     <a id="main-content" tabindex="-1"></a>
     {# link is in html.html.twig #}
     <div class="layout-content">

web/themes/custom/popsu/templates/views/views-view-unformatted.html.twig

@@ -1,32 +0,0 @@
-{#
-/**
- * @file
- * Default theme implementation to display a view of unformatted rows.
- *
- * Available variables:
- * - title: The title of this group of rows. May be empty.
- * - rows: A list of the view's row items.
- *   - attributes: The row's HTML attributes.
- *   - content: The row's content.
- * - view: The view object.
- * - default_row_class: A flag indicating whether default classes should be
- *   used on rows.
- *
- * @see template_preprocess_views_view_unformatted()
- *
- * @ingroup themeable
- */
-#}
-{% if title %}
-  <h3>{{ title }}</h3>
-{% endif %}
-{% for row in rows %}
-  {%
-    set row_classes = [
-      default_row_class ? 'views-row',
-    ]
-  %}
-  <div{{ row.attributes.addClass(row_classes) }}>
-    {{- row.content -}}
-  </div>
-{% endfor %}