Skip to content

Instantly share code, notes, and snippets.

View VilladsClaes's full-sized avatar
🎯
Forsøger at forstå Git

Villads Claes VilladsClaes

🎯
Forsøger at forstå Git
View GitHub Profile
@VilladsClaes
VilladsClaes / index.pug
Created April 16, 2018 06:57
Spritz Speed Reading V2
.spritz#spritz
.spritz-word#spritz_word
.settings
.controls.settings-controls
span.speed
a.slower.entypo-fast-backward#spritz_slower(href="#" title="Slow Down")
input.wpm#spritz_wpm(type="number" value="300" step="50" min="50")
a.faster.entypo-fast-forward#spritz_faster(href="#" title="Speed Up")
a.save.entypo-save#spritz_save(href="#" title="Save")
@VilladsClaes
VilladsClaes / index.html
Created November 15, 2019 13:09
Rotating Elements With Page Scroll
<div id="container">
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/gear2.svg" alt id="leftgear">
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/gear2.svg" alt id="rightgear">
<main>
<h1>Metropolis</h1>
<p>Metropolis, the mother city, city of mothers, mother of all cities. The city, the film… they too are machines.
<p>Flywheels, a crankshaft, an eccentric disk.
<p>A machine without Workers, devoid of function, pure movement… rotating, thrusting… a machine of desire.
<p>Round shapes and jerking movements become one within the image of two clocks. One-hour and one-hour clock. Day shift and night shift, hours each, mark the Metropolis working day.
<p>Two groups of Workers, uniformed, in rows of six, march in unison, the exhausted half as fast as the fresh.