my card

.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["es2015-ie"]
+}

.eleventy.js

@@ -0,0 +1,16 @@
+
+module.exports = function(eleventyConfig) {
+    // assets we want to passthrough
+    
+eleventyConfig.addPassthroughCopy('./src/main.css');
+eleventyConfig.addPassthroughCopy('./src/lib/main.js');
+eleventyConfig.addPassthroughCopy('./src/assets');
+
+
+    return {
+      dir: {
+        input: "src",
+        output: "_site"
+      }
+    }
+  };

.gitignore

@@ -0,0 +1,3 @@
+# Folders
+node_modules
+_site

LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2017 Jeremy Thomas
+
+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,17 @@
+# 11ty-bulma starter
+
+11ty-bulma starter is a basic template using 11ty and Bulma. - [DEMO](https://11ty-bulma-starter.netlify.app/)
+
+## How to use
+1. [Create a new repo from this 11ty-bulma starter template](https://github.com/J-Filip/11ty-bulma-starter/generate)
+2. Install dependencies: `npm install`
+3. Start development: `npm start`
+4. Run website locally
+5. To build the release version: `npm run build`
+6. Site is ready for deployment, for example on Netlify
+
+
+### This starter template uses [Bulma starter package](https://github.com/jgthms/bulma-star) with some changes:
+
+- unistalled node-sass (deprecated) and installed sass and sass-loader
+- updated bulma to newest version (^0.9.3) because of errors with sass

package.json

@@ -0,0 +1,67 @@
+{
+  "url": "https://11ty-bulma-starter.netlify.app/",
+  "name": "11ty-bulma-starter",
+	"description": "11ty-bulma starter with sass enabled.",
+	"source_url": "https://github.com/J-Filip/11ty-bulma-starter",
+  "_from": "bulma-start@0.0.4",
+  "_id": "bulma-start@0.0.4",
+  "_inBundle": false,
+  "_integrity": "sha512-/PbhZBs1tIqnU75eh1SVWKC2DeW+xtQaaKITRksvmlCSTp8BH88JJk+gML3XCGE2LhSWyHTT+AIh6mwtUyjlxQ==",
+  "_location": "/bulma-start",
+  "_phantomChildren": {},
+  "_requested": {
+    "type": "version",
+    "registry": true,
+    "raw": "bulma-start@0.0.4",
+    "name": "bulma-start",
+    "escapedName": "bulma-start",
+    "rawSpec": "0.0.4",
+    "saveSpec": null,
+    "fetchSpec": "0.0.4"
+  },
+  "_requiredBy": [
+    "#USER",
+    "/"
+  ],
+  "_resolved": "https://registry.npmjs.org/bulma-start/-/bulma-start-0.0.4.tgz",
+  "_shasum": "19a0783cd8f55d8f5b3d771c984ab56f72e75cb7",
+  "bugs": {
+    "url": "https://github.com/jgthms/bulma-start/issues"
+  },
+  "bundleDependencies": false,
+  "deprecated": false,
+  "devDependencies": {
+    "@11ty/eleventy": "^0.12.1",
+    "autoprefixer": "^9.7.6",
+    "babel-cli": "^6.26.0",
+    "babel-preset-env": "^1.7.0",
+    "babel-preset-es2015-ie": "^6.7.0",
+    "bulma": "^0.9.3",
+    "npm-run-all": "^4.1.5",
+    "postcss-cli": "^7.1.0"
+  },
+  "homepage": "https://github.com/jgthms/bulma-start#readme",
+  "keywords": [
+    "sass",
+    "bulma",
+    "css",
+    "start"
+  ],
+  "scripts": {
+    "css-build": "sass src/_sass/main.scss src/main.css",
+    "css-deploy": "npm run css-build && npm run css-postcss",
+    "css-postcss": "postcss --use autoprefixer --output src/main.css src/main.css",
+    "css-watch": "npm run css-build -- --watch",
+    "js-build": "babel src/_javascript --out-dir src/lib",
+    "js-watch": "npm run js-build -- --watch",
+    "eleventy-watch": "eleventy --serve",
+    "eleventy-build": "eleventy",
+    "start": "npm-run-all --parallel css-watch js-watch eleventy-watch",
+    "build": "npm run css-deploy && npm run js-build && npm run eleventy-build"
+  },
+  "version": "0.0.4",
+  "dependencies": {
+    "sass": "^1.43.3",
+    "sass-loader": "^12.2.0"
+  }
+}

src/_javascript/main.js

@@ -0,0 +1,3 @@
+document.addEventListener('DOMContentLoaded', () => {
+  console.log('Hello Bulma!');
+});

src/_sass/main.scss

@@ -0,0 +1,28 @@
+@charset "utf-8";
+
+// Customization
+
+// You can easily customize Bulma with your own variables.
+// Just uncomment the following block to see the result.
+
+
+// // 1. Import the initial variables
+ @import "../../node_modules/bulma/sass/utilities/initial-variables";
+
+// // 2. Set your own initial variables - try it
+
+// // Add purple
+ // $pink: #8034fc;
+// // Update the sans-serif font family
+// $family-sans-serif: "Helvetica", "Arial", sans-serif;
+
+// // 3. Set the derived variables
+
+// // Use the new pink as the primary color 
+// try it - change the first heading
+ // $primary: $pink;
+
+// // 4. Import the rest of Bulma
+
+
+@import "../../node_modules/bulma/bulma";

src/index.html

@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>11ty-bulma starter</title>
+    <link rel="stylesheet" href="/main.css">
+  </head>
+  <body>
+    <section class="section mb-6">
+      <div class="container">
+        <div class="is-vcentered columns is-multiline">
+          <div class="column is-6" >
+            <img class="image" style="border-radius: 73% 27% 29% 71% / 34% 34% 66% 66%" src="/assets/bvn13-avatar.jpg" alt="">
+          </div>
+          <div class="column is-5 ml-auto">
+            <h2 class="mb-4 is-size-1 is-size-3-mobile has-text-primary">Hi You!</h2>
+            <p class="subtitle has-text-grey mb-5">My name is Vyacheslav Boyko.</p>
+            <p class="subtitle has-text-grey mb-5">I'm a software developer.</p>
+            <p>
+              <aside class="menu">
+                <p class="menu-label">
+                  bvn13.me
+                </p>
+                <ul class="menu-list">
+                  <li>
+                    <a class="is-active">My resources</a>
+                    <ul>
+                      <li>
+                        <a href="https://twitter.bvn13.me">twitter.bvn13.me</a>
+                      </li>
+                      <li>
+                        <a href="https://blog.bvn13.me">blog.bvn13.me</a>
+                      </li>
+                      <li>
+                        <a href="https://cv.bvn13.me">CV</a>
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </aside>
+              <article class="message is-warning">
+                <div class="message-body">
+                  <a href="https://www.buymeacoffee.com/bvn13">you can buy me a coffee :)<//a>
+                </div>
+              </article>
+            </p>
+          </div>
+        </div>
+      </div>
+    </section>
+    <script type="text/javascript" src="/lib/main.js"></script>
+  </body>
+</html>

src/lib/main.js

@@ -0,0 +1,5 @@
+'use strict';
+
+document.addEventListener('DOMContentLoaded', function () {
+  console.log('Hello Bulma!');
+});