theme customization

bump 11ty to 1.0

Author: sylvainmetayer

old/.editorconfig renamed to .editorconfig

@@ -1,113 +1,75 @@
-const { DateTime } = require("luxon");
-const CleanCSS = require("clean-css");
-const UglifyJS = require("uglify-es");
-const htmlmin = require("html-minifier");
 const eleventyNavigationPlugin = require("@11ty/eleventy-navigation");
-const slugify = require('slugify');
-
-module.exports = function(eleventyConfig) {
-
-  // Eleventy Navigation https://www.11ty.dev/docs/plugins/navigation/
-  eleventyConfig.addPlugin(eleventyNavigationPlugin);
-
-  // Configuration API: use eleventyConfig.addLayoutAlias(from, to) to add
-  // layout aliases! Say you have a bunch of existing content using
-  // layout: post. If you don’t want to rewrite all of those values, just map
-  // post to a new file like this:
-  // eleventyConfig.addLayoutAlias("post", "layouts/my_new_post_layout.njk");
-
-  // Merge data instead of overriding
-  // https://www.11ty.dev/docs/data-deep-merge/
-  eleventyConfig.setDataDeepMerge(true);
-
-  // Add support for maintenance-free post authors
-  // Adds an authors collection using the author key in our post frontmatter
-  // Thanks to @pdehaan: https://github.com/pdehaan
-  eleventyConfig.addCollection("authors", collection => {
-    const blogs = collection.getFilteredByGlob("src/posts/*.md");
-    return blogs.reduce((coll, post) => {
-      const author = slugify(post.data.author);
-      if (!author) {
-        return coll;
-      }
-      if (!coll.hasOwnProperty(author)) {
-        coll[author] = [];
-      }
-      coll[author].push(post.data);
-      return coll;
-    }, {});
-  });
+const eleventyDartSassPlugin = require("eleventy-plugin-dart-sass");
+const path = require('path');
+
+const helpers = require('./src/_data/helpers');
+const markdownConfig = require('./src/11ty/utils/markdown');
+const browserSyncConfig = require('./src/11ty/utils/browsersync');
+const UserConfig = require("@11ty/eleventy/src/UserConfig");
+
+const filters = require('./src/11ty/filters');
+const filtersMethods = Object.entries(filters);
+
+const transforms = require('./src/11ty/transforms');
+const transformsMethods = Object.entries(transforms);
+
+const sassConfig = {
+  includePaths: ["**/*.{scss,sass}", "!node_modules/**"],
+  sassIndexFile: 'main.scss',
+  watchSass: true,
+  sassLocation: path.normalize(
+    path.join(__dirname, "src/_includes/assets/scss/")
+  ),
+  outDir: path.normalize(
+    path.join(__dirname, 'dist/')
+  ),
+  outPath: "/assets/css/",
+  domainName: helpers.url(),
+  outFileName: 'main.css',
+  outputStyle: 'compressed'
+};
 
-  // Date formatting (human readable)
-  eleventyConfig.addFilter("readableDate", dateObj => {
-    return DateTime.fromJSDate(dateObj).toFormat("dd/MM/yyyy");
+const passthroughItems = [
+  'src/_redirects',
+  {
+    "src/favicon.ico": "/favicon.ico",
+    "src/static/img": "/static/img",
+    "src/static/CV.pdf": "/static/CV.pdf",
+    "src/_includes/assets/css": "/assets/css",
+    "src/_includes/assets/js": "/assets/js"
+  }
+];
+
+/** @param {UserConfig} eleventyConfig */
+module.exports = function (eleventyConfig) {
+  filtersMethods.forEach(([name, filter]) => {
+    eleventyConfig.addFilter(name, filter)
   });
 
-  // Date formatting (machine readable)
-  eleventyConfig.addFilter("machineDate", dateObj => {
-    return DateTime.fromJSDate(dateObj).toFormat("yyyy-MM-dd");
+  transformsMethods.forEach(([name, filter]) => {
+    eleventyConfig.addTransform(name, filter)
   });
 
-  // Minify CSS
-  eleventyConfig.addFilter("cssmin", function(code) {
-    return new CleanCSS({}).minify(code).styles;
-  });
+  eleventyConfig.addPlugin(eleventyNavigationPlugin);
+  eleventyConfig.addPlugin(eleventyDartSassPlugin, sassConfig);
 
-  // Minify JS
-  eleventyConfig.addFilter("jsmin", function(code) {
-    let minified = UglifyJS.minify(code);
-    if (minified.error) {
-      console.log("UglifyJS error: ", minified.error);
-      return code;
-    }
-    return minified.code;
-  });
+  passthroughItems.forEach(item => {
+    eleventyConfig.addPassthroughCopy(item);
+  })
 
-  // Minify HTML output
-  eleventyConfig.addTransform("htmlmin", function(content, outputPath) {
-    if (outputPath && outputPath.indexOf(".html") > -1) {
-      let minified = htmlmin.minify(content, {
-        useShortDoctype: true,
-        removeComments: true,
-        collapseWhitespace: true
-      });
-      return minified;
-    }
-    return content;
+  eleventyConfig.setBrowserSyncConfig(browserSyncConfig);
+  eleventyConfig.setLibrary("md", markdownConfig);
+  eleventyConfig.setDataDeepMerge(true);
+  eleventyConfig.setFrontMatterParsingOptions({
+    excerpt: true,
+    excerpt_separator: "---"
   });
 
-  // Don't process folders with static assets e.g. images
-  eleventyConfig.addPassthroughCopy("src/favicon.ico");
-  eleventyConfig.addPassthroughCopy("src/static/img");
-  eleventyConfig.addPassthroughCopy("src/admin");
-  eleventyConfig.addPassthroughCopy("src/_includes/assets/");
-
-  /* Markdown Plugins */
-  let markdownIt = require("markdown-it");
-  let markdownItAnchor = require("markdown-it-anchor");
-  let options = {
-    html: true,
-    breaks: true,
-    linkify: true
-  };
-  let opts = {
-    permalink: false
-  };
-
-  eleventyConfig.setLibrary("md", markdownIt(options)
-    .use(markdownItAnchor, opts)
-  );
-
   return {
-    templateFormats: ["md", "njk", "html", "liquid"],
-
-    // If your site lives in a different subdirectory, change this.
-    // Leading or trailing slashes are all normalized away, so don’t worry about it.
-    // If you don’t have a subdirectory, use "" or "/" (they do the same thing)
-    // This is only used for URLs (it does not affect your file structure)
+    templateFormats: ["md", "njk", "html"],
     pathPrefix: "/",
-
-    markdownTemplateEngine: "liquid",
+    passthroughFileCopy: true,
+    markdownTemplateEngine: "njk",
     htmlTemplateEngine: "njk",
     dataTemplateEngine: "njk",
     dir: {

.eleventy.js

@@ -1,3 +1,9 @@
-_site/
+*.log
+npm-debug.*
+*.scssc
+*.log
+*.swp
+.DS_Store
+.sass-cache
 node_modules/
-package-lock.json
+dist/

.gitignore

@@ -1 +1 @@
-10
+16

old/.htmlvalidate.json renamed to .htmlvalidate.json

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2021 Tyler M. Roderick
+Copyright (c) 2018 Sylvain METAYER
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

old/.imgbotconfig renamed to .imgbotconfig

@@ -1,79 +1,19 @@
-[![Netlify Status](https://api.netlify.com/api/v1/badges/5702ba89-7242-490e-b04d-e4a691faced5/deploy-status)](https://app.netlify.com/sites/fernfolio/deploys)
+# Personal Website
 
-# Fernfolio
-The super simple portfolio template built with [Eleventy](https://www.11ty.io/) and [Netlify CMS](https://www.netlifycms.org/)
+[![Depfu](https://badges.depfu.com/badges/7a567e824b66dfa3193846d89c9b8e59/overview.svg)](https://depfu.com/github/sylvainmetayer/site?project_id=14116)
+![Github Eleventy Build](https://github.com/sylvainmetayer/site/workflows/Eleventy%20Build/badge.svg)
+[![Netlify Status](https://api.netlify.com/api/v1/badges/eea326e0-9c5d-443f-a0e5-ba949add331a/deploy-status)](https://app.netlify.com/sites/wizardly-aryabhata-f4e800/deploys)
 
-<img width="1280" alt="fernfolio screenshot" src="https://raw.githubusercontent.com/TylerMRoderick/fernfolio-11ty-template/master/fernfolio-preview.png">
+> Sylvain METAYER
+>
+> Theme from [Fernfolio](https://github.com/TylerMRoderick/fernfolio-11ty-template)
 
-### <pre>🖥  [Demo](https://fernfolio.netlify.app/)</pre>
+## Setup
 
-## 🤔 What is this?
-An [Eleventy](https://www.11ty.io/) theme designed to simplify the process of deploying a beautiful portfolio and blog. Launch your site in minutes!
+- `npm ci`
 
-Based on the [eleventy-netlify-boilerplate](https://github.com/danurbanowicz/eleventy-netlify-boilerplate), but modified to perfectly fit the needs of a modern technical porfolio.
+- `npm start`
 
-## ✨ Features
-* Built in support for [Netlify CMS](https://www.netlifycms.org/) with editor previews
-* Customizable blog and project pages with tag support
-* Working contact form powered by [Netlify Forms](https://www.netlify.com/products/forms/)
-* Super fast page render and high lighthouse scores
-* Uses Markdown for content files and Nunjucks for layouts
-* 100% Javascript framework free
-* Continuous Deployment workflow via [Netlify](https://www.netlify.com/)
-* Base styles powered by [Sakura](https://github.com/oxalorg/sakura) classless css framework
-* Vanilla css for custom styles (keep it simple)
+## Build
 
-
-## 🚀 Quick Start
-
-[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/TylerMRoderick/fernfolio-11ty-template&stack=cms)
-
-### 1. Click the "Deploy to Netlify" button above
-This will clone this repo to your github account and will deploy a copy of the demo website to your Netlify
-account (you can create an account during this process if you don't have one)
-
-### 2. Setup authentication
-
-After deploying this project, Netlify Identity will add you as a CMS user and
-will email you an invite. Hit the "Accept the invite" link and this should take you to the deployed site. From there, you can add your password to finish user setup.
-
-### 3. Edit some content
-Now that you are added as a CMS user, add `/admin` to the end of your site url, and log in using your new credentials. You should now see the content editor interface. Now you can start editing content! Any changes to your new repo will auto-deploy a new version to netflify. Cool huh?
-
-### 4. Setup local environment
-- Clone the repo locally `git clone https://github.com/TylerMRoderick/fernfolio-11ty-template.git`
-- Navigate to root folder `cd your-site`
-- Install the goods `npm install`
-- Run it `npm start`
-- You should now be able to see everything running on localhost:8080
-- Add some changes (view [theme customizations](https://fernfolio.netlify.app/posts/theme-customizations/) for some options) 
-- Push your changes to github and an auto-deploy should be triggered
-
-## 💻 Development Scripts
-
-**`npm start`**
-
-> Run 11ty with hot reload at localhost:8080
-
-**`npm run build`**
-
-> Generate minified production build
-
-Use this as the "Publish command" if needed by hosting such as Netlify.
-
-Checkout the Eleventy [Command Line Usage docs](https://www.11ty.dev/docs/usage/) for more options 
-
-
-## 🎩 Common issues
-
-If you change the repo that was created at deploy time from public to private, you'll need to regenerate your token,
-as the token generated using the deploy to Netlify button can only access public repositories. To
-regenerate your token, head to "Settings" in your Netlify site dashboard, go to the "Identity"
-section, then scroll to "Services" where you'll see an "Edit settings" button. Click that and you'll
-see a text link to "Generate access token in GitHub".
-
-If you need any help with setting up Netlify CMS, you can reach out to the Netlify team in the [Netlify CMS Gitter](https://gitter.im/netlify/netlifycms).
-
-## Bug reports, feature requests, etc
-
-This is an ongoing project and I welcome contributions and suggestions! Feel free to submit a PR or issue.
+- `npm run build`

.nvmrc

@@ -1,32 +1,57 @@
 [build]
-  publish = "_site"
-  command = "eleventy"
-
-# REDIRECT and HEADERS examples
-
-# Redirect rule example
-# For more information see:- https://www.netlify.com/docs/netlify-toml-reference/
-
-#[[redirects]]
-#  from = "/*"
-#  to = "/blog/:splat"
-
-# The default HTTP status code is 301, but you can define a different one e.g.
-# status = 302
-
-# Headers rule example
-# For more information see:- https://www.netlify.com/docs/netlify-toml-reference/
-
-#[[headers]]
-#   Define which paths this specific [[headers]] block will cover.
-#   for = "/*"
-
-#[headers.values]
-#   X-Frame-Options = "DENY"
-#   X-XSS-Protection = "1; mode=block"
-#   Content-Security-Policy = "frame-ancestors https://www.facebook.com"
-
-# Redirects and headers are GLOBAL for all builds – they do not get scoped to
-# contexts no matter where you define them in the file.
-# For context-specific rules, use _headers or _redirects files, which are
-# applied on a PER-DEPLOY basis.
+command = "npm run build"
+ignore = "git log -1 --pretty=%B | grep depfu"
+publish = "dist"
+
+[context.production]
+environment = {ELEVENTY_ENV = "production"}
+
+[context.deploy-preview]
+environment = {ELEVENTY_ENV = "preview"}
+
+[context.branch-deploy]
+environment = {ELEVENTY_ENV = "branch"}
+
+[[headers]]
+for = "/*"
+
+[headers.values]
+Access-Control-Allow-Origin = 'null'
+# TODO
+Content-Security-Policy = ""
+Referrer-Policy = "no-referrer-when-downgrade"
+Strict-Transport-Security = "max-age=63072000; includeSubDomains; preload"
+X-Content-Type-Options = "nosniff"
+X-Frame-Options = "DENY"
+X-UA-Compatible = "IE=edge,chrome=1"
+X-XSS-Protection = "1; mode=block"
+
+[[plugins]]
+package = "netlify-plugin-submit-sitemap"
+
+[plugins.inputs]
+baseUrl = "https://sylvain.dev"
+providers = ["google", "bing"]
+sitemapPath = "/sitemap.xml"
+
+[[plugins]]
+package = "netlify-plugin-no-more-404"
+
+[plugins.inputs]
+cacheKey = "theme-skip2"
+debugMode = false
+on404 = "warn"
+
+[[plugins]]
+package = "netlify-plugin-checklinks"
+
+[plugins.inputs]
+entryPoints = [
+  "*.html",
+]
+recursive = true
+pretty = true
+skipPatterns = []
+todoPatterns = []
+checkExternal = false
+followSourceMaps = false