This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const gr8 = require('gr8') | |
const recsst = require('recsst') | |
const lilcss = require('lilcss') | |
const colors = { | |
white: '#fff', | |
black: '#000', | |
grey: '#ccc' | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// responsive support and webp support | |
return ` | |
<picture> | |
<source media="(max-width: 799px)" srcset="assets/images/small-webp/${name}.webp" type="image/webp" /> | |
<source media="(min-width: 800px)" srcset="assets/images/large-webp/${name}.webp" type="image/webp" /> | |
<source media="(max-width: 799px)" srcset="assets/images/small/${name}.jpg" type="image/jpeg" /> | |
<source media="(min-width: 800px)" srcset="assets/images/large/${name}.jpg" type="image/jpeg" /> | |
<img class="c12 h100" src="assets/images/large/${name}.jpg" alt="img" /> | |
</picture> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*! | |
* small changes on the base of gr8. | |
* to me it seems easier to edit this css file than create a gr8 browserify env | |
* gr8.css • v3.1.3 | |
* github.com/jongacnik/gr8 | |
*/ | |
.c{top:50%;left:50%;transform:translate(-50%, -50%)} | |
.cy{top:50%;transform:translateY(-50%)} | |
.cx{left:50%;transform: translateX(-50%)} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Show hidden characters
{ | |
"bold_folder_labels": true, | |
"caret_extra_bottom": 0, | |
"caret_extra_top": 0, | |
"caret_extra_width": 0, | |
"caret_style": "blink", | |
"color_scheme": "Packages/Boxy Theme/schemes/Boxy Ocean.tmTheme", | |
"drag_text": true, | |
"fade_fold_buttons": true, | |
"font_face": "Source Code Pro", |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var Nanocomponent = require('nanocomponent') | |
var html = require('choo/html') | |
class Header extends Nanocomponent { | |
constructor () { | |
super () | |
this.state = null | |
this.emit = null | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var Nanocomponent = require('nanocomponent') | |
var html = require('choo/html') | |
class FeaturedPost extends Nanocomponent { | |
constructor () { | |
super() | |
this.post = null | |
this.emit = null | |
} |
NewerOlder