initial commit

JessieVela · Sep 21, 2020 · 80bfee6 · 80bfee6
commit 80bfee6
Show file tree

Hide file tree

Showing 16 changed files with 256 additions and 0 deletions.
diff --git a/.eleventy.js b/.eleventy.js
@@ -0,0 +1,22 @@
+module.exports = function (eleventyConfig) {
+  eleventyConfig.setUseGitIgnore(false);
+
+  eleventyConfig.addWatchTarget("./_tmp/static/css/style.css");
+
+  eleventyConfig.addPassthroughCopy({
+    "./_tmp/static/css/style.css": "./static/css/style.css",
+    "./admin/config.yml": "./admin/config.yml",
+    "./node_modules/alpinejs/dist/alpine.js": "./static/js/alpine.js",
+  });
+
+  eleventyConfig.setBrowserSyncConfig({
+    injectChanges: false,
+  });
+
+  eleventyConfig.addPassthroughCopy("./static/img");
+
+  eleventyConfig.addShortcode("version", function () {
+    return String(Date.now());
+  });
+
+};
diff --git a/.eleventyignore b/.eleventyignore
@@ -0,0 +1,2 @@
+node_modules
+README.md
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,8 @@
+_site/
+_tmp/
+.DS_Store
+node_modules/
+.vscode/
+*git/
+package-lock.json
+.env
diff --git a/LICENSE b/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 SURJITH S M
+
+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.
diff --git a/README.md b/README.md
@@ -0,0 +1,41 @@
+# Neat Starter
+
+Starter Template for Netlify CMS, Eleventy, Alphine JS & Tailwind CSS
+
+## Getting Started
+
+### 1\. Clone this Repository
+
+```
+git clone https://github.com/surjithctly/neat-starter
+```
+
+### 2\. Navigate to the directory
+
+```
+cd neat-starter
+```
+
+### 3\. Install dependencies
+
+```
+npm install
+```
+
+### 4\. Build the project to generate the first CSS
+
+This step is only required the very first time.
+
+```
+npm run build
+```
+
+### 5\. Run Eleventy
+
+```
+npm run start
+```
+
+## Author
+
+Surjith S M ( [@surjithctly](https://surjithctly.in/) )
diff --git a/_data/settings.yaml b/_data/settings.yaml
@@ -0,0 +1,4 @@
+meta
+  name: Neat Starter
+  author: Surjith S M
+  url: https://surjithctly.in/ 
diff --git a/_includes/default.njk b/_includes/default.njk
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta http-equiv="x-ua-compatible" content="ie=edge"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" type="image/svg" href="/static/img/favicon.svg"/>
+    <title>      {{title}}    </title>
+    {% if description %}
+      <meta name="description" content="{{description}}"/>
+    {% endif %}
+    {% block head %}{% endblock %}
+
+  </head>
+  <body>
+    {% include "partials/navbar.njk" %}
+
+    {{ content | safe }}
+
+    <script src="/static/js/alpine.js"></script>
+
+  </body>
+</html>
diff --git a/_includes/partials/content.njk b/_includes/partials/content.njk
@@ -0,0 +1,3 @@
+<nav>
+Hey, I'm a Content
+</nav>
diff --git a/_includes/partials/navbar.njk b/_includes/partials/navbar.njk
@@ -0,0 +1,3 @@
+<nav>
+Hey, I'm a Navbasr
+</nav>
diff --git a/admin/config.yml b/admin/config.yml
@@ -0,0 +1,63 @@
+backend:
+  name: github
+  repo: githubuser/reponame
+media_folder: "static/img"
+# local_backend: true
+# publish_mode: editorial_workflow
+collections:
+  - label: "Home Page"
+    name: "index"
+    editor:
+      preview: false
+    files:
+      - label: "Header"
+        name: "header"
+        file: "_data/index/header.json"
+        media_folder: "static/img/slider"
+        fields:
+          - { label: Title, name: title, widget: string }
+          - { label: Description, name: desc, widget: text }
+          - { label: Mobile Description, name: mobiledesc, widget: text }
+          - { label: Button Text, name: buttontext, widget: string }
+          - label: Slider
+            name: slider
+            widget: list
+            allow_add: false
+            collapsed: false
+            fields:
+              - { label: Image, name: image, widget: image }
+      - label: "Overview"
+        name: "overview"
+        file: "_data/index/overview.json"
+        fields:
+          - { label: Title, name: title, widget: string }
+          - { label: Description, name: desc, widget: text }
+          - label: Highlights
+            name: highlights
+            widget: list
+            allow_add: false
+            collapsed: false
+            fields:
+              - { label: Title, name: title, widget: string }
+              - { label: Description, name: desc, widget: string }
+              - { label: Icon, name: icon, widget: image }
+      - label: "Tab Content"
+        name: "tabs"
+        file: "_data/index/tab.json"
+        fields:
+          - label: Content
+            name: content
+            widget: list
+            allow_add: false
+            collapsed: false
+            fields:
+              - { label: Title, name: title, widget: string }
+              - { label: Description, name: desc, widget: string }
+              - { label: Icon, name: icon, widget: image }
+              - label: Icons
+                name: list
+                widget: list
+                allow_add: false
+                fields:
+                  - { label: Icon, name: icon, widget: image }
+                  - { label: Text, name: text, widget: string }
diff --git a/admin/index.html b/admin/index.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html>
+    <head>
+        <meta charset="utf-8"/>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+        <title>Content Manager</title>
+    </head>
+    <body>
+        <!-- Include the script that builds the page and powers Netlify CMS -->
+        <script src="https://unpkg.com/netlify-cms@^2.0.0/dist/netlify-cms.js"></script>
+    </body>
+</html>
diff --git a/index.njk b/index.njk
@@ -0,0 +1,9 @@
+--- 
+layout: default
+title: Neat Starter
+---
+
+{% include "_includes/partials/content.njk" %}
+
+
+<h3>Hey, I'm just normal HTML</h3>
diff --git a/package.json b/package.json
@@ -0,0 +1,15 @@
+{
+  "scripts": {
+    "start": "npm run eleventy",
+    "eleventy": "eleventy --serve && postcss static/css/tailwind.css --o _site/static/css/style.css --watch",
+    "css": "postcss static/css/tailwind.css --o _tmp/static/css/style.css --watch",
+    "build": "eleventy && postcss static/css/tailwind.css --o _site/static/css/style.css"
+  },
+  "devDependencies": {
+    "@11ty/eleventy": "^0.11.0",
+    "alpinejs": "^2.6.0",
+    "postcss-clean": "^1.1.0",
+    "postcss-cli": "^7.1.1",
+    "tailwindcss": "^1.7.2"
+  }
+}
diff --git a/postcss.config.js b/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: [
+    require(`tailwindcss`)(`./tailwind.config.js`),
+    require(`autoprefixer`),
+  ],
+};
diff --git a/static/css/tailwind.css b/static/css/tailwind.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -0,0 +1,21 @@
+module.exports = {
+  purge: {
+    enabled: true,
+    content: ["./**/*.njk"],
+    options: {
+      whitelist: [],
+    },
+  },
+  theme: {
+    extend: {
+      colors: {
+        primary: { 
+          100: "#176AEF", 
+        },
+      }, 
+    },
+  },
+  variants: {},
+  plugins: [],
+  experimental: "all",
+};