commit 3120140ef061017f20a11701efc21d4e2fcadb59 Author: Jan Philipp Timme Date: Wed Sep 11 00:19:01 2013 +0200 [TASK] Initial import. There is still a lot to do ... diff --git a/bkg01.jpg b/bkg01.jpg new file mode 100644 index 0000000..33f8823 Binary files /dev/null and b/bkg01.jpg differ diff --git a/bkg02.jpg b/bkg02.jpg new file mode 100644 index 0000000..fb033fe Binary files /dev/null and b/bkg02.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..d8dd0b4 --- /dev/null +++ b/index.html @@ -0,0 +1,90 @@ + + + + Dashboard Test + + + + + +

+

+

+ +

+

Willkommen zum Dashboard-Test!
Spruch des Tages
Logge dich ein!
Oder mach etwas!

+

+ +

+

+

Some random stuff maybe a search bar or some fancy info box?

+

I do not know what to put here, but it ought to be fun.

+

Well, whatever.

+

+

+ +

+

+

+

+

+

+

Col1

+

Hallo!
Ich bin ein langweiliger Blindtext damit der Entwickler sehen kann, wie der ganze Kram in etwa mal aussehen wird.
Ein paar Sätze pro Absatz und gut ist! ;-)

Bitte beachte mich nicht weiter, ich war eh nie wirklich wichtig.

Achja: Ich grüße alle die mich kennen!
Macht's gut!

+

+

+

Irgendne Überschrift ...

+

Hallo!
Ich bin ein langweiliger Blindtext damit der Entwickler sehen kann, wie der ganze Kram in etwa mal aussehen wird.
Ein paar Sätze pro Absatz und gut ist! ;-)

Bitte beachte mich nicht weiter, ich war eh nie wirklich wichtig.

Achja: Ich grüße alle die mich kennen!
Macht's gut!

+

+

+ +

+

+

Col2

+

Hallo!
Ich bin ein langweiliger Blindtext damit der Entwickler sehen kann, wie der ganze Kram in etwa mal aussehen wird.
Ein paar Sätze pro Absatz und gut ist! ;-)

Bitte beachte mich nicht weiter, ich war eh nie wirklich wichtig.

Achja: Ich grüße alle die mich kennen!
Macht's gut!

+

+

+

Irgendne Überschrift ...

+

Hallo!
Ich bin ein langweiliger Blindtext damit der Entwickler sehen kann, wie der ganze Kram in etwa mal aussehen wird.
Ein paar Sätze pro Absatz und gut ist! ;-)

Bitte beachte mich nicht weiter, ich war eh nie wirklich wichtig.

Achja: Ich grüße alle die mich kennen!
Macht's gut!

+

+

+

Irgendne Überschrift ...

+

Hallo!
Ich bin ein langweiliger Blindtext damit der Entwickler sehen kann, wie der ganze Kram in etwa mal aussehen wird.
Ein paar Sätze pro Absatz und gut ist! ;-)

Bitte beachte mich nicht weiter, ich war eh nie wirklich wichtig.

Achja: Ich grüße alle die mich kennen!
Macht's gut!

+

+

+

Irgendne Überschrift ...

+

Hallo!
Ich bin ein langweiliger Blindtext damit der Entwickler sehen kann, wie der ganze Kram in etwa mal aussehen wird.
Ein paar Sätze pro Absatz und gut ist! ;-)

Bitte beachte mich nicht weiter, ich war eh nie wirklich wichtig.

Achja: Ich grüße alle die mich kennen!
Macht's gut!

+

+

+ +

+

+

Col3

+

Hallo!
Ich bin ein langweiliger Blindtext damit der Entwickler sehen kann, wie der ganze Kram in etwa mal aussehen wird. Desoxyribonukleinsäure ist ein wichtiger Bestandteil der Altpapierverwertungszellulosemaschine. Meine Absätze machen Sinn, denn anders geht es eh nicht.
Ein paar Sätze pro Absatz und gut ist! ;-)

Bitte beachte mich nicht weiter, ich war eh nie wirklich wichtig.

Achja: Ich grüße alle die mich kennen!
Macht's gut!

+

+

+

Irgendne Überschrift ...

+

Hallo!
Ich bin ein langweiliger Blindtext damit der Entwickler sehen kann, wie der ganze Kram in etwa mal aussehen wird.
Ein paar Sätze pro Absatz und gut ist! ;-)

Bitte beachte mich nicht weiter, ich war eh nie wirklich wichtig.

Achja: Ich grüße alle die mich kennen!
Macht's gut!

+

+

+

Irgendne Überschrift ...

+

Hallo!
Ich bin ein langweiliger Blindtext damit der Entwickler sehen kann, wie der ganze Kram in etwa mal aussehen wird.
Ein paar Sätze pro Absatz und gut ist! ;-)

Bitte beachte mich nicht weiter, ich war eh nie wirklich wichtig.

Achja: Ich grüße alle die mich kennen!
Macht's gut!

+

+

+ +

+

+

+ +

+ + \ No newline at end of file diff --git a/sintony/Sintony-Bold.ttf b/sintony/Sintony-Bold.ttf new file mode 100644 index 0000000..1f567ec Binary files /dev/null and b/sintony/Sintony-Bold.ttf differ diff --git a/sintony/Sintony-Regular.ttf b/sintony/Sintony-Regular.ttf new file mode 100644 index 0000000..865dd12 Binary files /dev/null and b/sintony/Sintony-Regular.ttf differ diff --git a/style.css b/style.css new file mode 100644 index 0000000..bf582b8 --- /dev/null +++ b/style.css @@ -0,0 +1,136 @@ +@font-face { + font-family: Sintony; + src: url('sintony/Sintony-Regular.ttf'); + font-style: normal; + font-weight: normal; +} + +@font-face { + font-family: Sintony_Bold; + src: url('sintony/Sintony-Bold.ttf'); + font-style: normal; + font-weight: bold; +} + +/* reset padding and margin on elements */ +* { + margin: 0; + padding: 0; + border: 0; +} + +html, body { + margin: 0; + padding: 0; + width: 100%; + height: 100%; +} + +body { + background-color: #FF00FF; /* Development only! */ + font-family: Sintony, sans-serif; + font-size: 10pt; +} + +h1, h2, h3, h4, h5 { + font-family: Sintony_Bold, sans-serif; + font-weight: bold; +} + +h1 { font-size: 12pt; } +h2 { font-size: 11pt; } +h3 { font-size: 11pt; } +h4 { font-size: 11pt; } +h5 { font-size: 11pt; } + +.vertical-list { + list-style: none; + clear: left; +} + +.vertical-list li { + padding-right: 1em; + float: left; +} + +.navi-active { + color: hsla(0, 0%, 100%, 0.95); +} + +.content-column { + float: left; + width: 33.3%; + margin-top: 1em; + margin-bottom: 0em; +} + +.content-container { + padding-top: 0.3em; + padding-bottom: 0.3em; + margin: 1em 1em 2em 1em; + color: hsla(0, 0%, 10%, 0.9); + background-color: hsla(0, 0%, 100%, 0.8); + border-radius: 5px; +} + +.content-container h1 { + margin-top: 5px; /* see border-radius of .content-container */ + padding-left: 0.5em; + padding-right: 0.5em; + background-color: hsla(0, 100%, 100%, 0.3); + color: hsla(0, 0%, 25%, 1); +} + +.content-container p { + margin: 0.5em 0.75em 1em 0.75em; + color: hsla(0, 0%, 5%, 1); +} + +#wrap-all { + overflow: auto; /* without this, the background gets messed up when scrolling down on long pages. */ + height: 100%; + min-height: 100%; + background-color: hsla(0, 0%, 50%, 1); + /* epic background image or something like that */ + background: url('bkg01.jpg'); + background-size: cover; + background-repeat: no-repeat; + background-position: center; + background-attachment: fixed; +} + +#wrap-nonfooter-content { + min-height: 100%; +} + +#nonfooter-content-container { + overflow: auto; + padding-bottom: 10em; /* footer height */ +} + +#headerbar { + padding: 0.1em 1em 0.1em 1em; + height: 1.75em; + text-align: left; + line-height: 1.75em; + color: hsla(0, 0%, 70%, 0.9); + background-color: hsla(0, 0%, 0%, 0.75); + font-family: Sintony_Bold; +} + +#content-grid-container { + margin-left: 1em; + margin-right: 1em; +} + +#footer { + height: 7em; /* footer height */ + margin-top: -7em; /* footer height */ + color: hsla(0, 0%, 90%, 0.9); + background-color: hsla(0, 0%, 0%, 0.75); + +} + +#footer-content { + padding: 1em 1em 1em 1em; +} \ No newline at end of file