Skip to content

Instantly share code, notes, and snippets.

@Superwalli

Superwalli/dabblet.css

Forked from jnslxndr/dabblet.css
Created January 24, 2012 19:33
Show Gist options
  • Save Superwalli/1672078 to your computer and use it in GitHub Desktop.
Save Superwalli/1672078 to your computer and use it in GitHub Desktop.
Download ZIP
wenn nicht anders gesagt, schwarze serifenlose schrift
Raw
dabblet.css
/*version 2*/
/* wenn nicht anders gesagt, schwarze serifenlose schrift*/
html {
color: black;
font-family:verdana, sans-serif;
}
/* Große Überschriften orange*/
h1 {
color: orange;
}
/*kleine Überschriften weiß mit orangem Hintergrund*/
h2, h3 {
background-color: orange;
color: white;
}
/*sections bitte immer mit grauem Hintergrund, gezackter Ober- und Unterkante*/
section {
background-color:rgb(220,220,220);
border-top: 5px dashed white;
border-bottom: 5px dashed white;
}
/*die "abstract"-section soll schwarzen Hintergrund haben*/
section#abstract {
background-color: black;
color: white;
}
/*die Handlungen sollen ganz oben mit einer orangen Punktlinie beginnen*/
section#handlung {
border-top: 5px dotted orange;
}
/*die letzte Handlung soll mit einer schwarzen Punktlinie enden und fette Schrift haben*/
article:last-child {
border-bottom: 5px dotted black;
font-weight: bold;
}
/* alle Hnadlungsartikel werden durch orange Punkte getrennt*/
article {
border-bottom: 5px dotted orange
}
/* die Artikelüberschriften sollen schwarz sein - wird hiernihct benutzt*/
article h3, a {
color: black;
padding-top: 50px;
}
/* Liste mit orangen Punkten und Grauem Hintergrund*/
ul {
background-color: rgb(200,200,200);
color: orange;
}
/*Listeneinträge bitte fett - geht nicht?????*/
li {
font-weight: bold;
padding-top: 10px;
}
/* bei Listen-mouseover bitte kursiv - geht nicht????*/
a:hover {
font-weight: italic;
}
/* wenn nicht anders gesagt, schwarze serifenlose schrift - hintergrundgeht nicht????? - inline?*/
a:visited {
background-color: black;
color: white;
}
Raw
dabblet.html
<!DOCTYPE html>
<html>
<head>
<title> Make yourself awake! </title>
</head>
<body>
<header id="seitenanfang">
<h1> Alltagshandlung: morgens Kaffee kochen </h1>
</header>
<section id="abstract">
<p>
Abstract:
Gehe in die Küche, nimm
Kaffeekanne (Typ Mokkakanne für auf-dem-Herd) und Kaffeedose mit darinliegendem
Kaffeelöffel, fülle Wasser und Kaffee in den gewohnten Mengen in die dafür
vorgesehenen Behälter der Kaffeekanne, nachdem du die Kanne von den Resten des
Vortages befreit hast. Schraube diese zu und stelle sie auf den
eingeschalteten Herd. Warte bis die Kanne röchelnde Geräusche macht und nimm
sie herunter, schalte den Herd aus. <h4> Sieht nach Arbeit aus? Am frühen Morgen? <a href="#49">
-> </a> </h4>
</p>
</section>
<p>
<h2> Inhalt </h2>
</p>
<ul>
<li>
<a href="#1"> 1 </a>
</li>
<li>
<a href="#2"> 2 </a>
</li>
<li>
<a href="#3"> 3 </a>
</li>
<li>
<a href="#4"> 4 </a>
</li>
<li>
<a href="#5"> 5 </a>
</li>
<li>
<a href="#6"> 6 </a>
</li>
<li>
<a href="#7"> 7 </a>
</li>
<li>
<a href="#8"> 8 </a>
</li>
<li>
<a href="#9"> 9 </a>
</li>
<li>
<a href="#10"> 10 </a>
</li>
<li>
<a href="#11"> 11 </a>
</li>
<li>
<a href="#12"> 12 </a>
</li>
<li>
<a href="#13"> 13 </a>
</li>
<li>
<a href="#14"> 14 </a>
</li>
<li>
<a href="#15"> 15 </a>
</li>
<li>
<a href="#16"> 16 </a>
</li>
<li>
<a href="#17"> 17 </a>
</li>
<li>
<a href="#18"> 18 </a>
</li>
<li>
<a href="#19"> 19 </a>
</li>
<li>
<a href="#20"> 20 </a>
</li>
<li>
<a href="#21"> 21 </a>
</li>
<li>
<a href="#22"> 22 </a>
</li>
<li>
<a href="#23"> 23 </a>
</li>
<li>
<a href="#24"> 24 </a>
</li>
<li>
<a href="#25"> 25 </a>
</li>
<li>
<a href="#26"> 26 </a>
</li>
<li>
<a href="#27"> 27 </a>
</li>
<li>
<a href="#28"> 28 </a>
</li>
<li>
<a href="#29"> 29 </a>
</li>
<li>
<a href="#30"> 30 </a>
</li>
<li>
<a href="#31"> 31 </a>
</li>
<li>
<a href="#32"> 32 </a>
</li>
<li>
<a href="#33"> 33 </a>
</li>
<li>
<a href="#34"> 34 </a>
</li>
<li>
<a href="#35"> 35 </a>
</li>
<li>
<a href="#36"> 36 </a>
</li>
<li>
<a href="#37"> 37 </a>
</li>
<li>
<a href="#38"> 38 </a>
</li>
<li>
<a href="#39"> 39 </a>
</li>
<li>
<a href="#40"> 40 </a>
</li>
<li>
<a href="#41"> 41 </a>
</li>
<li>
<a href="#42"> 42 </a>
</li>
<li>
<a href="#43"> 43 </a>
</li>
<li>
<a href="#44"> 44 </a>
</li>
<li>
<a href="#45"> 45 </a>
</li>
<li>
<a href="#46"> 46 </a>
</li>
<li>
<a href="#47"> 47 </a>
</li> <li>
<a href="#48"> 48 </a>
</li> <li>
<a href="#49"> 49 </a>
</li>
</ul>
<p>
<h2> Handlung </h2>
</p>
<section id="handlung">
<article>
<h1 id="1"> 01 </h1>
<p>
Wenn aufgewacht
und einigermaßen ausgeschlafen
springe zu Einspunktzwei und ignoriere Anweisungen mit *
</p>
</article>
<article>
<h1 id="1.1"> 1.1 </h1>
<p>
wenn nicht ausgeschlafen, beachte Anweisungen mit *
</p>
</article>
<article>
<h1 id="1.2"> 1.2 </h1>
<p>
steh auf
und zieh dich an,
gehe in Küche und
nimm Kaffeekanne
</p>
</article>
<article>
<h1 id="2"> 02 </h1>
<p>
Öffne Kaffeekanne und
</p>
</article>
<article>
<h1 id="3"> 03 </h1>
<p>
schaue in Kaffeekanne
</p>
</article>
<article>
<h1 id="4"> 04 </h1>
<p>
Wenn Kaffeekanne leer
</p>
</article>
<article>
<h1 id="5"> 05 </h1>
<p>
nimm Kanne, mit beiden Händen und
</p>
</article>
<article>
<h1 id="6"> 06 </h1>
<p>
schraube Kanne auf
</p>
</article>
<article>
<h1 id="7"> 07 </h1>
<p>
andernfalls nimm Kanne und
</p>
</article>
<article>
<h1 id="8"> 08 </h1>
<p>
schütte Restinhalt in Waschbecken
</p>
</article>
<article>
<h1 id="9"> 09 </h1>
<p>
gleichzeitig nimm dir vor, diesmal weniger zu kochen
oder alles auszutrinken
dann
</p>
</article>
<article>
<h1 id="10"> 10 </h1>
<p>
nimm Kanne mit beiden Händen und
schraube Kanne auf
</p>
</article>
<article>
<h1 id="11"> 11 </h1>
<p>
Nimm das Kaffeesieb aus der Kanne und
</p>
</article>
<article>
<h1 id="12"> 12 </h1>
<p>
öffne den Mülleimer
</p>
</article>
<article>
<h1 id="13"> 13 </h1>
<p>
Halte das Kaffeesieb an seinem verjüngten Ende und
</p>
</article>
<article>
<h1 id="14"> 14 </h1>
<p>
schlage es mehrmals gegen den inneren Rand des Mülleimers
</p>
</article>
<article>
<h1 id="15"> 15 </h1>
<p>
Wenn du ein dem Schlagen folgendes Geräusch hörst,
</p>
</article>
<article>
<h1 id="16"> 16 </h1>
<p>
schaue in das Kaffeesieb
</p>
</article>
<article>
<h1 id="17"> 17 </h1>
<p>
wenn das Kaffeesieb leer ist
</p>
</article>
<article>
<h1 id="18"> 18 </h1>
<p>
nimm das Kaffeesieb und spüle es ab
</p>
</article>
<article>
<h1 id="19"> 19 </h1>
<p>
wenn das Kaffeesieb nicht leer ist,
gehe zu <a href="#13"> Schritt 13 </a> zurück
</p>
</article>
<article>
<h1 id="20"> 20 </h1>
<p>
nimm den Wasserbehälter und
</p>
</article>
<article>
<h1 id="21"> 21 </h1>
<p>
schütte darin enthaltenes Restwasser in das Waschbecken
</p>
</article>
<article>
<h1 id="22"> 22 </h1>
<p>
Spüle den Wasserbehälter ab und
</p>
</article>
<article>
<h1 id="23"> 23 </h1>
<p>
fülle ihn ungefähr einskommafünf Fingerbreit mit Wasser.
</p>
</article>
<article>
<h1 id="24"> 24 </h1>
<p>
nimm das Kaffeesieb und
</p>
</article>
<article>
<h1 id="25"> 25 </h1>
<p>
stecke es auf den Wasserbehälter
</p>
</article>
<article>
<h1 id="26"> 26 </h1>
<p>
Nimm die Kaffeedose und
</p>
</article>
<article>
<h1 id="27"> 27 </h1>
<p>
öffne die Kaffeedose
</p>
</article>
<article>
<h1 id="28"> 28 </h1>
<p>
schätze Inhalt der Kaffeedose
</p>
</article>
<article>
<h1 id="29"> 29 </h1>
<p>
wenn Inhalt der Kaffeedose ausreichend
</p>
</article>
<article>
<h1 id="30"> 30 </h1>
<p>
nimm Kaffeelöffel aus der Kaffeedose und
</p>
</article>
<article>
<h1 id="31"> 31 </h1>
<p>
fülle drei extrem gehäufte Löffel Kaffeepulver in das Kaffeesieb
</p>
</article>
<article>
<h1 id="32"> 32*: </h1>
<p>
fülle einen weiteren extrem gehäuften Kaffeelöffel in das Kaffeesieb
</p>
</article>
<article>
<h1 id="33"> 33: </h1>
<p>
Nimm das Kaffekannenoberteil und
</p>
</article>
<article>
<h1 id="34"> 34: </h1>
<p>
drehe es herum
</p>
</article>
<article>
<h1 id="35"> 35: </h1>
<p>
entnimm die Gummidichtung
</p>
</article>
<article>
<h1 id="36"> 36: </h1>
<p>
entnimm den Metallfilter
</p>
</article>
<article>
<h1 id="37"> 37: </h1>
<p>
spüle beide ab
</p>
</article>
<article>
<h1 id="38"> 38: </h1>
<p>
setze Filter und Dichtung wieder ein
</p>
</article>
<article>
<h1 id="39"> 39: </h1>
<p>
wenn Kaffeesieb gefüllt
gehe zu <a href="#40"> Schritt 40 </a>
sonst wiederhole <a href="#26"> Schritt 26 </a>. bis 32.*
und gehe zu 39.
</p>
</article>
<article>
<h1 id="40"> 40: </h1>
<p>
wenn Wasserbehälter gefüllt
gehe zu <a href="#41"> Schritt 41 </a>
sonst wiederhole <a href="#20"> Schritt 20 </a> bis 23.
und gehe zu 40.
</p>
</article>
<article>
<h1 id="41"> 41: </h1>
<p>
Nimm Wasserbehälter-Kaffeesieb
und
Oberteil-Metallfilter-Gummidichtung
und schraube diese zu einer Kaffeekanne zusammen
</p>
</article>
<article>
<h1 id="412"> 42: </h1>
<p>
schalte Herdplatte ein
</p>
</article>
<article>
<h1 id="43"> 43: </h1>
<p>
Stelle Kaffeekanne auf Herdplatte
</p>
</article>
<article>
<h1 id="44"> 44: </h1>
<p>
konzentriere dich auf eine andere beliebige Morgentätigkeit
</p>
</article>
<article>
<h1 id="45"> 45: </h1>
<p>
wenn kein röchelndes Geräusch aus der Küche,
gehe zu <a href="#44"> Schritt 44 </a>
sonst gehe zu <a href="#46"> Schrit 46 </a>
</p>
</article>
<article>
<h1 id="46"> 46: </h1>
<p>
gehe in Küche
</p>
</article>
<article>
<h1 id="47"> 47: </h1>
<p>
schalte Herd aus
</p>
</article>
<article>
<h1 id="48"> 48: </h1>
<p>
nimm Kaffeekanne vom Herd
</p>
</article>
<article>
<h1 id="48"> 48: </h1>
<p>
FERTIG!!!
</p>
</article>
<article>
<h1 id="49"> 49: </h1>
<p>
Und nun? Der Tipp des Tages: hol Dir gleich noch einen unterwegs!
</p>
</article>
</section>
</body>
</html>
Raw
settings.json
{"view":"split-vertical","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment