tttimur

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

tttimur

/*!
 * 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%)}

tttimur

	{
  "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",

tttimur

# 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

tttimur

var Nanocomponent = require('nanocomponent')
var html = require('choo/html')

class Header extends Nanocomponent {
	constructor () {
		super ()
		this.state = null
		this.emit = null
	}

tttimur

var Nanocomponent = require('nanocomponent')
var html = require('choo/html')

class FeaturedPost extends Nanocomponent {
	constructor () {
		super()
		this.post = null
		this.emit = null
	}