port homepage to middleman
11
Gemfile
Normal 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
@ -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
@ -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
|
29
config.rb
@ -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
@ -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
@ -0,0 +1,4 @@
|
|||||||
|
a.navlink#sitelink href="index.html" Higgs-Boson
|
||||||
|
a.navlink href="impressum.html" Impressum
|
||||||
|
a.navlink href="#about" About
|
||||||
|
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 4.3 KiB |
Before Width: | Height: | Size: 640 B After Width: | Height: | Size: 2.4 KiB |
Before Width: | Height: | Size: 747 B After Width: | Height: | Size: 3.0 KiB |
Before Width: | Height: | Size: 640 B After Width: | Height: | Size: 2.4 KiB |
Before Width: | Height: | Size: 640 B After Width: | Height: | Size: 3.8 KiB |
@ -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 don’t understand all of the points described here, you probably
|
|
||||||
have a nasty security vulnerability. ~ simon willison
|
|
||||||
-->
|
|
||||||
|
|
||||||
</cross-domain-policy>
|
</cross-domain-policy>
|
||||||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
@ -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+//-
|
|
||||||
:-:///////:- -:/://
|
|
||||||
-////:- --//:
|
|
||||||
-- -:
|
|
||||||
|
BIN
source/images/icons/computer_locked.png
Normal file
After Width: | Height: | Size: 351 B |
BIN
source/images/icons/download.png
Normal file
After Width: | Height: | Size: 563 B |
BIN
source/images/icons/edit.png
Normal file
After Width: | Height: | Size: 465 B |
BIN
source/images/icons/github.png
Normal file
After Width: | Height: | Size: 353 B |
BIN
source/images/icons/rss.png
Normal file
After Width: | Height: | Size: 526 B |
BIN
source/images/icons/show_thumbnails.png
Normal file
After Width: | Height: | Size: 178 B |
BIN
source/images/icons/upload.png
Normal file
After Width: | Height: | Size: 551 B |
228
source/impressum.html.slim
Normal 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
|
||||||
|
|
@ -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
@ -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
@ -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) & 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 & 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
@ -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;
|
||||||
|
}
|
89
source/stylesheets/site.css.scss
Normal 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;
|
63
source/stylesheets/solarized.scss
Normal 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;
|
||||||
|
}
|