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
# this is not a bash file to execute, but run the following commands in your terminal | |
# requirements (install instructions at bottom of page) | |
# imagemin-cli, imagemin-mozjpeg, imagemin-pngquant, imagemin-webp, imagemagick (mogrify) | |
-------------------------------------------------------------- | |
# 1. create the appropriate directories | |
$ mkdir build large large-webp small small-webp | |
# 2. mozjpeg compression of fullsize images | |
$ imagemin *.jpg --out-dir=build --plugin=mozjpeg && imagemin *.png --out-dir=build --plugin=pngquant |
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