css cached

Author: nachoamatt

.eleventy.js

@@ -45,29 +45,11 @@ module.exports = function (eleventyConfig) {
 
   eleventyConfig.addNunjucksFilter('bootstrapNav', toBootstrapNav)
 
-  eleventyConfig.addLinter(
-    'Spelling check',
-    function (content, inputPath, outputPath) {
-      let words = 'lenght, .lenght, .rigth'.split(',')
-
-      // Eleventy 1.0+: use this.inputPath and this.outputPath instead
-      if (inputPath.endsWith('.md')) {
-        for (let word of words) {
-          let regexp = new RegExp('\\b(' + word + ')\\b', 'gi')
-          if (content.match(regexp)) {
-            console.warn(`Spelling check (${inputPath}) Found: ${word}`)
-          }
-        }
-      }
-    }
-  )
-
   return {
     dir: {
       layouts: '/_src/layouts',
       data: '/_src/data',
       output: '_dist',
-      pathPrefix: '/Prep-Course/',
     },
   }
 }

.gitignore

@@ -1,5 +1,6 @@
 node_modules
+package-lock.json
 
-# Eleventy build
+# Eleventy
 _dist
-
+_cache

_src/data/code.js

@@ -0,0 +1,11 @@
+const Cache = require('@11ty/eleventy-cache-assets')
+
+module.exports = async function () {
+  const url = 'https://henry-11ty-resources.s3.sa-east-1.amazonaws.com/Styles/code.css'
+  const style = await Cache(url, {
+    duration: '1d',
+    type: 'txt',
+    directory: '_cache'
+  })
+  return style
+}

_src/data/fonts.js

@@ -0,0 +1,11 @@
+const Cache = require('@11ty/eleventy-cache-assets')
+
+module.exports = async function () {
+  const url = 'https://henry-11ty-resources.s3.sa-east-1.amazonaws.com/Styles/fonts.css'
+  const style = await Cache(url, {
+    duration: '1d',
+    type: 'txt',
+    directory: '_cache'
+  })
+  return style
+}

_src/data/footer.js

@@ -0,0 +1,11 @@
+const Cache = require('@11ty/eleventy-cache-assets')
+
+module.exports = async function () {
+  const url = 'https://henry-11ty-resources.s3.sa-east-1.amazonaws.com/Styles/footer.css'
+  const style = await Cache(url, {
+    duration: '1d',
+    type: 'txt',
+    directory: '_cache'
+  })
+  return style
+}

_src/data/header.js

@@ -0,0 +1,11 @@
+const Cache = require('@11ty/eleventy-cache-assets')
+
+module.exports = async function () {
+  const url = 'https://henry-11ty-resources.s3.sa-east-1.amazonaws.com/Styles/header.css'
+  const style = await Cache(url, {
+    duration: '1d',
+    type: 'txt',
+    directory: '_cache'
+  })
+  return style
+}

_src/data/lesson.js

@@ -0,0 +1,11 @@
+const Cache = require('@11ty/eleventy-cache-assets')
+
+module.exports = async function () {
+  const url = 'https://henry-11ty-resources.s3.sa-east-1.amazonaws.com/Styles/lesson.css'
+  const style = await Cache(url, {
+    duration: '1d',
+    type: 'txt',
+    directory: '_cache'
+  })
+  return style
+}

_src/data/logoNav.js

@@ -0,0 +1,12 @@
+const Cache = require('@11ty/eleventy-cache-assets')
+
+module.exports = async function () {
+  const url = 'https://henry-11ty-resources.s3.sa-east-1.amazonaws.com/Assets/logo-henry-white-sm.png'
+  const imageBuffer = await Cache(url, {
+    duration: '1d',
+    type: 'buffer'
+  })
+  // Use imageBuffer as an input to the `sharp` plugin, for example
+  return imageBuffer
+  // (Example truncated)
+}

_src/data/main.js

@@ -0,0 +1,11 @@
+const Cache = require('@11ty/eleventy-cache-assets')
+
+module.exports = async function () {
+  const url = 'https://henry-11ty-resources.s3.sa-east-1.amazonaws.com/Styles/main.css'
+  const style = await Cache(url, {
+    duration: '1d',
+    type: 'txt',
+    directory: '_cache'
+  })
+  return style
+}

_src/data/responsive.js

@@ -0,0 +1,11 @@
+const Cache = require('@11ty/eleventy-cache-assets')
+
+module.exports = async function () {
+  const url = 'https://henry-11ty-resources.s3.sa-east-1.amazonaws.com/Styles/responsive.css'
+  const style = await Cache(url, {
+    duration: '1d',
+    type: 'txt',
+    directory: '_cache'
+  })
+  return style
+}

_src/data/sidebar.js

@@ -0,0 +1,11 @@
+const Cache = require('@11ty/eleventy-cache-assets')
+
+module.exports = async function () {
+  const url = 'https://henry-11ty-resources.s3.sa-east-1.amazonaws.com/Styles/sidebar.css'
+  const style = await Cache(url, {
+    duration: '1d',
+    type: 'txt',
+    directory: '_cache'
+  })
+  return style
+}

_src/data/topbar.js

@@ -0,0 +1,11 @@
+const Cache = require('@11ty/eleventy-cache-assets')
+
+module.exports = async function () {
+  const url = 'https://henry-11ty-resources.s3.sa-east-1.amazonaws.com/Styles/topbar.css'
+  const style = await Cache(url, {
+    duration: '1d',
+    type: 'txt',
+    directory: '_cache'
+  })
+  return style
+}

_src/layouts/lesson.njk

@@ -12,17 +12,25 @@ favicon: 'https://henry-11ty-resources.s3.sa-east-1.amazonaws.com/Assets/favicon
     <script src="{{ 'https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js' | url }}" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
     <link rel="icon" type="image/x-icon" href="{{ favicon }}">
     <link href="{{ 'https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css' | url }}" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
-    <link rel="stylesheet" href="{{ 'https://henry-11ty-resources.s3.sa-east-1.amazonaws.com/Styles/fonts.css' | url }}">
-    <link rel="stylesheet" href="{{ 'https://henry-11ty-resources.s3.sa-east-1.amazonaws.com/Styles/header.css' | url }}">
-    <link rel="stylesheet" href="{{ 'https://henry-11ty-resources.s3.sa-east-1.amazonaws.com/Styles/main.css' | url }}">
-    <link rel="stylesheet" href="{{ 'https://henry-11ty-resources.s3.sa-east-1.amazonaws.com/Styles/topbar.css' | url }}">
-    <link rel="stylesheet" href="{{ 'https://henry-11ty-resources.s3.sa-east-1.amazonaws.com/Styles/sidebar.css' | url }}">
-    <link rel="stylesheet" href="{{ 'https://henry-11ty-resources.s3.sa-east-1.amazonaws.com/Styles/lesson.css' | url }}">
-    <link rel="stylesheet" href="{{ 'https://henry-11ty-resources.s3.sa-east-1.amazonaws.com/Styles/code.css' | url }}">
-    <link rel="stylesheet" href="{{ 'https://henry-11ty-resources.s3.sa-east-1.amazonaws.com/Styles/footer.css' | url }}">
-    <link rel="stylesheet" href="{{ 'https://henry-11ty-resources.s3.sa-east-1.amazonaws.com/Styles/responsive.css' | url }}">
 
     <title>{{ lessonTitle }} | {{ config.repoTitle }}</title>
+
+    {% set css %}
+    {{ fonts | safe }}
+    {{ header | safe }}
+    {{ main | safe }}
+    {{ topbar | safe }}
+    {{ sidebar | safe }}
+    {{ lesson | safe }}
+    {{ code | safe }}
+    {{ footer | safe }}
+    {{ responsive | safe }}
+    {% endset %}
+
+    <style>
+      {{css | safe}}
+    </style>
+
   </head>
 
   <body>