Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

finished story, font, and basic layout

  • Loading branch information...
commit 70e5369cd36bdf546adfcacb8e978a193c29b917 1 parent b8d4945
Thorsten Böttger authored
60 index.html
View
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
+<head>
+ <title>Unbuckled</title>
+ <!-- <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Reenie+Beanie"> -->
+ <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=IM+Fell+English">
+ <link rel="stylesheet" type="text/css" href="unbuckled.css" />
+ <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+</head>
+<body>
+ <div id="main">
+
+ <h1><a href="/">Unbuckled</a></h1>
+
+ <div class="introduction">
+ <img id="microphone" src="old-radio-microphone.jpg" />
+ <!-- <p>
+ Unbuckled is a <em>stage</em>. Its core idea is to get motivated by <em>inspiration</em>. Introduce
+ your way of thinking, your attitude, how you solve problems. Share how you <em>motivate</em> yourself.
+ <em>Play</em> around, perform, talk, act. <em>Be yourself.</em>
+ </p> -->
+ <p>
+ Unbuckled is a <em>stage</em>. Take your seat and enjoy the show, watch
+ others and <em>get inspired</em>. Be invited to act yourself, play, talk.
+ Inspire others. <em>Motivate yourself</em>.
+ </p>
+ <!-- <p>
+ Unbuckled is an idea by
+ <a href="http://mt7.de">Thorsten Böttger</a>
+ </p> -->
+ </div>
+
+ <p>Follow <a href="http://twitter.com/unbuckled">@unbuckled</a>
+ to stay tuned!</p>
+
+ <!-- <h3>Examples</h3> -->
+
+ <!-- <h2>Suggestions for the next show</h2>
+
+ <dl>
+
+ <dt>What virtuosity means to me</dt>
+ <dd>
+ Ein Musiker könnte erzählen, wie er/sie sich jeden Tag neu motiviert, trotz der sich
+ ständig wiederholenden Übungen (das ist meine Vorstellung vom Alltag eines Musikers).
+ Ich stelle mir vor, dass es das Streben nach Virtuosität ist, das einen jeden Tag
+ wieder auf's Neue fordert.
+ </dd>
+
+ <dt>Text 2.0</dt>
+ <dd>
+ Die Jungs vom Deutschen Forschungszentrum für Künstliche Intelligenz in Kaiserslautern
+ könnten Text 2.0 vorstellen.
+ </dd>
+
+ </dl> -->
+
+ </div>
+</body>
+</html>
BIN  old-radio-microphone.jpg
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
65 unbuckled.css
View
@@ -0,0 +1,65 @@
+body {
+ font-size: 2.0em;
+/* font-family: "Handwriting - Dakota";*/
+/* font-family: "Reenie Beanie";*/
+ font-family: "IM Fell English", "Palatino Linotype", "Book Antiqua", Palatino, serif;
+ color: #0f0f0f;
+ color: #101033;
+}
+
+* html a:hover {visibility:visible}
+
+div#main {
+ margin: 0 auto -25px;
+ width: 600px;
+}
+
+h1 {
+/* font-family: "Reenie Beanie";*/
+ font-size: 3em;
+ font-variant: small-caps;
+}
+
+h2 {
+ clear: both;
+}
+
+div.introduction p {
+/* font-family: "Handwriting - Dakota";*/
+}
+
+em {
+ font-weight: bold;
+ font-size: 1.1em;
+ font-style: normal;
+}
+
+a {
+ font-weight: bold;
+ color: #101033;
+/* color: #202022;*/
+/* text-decoration: none;*/
+}
+
+h1 a {
+ text-decoration: none;
+}
+
+/*div.introduction {
+ position: relative;
+ left: -253px;
+ width: 853px;
+}
+*/
+
+div.introduction {
+ position: relative;
+}
+
+div.introduction img {
+/* float: left;*/
+ position: absolute;
+ left: -283px;
+ top: 0px;
+}
+
Please sign in to comment.
Something went wrong with that request. Please try again.