master
bvn13 2021-11-21 11:26:49 +03:00
commit 09a8215c28
15 changed files with 33883 additions and 0 deletions

3
.babelrc 100644
View File

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

16
.eleventy.js 100644
View File

@ -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"
}
}
};

3
.gitignore vendored 100644
View File

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

21
LICENSE 100644
View File

@ -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.

17
README.md 100644
View File

@ -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

6802
main.css 100644

File diff suppressed because one or more lines are too long

16554
package-lock.json generated 100644

File diff suppressed because it is too large Load Diff

67
package.json 100644
View File

@ -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"
}
}

View File

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

View File

@ -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";

Binary file not shown.

After

Width:  |  Height:  |  Size: 889 KiB

55
src/index.html 100644
View File

@ -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>

5
src/lib/main.js 100644
View File

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

10308
src/main.css 100644

File diff suppressed because it is too large Load Diff

1
src/main.css.map 100644

File diff suppressed because one or more lines are too long