Add lists and fnord
3b40a3fd02a5d46dd27f6c26107451db87dda504
1 parent
8bb9ca80
index.html
+2 -0
| 9 | 9 | <h1>cloudhead</h1> |
|
| 10 | 10 | <ul> |
|
| 11 | 11 | <li><a href="http://twitter.com/cloudhead">tweets</a></li> |
|
| 12 | 12 | <li><a href="http://github.com/cloudhead">code</a></li> |
|
| 13 | 13 | <li><a href="http://alexissellier.com">art</a></li> |
|
| 14 | + | <li><a href="/lists">lists</a></li> |
|
| 15 | + | <li><a href="http://fffnord.com">fnord</a></li> |
|
| 14 | 16 | </ul> |
|
| 15 | 17 | </header> |
|
| 16 | 18 | <footer> |
|
| 17 | 19 | <a href="mailto:hello@cloudhead.io">hello@cloudhead.io</a> |
|
| 18 | 20 | <p>© 2010-2013 Alexis Sellier</p> |
lists/index.html
added
+121 -0
| 1 | + | <!doctype html> |
|
| 2 | + | <html lang="en"> |
|
| 3 | + | <head> |
|
| 4 | + | <title>cloudhead.io</title> |
|
| 5 | + | <style> |
|
| 6 | + | * { |
|
| 7 | + | margin: 0; |
|
| 8 | + | padding: 0; |
|
| 9 | + | } |
|
| 10 | + | ||
| 11 | + | body { |
|
| 12 | + | font-family: courier, monospace; |
|
| 13 | + | padding: 10px; |
|
| 14 | + | font-size: 20px; |
|
| 15 | + | } |
|
| 16 | + | ||
| 17 | + | h1 { |
|
| 18 | + | font-size: 20px; |
|
| 19 | + | } |
|
| 20 | + | ||
| 21 | + | body > header { |
|
| 22 | + | float: right; |
|
| 23 | + | } |
|
| 24 | + | ||
| 25 | + | section > header { |
|
| 26 | + | margin-bottom: 10px; |
|
| 27 | + | } |
|
| 28 | + | ||
| 29 | + | section > header > h2 { |
|
| 30 | + | font-size: 20px; |
|
| 31 | + | } |
|
| 32 | + | ||
| 33 | + | footer { |
|
| 34 | + | text-align: right; |
|
| 35 | + | position: fixed; |
|
| 36 | + | bottom: 10px; |
|
| 37 | + | right: 10px; |
|
| 38 | + | font-size: 11px; |
|
| 39 | + | } |
|
| 40 | + | ||
| 41 | + | footer a { |
|
| 42 | + | font-size: 17px; |
|
| 43 | + | } |
|
| 44 | + | ||
| 45 | + | li { |
|
| 46 | + | list-style-position: inside; |
|
| 47 | + | margin: 5px 0; |
|
| 48 | + | } |
|
| 49 | + | ||
| 50 | + | ul li { |
|
| 51 | + | list-style-type: none; |
|
| 52 | + | } |
|
| 53 | + | ||
| 54 | + | section p { |
|
| 55 | + | margin: 30px 0; |
|
| 56 | + | } |
|
| 57 | + | ||
| 58 | + | a { |
|
| 59 | + | text-decoration: none; |
|
| 60 | + | } |
|
| 61 | + | </style> |
|
| 62 | + | </head> |
|
| 63 | + | <body> |
|
| 64 | + | <header> |
|
| 65 | + | <h1><a href="/">cloudhead.io</a>/lists</h1> |
|
| 66 | + | </header> |
|
| 67 | + | <section> |
|
| 68 | + | <header> |
|
| 69 | + | <h2>greatest rock & pop albums</h2> |
|
| 70 | + | <p><em>My personal list. One album per artist.</em></p> |
|
| 71 | + | </header> |
|
| 72 | + | <ol> |
|
| 73 | + | <li><a href="http://en.wikipedia.org/wiki/Astral_Weeks">Astral Weeks</a> - Van Morrison (1968)</li> |
|
| 74 | + | <li><a href="http://en.wikipedia.org/wiki/Rock_Bottom_(album)">Rock Bottom</a> - Robert Wyatt (1974)</li> |
|
| 75 | + | <li><a href="http://en.wikipedia.org/wiki/The_Velvet_Underground_%26_Nico">The Velvet Underground & Nico</a> - Velvet Underground (1967)</li> |
|
| 76 | + | <li><a href="http://en.wikipedia.org/wiki/Loveless_(album)">Loveless</a> - My Bloody Valentine (1991)</li> |
|
| 77 | + | <li><a href="http://en.wikipedia.org/wiki/The_Dark_Side_of_the_Moon">The Dark Side of the Moon</a> - Pink Floyd (1973)</li> |
|
| 78 | + | <li><a href="http://en.wikipedia.org/wiki/In_the_Court_of_the_Crimson_King">In The Court of the Crimson King</a> - King Crimson (1969)</li> |
|
| 79 | + | <li><a href="http://en.wikipedia.org/wiki/Grace_(Jeff_Buckley_album)">Grace</a> - Jeff Buckley (1994)</li> |
|
| 80 | + | <li><a href="http://en.wikipedia.org/wiki/Third_(Soft_Machine_album)">Third</a> - Soft Machine (1970)</li> |
|
| 81 | + | <li><a href="http://en.wikipedia.org/wiki/Safe_as_Milk">Safe as Milk</a> - Captain Beefheart (1967)</li> |
|
| 82 | + | <li><a href="http://en.wikipedia.org/wiki/In_the_Aeroplane_Over_the_Sea">In the Aeroplane Over the Sea</a> - Neutral Milk Hotel (1998)</li> |
|
| 83 | + | </ol> |
|
| 84 | + | <p><em>Then, in no particular order...</em></p> |
|
| 85 | + | <ul> |
|
| 86 | + | <li><a href="http://en.wikipedia.org/wiki/Exile_on_Main_St.">Exile on Main St.</a> - The Rolling Stones (1972)</li> |
|
| 87 | + | <li><a href="http://en.wikipedia.org/wiki/The_Doors_(album)">The Doors</a> - The Doors (1967)</li> |
|
| 88 | + | <li><a href="http://en.wikipedia.org/wiki/Blood_on_the_tracks">Blood on the Tracks</a> - Bob Dylan (1975)</li> |
|
| 89 | + | <li><a href="http://en.wikipedia.org/wiki/For_Emma,_Forever_Ago">For Emma, Forever Ago</a> - Bon Iver (2008)</li> |
|
| 90 | + | <li><a href="http://en.wikipedia.org/wiki/Fare_Forward_Voyagers_(Soldier's_Choice)">Fare Forward Voyagers</a> - John Fahey (1973)</li> |
|
| 91 | + | <li><a href="http://en.wikipedia.org/wiki/The_Beatles_(album)">The Beatles "White Album"</a> - Beatles (1968)</li> |
|
| 92 | + | <li><a href="http://en.wikipedia.org/wiki/After_the_Gold_Rush">After the Gold Rush</a> - Neil Young (1970)</li> |
|
| 93 | + | <li><a href="http://en.wikipedia.org/wiki/The_Soft_Bulletin">The Soft Bulletin</a> - The Flaming Lips (1999)</li> |
|
| 94 | + | <li><a href="http://en.wikipedia.org/wiki/Kid_A">Kid A</a> - Radiohead (2000)</li> |
|
| 95 | + | <li><a href="http://en.wikipedia.org/wiki/Pet_Sounds_(album)">Pet Sounds</a> - The Beach Boys (1966)</li> |
|
| 96 | + | <li><a href="http://en.wikipedia.org/wiki/Either/Or_(album)">Either/Or</a> - Elliott Smith (1997)</li> |
|
| 97 | + | </ul> |
|
| 98 | + | </section> |
|
| 99 | + | <!-- |
|
| 100 | + | <section> |
|
| 101 | + | <header> |
|
| 102 | + | <h2>greatest jazz albums</h2> |
|
| 103 | + | <p><em>My personal list. One album per artist.</em></p> |
|
| 104 | + | </header> |
|
| 105 | + | <ol> |
|
| 106 | + | <li>The Black Saint and the Sinner Lady - Charles Mingus [1963]</li> |
|
| 107 | + | <li>Captain Marvel - Stan Getz []</li> |
|
| 108 | + | <li>A Love Supreme - John Coltrane []</li> |
|
| 109 | + | <li>The Koeln Concert - Keith Jarrett []</li> |
|
| 110 | + | <li>Thelonious Monk - Brilliant Corners []</li> |
|
| 111 | + | <li>Miles David - Kind Of Blue []</li> |
|
| 112 | + | <li>Duke Ellington- The Far East Suite []</li> |
|
| 113 | + | </ol> |
|
| 114 | + | </section> |
|
| 115 | + | --> |
|
| 116 | + | <footer> |
|
| 117 | + | <a href="mailto:hello@cloudhead.io">hello@cloudhead.io</a> |
|
| 118 | + | <p>© 2010-2013 Alexis Sellier</p> |
|
| 119 | + | </footer> |
|
| 120 | + | </body> |
|
| 121 | + | </html> |