From 1ee7f93393b51c0e0f02158931fd3ff9b1cec433 Mon Sep 17 00:00:00 2001
From: wenzhang <wenzhang@adobe.com>
Date: Wed, 16 Mar 2016 19:50:27 -0400
Subject: [PATCH] add mobile styles

---
 acumin.html                 |   2 +
 alegreya.html               |   2 +
 bookerly.html               |   2 +
 bookmania.html              |   2 +
 caslon.html                 |   2 +
 chronicle.html              |   2 +
 css/main.css                |   2 +
 css/main.css.map            |   2 +-
 css/mobile.css              | 136 ++++++++++++++++++++++++++
 css/mobile.css.map          |   7 ++
 css/mobile.scss             | 185 ++++++++++++++++++++++++++++++++++++
 css/style.css               | 141 ++++++++++++++++++++++++++-
 css/style.css.map           |   4 +-
 css/style.scss              |   7 +-
 domine.html                 |   2 +
 eb-garamond.html            |   2 +
 freight-display-pro.html    |   2 +
 georgia.html                |   2 +
 index.html                  |   4 +-
 jaf-lapture.html            |   2 +
 libre-baskerville.html      |   2 +
 lora.html                   |   2 +
 mercury.html                |   2 +
 merriweather.html           |   2 +
 minionpro.html              |   2 +
 moriston.html               |   2 +
 neueswift.html              |   2 +
 obsidian.html               |   2 +
 oldstandard.html            |   2 +
 open-dyslexic.html          |   2 +
 quarto.html                 |   2 +
 resources/css/resources.css |   2 +
 resources/index.html        |   2 +
 resources/js/resources.json |  18 ----
 san-francisco-display.html  |   2 +
 san-francisco.html          |   4 +-
 sentinel.html               |   2 +
 surveyor.html               |   2 +
 template/template.html      |   4 +-
 twine.html                  |   2 +
 whitney.html                |   4 +-
 41 files changed, 545 insertions(+), 29 deletions(-)
 create mode 100644 css/mobile.css
 create mode 100644 css/mobile.css.map
 create mode 100644 css/mobile.scss
diff --git a/acumin.html b/acumin.html
index b6719bf..2b4ccb9 100644
--- a/acumin.html
+++ b/acumin.html
@@ -3,6 +3,7 @@
 <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">
@@ -10,6 +11,7 @@
 	<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
index 6a23ab4..9d9be52 100644
--- 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
index a860f46..1f786b9 100644
--- 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
index e9a52e6..a6203bb 100644
--- a/bookmania.html
+++ b/bookmania.html
@@ -3,6 +3,7 @@
 <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>
@@ -10,6 +11,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/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
index 58deff9..c93a3e2 100644
--- 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
index 33201d6..4a9745e 100644
--- 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
index 1fe6bf6..4a3eaa9 100644
--- a/css/main.css
+++ b/css/main.css
@@ -94,3 +94,5 @@
         text-align: right;
         color: #6a6256;
         margin-right: 6px; }
+
+/*# sourceMappingURL=main.css.map */
diff --git a/css/main.css.map b/css/main.css.map
index 4834686..fe4d4a9 100644
--- a/css/main.css.map
+++ b/css/main.css.map
@@ -1,6 +1,6 @@
 {
 "version": 3,
-"mappings": "AAWC,UAAK;EACJ,KAAK,EAZA,OAAO;;AAiBZ,sBAAU;EACT,KAAK,EAlBD,OAAO;AAqBb,qBAAe;EACd,KAAK,EAtBA,OAAO;;AAyBd,MAAO;EACN,KAAK,EAAE,KAAK;EACZ,UAAU,EAAE,kBAAiB;EAC7B,WAAW,EArBC,4BAAqB;EAsBjC,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,MAAM;EAClB,KAAK,EA/BC,OAAO;EAgCb,WAAW,EAAE,KAAK;EAClB,UAAU,EAAE,KAAK;EACjB,OAAO,EAAE,cAAc;EACvB,YAAY,EAAE,IAAI;EAClB,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,UAAU;EACtB,QAAQ,EAAE,QAAQ;EAClB,WAAK;IACJ,KAAK,EAzCA,OAAO;IA0CZ,QAAQ,EAAE,QAAQ;IAClB,mBAAU;MACT,OAAO,EAAE,EAAE;MACX,OAAO,EAAE,KAAK;MACd,QAAQ,EAAE,QAAQ;MAClB,IAAI,EAAE,KAAK;MACX,GAAG,EAAE,IAAI;MACT,KAAK,EAAE,KAAK;MACZ,MAAM,EAAE,KAAK;MACb,aAAa,EAAE,GAAG;MAClB,MAAM,EAAE,kBAAgB;;AAI3B,MAAM;EACL,KAAK,EAAE,KAAK;EACZ,UAAU,EAAE,kBAAiB;EAC7B,UAAU,EAAE,UAAU;EACtB,KAAK,EAAE,IAAI;EACX,WAAW,EAxDD,uBAAW;EAyDrB,QAAQ,EAAE,QAAQ;EAChB,aAAa,EAAE,mBAAmB;EACpC,aAAS;IACR,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,KAAK;IACd,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,KAAK;IACX,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,CAAC;IACT,YAAY,EAAE,kBAAgB;EAE/B,oBAAc;IACb,UAAU,EAAE,KAAK;EAElB,QAAE;IACD,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,GAAG;IAChB,SAAS,EAAE,IAAI;IACf,KAAK,EAhFA,OAAO;IAiFZ,WAAW,EAAE,IAAI;IACjB,UAAU,EAAE,IAAI;EAEjB,QAAE;IACD,KAAK,EArFA,OAAO;IAsFV,WAAW,EAAE,GAAG;IAClB,UAAU,EAAE,0CAAgB;EAE7B,cAAQ;IACP,KAAK,EA3FA,OAAO;EA6Fb,gBAAU;IACT,KAAK,EA5FA,OAAO;EA+FZ,oBAAG;IACF,KAAK,EAAE,KAAK;IACZ,uBAAG;MACF,iBAAiB,EAAE,oBAAoB;MACvC,KAAK,EAAE,KAAK;MACZ,KAAK,EAAE,IAAI;MACX,+BAAU;QACT,OAAO,EAAE,6CAA6C;EAK1D,SAAG;IACF,UAAU,EAAE,IAAI;IAChB,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,IAAI;IACT,KAAK,EA9GD,OAAO;IA+Gb,YAAG;MACF,WAAW,EAAE,GAAG;MAChB,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,IAAI;MACjB,iBAAiB,EAAE,mBAAmB;MACtC,oBAAU;QACT,OAAO,EAAE,gCAA+B;QACxC,OAAO,EAAE,YAAY;QACrB,KAAK,EAAE,IAAI;QACX,UAAU,EAAE,KAAK;QACjB,KAAK,EA1HF,OAAO;QA2HV,YAAY,EAAE,GAAG",
+"mappings": "AAWC,UAAK;EACJ,KAAK,EAZA,OAAO;;AAiBZ,sBAAU;EACT,KAAK,EAlBD,OAAO;AAqBb,qBAAe;EACd,KAAK,EAtBA,OAAO;;AAyBd,MAAO;EACN,KAAK,EAAE,KAAK;EACZ,UAAU,EAAE,kBAAiB;EAC7B,WAAW,EArBC,4BAAqB;EAsBjC,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,MAAM;EAClB,KAAK,EA/BC,OAAO;EAgCb,WAAW,EAAE,KAAK;EAClB,UAAU,EAAE,KAAK;EACjB,OAAO,EAAE,cAAc;EACvB,YAAY,EAAE,IAAI;EAClB,KAAK,EAAE,IAAI;EACX,UAAU,EAAE,UAAU;EACtB,QAAQ,EAAE,QAAQ;EAClB,WAAK;IACJ,KAAK,EAzCA,OAAO;IA0CZ,QAAQ,EAAE,QAAQ;IAClB,mBAAU;MACT,OAAO,EAAE,EAAE;MACX,OAAO,EAAE,KAAK;MACd,QAAQ,EAAE,QAAQ;MAClB,IAAI,EAAE,KAAK;MACX,GAAG,EAAE,IAAI;MACT,KAAK,EAAE,KAAK;MACZ,MAAM,EAAE,KAAK;MACb,aAAa,EAAE,GAAG;MAClB,MAAM,EAAE,kBAAgB;;AAI3B,MAAM;EACL,KAAK,EAAE,KAAK;EACZ,UAAU,EAAE,kBAAiB;EAC7B,UAAU,EAAE,UAAU;EACtB,KAAK,EAAE,IAAI;EACX,WAAW,EAxDD,uBAAW;EAyDrB,QAAQ,EAAE,QAAQ;EAChB,aAAa,EAAE,mBAAmB;EACpC,aAAS;IACR,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,KAAK;IACd,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,KAAK;IACX,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,CAAC;IACT,YAAY,EAAE,kBAAiB;EAEhC,oBAAc;IACb,UAAU,EAAE,KAAK;EAElB,QAAE;IACD,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,GAAG;IAChB,SAAS,EAAE,IAAI;IACf,KAAK,EAhFA,OAAO;IAiFZ,WAAW,EAAE,IAAI;IACjB,UAAU,EAAE,IAAI;EAEjB,QAAE;IACD,KAAK,EArFA,OAAO;IAsFV,WAAW,EAAE,GAAG;IAClB,UAAU,EAAE,0CAAgB;EAE7B,cAAQ;IACP,KAAK,EA3FA,OAAO;EA6Fb,gBAAU;IACT,KAAK,EA5FA,OAAO;EA+FZ,oBAAG;IACF,KAAK,EAAE,KAAK;IACZ,uBAAG;MACF,iBAAiB,EAAE,oBAAoB;MACvC,KAAK,EAAE,KAAK;MACZ,KAAK,EAAE,IAAI;MACX,+BAAU;QACT,OAAO,EAAE,6CAA6C;EAK1D,SAAG;IACF,UAAU,EAAE,IAAI;IAChB,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,IAAI;IACT,KAAK,EA9GD,OAAO;IA+Gb,YAAG;MACF,WAAW,EAAE,GAAG;MAChB,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,IAAI;MACjB,iBAAiB,EAAE,mBAAmB;MACtC,oBAAU;QACT,OAAO,EAAE,gCAA+B;QACxC,OAAO,EAAE,YAAY;QACrB,KAAK,EAAE,IAAI;QACX,UAAU,EAAE,KAAK;QACjB,KAAK,EA1HF,OAAO;QA2HV,YAAY,EAAE,GAAG",
 "sources": ["main.scss"],
 "names": [],
 "file": "main.css"
diff --git a/css/mobile.css b/css/mobile.css
new file mode 100644
index 0000000..e838c06
--- /dev/null
+++ b/css/mobile.css
@@ -0,0 +1,136 @@
+@media screen and (max-width: 568px) {
+  header {
+    width: calc(100% - 40px);
+    margin: 0 20px; }
+
+  .pagination {
+    position: fixed;
+    bottom: 0px;
+    left: 0px;
+    width: 100%;
+    height: 30px;
+    background-color: #fdfcf6;
+    z-index: 999;
+    box-shadow: 0px -4px 6px 0px #fdfcf6; }
+    .pagination .next {
+      right: 30px; }
+    .pagination .prev {
+      left: 30px; }
+    .pagination .prev:hover span,
+    .pagination .next:hover span {
+      opacity: 0; }
+    .pagination .prev:hover:before,
+    .pagination .next:hover:before {
+      width: 57px; }
+
+  .share {
+    width: auto; }
+
+  footer {
+    width: calc(100% - 40px);
+    margin: 0 20px; }
+
+  /********** main.scss *************/
+  main {
+    width: calc(100% - 40px);
+    margin: 0 20px; }
+
+  .title {
+    font-size: 36px;
+    line-height: 60px;
+    width: 100%;
+    padding-top: 10px;
+    padding-right: 0;
+    padding-left: 0; }
+    .title br:nth-child(3) {
+      display: none; }
+    .title span::before {
+      left: -18px;
+      top: -6px;
+      width: 60px;
+      height: 60px; }
+
+  .index {
+    width: 100%;
+    border-top: none; }
+    .index p:first-child {
+      margin-top: 20px; }
+    .index p {
+      width: 100%; }
+    .index .roman-num ul {
+      width: inherit; }
+
+  /********** resources.scss *************/
+  .searchWrapper {
+    width: 100%; }
+
+  .resources .section h1 {
+    margin-bottom: 20px;
+    font-size: 16px;
+    line-height: 20px; }
+  .resources .section.list .card {
+    width: 100%; }
+  .resources .card {
+    width: 100%;
+    margin-bottom: 20px;
+    margin-right: 0; }
+    .resources .card .author, .resources .card p {
+      height: inherit; }
+    .resources .card img {
+      -webkit-filter: grayscale(0);
+      filter: grayscale(0);
+      opacity: 1; }
+    .resources .card p {
+      min-height: 18px; }
+
+  /********** styles.scss for regualr pages *************/
+  .name {
+    width: 100%; }
+    .name .links a {
+      font-size: 14px;
+      line-height: 18px;
+      margin-left: 10px;
+      margin-bottom: 3px; }
+    .name h1 {
+      font-size: 40px;
+      line-height: 48px;
+      margin-top: 40px; }
+    .name p span {
+      display: block; }
+    .name p br {
+      display: none; }
+
+  .specimen {
+    width: 100%;
+    overflow-x: auto;
+    overflow-y: hidden; }
+    .specimen:after {
+      bottom: -4px; }
+    .specimen p {
+      width: 570px; }
+
+  .annotation {
+    overflow-x: auto;
+    overflow-y: hidden; }
+
+  .styles, .legibility, .similar {
+    width: 100%;
+    margin-top: 20px; }
+    .styles::before, .legibility::before, .similar::before {
+      font-size: 16px;
+      line-height: 20px; }
+    .styles::after, .legibility::after, .similar::after {
+      background-color: #fdfcf6; }
+
+  /* 
+  .styles {
+    overflow: hidden;
+    * {
+      white-space: nowrap;
+    }
+  } */
+  .legibility *::after, .styles *::after {
+    background-color: #fdfcf6;
+    box-shadow: -4px 0px 6px 0px #fdfcf6; } }
+
+/*# sourceMappingURL=mobile.css.map */
diff --git a/css/mobile.css.map b/css/mobile.css.map
new file mode 100644
index 0000000..9e9c564
--- /dev/null
+++ b/css/mobile.css.map
@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "AAYA,oCAAqC;EACnC,MAAO;IACH,KAAK,EAAE,iBAAiB;IACxB,MAAM,EAAE,MAAM;;EAElB,WAAY;IACV,QAAQ,EAAE,KAAK;IACf,MAAM,EAAE,GAAG;IACX,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI;IACZ,gBAAgB,EAjBZ,OAAO;IAkBX,OAAO,EAAE,GAAG;IACZ,UAAU,EAAE,wBAAuB;IACnC,iBAAM;MACJ,KAAK,EAAE,IAAI;IAEb,iBAAM;MACJ,IAAI,EAAE,IAAI;IAKR;gCAAK;MACH,OAAO,EAAE,CAAC;IAEZ;kCAAS;MACP,KAAK,EAAE,IAAI;;EAKnB,MAAO;IACL,KAAK,EAAE,IAAI;;EAEb,MAAO;IACH,KAAK,EAAE,iBAAiB;IACxB,MAAM,EAAE,MAAM;;;EAIlB,IAAK;IACD,KAAK,EAAE,iBAAiB;IACxB,MAAM,EAAE,MAAM;;EAElB,MAAO;IACL,SAAS,EAAE,IAAI;IACf,WAAW,EAAE,IAAI;IACjB,KAAK,EAAE,IAAI;IACX,WAAW,EAAE,IAAI;IACjB,aAAa,EAAE,CAAC;IAChB,YAAY,EAAE,CAAC;IACf,sBAAgB;MACd,OAAO,EAAG,IAAI;IAGd,mBAAU;MACR,IAAI,EAAE,KAAK;MACX,GAAG,EAAE,IAAI;MACT,KAAK,EAAE,IAAI;MACX,MAAM,EAAE,IAAI;;EAIlB,MAAO;IACL,KAAK,EAAE,IAAI;IACX,UAAU,EAAE,IAAI;IAChB,oBAAc;MACZ,UAAU,EAAE,IAAI;IAElB,QAAE;MACA,KAAK,EAAE,IAAI;IAGX,oBAAG;MACD,KAAK,EAAE,OAAO;;;EAMpB,cAAe;IACb,KAAK,EAAE,IAAI;;EAGX,sBAAY;IACV,aAAa,EAAE,IAAI;IACnB,SAAS,EAAE,IAAI;IACf,WAAW,EAAE,IAAI;EAEnB,8BAAoB;IAClB,KAAK,EAAE,IAAI;EAEb,gBAAM;IACJ,KAAK,EAAE,IAAI;IACX,aAAa,EAAE,IAAI;IACnB,YAAY,EAAE,CAAC;IACf,4CAAW;MACT,MAAM,EAAE,OAAO;IAEjB,oBAAI;MACF,cAAc,EAAE,YAAY;MAC5B,MAAM,EAAE,YAAY;MACpB,OAAO,EAAE,CAAC;IAEZ,kBAAE;MACA,UAAU,EAAE,IAAI;;;EAMtB,KAAM;IACJ,KAAK,EAAE,IAAI;IACX,cAAS;MACP,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,IAAI;MACjB,WAAW,EAAE,IAAI;MACjB,aAAa,EAAE,GAAG;IAEpB,QAAG;MACD,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,IAAI;MACjB,UAAU,EAAE,IAAI;IAElB,YAAO;MACL,OAAO,EAAE,KAAK;IAEhB,UAAK;MACH,OAAO,EAAE,IAAI;;EAGjB,SAAU;IACR,KAAK,EAAE,IAAI;IACX,UAAU,EAAE,IAAI;IAChB,UAAU,EAAE,MAAM;IAClB,eAAQ;MACN,MAAM,EAAE,IAAI;IAEd,WAAE;MACA,KAAK,EAAE,KAAK;;EAGhB,WAAY;IACV,UAAU,EAAE,IAAI;IAChB,UAAU,EAAE,MAAM;;EAGpB,8BAA+B;IAC7B,KAAK,EAAE,IAAI;IACX,UAAU,EAAE,IAAI;IAChB,sDAAU;MACR,SAAS,EAAE,IAAI;MACf,WAAW,EAAE,IAAI;IAEnB,mDAAS;MACP,gBAAgB,EAlKd,OAAO;;;;;;;;;EA6KX,sCAAS;IACP,gBAAgB,EA9Kd,OAAO;IA+KT,UAAU,EAAE,wBAAuB",
+"sources": ["mobile.scss"],
+"names": [],
+"file": "mobile.css"
+}
\ No newline at end of file
diff --git a/css/mobile.scss b/css/mobile.scss
new file mode 100644
index 0000000..652b1be
--- /dev/null
+++ b/css/mobile.scss
@@ -0,0 +1,185 @@
+$orange: #F1B908;
+$red: #EF431D;
+$blue: #50C9CE;
+$dark: #332C21;
+$grey: #6A6256;
+$light: #D0CAC2;
+$white: #FDFCF6;
+$opensans: 'Open Sans', sans-serif;
+$playfair: 'Playfair Display', serif;
+$playfairsc: 'Playfair Display SC', serif;
+$easing: cubic-bezier(0.18, 0.57, 0.51, 1);
+
+@media screen and (max-width: 568px) {
+  header {
+      width: calc(100% - 40px);
+      margin: 0 20px;
+  }
+  .pagination {
+    position: fixed;
+    bottom: 0px;
+    left: 0px;
+    width: 100%;
+    height: 30px;
+    background-color: $white; 
+    z-index: 999;
+    box-shadow: 0px -4px 6px 0px $white;
+    .next {
+      right: 30px;
+    }
+    .prev {
+      left: 30px;
+    }
+    .prev,
+    .next {
+      &:hover {
+        span {
+          opacity: 0;
+        }
+        &:before {
+          width: 57px;
+        }
+      }
+    }
+  }
+  .share {
+    width: auto;
+  }
+  footer {
+      width: calc(100% - 40px);
+      margin: 0 20px;
+
+  }
+  /********** main.scss *************/
+  main {
+      width: calc(100% - 40px);
+      margin: 0 20px;
+  }
+  .title {
+    font-size: 36px;
+    line-height: 60px;
+    width: 100%;
+    padding-top: 10px;
+    padding-right: 0;
+    padding-left: 0;
+    br:nth-child(3) { 
+      display:  none; 
+    }
+    span {
+      &::before {
+        left: -18px;
+        top: -6px;
+        width: 60px;
+        height: 60px;
+      }
+    }
+  }
+  .index {
+    width: 100%;
+    border-top: none;
+    p:first-child {
+      margin-top: 20px;
+    }
+    p {
+      width: 100%;
+    }
+    .roman-num {
+      ul {
+        width: inherit;
+      }
+    }
+  }
+
+  /********** resources.scss *************/
+  .searchWrapper {
+    width: 100%;
+  }
+  .resources {
+    .section h1 {
+      margin-bottom: 20px;
+      font-size: 16px;
+      line-height: 20px;
+    }
+    .section.list .card {
+      width: 100%;
+    }
+    .card {
+      width: 100%;
+      margin-bottom: 20px;
+      margin-right: 0;
+      .author, p {
+        height: inherit;
+      }
+      img {
+        -webkit-filter: grayscale(0);
+        filter: grayscale(0);
+        opacity: 1;
+      }
+      p {
+        min-height: 18px;
+      }
+    }
+  }
+
+  /********** styles.scss for regualr pages *************/
+  .name {
+    width: 100%;
+    .links a {
+      font-size: 14px;
+      line-height: 18px;
+      margin-left: 10px;
+      margin-bottom: 3px;
+    }
+    h1 {
+      font-size: 40px;
+      line-height: 48px;
+      margin-top: 40px;
+    }
+    p span {
+      display: block;
+    }
+    p br {
+      display: none;
+    }
+  }
+  .specimen {
+    width: 100%;
+    overflow-x: auto;
+    overflow-y: hidden;
+    &:after {
+      bottom: -4px;
+    }
+    p {
+      width: 570px;
+    }
+  }
+  .annotation {
+    overflow-x: auto;
+    overflow-y: hidden;
+
+  }
+  .styles, .legibility, .similar {
+    width: 100%;
+    margin-top: 20px;
+    &::before {
+      font-size: 16px;
+      line-height: 20px;
+    }
+    &::after {
+      background-color: $white;
+    }
+  }
+  /* 
+  .styles {
+    overflow: hidden;
+    * {
+      white-space: nowrap;
+    }
+  } */
+  .legibility, .styles {
+    *::after {
+      background-color: $white;
+      box-shadow: -4px 0px 6px 0px $white;
+    }
+  }
+}
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
index 9255f8c..8bd8b5d 100644
--- a/css/style.css
+++ b/css/style.css
@@ -629,7 +629,7 @@ footer {
     font-weight: 700;
     font-size: 15px;
     line-height: 30px;
-    color: #D0CAC2;
+    color: #d0cac2;
     position: absolute;
     right: 4px;
     top: 0; }
@@ -786,7 +786,144 @@ footer {
     display: block;
     font-family: "Open Sans", sans-serif;
     font-size: 28px;
-    color: #d0cac2;
+    color: #6a6256;
     line-height: 36px;
     padding-bottom: 6px;
     border-bottom: dashed 1px #d0cac2; }
+
+@media screen and (max-width: 568px) {
+  header {
+    width: calc(100% - 40px);
+    margin: 0 20px; }
+
+  .pagination {
+    position: fixed;
+    bottom: 0px;
+    left: 0px;
+    width: 100%;
+    height: 30px;
+    background-color: #fdfcf6;
+    z-index: 999;
+    box-shadow: 0px -4px 6px 0px #fdfcf6; }
+    .pagination .next {
+      right: 30px; }
+    .pagination .prev {
+      left: 30px; }
+    .pagination .prev:hover span,
+    .pagination .next:hover span {
+      opacity: 0; }
+    .pagination .prev:hover:before,
+    .pagination .next:hover:before {
+      width: 57px; }
+
+  .share {
+    width: auto; }
+
+  footer {
+    width: calc(100% - 40px);
+    margin: 0 20px; }
+
+  /********** main.scss *************/
+  main {
+    width: calc(100% - 40px);
+    margin: 0 20px; }
+
+  .title {
+    font-size: 36px;
+    line-height: 60px;
+    width: 100%;
+    padding-top: 10px;
+    padding-right: 0;
+    padding-left: 0; }
+    .title br:nth-child(3) {
+      display: none; }
+    .title span::before {
+      left: -18px;
+      top: -6px;
+      width: 60px;
+      height: 60px; }
+
+  .index {
+    width: 100%;
+    border-top: none; }
+    .index p:first-child {
+      margin-top: 20px; }
+    .index p {
+      width: 100%; }
+    .index .roman-num ul {
+      width: inherit; }
+
+  /********** resources.scss *************/
+  .searchWrapper {
+    width: 100%; }
+
+  .resources .section h1 {
+    margin-bottom: 20px;
+    font-size: 16px;
+    line-height: 20px; }
+  .resources .section.list .card {
+    width: 100%; }
+  .resources .card {
+    width: 100%;
+    margin-bottom: 20px;
+    margin-right: 0; }
+    .resources .card .author, .resources .card p {
+      height: inherit; }
+    .resources .card img {
+      -webkit-filter: grayscale(0);
+      filter: grayscale(0);
+      opacity: 1; }
+    .resources .card p {
+      min-height: 18px; }
+
+  /********** styles.scss for regualr pages *************/
+  .name {
+    width: 100%; }
+    .name .links a {
+      font-size: 14px;
+      line-height: 18px;
+      margin-left: 10px;
+      margin-bottom: 3px; }
+    .name h1 {
+      font-size: 40px;
+      line-height: 48px;
+      margin-top: 40px; }
+    .name p span {
+      display: block; }
+    .name p br {
+      display: none; }
+
+  .specimen {
+    width: 100%;
+    overflow-x: auto;
+    overflow-y: hidden; }
+    .specimen:after {
+      bottom: -4px; }
+    .specimen p {
+      width: 570px; }
+
+  .annotation {
+    overflow-x: auto;
+    overflow-y: hidden; }
+
+  .styles, .legibility, .similar {
+    width: 100%;
+    margin-top: 20px; }
+    .styles::before, .legibility::before, .similar::before {
+      font-size: 16px;
+      line-height: 20px; }
+    .styles::after, .legibility::after, .similar::after {
+      background-color: #fdfcf6; }
+
+  /* 
+  .styles {
+    overflow: hidden;
+    * {
+      white-space: nowrap;
+    }
+  } */
+  .legibility *::after, .styles *::after {
+    background-color: #fdfcf6;
+    box-shadow: -4px 0px 6px 0px #fdfcf6; } }
+
+/*# sourceMappingURL=style.css.map */
diff --git a/css/style.css.map b/css/style.css.map
index 92a5640..45291f4 100644
--- a/css/style.css.map
+++ b/css/style.css.map
@@ -1,7 +1,7 @@
 {
 "version": 3,
-"mappings": "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",
-"sources": ["style.scss"],
+"mappings": "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",
+"sources": ["style.scss","mobile.scss"],
 "names": [],
 "file": "style.css"
 }
\ No newline at end of file
diff --git a/css/style.scss b/css/style.scss
index 9e89863..a121350 100644
--- a/css/style.scss
+++ b/css/style.scss
@@ -1,4 +1,6 @@
 @import url(//cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.css);
+
+
 $orange: #F1B908;
 $red: #EF431D;
 $blue: #50C9CE;
@@ -776,7 +778,7 @@ footer {
 		font-weight: 700;
 		font-size: 15px;
 		line-height: 30px;
-		color: #D0CAC2;
+		color: $light;
 		position: absolute;
 		right: 4px;
 		top: 0;
@@ -988,9 +990,10 @@ footer {
 		display: block;
 		font-family: $opensans;
 		font-size: 28px;
-		color: $light;
+		color: $grey;
 		line-height: 36px;
 		padding-bottom: 6px;
 		border-bottom: dashed 1px $light;
 	}
 }
+@import 'mobile';
\ No newline at end of file
diff --git a/domine.html b/domine.html
index e5481b3..53e84aa 100644
--- a/domine.html
+++ b/domine.html
@@ -3,6 +3,7 @@
 <head>
 	<meta charset="UTF-8">
 	<title>Type Detail: Domine -- 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 href='http://fonts.googleapis.com/css?family=Domine:400,700|Lora|Merriweather' rel='stylesheet' type='text/css'>
@@ -10,6 +11,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/domine.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/eb-garamond.html b/eb-garamond.html
index 2c3c66e..2c6c1a9 100644
--- a/eb-garamond.html
+++ b/eb-garamond.html
@@ -3,12 +3,14 @@
 <head>
 	<meta charset="UTF-8">
 	<title>Type Detail: EB Garamond -- 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="//brick.a.ssl.fastly.net/EB+Garamond:400,400i">
 	<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/eb-garamond.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 src="//use.typekit.net/lik5fek.js"></script>
diff --git a/freight-display-pro.html b/freight-display-pro.html
index a67ba18..a5bc0fd 100644
--- a/freight-display-pro.html
+++ b/freight-display-pro.html
@@ -3,6 +3,7 @@
 <head>
 	<meta charset="UTF-8">
 	<title>Type Detail: Freight Display Pro -- 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'>
 	<script src="//use.typekit.net/bvp1gqx.js"></script>
@@ -10,6 +11,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/freight-display-pro.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/georgia.html b/georgia.html
index 630e64d..a22de2f 100644
--- a/georgia.html
+++ b/georgia.html
@@ -3,11 +3,13 @@
 <head>
 	<meta charset="UTF-8">
 	<title>Type Detail: Georgia -- 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="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/georgia.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/index.html b/index.html
index ab01770..09a438f 100644
--- a/index.html
+++ b/index.html
@@ -3,12 +3,14 @@
 <head>
 	<meta charset="UTF-8">
 	<title>Type Detail -- Wenting Zhang's 100 days project</title>
-    <link rel="icon" href="favicon.png" type="image/x-icon"/>
+  <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,600,700' rel='stylesheet' type='text/css'>
 	<link rel="stylesheet" type="text/css" href="//cloud.typography.com/7342774/680188/css/fonts.css" />
 	<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/main.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/jaf-lapture.html b/jaf-lapture.html
index ee31504..8b07840 100644
--- a/jaf-lapture.html
+++ b/jaf-lapture.html
@@ -3,6 +3,7 @@
 <head>
 	<meta charset="UTF-8">
 	<title>Type Detail: JAF Lapture -- 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="https://s3.amazonaws.com/icomoon.io/56817/typedetail/style.css?h4l51b">
@@ -10,6 +11,7 @@
 	<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/jaf-lapture.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/libre-baskerville.html b/libre-baskerville.html
index 9d8e7cb..b7fb4dc 100644
--- a/libre-baskerville.html
+++ b/libre-baskerville.html
@@ -3,11 +3,13 @@
 <head>
 	<meta charset="UTF-8">
 	<title>Type Detail: Libre Baskerville -- 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|Libre+Baskerville:400,700,400italic' rel='stylesheet' type='text/css'>
 	<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/libre-baskerville.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/lora.html b/lora.html
index 0418db2..16b3f98 100644
--- a/lora.html
+++ b/lora.html
@@ -3,11 +3,13 @@
 <head>
 	<meta charset="UTF-8">
 	<title>Type Detail: Lora -- 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|Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
 	<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/lora.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/mercury.html b/mercury.html
index b1d9b29..152dc77 100644
--- a/mercury.html
+++ b/mercury.html
@@ -3,6 +3,7 @@
 <head>
 	<meta charset="UTF-8">
 	<title>Type Detail: Mercury -- 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" type="text/css" href="//cloud.typography.com/7342774/728188/css/fonts.css" />
@@ -10,6 +11,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/mercury.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/merriweather.html b/merriweather.html
index 37ead9c..79a1bba 100644
--- a/merriweather.html
+++ b/merriweather.html
@@ -3,6 +3,7 @@
 <head>
 	<meta charset="UTF-8">
 	<title>Type Detail: Merriweather -- 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="//brick.a.ssl.fastly.net/Merriweather:200,400,700,900,200i,400i,700i,900i">
@@ -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/merriweather.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/minionpro.html b/minionpro.html
index de60a5e..35daa23 100644
--- a/minionpro.html
+++ b/minionpro.html
@@ -3,6 +3,7 @@
 <head>
 	<meta charset="UTF-8">
 	<title>Type Detail: Minion Pro -- 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'>
 	<script src="//use.typekit.net/osi7xfm.js"></script>
@@ -10,6 +11,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/minionpro.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/moriston.html b/moriston.html
index 01088a7..e080d35 100644
--- a/moriston.html
+++ b/moriston.html
@@ -3,6 +3,7 @@
 <head>
 	<meta charset="UTF-8">
 	<title>Type Detail: Moriston -- 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">
@@ -11,6 +12,7 @@
 	<link type="text/css" rel="stylesheet" href="fonts/Moriston/stylesheet.css"/>
 	<link type="text/css" rel="stylesheet" href="css/style.css"/>
 	<link type="text/css" rel="stylesheet" href="css/moriston.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/neueswift.html b/neueswift.html
index 2a67476..656286a 100644
--- a/neueswift.html
+++ b/neueswift.html
@@ -3,6 +3,7 @@
 <head>
 	<meta charset="UTF-8">
 	<title>Type Detail: Neue Swift -- 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 href='http://fonts.googleapis.com/css?family=Domine:400,700|Merriweather' rel='stylesheet' type='text/css'>
@@ -10,6 +11,7 @@
 	<link type="text/css" rel="stylesheet" href="http://fast.fonts.net/cssapi/a0ca67e3-c406-49df-ad8b-236e8a46b3ba.css"/>
 	<link type="text/css" rel="stylesheet" href="css/style.css"/>
 	<link type="text/css" rel="stylesheet" href="css/neueswift.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/obsidian.html b/obsidian.html
index c41b6ae..1807bf4 100644
--- a/obsidian.html
+++ b/obsidian.html
@@ -3,12 +3,14 @@
 <head>
 	<meta charset="UTF-8">
 	<title>Type Detail: Obsidian -- 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" type="text/css" href="//cloud.typography.com/7342774/721388/css/fonts.css" />
 	<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/obsidian.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/oldstandard.html b/oldstandard.html
index b2090fb..4220e50 100644
--- a/oldstandard.html
+++ b/oldstandard.html
@@ -3,6 +3,7 @@
 <head>
 	<meta charset="UTF-8">
 	<title>Type Detail: Old Standard TT -- 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/Old+Standard:400,700,400i">
@@ -10,6 +11,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/oldstandard.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/open-dyslexic.html b/open-dyslexic.html
index 1ff71b9..25248cb 100644
--- a/open-dyslexic.html
+++ b/open-dyslexic.html
@@ -3,6 +3,7 @@
 <head>
 	<meta charset="UTF-8">
 	<title>Type Detail: Open Dyslexic -- 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">
@@ -11,6 +12,7 @@
 	<link type="text/css" rel="stylesheet" href="fonts/lexiaReadable/stylesheet.css"/>
 	<link type="text/css" rel="stylesheet" href="css/style.css"/>
 	<link type="text/css" rel="stylesheet" href="css/open-dyslexic.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/quarto.html b/quarto.html
index c334501..ef46dc3 100644
--- a/quarto.html
+++ b/quarto.html
@@ -3,6 +3,7 @@
 <head>
 	<meta charset="UTF-8">
 	<title>Type Detail: Quarto -- 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">
@@ -11,6 +12,7 @@
 	<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/quarto.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/resources/css/resources.css b/resources/css/resources.css
index 4801905..199d035 100644
--- a/resources/css/resources.css
+++ b/resources/css/resources.css
@@ -197,3 +197,5 @@
     color: #6a6256;
     height: 54px;
     overflow: hidden; }
+
+/*# sourceMappingURL=resources.css.map */
diff --git a/resources/index.html b/resources/index.html
index 587187e..8be0d79 100644
--- a/resources/index.html
+++ b/resources/index.html
@@ -2,11 +2,13 @@
 <head>
 	<meta charset="UTF-8">
 	<title>Type Detail: Resources -- 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,600,700' rel='stylesheet' type='text/css'>
 	<link rel="stylesheet" href="https://s3.amazonaws.com/icomoon.io/56817/typedetail/style.css?h4l51b">
 	<link rel="stylesheet" href="/css/style.css">
 	<link rel="stylesheet" href="css/resources.css">
+	<link rel="stylesheet" href="/css/mobile.css">
 	<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
 	<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
 	<script type="text/javascript">
diff --git a/resources/js/resources.json b/resources/js/resources.json
index 41c9a9f..28c5c8b 100644
--- a/resources/js/resources.json
+++ b/resources/js/resources.json
@@ -1019,24 +1019,6 @@
     "field2": "",
     "field3": ""
   },
-  {
-    "title": "100 Days of Dafont",
-    "url": "http://www.carsonbeyl.com/100-days-1/",
-    "owner": {
-      "name": "Carson Beyl",
-      "link": "http://www.carsonbeyl.com/"
-    },
-    "screenshot": "dafont.png",
-    "offsiteScreenshot": "",
-    "description": "100 days of making things out of typefaces found on dafont.com",
-    "category": "Project",
-    "note": "",
-    "addedDate": "2015-10-22",
-    "addedBy": "Wenting Zhang",
-    "field1": "",
-    "field2": "",
-    "field3": ""
-  },
   {
     "title": "The Complete Beginner’s Guide to Chinese Fonts",
     "url": "http://webdesign.tutsplus.com/articles/the-complete-beginners-guide-to-chinese-fonts--cms-23444",
diff --git a/san-francisco-display.html b/san-francisco-display.html
index 7c6f7b6..44390a6 100644
--- a/san-francisco-display.html
+++ b/san-francisco-display.html
@@ -3,11 +3,13 @@
 <head>
 	<meta charset="UTF-8">
 	<title>Type Detail: San Francisco Display -- 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|Fira+Sans:400' rel='stylesheet' type='text/css'>
 	<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/san-francisco-display.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/san-francisco.html b/san-francisco.html
index dac79a2..a032c5d 100644
--- a/san-francisco.html
+++ b/san-francisco.html
@@ -3,11 +3,13 @@
 <head>
 	<meta charset="UTF-8">
 	<title>Type Detail: San Francisco Text -- Wenting Zhang's 100 days project</title>
-    <link rel="icon" href="favicon.png" type="image/x-icon"/>
+  <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|Fira+Sans:400' rel='stylesheet' type='text/css'>
 	<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/san-francisco.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/sentinel.html b/sentinel.html
index 9ef55d5..7a085bf 100644
--- a/sentinel.html
+++ b/sentinel.html
@@ -3,6 +3,7 @@
 <head>
 	<meta charset="UTF-8">
 	<title>Type Detail: Sentinel -- 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" type="text/css" href="//cloud.typography.com/7342774/683588/css/fonts.css" />
@@ -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/sentinel.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/surveyor.html b/surveyor.html
index 1c47211..cd81e46 100644
--- a/surveyor.html
+++ b/surveyor.html
@@ -3,6 +3,7 @@
 <head>
 	<meta charset="UTF-8">
 	<title>Type Detail: Surveyor Fine -- 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" type="text/css" href="//cloud.typography.com/7342774/680188/css/fonts.css" />
@@ -10,6 +11,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/surveyor.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/template/template.html b/template/template.html
index 9898b49..073aea2 100644
--- a/template/template.html
+++ b/template/template.html
@@ -3,11 +3,13 @@
 <head>
 	<meta charset="UTF-8">
 	<title>Type Detail: Template -- Wenting Zhang's 100 days project</title>
-    <link rel="icon" href="favicon.png" type="image/x-icon"/>
+  <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">
 	<link type="text/css" rel="stylesheet" href="css/style.css"/>
 	<link type="text/css" rel="stylesheet" href="css/template.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/twine.html b/twine.html
index 7fb21e8..26e9e04 100644
--- a/twine.html
+++ b/twine.html
@@ -3,12 +3,14 @@
 <head>
 	<meta charset="UTF-8">
 	<title>Type Detail: Twine -- 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 type="text/css" rel="stylesheet" href="http://fast.fonts.net/cssapi/8deefdcd-d293-4dcc-a265-8cd486793e02.css"/>
 	<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/twine.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/whitney.html b/whitney.html
index d23dab2..bfaed5b 100644
--- a/whitney.html
+++ b/whitney.html
@@ -3,7 +3,8 @@
 <head>
 	<meta charset="UTF-8">
 	<title>Type Detail: Whitney -- Wenting Zhang's 100 days project</title>
-    <link rel="icon" href="favicony.png" type="image/x-icon"/>
+  <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="https://s3.amazonaws.com/icomoon.io/56817/typedetail/style.css?h4l51b">
 	<link rel="stylesheet" type="text/css" href="//cloud.typography.com/7342774/651708/css/fonts.css" />
@@ -11,6 +12,7 @@
 	<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/whitney.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">
