http://stuffandnonsense.co.uk/projects/protection-racket
If you use this GDPR privacy policy template, consider saying thank you with a small donation. https://paypal.me/malarkey/20gbp
Last updated: []
{% macro truncate(text, limit, append) %} | |
{# settings #} | |
{% set suffix = append|default('...') %} | |
{% set punctuation = ['.',',','-',':',';'] %} | |
{# logic #} | |
{% set array = text|split(' ') %} | |
{% set arrayTruncated = array|slice(0, limit) %} | |
{% set string = arrayTruncated|join(' ') %} | |
{% if limit and array|length > limit %} | |
{% for mark in punctuation %} |
.type.storage,.type.storage.declaration, .storage.class.modifier { | |
font-family: 'Gloria Hallelujah'; | |
font-size: 1.7em; | |
} | |
.type.storage.arrow.function { | |
font-family: 'Fira Code' | |
} | |
.decorator.name, .decorator.punctuation:not(.block), .import.keyword { |
http://stuffandnonsense.co.uk/projects/protection-racket
If you use this GDPR privacy policy template, consider saying thank you with a small donation. https://paypal.me/malarkey/20gbp
Last updated: []
ul > li { | |
list-style-type: none; // Hide the real bullets | |
position: relative; | |
} | |
// Replace the hidden bullets with inserted bullets. Because CSS. | |
ul > li::before { | |
color: #bada55; | |
content: '•'; | |
display: inline-block; |
{# | |
// lazyLoaded Image/bgImages, optimized with Imager and Focuspoint | |
--------------------------------------------------------------------------- | |
https://github.com/aelvan/Imager-Craft | |
https://github.com/smcyr/Craft-FocusPoint | |
for the bgImage intrinsic ratio classname creation check: | |
https://github.com/inuitcss/inuitcss/blob/develop/objects/_objects.ratio.scss (modified in this revision to use a utility class prefix, , e.g; .u_ratio. @nternetinspired) | |
https://github.com/constancecchen/object-fit-polyfill |
I wrote a quick script for those that provision servers often enough.
To get this to work take the following steps
root
wget https://gist.githubusercontent.com/nfourtythree/90fb8ef5eeafdf478f522720314c60bd/raw/disable-strict-mode.sh
chmod +x disable-strict-mode.sh
./disable-strict-mode.sh
{% comment %} | |
Loops though every collection you defined in _config.yml and grabs the pages they contain; outputting title and full text with good basic html semantics. | |
Use page.excerpt instead of page.content to grab the first paragraph, blog list style. Markdownify is optional, depends how you authored content in your collections; I typically use Markdown. | |
{% endcomment % } | |
{% for collection in site.collections %} | |
{% assign name = collection.label %} | |
<section> |
html { | |
font-size: 100%; | |
@include mq($min, $sm) { | |
font-size: 106.3%; // 17px if the root was 16px | |
} | |
@include mq($min, $md) { | |
font-size: 112.5%; // 18px if the root was 16px |
/* ---------------------------------------------------------- */ | |
/* */ | |
/* A media query that captures: */ | |
/* */ | |
/* - Retina iOS devices */ | |
/* - Retina Macs running Safari */ | |
/* - High DPI Windows PCs running IE 8 and above */ | |
/* - Low DPI Windows PCs running IE, zoomed in */ | |
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in */ | |
/* - Android hdpi devices and above */ |
<div class="background"> | |
<img class="center background-image" src="http://placehold.it/600x400"> | |
</div> |