Update production site

Add specimen images (optimized), blank favicon.
alfredxing · Dec 23, 2013 · aea8045 · aea8045
1 parent a8491b8
commit aea8045
Show file tree

Hide file tree

Showing 9 changed files with 1,222 additions and 3 deletions.
diff --git a/favicon.ico b/favicon.ico
diff --git a/index.html b/index.html
@@ -2,10 +2,36 @@
 <html>
 <head>
 	<title>Brick</title>
-	<link rel="stylesheet" href="https://get.brick.im/TeX+Gyre+Heros:400,700">
-	<style>body{font-family:"Helvetica Neue",Helvetica,"TeX Gyre Heros",Arial,sans-serif;font-size:16pt;margin:100px}strong{font-weight:700;}</style>
+	<link rel="stylesheet" href="https://get.brick.im/TeX+Gyre+Heros:400,700:s">
+	<style>body{font-family:"Helvetica Neue","TeX Gyre Heros",Arial,sans-serif;font-size:16pt;margin:100px 0}header{margin:0 100px}strong{font-weight:700}#fonts{list-style-type:none;margin:0;padding:0}#fonts li{padding:0 49px;position:relative;overflow:hidden;margin:25px 0;border:50px solid #efefef;background:#efefef}img.preview{position:absolute;height:100%;top:0;left:0;opacity:.1;pointer-events:none;}h1{position:relative;z-index:1;text-shadow:0 0 10px #efefef;display:inline-block}img.preview,h1{-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}h1:hover{opacity:0}h1:hover+img.preview{opacity:1}</style>
 </head>
 <body>
-	<strong>Brick.</strong> Coming soon.
+	<header><strong>Brick.</strong> Webfonts that actually look good.</header>
+	<ul id="fonts">
+		<li>
+			<h1>EB Garamond</h1>
+			<img src="specimen/ebgaramond.png" class="preview">
+		</li>
+		<li>
+			<h1>Open Sans</h1>
+			<img src="specimen/opensans.png" class="preview">
+		</li>
+		<li>
+			<h1>Libre Baskerville</h1>
+			<img src="specimen/librebaskerville.png" class="preview">
+		</li>
+		<li>
+			<h1>TeX Gyre Heros</h1>
+			<img src="specimen/texgyreheros.png" class="preview">
+		</li>
+		<li>
+			<h1>Raleway</h1>
+			<img src="specimen/raleway.png" class="preview">
+		</li>
+		<li>
+			<h1>Roboto Slab</h1>
+			<img src="specimen/robotoslab.png" class="preview">
+		</li>
+	</ul>
 </body>
 </html>
diff --git a/specimen/ebgaramond.png b/specimen/ebgaramond.png
diff --git a/specimen/librebaskerville.png b/specimen/librebaskerville.png
diff --git a/specimen/master.ai b/specimen/master.ai
diff --git a/specimen/opensans.png b/specimen/opensans.png
diff --git a/specimen/raleway.png b/specimen/raleway.png
diff --git a/specimen/robotoslab.png b/specimen/robotoslab.png
diff --git a/specimen/texgyreheros.png b/specimen/texgyreheros.png