port homepage to middleman

This commit is contained in:
Jörg Thalheim 2012-06-22 20:08:09 +02:00
parent 43ad450ce1
commit 05056982b6
28 changed files with 1160 additions and 142 deletions

11
Gemfile Normal file
View File

@ -0,0 +1,11 @@
source "http://rubygems.org"
gem "compass", ">= 0.13.alpha.0"
gem "middleman", "~>2.0.15.3"
gem "middleman-smusher"
gem 'compass-960-plugin'
gem 'oily_png'
gem "sass"
gem "slim"
gem "rake"

127
Gemfile.lock Normal file
View File

@ -0,0 +1,127 @@
GEM
remote: http://rubygems.org/
specs:
activesupport (3.2.6)
i18n (~> 0.6)
multi_json (~> 1.0)
addressable (2.2.8)
chunky_png (1.2.5)
coffee-script (2.2.0)
coffee-script-source
execjs
coffee-script-source (1.3.3)
compass (0.13.alpha.0)
chunky_png (~> 1.2)
fssm (>= 0.2.7)
sass (~> 3.2.0.alpha.93)
compass-960-plugin (0.10.4)
compass (>= 0.10.0)
daemons (1.1.8)
em-websocket (0.3.6)
addressable (>= 2.1.1)
eventmachine (>= 0.12.9)
eventmachine (0.12.10)
execjs (1.2.13)
multi_json (~> 1.0)
fssm (0.2.9)
guard (0.6.3)
thor (~> 0.14.6)
guard-livereload (0.3.1)
em-websocket (>= 0.2.0)
guard (>= 0.4.0)
multi_json (~> 1.0.3)
haml (3.1.6)
hike (1.2.1)
http_router (0.10.2)
rack (>= 1.0.0)
url_mount (~> 0.2.1)
httpclient (2.2.5)
i18n (0.6.0)
json (1.7.3)
maruku (0.6.0)
syntax (>= 1.0.0)
middleman (2.0.15.3)
coffee-script (~> 2.2.0)
compass (~> 0.11)
execjs (~> 1.2.7)
guard (~> 0.6.2)
haml (~> 3.1.0)
maruku (~> 0.6.0)
middleman-livereload (~> 0.2.0)
padrino-core (~> 0.10.5)
padrino-helpers (~> 0.10.5)
rack (~> 1.3.5)
rack-test (~> 0.6.1)
sass (>= 3.1.7)
sinatra (~> 1.3.1)
slim (~> 1.0.2)
sprockets (~> 2.0.3)
thin (~> 1.2.11)
thor (~> 0.14.0)
tilt (~> 1.3.1)
uglifier (~> 1.2)
middleman-livereload (0.2.1)
guard-livereload (~> 0.3.1)
middleman-smusher (0.2.0)
middleman (~> 2.0.2)
smusher (~> 0.4.8)
multi_json (1.0.4)
oily_png (1.0.2)
chunky_png (~> 1.2.1)
padrino-core (0.10.6)
activesupport (~> 3.2.0)
http_router (~> 0.10.2)
sinatra (~> 1.3.1)
thor (~> 0.14.3)
tilt (~> 1.3.0)
padrino-helpers (0.10.6)
i18n (~> 0.6)
padrino-core (= 0.10.6)
rack (1.3.6)
rack-protection (1.2.0)
rack
rack-test (0.6.1)
rack (>= 1.0)
rake (0.9.2.2)
sass (3.2.0.alpha.244)
sinatra (1.3.2)
rack (~> 1.3, >= 1.3.6)
rack-protection (~> 1.2)
tilt (~> 1.3, >= 1.3.3)
slim (1.0.4)
temple (~> 0.3.4)
tilt (~> 1.3.2)
smusher (0.4.9)
httpclient (>= 2.2)
json
rake
sprockets (2.0.4)
hike (~> 1.2)
rack (~> 1.0)
tilt (~> 1.1, != 1.3.0)
syntax (1.0.0)
temple (0.3.5)
thin (1.2.11)
daemons (>= 1.0.9)
eventmachine (>= 0.12.6)
rack (>= 1.0.0)
thor (0.14.6)
tilt (1.3.3)
uglifier (1.2.4)
execjs (>= 0.3.0)
multi_json (>= 1.0.2)
url_mount (0.2.1)
rack
PLATFORMS
ruby
DEPENDENCIES
compass (>= 0.13.alpha.0)
compass-960-plugin
middleman (~> 2.0.15.3)
middleman-smusher
oily_png
rake
sass
slim

28
Rakefile Normal file
View File

@ -0,0 +1,28 @@
ssh_user = "joerg@higgsboson.tk"
ssh_port = "22"
document_root = "/var/www/home/"
rsync_delete= true
public_dir = "build"
source_dir = "source"
desc "Generate jekyll site"
task :generate do
system "middleman build"
end
desc "Deploy website via rsync"
task :rsync do
exclude = ""
if File.exists?('./rsync-exclude')
exclude = "--exclude-from '#{File.expand_path('./rsync-exclude')}'"
end
puts "## Deploying website via Rsync"
ok_failed system("rsync -avze 'ssh -p #{ssh_port}' #{exclude} #{"--delete" unless rsync_delete == false} #{public_dir}/ #{ssh_user}:#{document_root}")
end
desc "Generate website and deploy"
task :gen_deploy => [:generate, :deploy] do
end

View File

@ -2,14 +2,22 @@
# Compass # Compass
### ###
# Susy grids in Compass
# First: gem install compass-susy-plugin
# require 'susy'
# Change Compass configuration # Change Compass configuration
# compass_config do |config| compass_config do |config|
# config.output_style = :compact require 'ninesixty'
# end config.output_style = :compact
end
configure :build do
ignore "source/images/companies/*.png"
end
##
# Slim
##
# beautiful html in development
set :slim, :pretty => true
### ###
# Haml # Haml
@ -71,20 +79,19 @@
# Build-specific configuration # Build-specific configuration
configure :build do configure :build do
# For example, change the Compass output style for deployment # For example, change the Compass output style for deployment
# activate :minify_css activate :minify_css
# Minify Javascript on build # Minify Javascript on build
# activate :minify_javascript activate :minify_javascript
# Enable cache buster # Enable cache buster
# activate :cache_buster activate :cache_buster
# Use relative URLs # Use relative URLs
# activate :relative_assets activate :relative_assets
# Compress PNGs after build # Compress PNGs after build
# First: gem install middleman-smusher # First: gem install middleman-smusher
# require "middleman-smusher"
#activate :smusher #activate :smusher
# Or use a different image path # Or use a different image path

7
source/_footer.slim Normal file
View File

@ -0,0 +1,7 @@
a name="about"
p
' ® Copyright 2012 | Albert Schulz, Jörg Thalheim
br/
' about this
a href="humans.txt" website
p I would like to thank all my fans, my friends and my great family, <br>who have made this website possible.

4
source/_navbar.slim Normal file
View File

@ -0,0 +1,4 @@
a.navlink#sitelink href="index.html" Higgs-Boson
a.navlink href="impressum.html" Impressum
a.navlink href="#about" About

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 640 B

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 747 B

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 640 B

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 640 B

After

Width:  |  Height:  |  Size: 3.8 KiB

View File

@ -1,25 +1,5 @@
<?xml version="1.0"?> <?xml version="1.0"?>
<!DOCTYPE cross-domain-policy SYSTEM "http://www.adobe.com/xml/dtds/cross-domain-policy.dtd"> <!DOCTYPE cross-domain-policy SYSTEM "http://www.adobe.com/xml/dtds/cross-domain-policy.dtd">
<cross-domain-policy> <cross-domain-policy>
<allow-access-from domain="piwik.higgsboson.tk" />
<!-- Read this: www.adobe.com/devnet/articles/crossdomain_policy_file_spec.html -->
<!-- Most restrictive policy: -->
<site-control permitted-cross-domain-policies="none"/>
<!-- Least restrictive policy: -->
<!--
<site-control permitted-cross-domain-policies="all"/>
<allow-access-from domain="*" to-ports="*" secure="false"/>
<allow-http-request-headers-from domain="*" headers="*" secure="false"/>
-->
<!--
If you host a crossdomain.xml file with allow-access-from domain="*"
and dont understand all of the points described here, you probably
have a nasty security vulnerability. ~ simon willison
-->
</cross-domain-policy> </cross-domain-policy>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -3,41 +3,21 @@
/* TEAM */ /* TEAM */
<your title>: <your name> IOS Programmer: Albert Schulz <--- hire this guy
Site: Twitter: @albert_sn
Twitter: Location: Germany
Location:
Programmer & Admin: Jörg Thalhheim
Twitter: @Mic_92
Location: Germany
/* THANKS */ /* THANKS */
Names (& URL): Names (& URL):
/* SITE */ /* SITE */
Last update: 2012/06/17
Standards: HTML5, CSS3 Standards: HTML5, CSS3
Components: Modernizr, jQuery Colors: solarized (http://ethanschoonover.com/solarized)
Software: Fonts: Lobster, Cabin
Software: middleman, sass, slim
IDE: vim
-o/-
+oo//-
:ooo+//:
-ooooo///-
/oooooo//:
:ooooooo+//-
-+oooooooo///-
-://////////////+oooooooooo++////////////::
:+ooooooooooooooooooooooooooooooooooooo+:::-
-/+ooooooooooooooooooooooooooooooo+/::////:-
-:+oooooooooooooooooooooooooooo/::///////:-
--/+ooooooooooooooooooooo+::://////:-
-:+ooooooooooooooooo+:://////:--
/ooooooooooooooooo+//////:-
-ooooooooooooooooooo////-
/ooooooooo+oooooooooo//:
:ooooooo+/::/+oooooooo+//-
-oooooo/::///////+oooooo///-
/ooo+::://////:---:/+oooo//:
-o+/::///////:- -:/+o+//-
:-:///////:- -:/://
-////:- --//:
-- -:

Binary file not shown.

After

Width:  |  Height:  |  Size: 351 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 563 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 465 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 353 B

BIN
source/images/icons/rss.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 526 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 178 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 551 B

228
source/impressum.html.slim Normal file
View File

@ -0,0 +1,228 @@
.container
h1 Impressum
p Angaben gemäß § 5 TMG:
p
| Albert Schulz
br/
| Hauptstraße 25
br/
| 01097 Dresden
br/
h2 Kontakt:
table
tr
td
p Telefon:
td
p 0176 / 30329588
tr
td
p Telefax:
td
p
tr
td
p E-Mail:
td
p albert.schulz@me.com
p
' Quelle:
i Impressumsgenerator,
' Rechtsanwalt für
a href="http://www.e-recht24.de" Sören Siebert
h2 Haftungsausschluss:
p
strong Haftung für Inhalte
p
' Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt.
Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte
können wir jedoch keine Gewähr übernehmen. Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für
eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich.
Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht
verpflichtet, übermittelte oder gespeicherte fremde Informationen zu
überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige
Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der
Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon
unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem
Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei
Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte
umgehend entfernen.
p
strong Haftung für Links
p
' Unser Angebot enthält Links zu externen Webseiten Dritter, auf deren
Inhalte wir keinen Einfluss haben. Deshalb können wir für diese
fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte
der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der
Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung
auf mögliche Rechtsverstöße überprüft. Rechtswidrige
Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar. Eine permanente
inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte
einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen
werden wir derartige Links umgehend entfernen.
p
strong Urheberrecht
p
' Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten
unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und
jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen
der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads
und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen
Gebrauch gestattet. Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden,
werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche
gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis.
Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen.
p
strong Datenschutz
p
' Die Nutzung unserer Webseite ist in der Regel ohne Angabe personenbezogener Daten möglich. Soweit auf unseren Seiten personenbezogene Daten (beispielsweise Name,
Anschrift oder eMail-Adressen) erhoben werden, erfolgt dies, soweit möglich, stets auf freiwilliger Basis. Diese Daten werden ohne Ihre ausdrückliche Zustimmung nicht an Dritte weitergegeben.
p
' Wir weisen darauf hin, dass die Datenübertragung im Internet (z.B.
bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann.
Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht
möglich.
p
' Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten Kontaktdaten
durch Dritte zur Übersendung von nicht ausdrücklich angeforderter
Werbung und Informationsmaterialien wird hiermit ausdrücklich widersprochen.
Die Betreiber der Seiten behalten sich ausdrücklich rechtliche Schritte
im Falle der unverlangten Zusendung von Werbeinformationen, etwa durch Spam-Mails,
vor.
p  
p
strong
' Datenschutzerklärung für die Nutzung von Facebook-Plugins
(Like-Button)
p
' Auf unseren Seiten sind Plugins des sozialen Netzwerks Facebook,
1601 South California Avenue, Palo Alto, CA 94304, USA integriert.
Die Facebook-Plugins erkennen Sie an dem Facebook-Logo oder
dem "Like-Button" ("Gefällt mir") auf unserer Seite. Eine Übersicht
über die Facebook-Plugins finden Sie hier:
a href="http://developers.facebook.com/docs/plugins/" target="_blank" http://developers.facebook.com/docs/plugins/
br/
' Wenn Sie unsere Seiten
besuchen, wird über das Plugin eine direkte Verbindung zwischen Ihrem
Browser und dem Facebook-Server hergestellt. Facebook erhält dadurch
die Information, dass Sie mit Ihrer IP-Adresse unsere Seite
besucht haben. Wenn Sie den Facebook "Like-Button" anklicken während
Sie in Ihrem Facebook-Account eingeloggt sind, können Sie die Inhalte
unserer Seiten auf Ihrem Facebook-Profil verlinken. Dadurch kann
Facebook den Besuch unserer Seiten Ihrem Benutzerkonto zuordnen. Wir
weisen darauf hin, dass wir als Anbieter der Seiten keine Kenntnis vom
Inhalt der übermittelten Daten sowie deren Nutzung durch Facebook
erhalten. Weitere Informationen hierzu finden Sie in der
Datenschutzerklärung von facebook unter
a href="http://de-de.facebook.com/policy.php" target="_blank" http://de-de.facebook.com/policy.php
p
' Wenn Sie nicht wünschen, dass Facebook den Besuch unserer Seiten Ihrem
Facebook-Nutzerkonto zuordnen kann, loggen Sie sich bitte aus Ihrem
Facebook-Benutzerkonto aus.
p  
p
strong Datenschutzerklärung für die Nutzung von Google Adsense
p
' Diese Website benutzt Google AdSense, einen Dienst zum Einbinden
von Werbeanzeigen der Google Inc. ("Google"). Google AdSense
verwendet sog. "Cookies", Textdateien, die auf Ihrem Computer
gespeichert werden und die eine Analyse der Benutzung der Website
ermöglicht. Google AdSense verwendet auch so genannte Web Beacons
(unsichtbare Grafiken). Durch diese Web Beacons können Informationen
wie der Besucherverkehr auf diesen Seiten ausgewertet werden.
p
' Die durch Cookies und Web Beacons erzeugten Informationen über
die Benutzung dieser Website (einschließlich Ihrer IP-Adresse) und
Auslieferung von Werbeformaten werden an einen Server von Google
in den USA übertragen und dort gespeichert. Diese Informationen können
von Google an Vertragspartner von Google weiter gegeben werden.
Google wird Ihre IP-Adresse jedoch nicht mit anderen von Ihnen
gespeicherten Daten zusammenführen.
p
' Sie können die Installation der Cookies durch eine entsprechende
Einstellung Ihrer Browser Software verhindern; wir weisen Sie jedoch
darauf hin, dass Sie in diesem Fall gegebenenfalls nicht sämtliche
Funktionen dieser Website voll umfänglich nutzen können. Durch die
Nutzung dieser Website erklären Sie sich mit der Bearbeitung der
über Sie erhobenen Daten durch Google in der zuvor beschriebenen
Art und Weise und zu dem zuvor benannten Zweck einverstanden.
p  
p
strong Datenschutzerklärung für die Nutzung von Google +1
p
i Erfassung und Weitergabe von Informationen:
br/
' Mithilfe der Google +1-Schaltfläche können Sie Informationen weltweit
veröffentlichen. über die Google +1-Schaltfläche erhalten Sie und andere
Nutzer personalisierte Inhalte von Google und unseren Partnern. Google
speichert sowohl die Information, dass Sie für einen Inhalt +1 gegeben
haben, als auch Informationen über die Seite, die Sie beim Klicken auf
+1 angesehen haben. Ihre +1 können als Hinweise zusammen mit Ihrem
Profilnamen und Ihrem Foto in Google-Diensten, wie etwa in
Suchergebnissen oder in Ihrem Google-Profil, oder an anderen Stellen auf
Websites und Anzeigen im Internet eingeblendet werden.
br/
' Google zeichnet Informationen über Ihre +1-Aktivitäten auf, um die
Google-Dienste für Sie und andere zu verbessern. Um die Google
+1-Schaltfläche verwenden zu können, benötigen Sie ein weltweit
sichtbares, öffentliches Google-Profil, das zumindest den für das
Profil gewählten Namen enthalten muss. Dieser Name wird in allen
Google-Diensten verwendet. In manchen Fällen kann dieser Name auch
einen anderen Namen ersetzen, den Sie beim Teilen von Inhalten über
Ihr Google-Konto verwendet haben. Die Identität Ihres Google-Profils
kann Nutzern angezeigt werden, die Ihre E-Mail-Adresse kennen oder
über andere identifizierende Informationen von Ihnen verfügen.
br/
br/
i Verwendung der erfassten Informationen:
br/
' Neben den oben erläuterten Verwendungszwecken werden die von Ihnen
bereitgestellten Informationen gemäß den geltenden
Google-Datenschutzbestimmungen genutzt. Google veröffentlicht
möglicherweise zusammengefasste Statistiken über die +1-Aktivitäten
der Nutzer bzw. gibt diese an Nutzer und Partner weiter, wie etwa
Publisher, Inserenten oder verbundene Websites.
p  
p
strong Datenschutzerklärung für die Nutzung von Twitter
p
' Auf unseren Seiten sind Funktionen des Dienstes Twitter eingebunden.
Diese Funktionen werden angeboten durch die Twitter Inc., 795
Folsom St., Suite 600, San Francisco, CA 94107, USA. Durch das Benutzen
von Twitter und der Funktion "Re-Tweet" werden die von Ihnen
besuchten Webseiten mit Ihrem Twitter-Account verknüpft und anderen
Nutzern bekannt gegeben. Dabei werden auch Daten an Twitter übertragen.
p
' Wir weisen darauf hin, dass wir als Anbieter der Seiten keine
Kenntnis vom Inhalt der übermittelten Daten sowie deren Nutzung durch
Twitter erhalten. Weitere Informationen hierzu finden Sie in der
Datenschutzerklärung von Twitter unter
a href="http://twitter.com/privacy" target="_blank"
| http://twitter.com/privacy
p
' Ihre Datenschutzeinstellungen bei Twitter können Sie in den
' Konto-Einstellungen unter
a href="http://twitter.com/account/settings" target="_blank"
| http://twitter.com/account/settings
' ändern.
p  
p
strong Piwik
/! piwik
iframe frameborder="no" height="250px" src="https://piwik.higgsboson.tk/index.php?module=CoreAdminHome&action=optOut&language=de" width="600px"
/! piwik
p
i Quellen:
ul
li
a href="http://www.e-recht24.de/muster-disclaimer.htm" target="_blank" Disclaimer eRecht24
li
a href="http://www.e-recht24.de/artikel/datenschutz/6590-facebook-like-button-datenschutz-disclaimer.html" target="_blank" Facebook Disclaimer
li
a href="http://www.e-recht24.de/artikel/datenschutz/6635-datenschutz-rechtliche-risiken-bei-der-nutzung-von-google-analytics-und-googleadsense.html" target="_blank" eRecht24 Datenschutzerklärung Google Adsense
li
a href="http://www.google.com/intl/de/+/policy/+1button.html" target="_blank" Datenschutzerklärung für Google +1
li
a href="http://twitter.com/privacy" target="_blank" Twitter Bedingungen

View File

@ -1,71 +0,0 @@
<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!-- Consider adding a manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<!-- Use the .htaccess and remove these lines to avoid edge case issues.
More info: h5bp.com/b/378 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile viewport optimized: j.mp/bplateviewport -->
<meta name="viewport" content="width=device-width,initial-scale=1">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons -->
<link rel="stylesheet" href="css/style.css">
<!-- More ideas for your <head> here: h5bp.com/d/head-Tips -->
<!-- All JavaScript at the bottom, except this Modernizr build incl. Respond.js
Respond is a polyfill for min/max-width media queries. Modernizr enables HTML5 elements & feature detects;
for optimal performance, create your own custom Modernizr build: www.modernizr.com/download/ -->
<script src="js/libs/modernizr-2.0.6.min.js"></script>
</head>
<body>
<div id="container">
<header>
</header>
<div id="main" role="main">
</div>
<footer>
</footer>
</div> <!--! end of #container -->
<!-- JavaScript at the bottom for fast page loading -->
<!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.6.2.min.js"><\/script>')</script>
<!-- scripts concatenated and minified via build script -->
<script defer src="js/plugins.js"></script>
<script defer src="js/script.js"></script>
<!-- end scripts -->
<!-- Prompt IE 6 users to install Chrome Frame. Remove this if you want to support IE 6.
chromium.org/developers/how-tos/chrome-frame-getting-started -->
<!--[if lt IE 7 ]>
<script defer src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
<script defer>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
<![endif]-->
</body>
</html>

17
source/index.html.slim Normal file
View File

@ -0,0 +1,17 @@
h1#pagetitle Higgs-Boson
h2#pagesubtitle Where dreams become true
section#overview
ul
li.icons-github
a href="http://git.higgsboson.tk/pub" GIT Web Interface
li.icons-upload
a href="http://inbox.higgsboson.tk" DropBox Uploader
li.icons-rss
a href="http://blog.higgsboson.tk" Blog
li.icons-edit
a href="http://pad.higgsboson.tk" Etherpad Lite
li.icons-download
a href="http://ftp.higgsboson.tk" Files (FTP)
li.icons-computer_locked
a href="http://vpn.higgsboson.tk" VPN Tunnel

44
source/layout.slim Normal file
View File

@ -0,0 +1,44 @@
doctype
/![if lt IE 7] <html class="no-js ie6 oldie" lang="en">
/![if IE 7] <html class="no-js ie7 oldie" lang="en">
/![if IE 8] <html class="no-js ie8 oldie" lang="en">
/! Consider adding a manifest.appcache: h5bp.com/d/Offline
/! [if gt IE 8]><!
html.no-js.light lang="en"
/! <![endif]
head
meta charset="utf-8"
title Higgs-Boson ~ where your dreams come true
meta name="viewport" content="width=device-width, initial-scale=1.0"
meta name="description" content="cool homepage lots of services"
meta name="author" content="jörg albert"
/! Always force latest IE rendering engine (even in intranet) &amp; Chrome Frame
meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"
/! Mobile viewport optimized: j.mp/bplateviewport
meta content="width=device-width,initial-scale=1" name="viewport"
link href='http://fonts.googleapis.com/css?family=Cabin' rel='stylesheet' type='text/css'
link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'
== stylesheet_link_tag "site.css"
== yield_content :head
/! Respond is a polyfill for min/max-width media queries.
/! Modernizr enables HTML5 elements &amp; feature detects;
/! for optimal performance, create your own custom Modernizr build: www.modernizr.com/download/
script src="js/libs/modernizr-2.0.6.min.js"
body class=(page_classes)
header
== partial "navbar"
.container
#main
== yield
footer
== partial "footer"
//! Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline
/script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"
/javascript:
/ | window.jQuery || document.write('<script src="js/libs/jquery-1.6.2.min.js"><\/script>') / scripts concatenated and minified via build script
/script defer="" src="js/plugins.js"
/script defer="" src="js/script.js"
/![if lt IE 7 ]
<script defer src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
<script defer>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>

504
source/stylesheets/normalize.css vendored Normal file
View File

@ -0,0 +1,504 @@
/*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
/* =============================================================================
HTML5 display definitions
========================================================================== */
/*
* Corrects block display not defined in IE6/7/8/9 & FF3
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
/*
* Corrects inline-block display not defined in IE6/7/8/9 & FF3
*/
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
/*
* Prevents modern browsers from displaying 'audio' without controls
* Remove excess height in iOS5 devices
*/
audio:not([controls]) {
display: none;
height: 0;
}
/*
* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
* Known issue: no IE6 support
*/
[hidden] {
display: none;
}
/* =============================================================================
Base
========================================================================== */
/*
* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
* http://clagnut.com/blog/348/#c790
* 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
*/
html {
font-size: 100%; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-ms-text-size-adjust: 100%; /* 2 */
}
/*
* Addresses font-family inconsistency between 'textarea' and other form elements.
*/
html,
button,
input,
select,
textarea {
font-family: sans-serif;
}
/*
* Addresses margins handled incorrectly in IE6/7
*/
body {
margin: 0;
}
/* =============================================================================
Links
========================================================================== */
/*
* Addresses outline displayed oddly in Chrome
*/
a:focus {
outline: thin dotted;
}
/*
* Improves readability when focused and also mouse hovered in all browsers
* people.opera.com/patrickl/experiments/keyboard/test
*/
a:hover,
a:active {
outline: 0;
}
/* =============================================================================
Typography
========================================================================== */
/*
* Addresses font sizes and margins set differently in IE6/7
* Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
h2 {
font-size: 1.5em;
margin: 0.83em 0;
}
h3 {
font-size: 1.17em;
margin: 1em 0;
}
h4 {
font-size: 1em;
margin: 1.33em 0;
}
h5 {
font-size: 0.83em;
margin: 1.67em 0;
}
h6 {
font-size: 0.75em;
margin: 2.33em 0;
}
/*
* Addresses styling not present in IE7/8/9, S5, Chrome
*/
abbr[title] {
border-bottom: 1px dotted;
}
/*
* Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/
b,
strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
/*
* Addresses styling not present in S5, Chrome
*/
dfn {
font-style: italic;
}
/*
* Addresses styling not present in IE6/7/8/9
*/
mark {
background: #ff0;
color: #000;
}
/*
* Addresses margins set differently in IE6/7
*/
p,
pre {
margin: 1em 0;
}
/*
* Corrects font family set oddly in IE6, S4/5, Chrome
* en.wikipedia.org/wiki/User:Davidgothberg/Test59
*/
pre,
code,
kbd,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
/*
* Improves readability of pre-formatted text in all browsers
*/
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
/*
* 1. Addresses CSS quotes not supported in IE6/7
* 2. Addresses quote property not supported in S4
*/
/* 1 */
q {
quotes: none;
}
/* 2 */
q:before,
q:after {
content: '';
content: none;
}
small {
font-size: 75%;
}
/*
* Prevents sub and sup affecting line-height in all browsers
* gist.github.com/413930
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* =============================================================================
Lists
========================================================================== */
/*
* Addresses margins set differently in IE6/7
*/
dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0 0 0 40px;
}
/*
* Addresses paddings set differently in IE6/7
*/
menu,
ol,
ul {
padding: 0 0 0 40px;
}
/*
* Corrects list images handled incorrectly in IE7
*/
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
/* =============================================================================
Embedded content
========================================================================== */
/*
* 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
* 2. Improves image quality when scaled in IE7
* code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
*/
img {
border: 0; /* 1 */
-ms-interpolation-mode: bicubic; /* 2 */
}
/*
* Corrects overflow displayed oddly in IE9
*/
svg:not(:root) {
overflow: hidden;
}
/* =============================================================================
Figures
========================================================================== */
/*
* Addresses margin not present in IE6/7/8/9, S5, O11
*/
figure {
margin: 0;
}
/* =============================================================================
Forms
========================================================================== */
/*
* Corrects margin displayed oddly in IE6/7
*/
form {
margin: 0;
}
/*
* Define consistent border, margin, and padding
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/*
* 1. Corrects color not being inherited in IE6/7/8/9
* 2. Corrects text not wrapping in FF3
* 3. Corrects alignment displayed oddly in IE6/7
*/
legend {
border: 0; /* 1 */
padding: 0;
white-space: normal; /* 2 */
*margin-left: -7px; /* 3 */
}
/*
* 1. Corrects font size not being inherited in all browsers
* 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
* 3. Improves appearance and consistency in all browsers
*/
button,
input,
select,
textarea {
font-size: 100%; /* 1 */
margin: 0; /* 2 */
vertical-align: baseline; /* 3 */
*vertical-align: middle; /* 3 */
}
/*
* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
*/
button,
input {
line-height: normal; /* 1 */
}
/*
* 1. Improves usability and consistency of cursor style between image-type 'input' and others
* 2. Corrects inability to style clickable 'input' types in iOS
* 3. Removes inner spacing in IE7 without affecting normal text inputs
* Known issue: inner spacing remains in IE6
*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer; /* 1 */
-webkit-appearance: button; /* 2 */
*overflow: visible; /* 3 */
}
/*
* Re-set default cursor for disabled elements
*/
button[disabled],
input[disabled] {
cursor: default;
}
/*
* 1. Addresses box sizing set to content-box in IE8/9
* 2. Removes excess padding in IE8/9
* 3. Removes excess padding in IE7
Known issue: excess padding remains in IE6
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
*height: 13px; /* 3 */
*width: 13px; /* 3 */
}
/*
* 1. Addresses appearance set to searchfield in S5, Chrome
* 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
/*
* Removes inner padding and search cancel button in S5, Chrome on OS X
*/
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
/*
* Removes inner padding and border in FF3+
* www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/*
* 1. Removes default vertical scrollbar in IE6/7/8/9
* 2. Improves readability and alignment in all browsers
*/
textarea {
overflow: auto; /* 1 */
vertical-align: top; /* 2 */
}
/* =============================================================================
Tables
========================================================================== */
/*
* Remove most spacing between table cells
*/
table {
border-collapse: collapse;
border-spacing: 0;
}

View File

@ -0,0 +1,89 @@
@import "compass";
@import "960/grid";
@import "solarized";
$ninesixty_columns: 12;
h1 {
font-family: 'Lobster', Georgia, Times, serif;
font-size: 5em;
}
body {
font-family: 'Cabin', Helvetica, Arial, sans-serif;
font-size: 1em;
line-height: 1.3em;
}
#sitelink {
display:block;
float:left;
padding-left: 10px;
padding-right:10px;
font-size: 1.1em;
font-weight:bold;
}
#pagetitle {
@include text-shadow(0px, -1px, 1px, rgb(255, 255, 255), 0px, 1px, 1px, rgb(102, 102, 102));
}
#pagesubtitle {
margin-bottom: 2.5em;
}
a {
text-decoration:none;
&:hover {
font-weight:bold;
color: $orange;
}
}
header {
line-height: 190%;
a {
margin-right: 10px;
}
}
footer {
@include grid(12);
padding-left: 15px;
}
[class^="icons-"],
[class*="icons-"] {
list-style-type: none;
padding-left: 1.2em;
margin-left: -1.8em;
display: block;
height: 29px;
width: 100%;
background-position: 28px 28px;
}
.container {
@include grid_container;
@include accentize($yellow);
/* Grid layout */
#main {
@include grid(12);
}
#overview {
@include grid-push(1);
font-size: 2em;
margin-left: auto;
margin-right: auto;
li {
margin-bottom: 0.2em;
}
}
}
@import "../images/icons/*.png";
@include all-icons-sprites;

View File

@ -0,0 +1,63 @@
$base03: #002b36;
$base03: #002b36;
$base02: #073642;
$base01: #586e75;
$base00: #657b83;
$base0: #839496;
$base1: #93a1a1;
$base2: #eee8d5;
$base3: #fefbdc;
$yellow: #b58900;
$orange: #cb4b16;
$red: #dc322f;
$magenta: #d33682;
$violet: #6c71c4;
$blue: #268bd2;
$cyan: #2aa198;
$green: #859900;
@mixin rebase($rebase03,$rebase02,$rebase01,
$rebase00,$rebase0,$rebase1,$rebase2,$rebase3) {
* { color:$rebase0; }
body { background-color:$rebase03; }
h1,h2,h3,h4,h5,h6 { color:$rebase1; border-color: $rebase0; }
h1#pagetitle, h1:first-of-type { color: $rebase1; }
h2#pagesubtitle, h2:first-of-type { color: $rebase01; }
a, a:active, a:visited { color: $rebase1; }
//a:hover { background-color: $rebase02 }
header {
background-color: $rebase01;
color: $rebase1;
a.navlink, a:active.navlink, a:visited.navlink { color: $rebase1; }
a:hover.navlink { background: transparent; color: $rebase02; }
#sitelink { color: $rebase02; background-color: $rebase1 }
a:hover#sitelink { font-weight: bold; }
}
footer {
background-color: $rebase02;
color: $rebase01;
}
pre {
color: $rebase1;
background-color: $rebase02;
}
tr:nth-child(odd) { background-color:$rebase02 }
th { color:$rebase1; background-color:$rebase03; }
h1 a:hover {
-webkit-text-stroke: 3px $rebase02;
}
}
@mixin accentize($accent) {
a, a:active, a:visited, code.url { color: $accent; }
h1,h2,h3,h4,h5,h6 {color:$accent}
}
/* light is default mode, so pair with general html definition */
html, .light { @include rebase($base3,$base2,$base1,$base0,$base00,$base01,$base02,$base03)}
.dark { @include rebase($base03,$base02,$base01,$base00,$base0,$base1,$base2,$base3)}
html * {
color-profile: sRGB;
rendering-intent: auto;
}