framwork ready, need to test the api access

.babelrc

@@ -0,0 +1,11 @@
+{
+  "presets": [
+    ["@babel/preset-env", {
+      "modules": "commonjs",
+      "targets": {
+        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"],
+        "node": "current"
+      }
+    }]
+  ]
+}

.eslintignore

@@ -0,0 +1,3 @@
+/build/
+/config/
+/dist/

.eslintrc.js

@@ -0,0 +1,33 @@
+module.exports = {
+  root: true,
+  parserOptions: {
+    parser: 'babel-eslint'
+  },
+  env: {
+    browser: true,
+    node: true,
+    mocha: true
+  },
+  "globals": {
+    "expect": true
+  },
+  extends: [
+    'plugin:vue/recommended',
+    'plugin:vue-a11y/base',
+    'standard'
+  ],
+  plugins: [
+    'vue',
+    'vue-a11y'
+  ],
+  rules: {
+    'generator-star-spacing': 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    'vue/singleline-html-element-content-newline': 'off',
+    'vue/multiline-html-element-content-newline': 'off',
+    'vue/max-attributes-per-line': 'off',
+    'vue/no-v-html': 'off',
+    'vue/require-default-prop': 'off',
+    'vue-a11y/label-has-for': 'off'
+  }
+}

.gitignore

@@ -0,0 +1,61 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# jest test coverage
+.jest_coverage
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Typescript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+
+# built files
+dist

README.md

@@ -0,0 +1,34 @@
+# En Françai(s)
+
+## How to use
+#### clone this repos
+#### install
+```
+npm install
+```
+#### run dev
+```
+npm run dev
+```
+open http://localhost:8080 in your browser
+#### run prod
+```
+npm run prod
+```
+then deploy the dist folder
+
+## Questions
+
+#### axios get xml ?
+https://github.com/axios/axios/issues/667
+
+#### accessibility ?
+https://medium.com/@emilymears/getting-started-with-web-accessibility-in-vue-17e2c4ea0842
+https://github.com/vuejs/vuejs.org/pull/1002
+[x] https://github.com/maranran/eslint-plugin-vue-a11y
+
+## Ref
+
+Based on VueJs template using Webpack 4 from the 'Vue.js and Webpack 4 From Scratch' article series on [itnext.io](https://itnext.io) from Daniel Cook.
+
+[Vue.js REST API Consumption with Axios](https://alligator.io/vuejs/rest-api-axios/)

assets/css/base/_colors.scss

@@ -0,0 +1,7 @@
+$bleuroi: rgb(61,82,102);
+$bleuroilight: lighten(rgb(61,82,102), 30%);
+$gris: rgb(200,204,204);
+$grisclair: rgb(230,234,234);
+$grisfonce: rgb(57,57,64);
+$or: rgb(179,161,125);
+$rouge: rgb(204,61,82);

assets/css/base/_fonts.scss

@@ -0,0 +1,93 @@
+@import '../fonts/libertinus/libertinus.css';
+@import '../fonts/notosans/notosans.css';
+// @import '../fonts/notosans/notosans-semicondensed.css';
+// @import '../fonts/notosans/notosans-condensed.css';
+// @import '../fonts/notosans/notosans-extracondensed.css';
+
+@mixin fontsans {
+  font-family: "noto_sans";
+}
+@mixin fontserif {
+  font-family: 'libertinus_serif';
+}
+
+body{
+  @include fontserif;
+  font-weight: 400;
+
+  // font-family: 'noto_sans';
+  // font-weight: 900;
+  // font-style: italic;
+}
+
+#header-menu,
+#footer-tabs,
+#search,
+footer[role="tools"] .row>header,
+footer[role="tools"] .row>nav{
+  @include fontsans;
+}
+@mixin title1blue {
+  @include fontserif;
+  font-size: 2.268em;
+  color: $bleuroi;
+  font-weight: 400;
+  margin:0;
+}
+
+@mixin title1black {
+  @include fontserif;
+  font-size: 1.512em;
+  color: $grisfonce;
+  font-weight: 400;
+  margin:0;
+}
+
+@mixin title2black {
+  @include fontserif;
+  font-size: 1.134em;
+  color: $grisfonce;
+  font-weight: 400;
+  margin:0;
+}
+
+@mixin title3black {
+  @include fontserif;
+  font-size: 1em;
+  color: $grisfonce;
+  font-weight: 400;
+  margin:0;
+}
+
+@mixin title4black {
+  @include fontserif;
+  font-size: 0.882em;;
+  color: $gris;
+  font-weight: 400;
+  margin:0;
+}
+
+// TEI
+
+@mixin teititlefrontblue {
+  @include fontserif;
+  font-size: 2.6em;
+  color: $bleuroi;
+  font-weight: 400;
+  margin:0;
+  text-align: center;
+}
+
+@mixin teititle1blue {
+  @include fontserif;
+  font-size: 1.8em;
+  color: $bleuroi;
+  font-weight: 400;
+  margin:0;
+}
+
+@mixin fontcaption {
+  @include fontsans;
+  font-size: 0.643em;
+  line-height: 1.1em;
+}

assets/css/base/_grid-flex.scss

@@ -0,0 +1,105 @@
+// http://www.thesassway.com/intermediate/simple-grid-mixins
+
+
+@mixin row() {
+  display:flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: stretch;
+  @media only screen and (max-width: $small-bp) {
+    flex-wrap:wrap;
+  }
+}
+
+.row{
+  @include row;
+}
+.row-rl{
+  @include row;
+}
+
+// small
+.small-row {
+  @media only screen and (max-width: $small-bp) {
+    @include row;
+  }
+}
+
+// medium
+.med-row {
+  @media only screen and (min-width: $small-bp+1) and (max-width: $med-bp) {
+    @include row;
+  }
+}
+
+// large
+.large-row {
+  @media only screen and (min-width: $med-bp+1) {
+    @include row;
+  }
+}
+
+%col-reset {
+    box-sizing: border-box;
+}
+
+@mixin col($col, $offset: 0, $sum: $default_sum, $gap: $default_gap, $align: top) {
+  @extend %col-reset;
+  padding-left: $gap*$offset;
+  @if $col == $default_sum {
+    // if last col, then no gap
+    padding-right: 0;
+  }@else{
+    padding-right: $gap;
+  }
+  &:last-child{padding-right: 0;}
+
+  // no offset with flex ??
+  // margin-left: percentage(($col/$sum)*$offset);
+
+  // col width
+  flex-basis: percentage($col/$sum);
+}
+
+@for $c from 1 through $default_sum {
+  .col-#{$c} {
+      @include col($c);
+  }
+
+  // small
+  .small-col-#{$c} {
+    @media only screen and (max-width: $small-bp) {
+      @include col($c);
+    }
+  }
+
+  // medium
+  .med-col-#{$c} {
+    @media only screen and (min-width: $small-bp+1) and (max-width: $med-bp) {
+      @include col($c);
+    }
+  }
+
+  // large
+  .large-col-#{$c} {
+    @media only screen and (min-width: $med-bp+1) {
+      @include col($c);
+    }
+  }
+
+}
+
+@for $c from 1 through $default_sum - 1 {
+  @for $o from 1 through $default_sum - $c {
+    .col-#{$c}-offset-#{$o} {
+      @include col($c, $o);
+    }
+  }
+}
+
+// TODO: replace with align-self:flex-start or flex-end
+// .col.float-right{
+//   float: right;
+//   padding-right: 0;
+//   padding-left: $default_gap;
+// }

assets/css/base/_grid.scss

@@ -0,0 +1,92 @@
+// http://www.thesassway.com/intermediate/simple-grid-mixins
+
+
+@mixin row() {
+  // font-size: 0;
+  // white-space: nowrap;
+  position: relative;
+  // >*{
+  //   font-size: 16px;
+  // }
+  &:after{
+    content:"";
+    clear:both;
+    display: block;
+  }
+}
+
+%col-reset {
+    width: 100%;
+    // display: inline-block;
+    // white-space:normal;
+    // font-size: 16px;
+    float:left;
+    box-sizing: border-box;
+}
+
+@mixin col($col, $offset: 0, $sum: $default_sum, $gap: $default_gap, $align: top) {
+  @extend %col-reset;
+  padding-left: $gap*$offset;
+  @if $col == $default_sum {
+    padding-right: 0;
+  }@else{
+    padding-right: $gap;
+  }
+  &:last-child{padding-right: 0;}
+
+  margin-left: percentage(($col/$sum)*$offset);
+
+  // @media only screen and (min-width: 768px) {
+    width: percentage($col/$sum);
+    // vertical-align: $align;
+  // }
+}
+
+.row{
+  @include row;
+  // html:not(.js) &{
+  //   overflow-y: auto;
+  // }
+}
+
+@for $c from 1 through $default_sum {
+  .col-#{$c} {
+      @include col($c);
+  }
+
+  // small
+  .small-col-#{$c} {
+    @media only screen and (max-width: $small-bp) {
+      @include col($c);
+    }
+  }
+
+  // medium
+  .med-col-#{$c} {
+    @media only screen and (min-width: $small-bp+1) and (max-width: $med-bp) {
+      @include col($c);
+    }
+  }
+
+  // large
+  .large-col-#{$c} {
+    @media only screen and (min-width: $med-bp+1) {
+      @include col($c);
+    }
+  }
+
+}
+
+@for $c from 1 through $default_sum - 1 {
+  @for $o from 1 through $default_sum - $c {
+    .col-#{$c}-offset-#{$o} {
+      @include col($c, $o);
+    }
+  }
+}
+
+.col.float-right{
+  float: right;
+  padding-right: 0;
+  padding-left: $default_gap;
+}

assets/css/base/_layout.scss

@@ -0,0 +1,94 @@
+$side-padding:3em;
+
+body, html{
+  position: relative;
+  width: 100%;
+  height:100%;
+  font-family: sans-serif;
+  font-style: normal;
+  margin:0;
+  padding:0;
+}
+
+body{
+  overflow:hidden;
+}
+
+#root{
+  display: flex;
+  flex-direction: column;
+  width: 100vw;
+  height:100vh;
+  %layout-element{
+    width:100vw;
+    box-sizing:border-box;
+  }
+  header[role="banner"]{
+    z-index:10;
+    flex: 0 0 auto;
+    @extend %layout-element;
+    padding:1em $side-padding 1em $side-padding;
+    @media only screen and (max-width: $small-bp) {
+      padding:1em $side-padding/2 0 $side-padding/2;
+    }
+  }
+  section[role="main-content"]{
+    display: flex;
+    flex:1 1 auto;
+    @extend %layout-element;
+    overflow: hidden;
+    position: relative;
+    >.wrapper{
+      position: relative;
+      padding:0 $side-padding 0 $side-padding;
+      // height:100%; max-height:100%;
+      display: flex;
+      flex: 1;
+      overflow-y: hidden;
+      overflow-x: hidden;
+      >*{
+        @include fade-transition;
+      }
+      @media only screen and (max-width: $small-bp) {
+        overflow-y: auto;
+        padding:0 $side-padding/2 0 $side-padding/2;
+      }
+    }
+    .main-content-layout{
+      position: relative;
+      // https://stackoverflow.com/a/33644245
+      display: flex;
+      flex: 1;
+      >section{
+        max-height: 100%;
+      }
+      >header,
+      >section>.wrapper,
+      >nav{
+        box-sizing: border-box;
+        max-height: 100%;
+        padding-top:1em;
+      }
+      >section>.wrapper,
+      >nav{
+        overflow-x: hidden;
+        overflow-y: auto;
+        -webkit-overflow-scrolling: touch;
+      }
+    }
+    @media only screen and (max-width: $small-bp) {
+      .main-content-layout{
+        display: flex;
+        flex-direction: column;
+      }
+    }
+  }
+  footer[role="tools"]{
+    flex:0 0 auto;
+    @extend %layout-element;
+    // padding-bottom: 1em;
+    // >*{
+    //   padding:0.5em 1em;
+    // }
+  }
+}

assets/css/base/_reset.scss

@@ -0,0 +1,40 @@
+html, body{
+  font-size:16px;
+  line-height: 0.9;
+  margin:0; padding:0;
+  background: white;
+}
+
+a{
+	color: inherit;
+	text-decoration: none;
+}
+a, a:focus, a:active { outline: none; }
+a:focus{ -moz-outline-style: none; }
+
+ul {
+  padding:0;
+  margin:0;
+}
+li{
+  padding:0;
+  margin:0;
+  list-style: none;
+}
+
+.visualy-hidden {
+  position: absolute !important;
+  clip: rect(1px, 1px, 1px, 1px);
+  overflow: hidden;
+  height: 1px;
+  width: 1px;
+  word-wrap: normal;
+}
+.visualy-hidden:active,
+.visualy-hidden:focus {
+  position: static !important;
+  clip: auto;
+  overflow: visible;
+  height: auto;
+  width: auto;
+}

assets/css/base/_transitions.scss

@@ -0,0 +1,67 @@
+
+//  _                    _ _   _
+// | |_ _ _ __ _ _ _  __(_) |_(_)___ _ _  ___
+// |  _| '_/ _` | ' \(_-< |  _| / _ \ ' \(_-<
+//  \__|_| \__,_|_||_/__/_|\__|_\___/_||_/__/
+@mixin accordeon-transition($h){
+  &.accordeon-enter,
+  &.accordeon-leave-to{
+    // opacity: 0;
+    height:0.01vh;
+    padding-top: 0;
+    padding-bottom: 0;
+    // transform: translateY(100%);
+    // transform: translate3d(0, 100%, 0);
+  }
+  &.accordeon-enter-to,
+  &.accordeon-leave{
+    // opacity:1;
+    height:$h;
+    // transform: translateY(0%);
+    // transform: translate3d(0, 0, 0);
+  }
+  &.accordeon-enter-active{
+    transition: all 300ms ease-in-out;
+  }
+  &.accordeon-leave-active{
+    transition: all 200ms ease-in-out;
+  }
+
+}
+
+@mixin fade-transition() {
+  &.fade-enter,
+  &.fade-leave-to{
+    opacity: 0;
+  }
+  &.fade-enter-to,
+  &.fade-leave{
+    opacity:1;
+  }
+  &.fade-enter-active{
+    transition: all 300ms ease-in-out;
+  }
+  &.fade-leave-active{
+    transition: all 200ms ease-in-out;
+  }
+}
+
+.fade-enter-active{
+  transition: all 300ms ease-in-out;
+}
+.fade-leave-active{
+  transition: all 200ms ease-in-out;
+}
+
+.fade-enter,
+.fade-leave-active {
+  opacity: 0
+}
+
+// .edition-texts-enter-active, .edition-texts-leave-active {
+//   transition: all 1s;
+// }
+// .edition-texts-enter, .edition-texts-leave-to /* .list-leave-active below version 2.1.8 */ {
+//   max-height: 0;
+//   // transform: translateY(30px);
+// }

assets/css/base/_variables.scss

@@ -0,0 +1,10 @@
+$base_font_size:16px;
+
+// grid
+$default_gap: 1em;
+$default_sum: 12; // total number of columns
+
+$small-bp:768px;
+$med-bp:1080px;
+$ipad-bp: 1536px;
+$large-bp:1900px;

assets/css/mdi/.github/ISSUE_TEMPLATE.md

@@ -0,0 +1,3 @@
+Disclaimer:
+Hi there, thanks for contributing! Before anything else, please ensure you didn't mean to create an issue on the main MaterialDesign repo instead.
+If this is intentional, just erase this message. Thanks!

assets/css/mdi/README.md

@@ -0,0 +1,22 @@
+> *Note:* Please use the main [MaterialDesign](https://github.com/Templarian/MaterialDesign/issues) repo to report issues. This repo is for distribution of the Webfont files only.
+
+# Webfont - Material Design Icons
+
+Webfont distribution for the [Material Design Icons](https://materialdesignicons.com).
+
+```
+npm install @mdi/font
+bower install mdi
+```
+
+## Related Packages
+
+[NPM @MDI Organization](https://npmjs.com/org/mdi)
+
+- JavaScript/Typescript: [MaterialDesign-JS](https://github.com/Templarian/MaterialDesign-JS)
+- SVG: [MaterialDesign-SVG](https://github.com/Templarian/MaterialDesign-SVG)
+
+## Learn More
+
+- [MaterialDesignIcons.com](https://materialdesignicons.com)
+- https://github.com/Templarian/MaterialDesign

assets/css/mdi/bower.json

@@ -0,0 +1,22 @@
+{
+    "name": "mdi",
+    "main": [
+        "scss/materialdesignicons.scss"
+    ],
+    "homepage": "http://materialdesignicons.com",
+    "authors": [
+        { "name": "Austin Andrews", "homepage": "http://templarian.com" },
+        { "name": "Google", "homepage": "http://www.google.com/design" }
+    ],
+    "license": ["OFL-1.1", "MIT"],
+    "ignore": [
+        "*.md",
+        "*.json"
+    ],
+    "keywords": [
+        "material",
+        "design",
+        "icons",
+        "webfont"
+    ]
+}

assets/css/mdi/license.md

@@ -0,0 +1,97 @@
+Copyright (c) 2014, Austin Andrews (http://materialdesignicons.com/),
+with Reserved Font Name Material Design Icons.
+
+Copyright (c) 2014, Google (http://www.google.com/design/)
+uses the license at https://github.com/google/material-design-icons/blob/master/LICENSE
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

assets/css/mdi/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@mdi/font",
+  "version": "3.6.95",
+  "description": "Dist for Material Design Webfont. This includes the Stock and Community icons in a single webfont collection.",
+  "style": "css/materialdesignicons.css",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Templarian/MaterialDesign-Webfont.git"
+  },
+  "keywords": [
+    "material",
+    "design",
+    "icons",
+    "webfont"
+  ],
+  "author": {
+    "name": "Austin Andrews",
+    "web": "http://twitter.com/templarian"
+  },
+  "licenses": [
+    {
+      "type": "OFL-1.1",
+      "url": "http://scripts.sil.org/OFL"
+    },
+    {
+      "type": "MIT",
+      "url": "http://opensource.org/licenses/mit-license.html"
+    }
+  ],
+  "bugs": {
+    "url": "https://github.com/Templarian/MaterialDesign/issues"
+  },
+  "homepage": "http://materialdesignicons.com"
+}

assets/css/mdi/scss/_animated.scss

@@ -0,0 +1,27 @@
+// From Font Awesome
+.#{$mdi-css-prefix}-spin:before {
+    -webkit-animation: #{$mdi-css-prefix}-spin 2s infinite linear;
+            animation: #{$mdi-css-prefix}-spin 2s infinite linear;
+}
+
+@-webkit-keyframes #{$mdi-css-prefix}-spin {
+    0% {
+      -webkit-transform: rotate(0deg);
+              transform: rotate(0deg);
+    }
+    100% {
+      -webkit-transform: rotate(359deg);
+              transform: rotate(359deg);
+    }
+}
+
+@keyframes #{$mdi-css-prefix}-spin {
+    0% {
+      -webkit-transform: rotate(0deg);
+              transform: rotate(0deg);
+    }
+    100% {
+      -webkit-transform: rotate(359deg);
+              transform: rotate(359deg);
+    }
+}

assets/css/mdi/scss/_core.scss

@@ -0,0 +1,10 @@
+.#{$mdi-css-prefix}:before,
+.#{$mdi-css-prefix}-set {
+  display: inline-block;
+  font: normal normal normal #{$mdi-font-size-base}/1 '#{$mdi-font-name}'; // shortening font declaration
+  font-size: inherit; // can't have font-size inherit on line above, so need to override
+  text-rendering: auto; // optimizelegibility throws things off #1094
+  line-height: inherit;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}

assets/css/mdi/scss/_extras.scss

@@ -0,0 +1,65 @@
+$mdi-sizes: 18 24 36 48;
+@each $mdi-size in $mdi-sizes {
+    .#{$mdi-css-prefix}-#{$mdi-size}px {
+        &.#{$mdi-css-prefix}-set,
+        &.#{$mdi-css-prefix}:before {
+            font-size: $mdi-size * 1px;
+        }
+    }
+}
+
+.#{$mdi-css-prefix}-dark {
+    &:before {
+        color: rgba(0, 0, 0, 0.54);
+    }
+    &.mdi-inactive:before {
+        color: rgba(0, 0, 0, 0.26);
+    }
+}
+.#{$mdi-css-prefix}-light {
+    &:before {
+        color: rgba(255, 255, 255, 1);
+    }
+    &.mdi-inactive:before {
+        color: rgba(255, 255, 255, 0.3);
+    }
+}
+
+$mdi-degrees: 45 90 135 180 225 270 315;
+@each $mdi-degree in $mdi-degrees {
+    .#{$mdi-css-prefix}-rotate-#{$mdi-degree}{
+        &:before {
+            -webkit-transform: rotate(#{$mdi-degree}deg);
+            -ms-transform: rotate(#{$mdi-degree}deg);
+            transform: rotate(#{$mdi-degree}deg);
+        }
+        /*
+        // Not included in production
+        &.#{$mdi-css-prefix}-flip-h:before {
+            -webkit-transform: scaleX(-1) rotate(#{$mdi-degree}deg);
+            transform: scaleX(-1) rotate(#{$mdi-degree}deg);
+            filter: FlipH;
+            -ms-filter: "FlipH";
+        }
+        &.#{$mdi-css-prefix}-flip-v:before {
+            -webkit-transform: scaleY(-1) rotate(#{$mdi-degree}deg);
+            -ms-transform: rotate(#{$mdi-degree}deg);
+            transform: scaleY(-1) rotate(#{$mdi-degree}deg);
+            filter: FlipV;
+            -ms-filter: "FlipV";
+        }
+        */
+    }
+}
+.#{$mdi-css-prefix}-flip-h:before {
+    -webkit-transform: scaleX(-1);
+    transform: scaleX(-1);
+    filter: FlipH;
+    -ms-filter: "FlipH";
+}
+.#{$mdi-css-prefix}-flip-v:before {
+    -webkit-transform: scaleY(-1);
+    transform: scaleY(-1);
+    filter: FlipV;
+    -ms-filter: "FlipV";
+}

assets/css/mdi/scss/_functions.scss

@@ -0,0 +1,20 @@
+@function char($character-code) {
+    @if function-exists("selector-append") {
+        @return unquote("\"\\#{$character-code}\"");
+    }
+
+    @if "\\#{'x'}" == "\\x" {
+        @return str-slice("\x", 1, 1) + $character-code;
+    }
+    @else {
+        @return #{"\"\\"}#{$character-code + "\""};
+    }
+}
+
+@function mdi($name) {
+    @if map-has-key($mdi-icons, $name) == false {
+        @warn "Icon #{$name} not found.";
+        @return "";
+    }
+    @return char(map-get($mdi-icons, $name));
+}

assets/css/mdi/scss/_icons.scss

@@ -0,0 +1,10 @@
+@each $key, $value in $mdi-icons {
+    .#{$mdi-css-prefix}-#{$key}:before {
+        content: char($value);
+    }
+}
+
+.#{$mdi-css-prefix}-blank:before {
+    content: "\F68C";
+    visibility: hidden;
+}

assets/css/mdi/scss/_path.scss

@@ -0,0 +1,11 @@
+@font-face {
+  font-family: '#{$mdi-font-name}';
+  src: url('#{$mdi-font-path}/#{$mdi-filename}-webfont.eot?v=#{$mdi-version}');
+  src: url('#{$mdi-font-path}/#{$mdi-filename}-webfont.eot?#iefix&v=#{$mdi-version}') format('embedded-opentype'),
+    url('#{$mdi-font-path}/#{$mdi-filename}-webfont.woff2?v=#{$mdi-version}') format('woff2'),
+    url('#{$mdi-font-path}/#{$mdi-filename}-webfont.woff?v=#{$mdi-version}') format('woff'),
+    url('#{$mdi-font-path}/#{$mdi-filename}-webfont.ttf?v=#{$mdi-version}') format('truetype'),
+    url('#{$mdi-font-path}/#{$mdi-filename}-webfont.svg?v=#{$mdi-version}##{$mdi-filename}#{$mdi-font-weight}') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}

assets/css/mdi/scss/materialdesignicons.scss

@@ -0,0 +1,8 @@
+/* MaterialDesignIcons.com */
+@import "variables";
+@import "functions";
+@import "path";
+@import "core";
+@import "icons";
+@import "extras";
+@import "animated";

assets/fonts/libertinus/libertinus.css

@@ -0,0 +1,98 @@
+@font-face {
+    font-family: 'libertinus_serif';
+    src: url('libertinusserif-regular-webfont.woff2') format('woff2'),
+         url('libertinusserif-regular-webfont.woff') format('woff');
+    font-weight: 400;
+    font-style: normal;
+
+}
+@font-face {
+    font-family: 'libertinus_serif';
+    src: url('libertinusserif-italic-webfont.woff2') format('woff2'),
+         url('libertinusserif-italic-webfont.woff') format('woff');
+    font-weight: 400;
+    font-style: italic;
+
+}
+@font-face {
+    font-family: 'libertinus_serif';
+    src: url('libertinusserif-semibold-webfont.woff2') format('woff2'),
+         url('libertinusserif-semibold-webfont.woff') format('woff');
+    font-weight: 600;
+    font-style: normal;
+
+}
+@font-face {
+    font-family: 'libertinus_serif';
+    src: url('libertinusserif-semibolditalic-webfont.woff2') format('woff2'),
+         url('libertinusserif-semibolditalic-webfont.woff') format('woff');
+    font-weight: 600;
+    font-style: italic;
+
+}
+@font-face {
+    font-family: 'libertinus_serif';
+    src: url('libertinusserif-bold-webfont.woff2') format('woff2'),
+         url('libertinusserif-bold-webfont.woff') format('woff');
+    font-weight: 800;
+    font-style: normal;
+
+}
+@font-face {
+    font-family: 'libertinus_serif';
+    src: url('libertinusserif-bolditalic-webfont.woff2') format('woff2'),
+         url('libertinusserif-bolditalic-webfont.woff') format('woff');
+    font-weight: 800;
+    font-style: italic;
+
+}
+@font-face {
+    font-family: 'libertinus_serif_initials';
+    src: url('libertinusserifinitials-regular-webfont.woff2') format('woff2'),
+         url('libertinusserifinitials-regular-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+@font-face {
+    font-family: 'libertinus_serif_display';
+    src: url('libertinusserifdisplay-regular-webfont.woff2') format('woff2'),
+         url('libertinusserifdisplay-regular-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+
+@font-face {
+    font-family: 'libertinus_sans';
+    src: url('libertinussans-regular-webfont.woff2') format('woff2'),
+         url('libertinussans-regular-webfont.woff') format('woff');
+    font-weight: 400;
+    font-style: normal;
+
+}
+@font-face {
+    font-family: 'libertinus_sans';
+    src: url('libertinussans-italic-webfont.woff2') format('woff2'),
+         url('libertinussans-italic-webfont.woff') format('woff');
+    font-weight: 400;
+    font-style: italic;
+
+}
+@font-face {
+    font-family: 'libertinus_sans';
+    src: url('libertinussans-bold-webfont.woff2') format('woff2'),
+         url('libertinussans-bold-webfont.woff') format('woff');
+    font-weight: 800;
+    font-style: normal;
+
+}
+@font-face {
+    font-family: 'libertinus_mono';
+    src: url('libertinusmono-regular-webfont.woff2') format('woff2'),
+         url('libertinusmono-regular-webfont.woff') format('woff');
+    font-weight: 400;
+    font-style: normal;
+
+}

assets/fonts/notosans/notosans-condensed.css

@@ -0,0 +1,126 @@
+@font-face {
+    font-family: 'noto_sanscondensed';
+    src: url('notosans-condensedthin-webfont.woff2') format('woff2'),
+         url('notosans-condensedthin-webfont.woff') format('woff');
+    font-weight: 100;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sanscondensed';
+    src: url('notosans-condensedthinitalic-webfont.woff2') format('woff2'),
+         url('notosans-condensedthinitalic-webfont.woff') format('woff');
+    font-weight: 100;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sanscondensed';
+    src: url('notosans-condensedextralight-webfont.woff2') format('woff2'),
+         url('notosans-condensedextralight-webfont.woff') format('woff');
+    font-weight: 200;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sanscondensed';
+    src: url('notosans-condensedextralightitalic-webfont.woff2') format('woff2'),
+         url('notosans-condensedextralightitalic-webfont.woff') format('woff');
+    font-weight: 200;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sanscondensed';
+    src: url('notosans-condensedlight-webfont.woff2') format('woff2'),
+         url('notosans-condensedlight-webfont.woff') format('woff');
+    font-weight: 300;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sanscondensed';
+    src: url('notosans-condensedlightitalic-webfont.woff2') format('woff2'),
+         url('notosans-condensedlightitalic-webfont.woff') format('woff');
+    font-weight: 300;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sanscondensed';
+    src: url('notosans-condensed-webfont.woff2') format('woff2'),
+         url('notosans-condensed-webfont.woff') format('woff');
+    font-weight: 400;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sanscondensed';
+    src: url('notosans-condenseditalic-webfont.woff2') format('woff2'),
+         url('notosans-condenseditalic-webfont.woff') format('woff');
+    font-weight: 400;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sanscondensed';
+    src: url('notosans-condensedmedium-webfont.woff2') format('woff2'),
+         url('notosans-condensedmedium-webfont.woff') format('woff');
+    font-weight: 500;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sanscondensed';
+    src: url('notosans-condensedmediumitalic-webfont.woff2') format('woff2'),
+         url('notosans-condensedmediumitalic-webfont.woff') format('woff');
+    font-weight: 500;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sanscondensed';
+    src: url('notosans-condensedsemibold-webfont.woff2') format('woff2'),
+         url('notosans-condensedsemibold-webfont.woff') format('woff');
+    font-weight: 600;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sanscondensed';
+    src: url('notosans-condensedsemibolditalic-webfont.woff2') format('woff2'),
+         url('notosans-condensedsemibolditalic-webfont.woff') format('woff');
+    font-weight: 600;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sanscondensed';
+    src: url('notosans-condensedbold-webfont.woff2') format('woff2'),
+         url('notosans-condensedbold-webfont.woff') format('woff');
+    font-weight: 700;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sanscondensed';
+    src: url('notosans-condensedbolditalic-webfont.woff2') format('woff2'),
+         url('notosans-condensedbolditalic-webfont.woff') format('woff');
+    font-weight: 700;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sanscondensed';
+    src: url('notosans-condensedextrabold-webfont.woff2') format('woff2'),
+         url('notosans-condensedextrabold-webfont.woff') format('woff');
+    font-weight: 800;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sanscondensed';
+    src: url('notosans-condensedextrabolditalic-webfont.woff2') format('woff2'),
+         url('notosans-condensedextrabolditalic-webfont.woff') format('woff');
+    font-weight: 800;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'noto_sanscondensed';
+    src: url('notosans-condensedblack-webfont.woff2') format('woff2'),
+         url('notosans-condensedblack-webfont.woff') format('woff');
+    font-weight: 900;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'noto_sanscondensed';
+    src: url('notosans-condensedblackitalic-webfont.woff2') format('woff2'),
+         url('notosans-condensedblackitalic-webfont.woff') format('woff');
+    font-weight: 900;
+    font-style: italic;
+}