See the blog post - http://codepen.io/pouretrebelle/post/hexagons
alt title - "I'll Gen YOUR Art!"
plenty of keyboard shortcuts for changing things, check out the bottom right.
A Pen by LeinadLime on CodePen.
<div class="grid"> | |
<header> | |
<h1>Hector’s Adventures with George</h1> | |
</header> | |
<figure class="fig fig--1" style="--aspect-ratio: 3/4;"> | |
<img src='https://images.unsplash.com/photo-1515488042361-ee00e0ddd4e4?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjE0NTg5fQ' alt='Small child playing with toys'> | |
</figure> | |
<p>We played in Nana and Grandad’s garden. We picked apples and made apple crumble!</p> | |
<figure class="fig fig--2" style="--aspect-ratio: 4/3;"> | |
<img src='https://images.unsplash.com/photo-1502086223501-7ea6ecd79368?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjE0NTg5fQ'> |
See the blog post - http://codepen.io/pouretrebelle/post/hexagons
alt title - "I'll Gen YOUR Art!"
plenty of keyboard shortcuts for changing things, check out the bottom right.
A Pen by LeinadLime on CodePen.
#################################### | |
# Environment setup for Nix shells # | |
#################################### | |
# From https://github.com/direnv/direnv/wiki/Nix#persistent-cached-shell | |
# | |
# Usage: use_nix [...] | |
# | |
# Load environment variables from `nix-shell`. | |
# If you have a `default.nix` or `shell.nix` one of these will be used and |
A morphing grid experiment using CSS Grid to provide the grid and dynamically changing the "grid-template-columns" and "grid-template-rows" attributes based on the mouse position.
A Pen by LeinadLime on CodePen.
<ul class="tabs"> | |
<li> | |
<input class="toggle-radio" type="radio" name="facegroup" id="management" checked> | |
<label class="tab" for="management">Management</label> | |
<div class="tab-panel"> | |
<input class="toggle-checkbox" type="checkbox" id="a"> | |
<label class="element" for="a"> | |
<h3><span class="name">Cathy</span> | |
<span class="job">Master Stylist</span></h3> |
A CSS Grid layout using CSS perspective to give a 3D effect. JavaScript is used to make sure the item styling alternates correctly as the number of items on each row changes.
For CSS Grid expertise: Rachel Andrew: https://gridbyexample.com/ Jen Simmons: http://labs.jensimmons.com/
A Pen by Andy Barefoot on CodePen.
;; org-archive-subtree-hierarchical.el | |
;; modified from https://lists.gnu.org/archive/html/emacs-orgmode/2014-08/msg00109.html | |
;; In orgmode | |
;; * A | |
;; ** AA | |
;; *** AAA | |
;; ** AB | |
;; *** ABA | |
;; Archiving AA will remove the subtree from the original file and create |
Created from the plain text reference card on orgmode.org Download this file, and open it in Emacs org-mode!
Principles of Adult Behavior