Browse Source

my card

master
bvn13 8 months ago
commit
09a8215c28
  1. 3
      .babelrc
  2. 16
      .eleventy.js
  3. 3
      .gitignore
  4. 21
      LICENSE
  5. 17
      README.md
  6. 6802
      main.css
  7. 16554
      package-lock.json
  8. 67
      package.json
  9. 3
      src/_javascript/main.js
  10. 28
      src/_sass/main.scss
  11. BIN
      src/assets/bvn13-avatar.jpg
  12. 55
      src/index.html
  13. 5
      src/lib/main.js
  14. 10308
      src/main.css
  15. 1
      src/main.css.map

3
.babelrc

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

16
.eleventy.js

@ -0,0 +1,16 @@ @@ -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

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

21
LICENSE

@ -0,0 +1,21 @@ @@ -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

@ -0,0 +1,17 @@ @@ -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

File diff suppressed because one or more lines are too long

16554
package-lock.json generated

File diff suppressed because it is too large Load Diff

67
package.json

@ -0,0 +1,67 @@ @@ -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"
}
}

3
src/_javascript/main.js

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

28
src/_sass/main.scss

@ -0,0 +1,28 @@ @@ -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";

BIN
src/assets/bvn13-avatar.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 889 KiB

55
src/index.html

@ -0,0 +1,55 @@ @@ -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

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

10308
src/main.css

File diff suppressed because it is too large Load Diff

1
src/main.css.map

File diff suppressed because one or more lines are too long
Loading…
Cancel
Save