jimeh/commonflow.org
1
0
Fork 0
mirror of https://github.com/jimeh/commonflow.org.git synced 2026-02-19 05:46:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use jekyll-assets for asset compilation

Browse Source
This commit is contained in:
Jim Myhrberg
2017-07-09 21:29:55 +01:00
parent 28c824ebb2
commit cc198331c3
12 changed files with 72 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@@ -1,3 +1,4 @@
_site _site
.asset-cache
.sass-cache .sass-cache
.jekyll-metadata .jekyll-metadata

1
Gemfile
View File

@@ -21,6 +21,7 @@ end
# If you have any plugins, put them here! # If you have any plugins, put them here!
group :jekyll_plugins do group :jekyll_plugins do
gem 'jekyll-assets'
gem 'jekyll-pants' gem 'jekyll-pants'
gem 'jekyll-seo-tag' gem 'jekyll-seo-tag'
gem 'jekyll-sitemap' gem 'jekyll-sitemap'

17
Gemfile.lock
View File

@@ -14,11 +14,15 @@ GEM
execjs execjs
coffee-script-source (1.12.2) coffee-script-source (1.12.2)
colorator (1.1.0) colorator (1.1.0)
concurrent-ruby (1.0.5)
ethon (0.10.1) ethon (0.10.1)
ffi (>= 1.3.0) ffi (>= 1.3.0)
execjs (2.7.0) execjs (2.7.0)
extras (0.3.0)
forwardable-extended (~> 2.5)
faraday (0.12.1) faraday (0.12.1)
multipart-post (>= 1.2, < 3) multipart-post (>= 1.2, < 3)
fastimage (2.1.0)
ffi (1.9.18) ffi (1.9.18)
forwardable-extended (2.6.0) forwardable-extended (2.6.0)
gemoji (3.0.0) gemoji (3.0.0)
@@ -85,6 +89,14 @@ GEM
pathutil (~> 0.9) pathutil (~> 0.9)
rouge (~> 1.7) rouge (~> 1.7)
safe_yaml (~> 1.0) safe_yaml (~> 1.0)
jekyll-assets (2.3.2)
concurrent-ruby (~> 1.0)
extras (~> 0.2)
fastimage (~> 2.0, >= 1.8)
jekyll (~> 3.1, >= 3.0)
pathutil (>= 0.8)
rack (~> 1.6)
sprockets (~> 3.3, < 3.8)
jekyll-avatar (0.4.2) jekyll-avatar (0.4.2)
jekyll (~> 3.0) jekyll (~> 3.0)
jekyll-coffeescript (1.0.1) jekyll-coffeescript (1.0.1)
@@ -177,6 +189,7 @@ GEM
forwardable-extended (~> 2.6) forwardable-extended (~> 2.6)
powerpack (0.1.1) powerpack (0.1.1)
public_suffix (2.0.5) public_suffix (2.0.5)
rack (1.6.8)
rainbow (2.2.1) rainbow (2.2.1)
rake (12.0.0) rake (12.0.0)
rb-fsevent (0.10.2) rb-fsevent (0.10.2)
@@ -196,6 +209,9 @@ GEM
sawyer (0.8.1) sawyer (0.8.1)
addressable (>= 2.3.5, < 2.6) addressable (>= 2.3.5, < 2.6)
faraday (~> 0.8, < 1.0) faraday (~> 0.8, < 1.0)
sprockets (3.7.1)
concurrent-ruby (~> 1.0)
rack (> 1, < 3)
terminal-table (1.8.0) terminal-table (1.8.0)
unicode-display_width (~> 1.1, >= 1.1.1) unicode-display_width (~> 1.1, >= 1.1.1)
thread_safe (0.3.6) thread_safe (0.3.6)
@@ -210,6 +226,7 @@ PLATFORMS
DEPENDENCIES DEPENDENCIES
github-pages github-pages
jekyll-assets
jekyll-pants jekyll-pants
jekyll-seo-tag jekyll-seo-tag
jekyll-sitemap jekyll-sitemap

0
_sass/base.scss → _assets/css/_base.scss
View File

0
_sass/side-menu.scss → _assets/css/_side-menu.scss
View File

2
_assets/css/main.scss Normal file
View File

@@ -0,0 +1,2 @@
@import "side-menu";
@import "base";

1
_assets/js/main.js Normal file
View File

@@ -0,0 +1 @@
// = require ui

44
_assets/js/ui.js Normal file
View File

@@ -0,0 +1,44 @@
(function (window, document) {
var layout = document.getElementById('layout');
var menu = document.getElementById('menu');
var menuLink = document.getElementById('menuLink');
var content = document.getElementById('main');
function toggleClass (element, className) {
var classes = element.className.split(/\s+/);
var length = classes.length;
var i = 0;
for (; i < length; i++) {
if (classes[i] === className) {
classes.splice(i, 1);
break;
}
}
// The className is not found
if (length === classes.length) {
classes.push(className);
}
element.className = classes.join(' ');
}
function toggleAll (e) {
var active = 'active';
e.preventDefault();
toggleClass(layout, active);
toggleClass(menu, active);
toggleClass(menuLink, active);
}
menuLink.onclick = function (e) {
toggleAll(e);
};
content.onclick = function (e) {
if (menu.className.indexOf('active') !== -1) {
toggleAll(e);
}
};
}(this, this.document));

4
_config.yml
View File

@@ -31,6 +31,7 @@ update:
diagram: common-flow.svg diagram: common-flow.svg
gems: gems:
- jekyll-assets
- jekyll-pants - jekyll-pants
- jekyll-sitemap - jekyll-sitemap
- jekyll-seo-tag - jekyll-seo-tag
@@ -42,6 +43,9 @@ defaults:
values: values:
layout: "default" layout: "default"
assets:
digest: true
markdown: kramdown markdown: kramdown
kramdown: kramdown:
input: Pantsdown # disable smart quotes typographic symbols input: Pantsdown # disable smart quotes typographic symbols

4
_layouts/default.html
View File

@@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300|Open+Sans:400italic,700italic,400,700' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300|Open+Sans:400italic,700italic,400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/pure-min.css" integrity="sha384-nn4HPE8lTHyVtfCBi5yW9d20FjT8BJwUXyWZT9InLYax14RDjBj46LmSztkmNP9w" crossorigin="anonymous"> <link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/pure-min.css" integrity="sha384-nn4HPE8lTHyVtfCBi5yW9d20FjT8BJwUXyWZT9InLYax14RDjBj46LmSztkmNP9w" crossorigin="anonymous">
<link rel="stylesheet" href="/css/main.css"> {% css main %}
{% seo %} {% seo %}
</head> </head>
<body> <body>
@@ -43,6 +43,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="/js/ui.js"></script> {% js main %}
</body> </body>
</html> </html>

9
css/main.scss
View File

@@ -1,9 +0,0 @@
---
layout: none
---
// Import partials from `sass_dir` (defaults to `_sass`)
@import
"side-menu",
"base"
;

46
js/ui.js
View File

@@ -1,46 +0,0 @@
(function (window, document) {
var layout = document.getElementById('layout'),
menu = document.getElementById('menu'),
menuLink = document.getElementById('menuLink'),
content = document.getElementById('main');
function toggleClass(element, className) {
var classes = element.className.split(/\s+/),
length = classes.length,
i = 0;
for(; i < length; i++) {
if (classes[i] === className) {
classes.splice(i, 1);
break;
}
}
// The className is not found
if (length === classes.length) {
classes.push(className);
}
element.className = classes.join(' ');
}
function toggleAll(e) {
var active = 'active';
e.preventDefault();
toggleClass(layout, active);
toggleClass(menu, active);
toggleClass(menuLink, active);
}
menuLink.onclick = function (e) {
toggleAll(e);
};
content.onclick = function(e) {
if (menu.className.indexOf('active') !== -1) {
toggleAll(e);
}
};
}(this, this.document));