Skip to content

Instantly share code, notes, and snippets.

View nternetinspired's full-sized avatar

Seth Warburton nternetinspired

91 followers · 125 following
View GitHub Profile
@nternetinspired
nternetinspired / Twig truncate macro
Created January 3, 2019 13:33 — forked from piotrpog/Twig truncate macro
{% 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 %}
@nternetinspired
nternetinspired / editor-styles.css
Last active October 5, 2018 10:18 — forked from mohammedzamakhan/styles.css
.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 {
@nternetinspired
nternetinspired / GDPR.md
Created June 8, 2018 08:44
(Data) Protection Racket
@nternetinspired
nternetinspired / bullet-bullshit.css
Created March 7, 2018 12:10
Coloured bullets
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;
@nternetinspired
nternetinspired / _lazyFocusImager.twig
Last active September 20, 2017 08:19 — forked from hendrikeng/_lazyFocusImager.twig
Twig/Craft macro for lazy responsive images/bgimages with Imager and Focuspoint
{#
// 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
@nternetinspired
nternetinspired / How To Disable Strict SQL Mode in MySQL 5.7.MD
Created December 20, 2016 14:00 — forked from nfourtythree/How To Disable Strict SQL Mode in MySQL 5.7.MD
Serverpilot - Disable Strict SQL Mode in MySQL 5.7

How To Disable Strict SQL Mode in MySQL 5.7

I wrote a quick script for those that provision servers often enough.

To get this to work take the following steps

  1. Log into your server as root
  2. Get script wget https://gist.githubusercontent.com/nfourtythree/90fb8ef5eeafdf478f522720314c60bd/raw/disable-strict-mode.sh
  3. Make is executable chmod +x disable-strict-mode.sh
  4. Run the script ./disable-strict-mode.sh
@nternetinspired
nternetinspired / output-articles-by-collection.liquid
Last active April 25, 2021 02:17
Loop through Jekyll collections and output their content as sections and articles
{% 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>
@nternetinspired
nternetinspired / responsive-roots.scss
Created October 1, 2015 16:47
Setting the root font-size in % ensures device-specific sizing is not overruled.
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
@nternetinspired
nternetinspired / high-dpi-media.css
Last active August 29, 2015 14:25 — forked from marcedwards/high-dpi-media.css
/* ---------------------------------------------------------- */
/* */
/* 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 */
@nternetinspired
nternetinspired / SassMeister-input-HTML.html
Created May 5, 2015 13:27
Generated by SassMeister.com.
<div class="background">
<img class="center background-image" src="http://placehold.it/600x400">
</div>