intial commit after cloning

Author: 83bytes

.eleventy.js

@@ -0,0 +1,70 @@
+const htmlmin = require("html-minifier");
+const markdownIt = require('markdown-it');
+const pluginRss = require("@11ty/eleventy-plugin-rss");
+
+const isPages = process.env.ELEVENTY_ENV === 'pages'
+const outDir = isPages ? 'docs' : 'public'
+
+module.exports = function (eleventyConfig) {
+  // PLUGINS
+  eleventyConfig.addPlugin(pluginRss);
+
+  // shortcode to render markdown from string => {{ STRING | markdown | safe }}
+  eleventyConfig.addFilter('markdown', function(value) {
+    let markdown = require('markdown-it')({
+      html: true
+    });
+    return markdown.render(value);
+  });
+
+  // rebuild on CSS changes
+  eleventyConfig.addWatchTarget('./src/_includes/css/');
+
+  // Markdown
+  eleventyConfig.setLibrary(
+    'md',
+    markdownIt({
+      html: true,
+      breaks: true,
+      linkify: true,
+      typographer: true
+    })
+  )
+
+  //create collections
+  eleventyConfig.addCollection('sections', async (collection) => {
+    return collection.getFilteredByGlob('./src/sections/*.md');
+  });
+
+  // STATIC FILES
+  eleventyConfig.addPassthroughCopy({ './src/static/': '/' });
+
+  // TRANSFORM -- Minify HTML Output
+  eleventyConfig.addTransform("htmlmin", function(content, outputPath) {
+    if( outputPath && outputPath.endsWith(".html") ) {
+      let minified = htmlmin.minify(content, {
+        useShortDoctype: true,
+        removeComments: true,
+        collapseWhitespace: true
+      });
+      return minified;
+    }
+    return content;
+  });
+
+  return {
+    dir: {
+      input: 'src',
+      output: outDir,
+      data: './_data',
+      includes: './_includes',
+      layouts: './_layouts'
+    },
+    templateFormats: [
+      'md',
+      'njk',
+      '11ty.js'
+    ],
+    htmlTemplateEngine: 'njk'
+  };
+};

.github/FUNDING.yml

@@ -0,0 +1,12 @@
+# These are supported funding model platforms
+
+github: [ttntm]
+patreon: # Replace with a single Patreon username
+open_collective: # Replace with a single Open Collective username
+ko_fi: # Replace with a single Ko-fi username
+tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
+community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
+liberapay: # Replace with a single Liberapay username
+issuehunt: # Replace with a single IssueHunt username
+otechie: # Replace with a single Otechie username
+custom: ['https://www.buymeacoffee.com/ttntm']

.gitignore

@@ -0,0 +1,107 @@
+.env
+public/
+
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# 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
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.test
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+
+# Next.js build output
+.next
+
+# Nuxt.js build / generate output
+.nuxt
+dist
+
+# Gatsby files
+.cache/
+# Comment in the public line in if your project uses Gatsby and *not* Next.js
+# https://nextjs.org/blog/next-9-1#public-directory-support
+# public
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# TernJS port file
+.tern-port

.nvmrc

@@ -0,0 +1 @@
+12.18.2

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Tom Doe
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,57 @@
+# 11ty-landing-page
+
+A simple landing page built with 11ty and Tailwind CSS.
+
+**Other versions**
+
+- [Astro](https://github.com/ttntm/astro-landing-page)
+- [Hugo](https://github.com/ttntm/hugo-landing-page)
+
+## How to use this template
+
+**Requirements:**
+
+1. Eleventy (developed and tested with version 0.12.1)
+2. Tailwind CSS
+
+All other dependencies are either linked from a CDN or included in this repository.
+
+**Setup:**
+
+1. Fork, clone or download
+2. `cd` into the root folder
+3. run `npm install`
+4. run `npm run serve`
+5. open a browser and go to `http://localhost:8080`
+
+**Basic configuration:**
+
+1. Eleventy -> `./.eleventy.js`
+2. Tailwind -> `./tailwind.config.js`
+3. Netlify -> `./netlify.toml`
+
+CSS is built via PostCSS and based on `./src/_includes/css/_page.css`. Building CSS gets triggered by `./src/css/page.11ty.js` and Tailwind's config is set to JIT (see: [Tailwind docs](https://tailwindcss.com/docs/just-in-time-mode))
+
+Please note that this CSS build _does not_ include the `normalize.css` file used for the 2 regular pages (imprint, privacy) - a minified production version is stored in `./src/static/css` and gets included in the build by default.
+
+**Change Content:**
+
+Page content is stored in
+
+- `./src/`
+  - `imprint.md`
+  - `privacy.md`
+- `./src/sections/`
+- `./src/_data/features.json`
+
+**Change Templates/Layout:**
+
+Page structure and templates are stored in `./src/_layouts/` and can be edited there.
+
+Best have a look at `./layouts/base.njk` first to understand how it all comes together - the page itself is constructed from partial templates stored in `./src/includes/` and each section has a corresponding template file (`section.**.njk`) stored there.
+
+`index.njk` in `./src/` arranges everything, meaning that sections can be added/re-ordered/removed/... there.
+
+**Change images:**
+
+Images are stored in `./static/img/`; everything in there can be considered a placeholder that should eventually be replaced with your actual production images.