add mobile styles

wentin · Mar 16, 2016 · 1ee7f93 · 1ee7f93
1 parent b2e1227
commit 1ee7f93
Show file tree

Hide file tree

Showing 41 changed files with 545 additions and 29 deletions.
diff --git a/acumin.html b/acumin.html
@@ -3,13 +3,15 @@
 <head>
 	<meta charset="UTF-8">
 	<title>Type Detail: Acumin -- Wenting Zhang's 100 days project</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="icon" href="favicon.png" type="image/x-icon"/>
 	<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400|Playfair+Display+SC:900italic|Open+Sans:400,700' rel='stylesheet' type='text/css'>
 	<link rel="stylesheet" href="https://s3.amazonaws.com/icomoon.io/56817/typedetail/style.css?h4l51b">
 	<script src="https://use.typekit.net/zev2jsi.js"></script>
 	<script>try{Typekit.load({ async: true });}catch(e){}</script>
 	<link type="text/css" rel="stylesheet" href="css/style.css"/>
 	<link type="text/css" rel="stylesheet" href="css/acumin.css"/>
+	<link type="text/css" rel="stylesheet" href="css/mobile.css"/>
 	<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
 	<script type="text/javascript" src="js/main.js"></script>
 	<script type="text/javascript">

diff --git a/alegreya.html b/alegreya.html
@@ -3,12 +3,14 @@
 <head>
 	<meta charset="UTF-8">
 	<title>Type Detail: Alegreya -- Wenting Zhang's 100 days project</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="icon" href="favicony.png" type="image/x-icon"/>
 	<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400|Playfair+Display+SC:900italic|Open+Sans:400,700|Alegreya:400italic,700italic,900italic,400,700,900' rel='stylesheet' type='text/css'>
 	<link rel="stylesheet" href="//brick.a.ssl.fastly.net/Cardo:400/Crimson:400">
 	<link rel="stylesheet" href="https://s3.amazonaws.com/icomoon.io/56817/typedetail/style.css?h4l51b">
 	<link type="text/css" rel="stylesheet" href="css/style.css"/>
 	<link type="text/css" rel="stylesheet" href="css/alegreya.css"/>
+	<link type="text/css" rel="stylesheet" href="css/mobile.css"/>
 	<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
 	<script type="text/javascript" src="js/main.js"></script>
 	<script type="text/javascript">

diff --git a/bookerly.html b/bookerly.html
@@ -3,12 +3,14 @@
 <head>
 	<meta charset="UTF-8">
 	<title>Type Detail: Bookerly -- Wenting Zhang's 100 days project</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="icon" href="favicony.png" type="image/x-icon"/>
 	<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400|Playfair+Display+SC:900italic|Open+Sans:400,700' rel='stylesheet' type='text/css'>
 	<link rel="stylesheet" href="//brick.a.ssl.fastly.net/Alegreya:400/PT+Serif:400">
 	<link rel="stylesheet" href="https://s3.amazonaws.com/icomoon.io/56817/typedetail/style.css?h4l51b">
 	<link type="text/css" rel="stylesheet" href="css/style.css"/>
 	<link type="text/css" rel="stylesheet" href="css/bookerly.css"/>
+	<link type="text/css" rel="stylesheet" href="css/mobile.css"/>
 	<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
 	<script type="text/javascript" src="js/main.js"></script>
 	<script type="text/javascript">

diff --git a/bookmania.html b/bookmania.html
@@ -3,13 +3,15 @@
 <head>
 	<meta charset="UTF-8">
 	<title>Type Detail: Bookmania -- Wenting Zhang's 100 days project</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="icon" href="favicony.png" type="image/x-icon"/>
 	<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400|Playfair+Display+SC:900italic|Open+Sans:400,700' rel='stylesheet' type='text/css'>
 	<script src="//use.typekit.net/mlm3xjs.js"></script>
 	<script>try{Typekit.load();}catch(e){}</script>
 	<link rel="stylesheet" href="https://s3.amazonaws.com/icomoon.io/56817/typedetail/style.css?h4l51b">
 	<link type="text/css" rel="stylesheet" href="css/style.css"/>
 	<link type="text/css" rel="stylesheet" href="css/bookmania.css"/>
+	<link type="text/css" rel="stylesheet" href="css/mobile.css"/>
 	<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
 	<script type="text/javascript" src="js/main.js"></script>
 	<script type="text/javascript">

diff --git a/caslon.html b/caslon.html
@@ -3,6 +3,7 @@
 <head>
 	<meta charset="UTF-8">
 	<title>Type Detail: Adobe Caslon Pro -- Wenting Zhang's 100 days project</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="icon" href="favicony.png" type="image/x-icon"/>
 	<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400|Playfair+Display+SC:900italic|Open+Sans:400,700' rel='stylesheet' type='text/css'>
 	<script src="//use.typekit.net/xed2hla.js"></script>
@@ -11,6 +12,7 @@
 	<link rel="stylesheet" href="https://s3.amazonaws.com/icomoon.io/56817/typedetail/style.css?h4l51b">
 	<link type="text/css" rel="stylesheet" href="css/style.css"/>
 	<link type="text/css" rel="stylesheet" href="css/caslon.css"/>
+	<link type="text/css" rel="stylesheet" href="css/mobile.css"/>
 	<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
 	<script type="text/javascript" src="js/main.js"></script>
 	<script type="text/javascript">

diff --git a/chronicle.html b/chronicle.html
@@ -3,12 +3,14 @@
 <head>
 	<meta charset="UTF-8">
 	<title>Type Detail: Chronicle Display -- Wenting Zhang's 100 days project</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="icon" href="faviconb.png" type="image/x-icon"/>
 	<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400|Playfair+Display+SC:900italic|Open+Sans:400,700' rel='stylesheet' type='text/css'>
 	<link rel="stylesheet" href="https://s3.amazonaws.com/icomoon.io/56817/typedetail/style.css?h4l51b">
 	<link rel="stylesheet" type="text/css" href="//cloud.typography.com/7342774/720108/css/fonts.css" />
 	<link type="text/css" rel="stylesheet" href="css/style.css"/>
 	<link type="text/css" rel="stylesheet" href="css/chronicle.css"/>
+	<link type="text/css" rel="stylesheet" href="css/mobile.css"/>
 	<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
 	<script type="text/javascript" src="js/main.js"></script>
 	<script type="text/javascript">

diff --git a/css/main.css b/css/main.css
diff --git a/css/main.css.map b/css/main.css.map
diff --git a/css/mobile.css b/css/mobile.css
diff --git a/css/mobile.css.map b/css/mobile.css.map