ready

user/themes/anissabensalah/css-compiled/theme.min.css

@@ -1 +1 @@
-*{box-sizing:border-box}body,html{height:100%;margin:0;padding:0}li,ol,ul{margin:0;padding:0;list-style:none}a{text-decoration:none;color:#000}blockquote,em,h1,h2,h3,li,ol,p,ul{margin:0}
+*{box-sizing:border-box}body,html{font-size:1rem;height:100%;margin:0;padding:0}li,ol,ul{margin:0;padding:0;list-style:none}a{text-decoration:none;color:#000}blockquote,em,h1,h2,h3,li,ol,p,ul{margin:0}@font-face{font-family:Montserrat-Regular;src:url(../fonts/Montserrat/webfonts/Montserrat-Regular.eot);src:url(../fonts/Montserrat/webfonts/Montserrat-Regular.eot?#iefix) format('embedded-opentype'),url(../fonts/Montserrat/webfonts/Montserrat-Regular.woff) format('woff'),url(../fonts/Montserrat/webfonts/Montserrat-Regular.ttf) format('truetype'),url(../fonts/Montserrat/webfonts/Montserrat-Regular.svg#Montserrat-Regular) format('svg')}@font-face{font-family:Montserrat-Light;src:url(../fonts/Montserrat/webfonts/Montserrat-Light.eot);src:url(../fonts/Montserrat/webfonts/Montserrat-Light.eot?#iefix) format('embedded-opentype'),url(../fonts/Montserrat/webfonts/Montserrat-Light.woff) format('woff'),url(../fonts/Montserrat/webfonts/Montserrat-Light.ttf) format('truetype'),url(../fonts/Montserrat/webfonts/Montserrat-Light.svg#Montserrat-Light) format('svg')}body #header a{font-family:Montserrat-Regular;font-size:2.268rem;color:#fff}#header{position:fixed}

user/themes/anissabensalah/scss/config/mixins/_fonts.scss

@@ -0,0 +1,79 @@
+// Font Family
+$font-family-default:  			"Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
+$font-family-header:  			"Montserrat", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
+$font-family-mono: 				"Inconsolata", monospace;
+$font-family-serif:				"Georgia", "Times", "Times New Roman", serif;
+$icons: 						"FontAwesome";
+
+// @font-face
+
+$Regular: "Montserrat-Regular";
+$family: "Montserrat/webfonts";
+$file-regular: "Montserrat-Regular";
+$category: "sans-serif";
+
+@mixin Montserrat-Regular($Regular, $file-regular, $family, $category:"") {
+    $filepath: "../fonts/" + $family + "/" + $file-regular;
+    @font-face {
+        font-family: "#{$Regular}";
+        src: url($filepath + ".eot");
+        src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
+              url($filepath + ".woff") format('woff'),
+              url($filepath + ".ttf")  format('truetype'),
+              url($filepath + ".svg#" + $Regular + "") format('svg');
+    }
+
+    %#{$Regular} {
+        font: {
+            @if $category != "" {
+                family: "#{$Regular}", #{$category};
+            }
+            @else {
+                family: "#{$Regular}";
+                weight: normal;
+            }
+        }
+    }
+}
+
+$light: "Montserrat-Light";
+$family: "Montserrat/webfonts";
+$file-light: "Montserrat-Light";
+$category: "sans-serif";
+
+@mixin Montserrat-light($light, $file-light, $family, $category:"") {
+    $filepath: "../fonts/" + $family + "/" + $file-light;
+    @font-face {
+        font-family: "#{$light}";
+        src: url($filepath + ".eot");
+        src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
+              url($filepath + ".woff") format('woff'),
+              url($filepath + ".ttf")  format('truetype'),
+              url($filepath + ".svg#" + $light + "") format('svg');
+    }
+
+    %#{$light} {
+        font: {
+            @if $category != "" {
+                family: "#{$light}", #{$category};
+            }
+            @else {
+                family: "#{$light}";
+                weight: normal;
+            }
+        }
+    }
+}
+
+// font-size
+$font16: 1rem;
+$font18: 1.134rem;
+$font21: 1.323rem;
+$font24: 1.512rem;
+$font36: 2.268rem;
+$font48: 3.024rem;
+
+// $fonth1: 2rem;
+// $fonth2: 1.5rem;
+// $fonth3: 1rem;
+// $fontp: 1rem;

user/themes/anissabensalah/scss/spectre-exp.scss

@@ -1,17 +0,0 @@
-// Variables and mixins
-// @import "spectre/variables";
-// @import "spectre/mixins";
-//
-// /*! Spectre.css Experimentals v#{$version} | MIT License | github.com/picturepan2/spectre */
-// // Experimentals
-// @import "spectre/autocomplete";
-// @import "spectre/calendars";
-// @import "spectre/carousels";
-// @import "spectre/comparison-sliders";
-// @import "spectre/filters";
-// @import "spectre/meters";
-// @import "spectre/off-canvas";
-// @import "spectre/parallax";
-// @import "spectre/progress";
-// @import "spectre/sliders";
-// @import "spectre/timelines";

user/themes/anissabensalah/scss/spectre-icons.scss

@@ -1,10 +0,0 @@
-// // Variables and mixins
-// @import "spectre/variables";
-// @import "spectre/mixins";
-//
-// /*! Spectre.css Icons v#{$version} | MIT License | github.com/picturepan2/spectre */
-// // Icons
-// @import "spectre/icons/icons-core";
-// @import "spectre/icons/icons-navigation";
-// @import "spectre/icons/icons-action";
-// @import "spectre/icons/icons-object";

user/themes/anissabensalah/scss/spectre.scss

@@ -1,59 +0,0 @@
-// // Variables and mixins
-// @import "spectre/variables";
-// @import "spectre/mixins";
-//
-// /*! Spectre.css v#{$version} | MIT License | github.com/picturepan2/spectre */
-// // Reset and dependencies
-// @import "spectre/normalize";
-// @import "spectre/base";
-//
-// // Elements
-// @import "spectre/typography";
-// @import "spectre/asian";
-// @import "spectre/tables";
-// @import "spectre/buttons";
-// @import "spectre/forms";
-// @import "spectre/labels";
-// @import "spectre/codes";
-// @import "spectre/media";
-//
-// // Layout
-// @import "spectre/layout";
-// @import "spectre/navbar";
-//
-// // Components
-// @import "spectre/accordions";
-// @import "spectre/autocomplete";
-// @import "spectre/avatars";
-// @import "spectre/badges";
-// @import "spectre/breadcrumbs";
-// @import "spectre/bars";
-// @import "spectre/cards";
-// @import "spectre/chips";
-// @import "spectre/dropdowns";
-// @import "spectre/empty";
-// @import "spectre/menus";
-// @import "spectre/modals";
-// @import "spectre/navs";
-// @import "spectre/pagination";
-// @import "spectre/panels";
-// @import "spectre/popovers";
-// @import "spectre/steps";
-// @import "spectre/tabs";
-// @import "spectre/tiles";
-// @import "spectre/toasts";
-// @import "spectre/tooltips";
-//
-// // Utility classes
-// @import "spectre/animations";
-// @import "spectre/utilities";
-//
-// // Extras
-// .search-input {
-//   @extend .form-input;
-// }
-//
-// .button {
-//   @extend .btn;
-// }
-//

user/themes/anissabensalah/scss/spectre/mixins/_typographie.scss

@@ -1,129 +0,0 @@
-// Font Family
-$font-family-default:  			"Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
-$font-family-header:  			"Montserrat", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
-$font-family-mono: 				"Inconsolata", monospace;
-$font-family-serif:				"Georgia", "Times", "Times New Roman", serif;
-$icons: 						"FontAwesome";
-
-// @font-face
-$style-name-regular: "amiri-regular";
-$file-regular: "amiri-regular-webfont";
-$family: "amiri";
-
-$category: serif;
-
-@mixin font-face-regular($style-name-regular, $file-regular, $family, $category:"") {
-    $filepath: "../fonts/" + $family + "/" + $file-regular;
-    @font-face {
-        font-family: "#{$style-name-regular}";
-        src: url($filepath + ".eot");
-        src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
-              url($filepath + ".woff") format('woff'),
-              url($filepath + ".ttf")  format('truetype'),
-              url($filepath + ".svg#" + $style-name-regular + "") format('svg');
-    }
-
-    %#{$style-name-regular} {
-        font: {
-            @if $category != "" {
-                family: "#{$style-name-regular}", #{$category};
-            }
-            @else {
-                family: "#{$style-name-regular}";
-                weight: normal;
-            }
-        }
-    }
-}
-
-$style-name-slanted: "amiri-slanted";
-$file-slanted: "amiri-slanted-webfont";
-
-@mixin font-face-slanted($style-name-slanted, $file-slanted, $family, $category:"") {
-    $filepath: "../fonts/" + $family + "/" + $file-slanted;
-    @font-face {
-        font-family: "#{$style-name-slanted}";
-        src: url($filepath + ".eot");
-        src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
-              url($filepath + ".woff") format('woff'),
-              url($filepath + ".ttf")  format('truetype'),
-              url($filepath + ".svg#" + $style-name-slanted + "") format('svg');
-    }
-
-    %#{$style-name-slanted} {
-        font: {
-            @if $category != "" {
-                family: "#{$style-name-slanted}", #{$category};
-            }
-            @else {
-                family: "#{$style-name-slanted}";
-                weight: normal;
-            }
-        }
-    }
-}
-
-$style-name-bold: "amiri-bold";
-$file-bold: "amiri-bold-webfont";
-
-@mixin font-face-bold($style-name-bold, $file-bold, $family, $category:"") {
-    $filepath: "../fonts/" + $family + "/" + $file-bold;
-    @font-face {
-        font-family: "#{$style-name-bold}";
-        src: url($filepath + ".eot");
-        src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
-              url($filepath + ".woff") format('woff'),
-              url($filepath + ".ttf")  format('truetype'),
-              url($filepath + ".svg#" + $style-name-bold + "") format('svg');
-    }
-
-    %#{$style-name-bold} {
-        font: {
-            @if $category != "" {
-                family: "#{$style-name-bold}", #{$category};
-            }
-            @else {
-                family: "#{$style-name-bold}";
-                weight: normal;
-            }
-        }
-    }
-}
-
-$style-name-boldslanted: "amiri-boldslanted";
-$file-boldslanted: "amiri-boldslanted-webfont";
-
-@mixin font-face-boldslanted($style-name-boldslanted, $file-boldslanted, $family, $category:"") {
-    $filepath: "../fonts/" + $family + "/" + $file-boldslanted;
-    @font-face {
-        font-family: "#{$style-name-boldslanted}";
-        src: url($filepath + ".eot");
-        src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
-              url($filepath + ".woff") format('woff'),
-              url($filepath + ".ttf")  format('truetype'),
-              url($filepath + ".svg#" + $style-name-boldslanted + "") format('svg');
-    }
-
-    %#{$style-name-boldslanted} {
-        font: {
-            @if $category != "" {
-                family: "#{$style-name-boldslanted}", #{$category};
-            }
-            @else {
-                family: "#{$style-name-boldslanted}";
-                weight: normal;
-            }
-        }
-    }
-}
-
-@include font-face-regular($style-name-regular, $file-regular, $family, $category);
-@include font-face-slanted($style-name-slanted, $file-slanted, $family, $category);
-@include font-face-bold($style-name-bold, $file-bold, $family, $category);
-@include font-face-boldslanted($style-name-boldslanted, $file-boldslanted, $family, $category);
-
-// font-size
-$fonth1: 2rem;
-$fonth2: 1.5rem;
-$fonth3: 1rem;
-$fontp: 1rem;

user/themes/anissabensalah/scss/theme.scss

@@ -10,8 +10,12 @@
 // @import 'theme/mobile';
 // @import 'theme/animation';
 //
+//
 
 @import 'theme/reset';
+@import 'config/mixins/fonts';
+@import 'theme/fonts';
+
 @import 'theme/header';
 @import 'theme/nav';
 @import 'theme/section';

user/themes/anissabensalah/scss/theme/fonts.scss

@@ -0,0 +1,12 @@
+@include Montserrat-Regular($Regular, $file-regular, $family, $category);//1
+@include Montserrat-light($light, $file-light, $family, $category);//1
+
+body{
+  #header{
+    a{
+      font-family: $Regular;
+      font-size: $font36;
+      color: white;
+    }
+  }
+}

user/themes/anissabensalah/scss/theme/header.scss

@@ -0,0 +1,3 @@
+#header{
+  position: fixed;
+}

user/themes/anissabensalah/scss/theme/reset.scss

@@ -8,6 +8,7 @@ html, body{
   margin: 0;
   padding: 0;
   height: 100%;
+  font-size: 1rem;
 }
 
 ul, li, ol{

user/themes/anissabensalah/templates/modular.html.twig

@@ -31,7 +31,7 @@
         <ul class="navigation">
         {% for module in page.collection() %}
             {% set current_module = (module.active or module.activeChild) ? 'active' : '' %}
-            <li><a class="{{ current_module }}" href="#{{ _self.pageLinkName(module.menu) }}">{{ module.menu }}</a></li>
+            <li><a class="{{ current_module }}" href="#{{ _self.pageLinkName(module.menu) }}">{{ module.menu|upper }}</a></li>
         {% endfor %}
         {% for mitem in site.menu %}
             <li>

user/themes/anissabensalah/templates/partials/base.html.twig

@@ -16,12 +16,7 @@
     <link rel="canonical" href="{{ page.url(true, true) }}" />
 
     {% block stylesheets %}
-        {% do assets.addCss('theme://css-compiled/spectre'~compress) %}
-        {% if theme_var('spectre.exp') %}{% do assets.addCss('theme://css-compiled/spectre-exp'~compress)  %}{% endif %}
-        {% if theme_var('spectre.icons') %}{%  do assets.addCss('theme://css-compiled/spectre-icons'~compress) %}{% endif %}
         {% do assets.addCss('theme://css-compiled/theme'~compress) %}
-        {% do assets.addCss('theme://css/custom.css') %}
-        {% do assets.addCss('theme://css/line-awesome.min.css') %}
     {% endblock %}
     {{ assets.css() }}
 

user/themes/anissabensalah/templates/partials/language-selector.html.twig

@@ -1,4 +1,4 @@
-<div class="language-selector">
+<ul class="language-selector">
 {% for language in language_selector.languages %}
 
     {% set show_language = true %}
@@ -24,7 +24,7 @@
         <li>
           <a href="{{ lang_url ~ uri.params }}">
             {% if language_display.select == 'default' or language_display.select == 'name' %}
-              {{ native_name(language)|upper }}
+              {{ language|upper }}
             {% endif %}
           </a>
         </li>
@@ -32,4 +32,4 @@
 
 {% endfor %}
 
-</div>
+</ul>