ready

2018-05-28 15:23:41 +02:00
parent 8941757365
commit 23d0778c65
123 changed files with 148 additions and 1923 deletions
@@ -1,87 +0,0 @@
-.language-selector {
-		float: right;
-		position: relative;
-	  top: 50%;
-		vertical-align: middle;
-	  -webkit-transform: translateY(-50%);
-	  -moz-transform: translateY(-50%);
-	  -o-transform: translateY(-50%);
-	  -ms-transform: translateY(-50%);
-	  transform: translateY(-50%);
-	  margin: 0 1rem !important;
-	  display: inline-block;
-}
-
-.language-selector>.btn:first-child {
-	  margin-left: 0;
-}
-
-.language-selector .btn {
-	  float: left;
-	  position: relative;
-	  display: inline-block;
-	  margin-bottom: 0;
-	  font-weight: 400;
-	  text-align: center;
-	  white-space: nowrap;
-	  vertical-align: middle;
-	  touch-action: manipulation;
-	  cursor: pointer;
-	  user-select: none;
-	  background-image: none;
-	  border: 1px solid transparent;
-	  /* size */
-	  padding: 5px 10px;
-	  font-size: 0.8rem;
-	  line-height: 1.5;
-	  border-radius: 3px;
-	  /* Aspect */
-	  color: #333;
-	  background-color: #fff;
-	  border-color: #ccc;
-}
-
-.language-selector .dropdown-menu {
-	  position: absolute;
-	  top: 100%;
-	  left: 0;
-	  z-index: 1000;
-	  display: none;
-	  float: left;
-	  padding: 5px 0;
-	  margin: 2px 0 0;
-	  font-size: 1rem;
-	  text-align: left;
-	  list-style: none;
-	  background-color: #fff;
-	  background-clip: padding-box;
-	  border-radius: 4px;
-	  box-shadow: 0 6px 12px rgba(0,0,0,.175);
-}
-
-.language-selector .dropdown-menu img {
-		width: 24px;
-		height: 12px;
-		max-width: inherit;
-}
-
-.language-selector .dropdown-menu li {
-    line-height: 1rem;
-    font-color: #c0c0c0;
-    display: list-item;
-    text-align: -webkit-match-parent;
-}
-
-.language-selector .dropdown-menu li:hover {
-    background-color: #eee;
-}
-
-.language-selector .dropdown-menu>li>a {
-    display: block;
-    padding: 3px 15px;
-    clear: both;
-    font-weight: 400;
-    line-height: 1.42857143;
-    color: #333;
-    white-space: nowrap;
-}
@@ -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}
@@ -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;
@@ -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";
@@ -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";
@@ -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;
-// }
-//
@@ -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;
@@ -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';
@@ -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;
+    }
+  }
+}
@@ -0,0 +1,3 @@
+#header{
+  position: fixed;
+}
@@ -8,6 +8,7 @@ html, body{
  margin: 0;
  padding: 0;
  height: 100%;
+  font-size: 1rem;
 }

 ul, li, ol{
@@ -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>
@@ -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() }}

@@ -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>