Erstes Styling, Dummy-Startseite mit schema.org
This commit is contained in:
Stefan Schlott
parent
09aba964a9
commit
8d45905f96
10 changed files with 168 additions and 22 deletions
33
content/about.md
Normal file
33
content/about.md
Normal file
|
|
@ -0,0 +1,33 @@
|
||||||
|
-----
|
||||||
|
title: Wir über uns
|
||||||
|
kind: page
|
||||||
|
-----
|
||||||
|
# Wir über uns
|
||||||
|
|
||||||
|
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
|
||||||
|
eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
|
||||||
|
voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
|
||||||
|
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit
|
||||||
|
amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
|
||||||
|
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
|
||||||
|
sed diam voluptua. At vero eos et accusam et justo duo dolores et ea
|
||||||
|
rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
|
||||||
|
ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing
|
||||||
|
elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
|
||||||
|
aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
|
||||||
|
dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus
|
||||||
|
est Lorem ipsum dolor sit amet.
|
||||||
|
|
||||||
|
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
|
||||||
|
molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero
|
||||||
|
eros et accumsan et iusto odio dignissim qui blandit praesent luptatum
|
||||||
|
zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum
|
||||||
|
dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
|
||||||
|
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
|
||||||
|
|
||||||
|
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
|
||||||
|
suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem
|
||||||
|
vel eum iriure dolor in hendrerit in vulputate velit esse molestie
|
||||||
|
consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et
|
||||||
|
accumsan et iusto odio dignissim qui blandit praesent luptatum zzril
|
||||||
|
delenit augue duis dolore te feugait nulla facilisi.
|
||||||
106
content/index.html
Normal file
106
content/index.html
Normal file
|
|
@ -0,0 +1,106 @@
|
||||||
|
-----
|
||||||
|
title: Titel
|
||||||
|
kind: empty
|
||||||
|
-----
|
||||||
|
<div class="row">
|
||||||
|
<div class="span8">
|
||||||
|
<article itemscope itemtype="http://schema.org/EducationEvent">
|
||||||
|
<h1>Nächster Vortrag</h1>
|
||||||
|
<p>
|
||||||
|
<em>Termin:</em>
|
||||||
|
<span itemprop="startDate" content="2013-02-14T19:30">Donnerstag, 14. Februar 2013, 19:30 Uhr</span>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<em>Thema:</em>
|
||||||
|
<span itemprop="name">Über die besonderen Anforderungen beim Sammeln von historischen Großrechnern</span>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<em>Referent:</em>
|
||||||
|
<span itemprop="performer" itemscope itemtype="http://schema.org/Person">
|
||||||
|
<span itemprop="name">Wolfgang Stief</span>, GUUG München
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<em>Ort:</em>
|
||||||
|
<span itemprop="location" itemscope itemtype="http://schema.org/Location">
|
||||||
|
<span itemprop="name">Stadtbibliothek am Mailänder Platz</span>, Max-Bense-Forum (UG)
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<a itemprop="url" href="#">Weitere Informationen</a> -
|
||||||
|
<a href="#">Flyer (PDF)</a> -
|
||||||
|
<a href="#">Aushang (PDF)</a>
|
||||||
|
</p>
|
||||||
|
</article>
|
||||||
|
<article itemscope itemtype="http://schema.org/SocialEvent">
|
||||||
|
<h1>Nächster <span itemprop="name">CCCS Stammtisch</span></h1>
|
||||||
|
<p>
|
||||||
|
<em>Termin:</em>
|
||||||
|
<span itemprop="startDate" content="2013-02-05T18:00">Dienstag, 5. Februar 2013, ab 18:00 Uhr</span>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<em>Ort:</em>
|
||||||
|
<span itemprop="location" itemscope itemtype="http://schema.org/Location">
|
||||||
|
<span itemprop="name">Zadu-Bar</span>
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="span4">
|
||||||
|
<h1>Kalender</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="span8">
|
||||||
|
<section itemscope itemtype="http://schema.org/Blog">
|
||||||
|
<div class="row">
|
||||||
|
<div class="span8">
|
||||||
|
<article>
|
||||||
|
<h1><a itemprop="blogPost" href="#">Ein Blogpost</a></h1>
|
||||||
|
<i class="icon-flag icon-4x pull-left icon-border"></i> Font Awesome is
|
||||||
|
working!
|
||||||
|
<p>
|
||||||
|
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
|
||||||
|
eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
|
||||||
|
voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
|
||||||
|
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit
|
||||||
|
amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
|
||||||
|
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
|
||||||
|
sed diam voluptua. At vero eos et accusam et justo duo dolores et ea
|
||||||
|
rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
|
||||||
|
ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing
|
||||||
|
elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
|
||||||
|
aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
|
||||||
|
dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus
|
||||||
|
est Lorem ipsum dolor sit amet.
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="span8">
|
||||||
|
<article>
|
||||||
|
<h1><a itemprop="blogPost" href="#">Ein Projektartikel</a></h1>
|
||||||
|
<p>
|
||||||
|
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
|
||||||
|
molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero
|
||||||
|
eros et accumsan et iusto odio dignissim qui blandit praesent luptatum
|
||||||
|
zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum
|
||||||
|
dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
|
||||||
|
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
|
||||||
|
<p>
|
||||||
|
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
|
||||||
|
suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem
|
||||||
|
vel eum iriure dolor in hendrerit in vulputate velit esse molestie
|
||||||
|
consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et
|
||||||
|
accumsan et iusto odio dignissim qui blandit praesent luptatum zzril
|
||||||
|
delenit augue duis dolore te feugait nulla facilisi.
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
<div class="span4">
|
||||||
|
<h1>Letzte Tweets</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
@ -1,11 +1,8 @@
|
||||||
-----
|
-----
|
||||||
title: Titel
|
title: Members
|
||||||
kind: page
|
kind: page
|
||||||
-----
|
-----
|
||||||
# Willkommen!
|
# Members
|
||||||
|
|
||||||
<i class="icon-flag icon-4x pull-left icon-border"></i> Font Awesome is
|
|
||||||
working!
|
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
|
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
|
||||||
eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
|
eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
|
||||||
|
|
@ -1,3 +1,8 @@
|
||||||
// Font Awesome
|
// Font Awesome
|
||||||
$FontAwesomePath: "/fonts";
|
$FontAwesomePath: "/fonts";
|
||||||
|
|
||||||
|
// Colors
|
||||||
|
//$cccsBlue: #001f3d;
|
||||||
|
$cccsBlue: #002e55;
|
||||||
|
$cccsGreen: #95c03d;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -32,12 +32,12 @@ $purple: #7a43b6 !default;
|
||||||
// Scaffolding
|
// Scaffolding
|
||||||
// -------------------------
|
// -------------------------
|
||||||
$bodyBackground: $white !default;
|
$bodyBackground: $white !default;
|
||||||
$textColor: $grayDark !default;
|
$textColor: $black !default;
|
||||||
|
|
||||||
|
|
||||||
// Links
|
// Links
|
||||||
// -------------------------
|
// -------------------------
|
||||||
$linkColor: #08c !default;
|
$linkColor: $cccsGreen !default;
|
||||||
$linkColorHover: darken($linkColor, 15%) !default;
|
$linkColorHover: darken($linkColor, 15%) !default;
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -54,7 +54,7 @@ $altFontFamily: $serifFontFamily !default;
|
||||||
|
|
||||||
$headingsFontFamily: inherit !default; // empty to use BS default, $baseFontFamily
|
$headingsFontFamily: inherit !default; // empty to use BS default, $baseFontFamily
|
||||||
$headingsFontWeight: bold !default; // instead of browser default, bold
|
$headingsFontWeight: bold !default; // instead of browser default, bold
|
||||||
$headingsColor: inherit !default; // empty to use BS default, $textColor
|
$headingsColor: $cccsBlue !default;
|
||||||
|
|
||||||
|
|
||||||
// Component sizing
|
// Component sizing
|
||||||
|
|
@ -185,8 +185,8 @@ $navbarBackground: darken($navbarBackgroundHighlight, 5%) !defaul
|
||||||
$navbarBorder: darken($navbarBackground, 12%) !default;
|
$navbarBorder: darken($navbarBackground, 12%) !default;
|
||||||
|
|
||||||
$navbarText: #777 !default;
|
$navbarText: #777 !default;
|
||||||
$navbarLinkColor: #777 !default;
|
$navbarLinkColor: $cccsBlue !default;
|
||||||
$navbarLinkColorHover: $grayDark !default;
|
$navbarLinkColorHover: darken($navbarLinkColor, 15%) !default;
|
||||||
$navbarLinkColorActive: $gray !default;
|
$navbarLinkColorActive: $gray !default;
|
||||||
$navbarLinkBackgroundHover: transparent !default;
|
$navbarLinkBackgroundHover: transparent !default;
|
||||||
$navbarLinkBackgroundActive: darken($navbarBackground, 5%) !default;
|
$navbarLinkBackgroundActive: darken($navbarBackground, 5%) !default;
|
||||||
|
|
|
||||||
|
|
@ -9,9 +9,9 @@
|
||||||
*/
|
*/
|
||||||
|
|
||||||
// Core variables and mixins
|
// Core variables and mixins
|
||||||
|
@import "customvars";
|
||||||
// @import "bootstrap/variables"; // Modify this for custom colors, font-sizes, etc
|
// @import "bootstrap/variables"; // Modify this for custom colors, font-sizes, etc
|
||||||
@import "variables";
|
@import "variables";
|
||||||
@import "customvars";
|
|
||||||
@import "bootstrap/mixins";
|
@import "bootstrap/mixins";
|
||||||
|
|
||||||
// CSS Reset
|
// CSS Reset
|
||||||
|
|
|
||||||
|
|
@ -17,21 +17,25 @@
|
||||||
<span class="icon-bar"></span>
|
<span class="icon-bar"></span>
|
||||||
<span class="icon-bar"></span>
|
<span class="icon-bar"></span>
|
||||||
</a>
|
</a>
|
||||||
<a class="brand" href="/"><img src="/img/logo.png" alt="Logo"></a>
|
<a class="brand" href="/"><img src="/img/logo.png" alt="CCCStuttgart"></a>
|
||||||
<div class="nav-collapse collapse">
|
<div class="nav-collapse collapse">
|
||||||
<ul class="nav">
|
<ul class="nav">
|
||||||
|
<li><a href="/about/">Wir über uns</a>
|
||||||
|
<li><a href="#">Veranstaltungen</a>
|
||||||
|
<li><a href="#">Aktivitäten</a>
|
||||||
|
<li><a href="#">Projekte</a>
|
||||||
|
<li><a href="/members/">Members</a>
|
||||||
|
<li><a href="#">Planet CCCS</a>
|
||||||
<li class="dropdown">
|
<li class="dropdown">
|
||||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Archiv <b class="caret"></b></a>
|
||||||
<ul class="dropdown-menu">
|
<ul class="dropdown-menu">
|
||||||
<li><a href="#">Menü...</a>
|
<li><a href="#">2013</a>
|
||||||
<li><a href="#">Menü...</a>
|
<li><a href="#">2012</a>
|
||||||
<li><a href="#">Menü...</a>
|
<li><a href="#">2011</a>
|
||||||
<li><a href="#">Menü...</a>
|
<li class="divider"></li>
|
||||||
|
<li><a href="#">Die alte Webseite</a>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="#">Menü...</a>
|
|
||||||
<li><a href="#">Menü...</a>
|
|
||||||
<li><a href="#">Menü...</a>
|
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
1
layouts/empty_body.html
Normal file
1
layouts/empty_body.html
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<%= yield %>
|
||||||
|
|
@ -1,3 +1,3 @@
|
||||||
<div class="row" id="mainrow">
|
<div class="row">
|
||||||
<%= yield %>
|
<%= yield %>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<div class="row" id="mainrow">
|
<div class="row">
|
||||||
<div class="span12">
|
<div class="span12">
|
||||||
<%= yield %>
|
<%= yield %>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue