Merge pull request #11 from bastienwirtz/everything-offline

Adding full off network support.

diff --combined app.css
index 9b2453a3b62222b8314c842c3a932a0d804181b8,c53f3cec2f31f088be0f160831e25307b9a234be..2cdb5074b3266d8469482449682696e0760bec4c
--- 1/app.css
--- 2/app.css
+++ b/app.css
@@@ -1,3 -1,21 +1,21 @@@
+ /* raleway-regular - latin */
+ @font-face {
+   font-family: 'Raleway';
+   font-style: normal;
+   font-weight: 400;
+   font-display: swap;
+   src: local("Raleway"), local("Raleway-Regular"), url("./webfonts/raleway/raleway-v14-latin-regular.woff2") format("woff2"), url("./webfonts/raleway/raleway-v14-latin-regular.woff") format("woff");
+   /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
+ 
+ /* lato-regular - latin */
+ @font-face {
+   font-family: 'Lato';
+   font-style: normal;
+   font-weight: 400;
+   font-display: swap;
+   src: local("Lato Regular"), local("Lato-Regular"), url("./webfonts/lato/lato-v16-latin-regular.woff2") format("woff2"), url("./webfonts/lato/lato-v16-latin-regular.woff") format("woff");
+   /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
+ 
  html {
    height: 100%; }
  
@@@ -139,7 -157,7 +157,7 @@@ body 
        background-color: #4285f4; }
        body #bighead .navbar a {
          color: #ffffff; }
 -        body #bighead .navbar a:hover {
 +        body #bighead .navbar a:hover, body #bighead .navbar a:focus {
            color: #ffffff;
            background-color: #5a95f5; }
    body #main-section {

diff --combined app.scss
index ade72f3bc9018327229a848446458a043ee1c3d3,a68733821ff6aea2e8a9107a5d54aabc076f35a8..476ee09121170ab970a4d2ba9f22b2115f872769
--- 1/app.scss
--- 2/app.scss
+++ b/app.scss
@@@ -22,7 -22,27 +22,27 @@@ $theme-dark: 
    a-hover: #ffdd57
  );
  
-   
+ /* raleway-regular - latin */
+ @font-face {
+   font-family: 'Raleway';
+   font-style: normal;
+   font-weight: 400;
+   font-display: swap;
+   src: local('Raleway'), local('Raleway-Regular'),
+        url('./webfonts/raleway/raleway-v14-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+        url('./webfonts/raleway/raleway-v14-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+ }
+ 
+ /* lato-regular - latin */
+ @font-face {
+   font-family: 'Lato';
+   font-style: normal;
+   font-weight: 400;
+   font-display: swap;
+   src: local('Lato Regular'), local('Lato-Regular'),
+        url('./webfonts/lato/lato-v16-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+        url('./webfonts/lato/lato-v16-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+ }
  
  @mixin theme($theme) {
    background-color: map-get($theme, "background");
@@@ -160,7 -180,7 +180,7 @@@ body 
  
        a {
          color: #ffffff;
 -        &:hover {
 +        &:hover, &:focus {
            color: #ffffff;
            background-color: lighten( $secondary-color, 5% );
          }

diff --combined index.html
index 2d88daa1f434120321c26d68a53ca94944f4b251,8f54b422f52ac5599671ad9721959594275c85d3..4bc82c1a1d8475da86ff8728ffe4ff3ffc2da29c
--- 1/index.html
--- 2/index.html
+++ b/index.html
@@@ -7,9 -7,8 +7,8 @@@
    <meta name="robots" content="noindex">
    <link rel="icon" type="image/png" href="assets/favicon.png">
    <title>Homer</title>
-   <link defer rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css">
-   <link defer rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.5/css/bulma.min.css">
-   <link href="https://fonts.googleapis.com/css?family=Lato|Raleway&display=swap" rel="stylesheet">
+   <link defer rel="stylesheet" href="vendors/font-awesone.min.css">
+   <link defer rel="stylesheet" href="vendors/bulma.min.css">
    <link rel="stylesheet" href="app.css">
  </head>
  
@@@ -33,7 -32,7 +32,7 @@@
            <div class="container">
              <div class="navbar-menu">
                <div class="navbar-start">
 -                <a v-for="link in config.links" class="navbar-item" :href="link.url">
 +                <a v-for="link in config.links" class="navbar-item" :href="link.url" :target="link.target">
                    <i v-if="link.icon" style="margin-right: 6px;" :class="link.icon"></i>
                    {{ link.name }}
                  </a>
@@@ -115,7 -114,7 +114,7 @@@
        </footer>
    </div>
  
-   <script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.min.js"></script>
+   <script src="vendors/vue.min.js"></script>
    <script src="vendors/js-yaml.min.js"></script>
    <script src="app.js"></script>
  </body>