Merge pull request #317 from zcash/css-2020-01

Style improvements

Makefile

@@ -13,16 +13,18 @@ protocol:
 	$(MAKE) -C protocol
 
 index.html: README.rst
-	$(eval TITLE::=$(shell echo '$(basename $<)' | sed -r 's|zip-0{0,3}|ZIP |'): $(shell grep -E '^(\.\.)?\s*Title:' $< |sed 's|.*Title:\s*||'))
+	$(eval TITLE := $(shell echo '$(basename $<)' | sed -E 's|zip-0{0,3}|ZIP |'): $(shell grep -E '^(\.\.)?\s*Title:' $< |sed -E 's|.*Title:\s*||'))
 	rst2html5 -v --title="$(TITLE)" $< >$@
-	sed -i 's|</head>|<link rel="stylesheet" href="css/zip-style.css"><link rel="stylesheet" href="assets/css/style.css"></head>|' $@
-	sed -i 's|<a href="\([^":]*\).rst">|<a href="\1">|' $@
+	sed -i.sedbak 's|</head>|<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="css/style.css"></head>|' $@
+	sed -i.sedbak 's|<a href="\([^":]*\).rst">|<a href="\1">|' $@
+	rm -f *.sedbak
 
 %.html: %.rst
-	$(eval TITLE::=$(shell echo '$(basename $<)' | sed -r 's|zip-0{0,3}|ZIP |'): $(shell grep -E '^(\.\.)?\s*Title:' $< |sed 's|.*Title:\s*||'))
+	$(eval TITLE := $(shell echo '$(basename $<)' | sed -E 's|zip-0{0,3}|ZIP |'): $(shell grep -E '^(\.\.)?\s*Title:' $< |sed -E 's|.*Title:\s*||'))
 	rst2html5 -v --title="$(TITLE)" $< >$@
-	sed -i 's|</head>|<link rel="stylesheet" href="css/zip-style.css"><link rel="stylesheet" href="assets/css/style.css"></head>|' $@
-	sed -i 's|<a href="\([^":]*\).rst">|<a href="\1">|' $@
+	sed -i.sedbak 's|</head>|<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="css/style.css"></head>|' $@
+	sed -i.sedbak 's|<a href="\([^":]*\).rst">|<a href="\1">|' $@
+	rm -f *.sedbak
 
 README.rst: makeindex.sh README.template $(filter-out README.rst,$(wildcard *.rst))
 	./makeindex.sh | cat README.template - >README.rst

css/style.css

@@ -0,0 +1,237 @@
+@font-face {
+  font-family: robotolight;
+  src: url('../assets/fonts/Roboto-Light-webfont.woff') format('woff');
+  font-weight: 100;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: robotoregular;
+  src: url('../assets/fonts/Roboto-Regular-webfont.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: robotomedium;
+  src: url('../assets/fonts/Roboto-Medium-webfont.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+}
+
+body, body > section {
+  margin: 0 auto;
+  padding: 1.5rem 0 3rem;
+}
+
+body {
+  font-family: 'robotoregular',Arial,Helvetica Neue,Helvetica,sans-serif;
+  color: #212529;
+  line-height: 1.5;
+  max-width: 1140px;
+  font-size: 16px;
+}
+
+body > section {
+    max-width: 83.33333%;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    margin: 1.875rem 0 1rem;
+}
+
+h1, h2, h3, h4 {
+    font-family: 'robotolight',Arial,Helvetica Neue,Helvetica,sans-serif;
+    line-height: 1.5;
+    font-weight: 100;
+}
+
+h1 {
+  font-size: 2.5rem;
+}
+
+h2 {
+  font-size: 2.125rem;
+}
+
+h3 {
+    font-size: 1.625rem;
+}
+
+h4 {
+  font-size: 1.5rem;
+}
+
+h5, h6 {
+  font-family: 'robotomedium',Arial,Helvetica Neue,Helvetica,sans-serif;
+  line-height: 1.6;
+}
+
+h5 {
+  font-size: 1.125rem;
+}
+
+h6 {
+  font-size: 1rem;
+}
+
+blockquote {
+  margin: 0 1rem 1rem 1rem;
+  padding: 0;
+}
+
+p, ul, ol, li, table {
+  margin-top: 0;
+}
+
+p {
+  margin-bottom: 1rem;
+}
+
+li {
+    margin-bottom: 0.825rem;
+}
+
+li ul {
+    margin-top: 0.625rem;
+}
+
+ul, ol, table {
+  margin-bottom: calc( 1rem + 1ex );
+}
+
+p, li, table {
+  font-size: 1.125rem;
+  line-height: 1.625;
+}
+
+pre, span.math {
+  display: block;
+  overflow-x: auto;
+}
+
+pre {
+  border: 1px solid #e6e7e8;
+  padding: 0.625rem;
+  white-space: pre-line;
+  font-size: 0.9375rem;
+}
+
+span.math > *:not(script) {
+  padding-top: 0.625rem;
+  display: inline-block;
+}
+
+a, a:visited {
+  color: #0097c1;
+  text-decoration: none;
+}
+
+a:hover {
+  color: #00556c;
+  text-decoration: underline;
+}
+
+a.footnote_reference::before {
+  content: "[";
+}
+a.footnote_reference::after {
+  content: "]";
+}
+
+strong, b {
+  font-family: 'robotomedium',Arial,Helvetica Neue,Helvetica,sans-serif;
+  font-weight: normal;
+}
+
+hr {
+  border-top: 1px solid #e6e7e8;
+  margin: 1.875rem 0;
+}
+
+
+table {
+    border-collapse: collapse;
+    border: 0 none transparent;
+}
+
+@media (max-width: 576px) {
+  table:not(.footnote) {
+    display: block;
+    overflow-x: scroll;
+  }
+}
+
+th, td {
+  border: 1px solid #212529;
+}
+
+#index-of-zips table tr:hover {
+  background-color: #eff1f2;
+}
+
+th, td {
+  padding: 0.625rem;
+  vertical-align: top;
+}
+
+td:first-child {
+  text-align: center;
+}
+
+#index-of-zips table td:first-child + td {
+  padding: 0;
+}
+
+#index-of-zips table a {
+  display: block;
+  padding: 0.625rem;
+}
+
+#references table, #references th, #references td  {
+  border: 0 none transparent;
+}
+
+#references table {
+  margin-bottom: 0;
+}
+
+#references th::before {
+  content: "[";
+}
+#references th::after {
+  content: "]";
+}
+
+@media (min-width: 576px) {
+  body > section {
+      max-width: initial;
+      width: 510px;
+  }
+}
+
+@media (min-width: 768px) {
+  body > section {
+      width: 690px;
+  }
+}
+
+@media (min-width: 992px) {
+  body > section {
+      width: 770px;
+  }
+}
+
+@media (min-width: 1200px) {
+  body > section {
+      max-width: initial;
+      width: 920px;
+  }
+}
+
+@media (min-width: 1390px) {
+  body > section {
+      max-width: initial;
+      width: 1200px;
+  }
+}

css/zip-style.css

@@ -1,23 +0,0 @@
-body { margin-top: 2ex !important; margin-left: 15% !important; margin-right: 15% !important; margin-bottom: 2ex !important}
-sub { font-size: smaller !important; vertical-align: sub !important; }
-sup { font-size: smaller !important; vertical-align: super !important; }
-li { margin-left: 2em !important; }
-blockquote { font-size: 1em !important; }
-a.footnote_reference::before { content: "["; }
-a.footnote_reference::after { content: "]"; }
-dd { margin-left: 2em !important; }
-
-th, td { border: 1px solid black !important; }
-td.left { text-align: left !important; }
-table { display: block !important; padding-left: 2em !important; padding-bottom: 1em !important; }
-th { padding-left: 0.8em !important; padding-right: 0.8em !important; background-color: #d8d8d8 !important; }
-td { padding-left: 0.8em !important; padding-right: 0.8em !important; }
-tr:hover { background-color: #f5f5f5; }
-#references table { padding-left: 0 !important; padding-bottom: 0 !important; }
-#references th { width: 2em !important; border: 0 !important; background-color: transparent !important; }
-#references th::before { content: "["; }
-#references th::after { content: "]"; }
-#references td { text-align: left !important; padding: 0 !important; border: 0 !important; }
-.editor-note { color: #800000; }
-.editor-note::before { content: "[Editor note: "; }
-.editor-note::after { content: "]"; }

index.html

@@ -3,7 +3,7 @@
 <head>
     <title>README: Specifications and Zcash Improvement Proposals</title>
     <meta charset="utf-8" />
-<link rel="stylesheet" href="css/zip-style.css"><link rel="stylesheet" href="assets/css/style.css"></head>
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="css/style.css"></head>
 <body>
     <section id="zips">
         <h1>zips</h1>

makeindex.sh

@@ -13,9 +13,9 @@ EndOfHeader
 for zipfile in zip-*.rst; do
   echo Adding $zipfile to index. >/dev/stderr
   if grep -E '^\s*Status:\s*(Withdrawn|Rejected|Obsolete)' $zipfile >/dev/null; then
-    echo "    <tr> <td><strike>`basename $zipfile .rst | sed -r 's@zip-0{0,3}@@'`</strike></td> <td class=\"left\"><strike><a href=\"`echo $zipfile`\">`grep '^\s*Title:' $zipfile | sed 's@\s*Title:\s*@@'`</a></strike></td> <td>`grep '^\s*Status:' $zipfile | sed 's@\s*Status:\s*@@'`</td>"
+    echo "    <tr> <td><strike>`basename $zipfile .rst | sed -E 's@zip-0{0,3}@@'`</strike></td> <td class=\"left\"><strike><a href=\"`echo $zipfile`\">`grep '^\s*Title:' $zipfile | sed -E 's@\s*Title:\s*@@'`</a></strike></td> <td>`grep '^\s*Status:' $zipfile | sed -E 's@\s*Status:\s*@@'`</td>"
   else
-    echo "    <tr> <td>`basename $zipfile .rst | sed -r 's@zip-0{0,3}@@'`</td> <td class=\"left\"><a href=\"`echo $zipfile`\">`grep '^\s*Title:' $zipfile | sed 's@\s*Title:\s*@@'`</a></td> <td>`grep '^\s*Status:' $zipfile | sed 's@\s*Status:\s*@@'`</td>"
+    echo "    <tr> <td>`basename $zipfile .rst | sed -E 's@zip-0{0,3}@@'`</td> <td class=\"left\"><a href=\"`echo $zipfile`\">`grep '^\s*Title:' $zipfile | sed -E 's@\s*Title:\s*@@'`</a></td> <td>`grep '^\s*Status:' $zipfile | sed -E 's@\s*Status:\s*@@'`</td>"
   fi
 done
 echo "  </table></embed>"

zip-0000.html

@@ -3,7 +3,7 @@
 <head>
     <title>ZIP 0: ZIP Process</title>
     <meta charset="utf-8" />
-<link rel="stylesheet" href="css/zip-style.css"><link rel="stylesheet" href="assets/css/style.css"></head>
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="css/style.css"></head>
 <body>
     <section>
         <pre>ZIP: 0
@@ -81,27 +81,27 @@ License: BSD-2-Clause</pre>
                 <p>The ZIP editors monitor ZIP changes and update ZIP headers as appropriate.</p>
                 <p>The ZIP Editors MAY reject a proposed ZIP or update to an existing ZIP for any of the following reasons:</p>
                 <ul>
-                    <li>it violates the Zcash Code of Conduct <a href="#conduct" id="id3" class="footnote_reference">3</a> ;</li>
-                    <li>it appears too unfocused or broad;</li>
-                    <li>it duplicates effort in other ZIPs without sufficient technical justification (however, alternative proposals to address similar or overlapping problems are not excluded for this reason);</li>
-                    <li>it has manifest security flaws (including being unrealistically dependent on user vigilance to avoid security weaknesses);</li>
-                    <li>it disregards compatibility with the existing Zcash blockchain or ecosystem;</li>
-                    <li>it is manifestly unimplementable;</li>
-                    <li>it includes buggy code, pseudocode, or algorithms;</li>
-                    <li>it manifestly violates common expectations of a significant portion of the Zcash community;</li>
-                    <li>it updates a Draft ZIP to Released when there is significant community opposition to its content (however, Draft ZIPs explicitly may describe proposals to which there is, or could be expected, significant community opposition);</li>
-                    <li>in the case of a Released ZIP, the update makes a substantive change to which there is significant community opposition;</li>
-                    <li>it is dependent on a patent that could potentially be an obstacle to adoption of the ZIP;</li>
-                    <li>it includes commercial advertising or spam;</li>
-                    <li>it disregards formatting rules;</li>
-                    <li>it makes non-editorial edits to previous entries in a ZIP's Change history;</li>
-                    <li>an update to an existing ZIP extends or changes its scope to an extent that would be better handled as a separate ZIP;</li>
-                    <li>a new ZIP has been proposed for a category that does not reflect its content, or an update would change a ZIP to an inappropriate category;</li>
-                    <li>it updates a Released ZIP to Draft when the specification is already implemented and has been in common use;</li>
+                    <li>it violates the Zcash Code of Conduct <a href="#conduct" id="id3" class="footnote_reference">3</a> ;</li>
+                    <li>it appears too unfocused or broad;</li>
+                    <li>it duplicates effort in other ZIPs without sufficient technical justification (however, alternative proposals to address similar or overlapping problems are not excluded for this reason);</li>
+                    <li>it has manifest security flaws (including being unrealistically dependent on user vigilance to avoid security weaknesses);</li>
+                    <li>it disregards compatibility with the existing Zcash blockchain or ecosystem;</li>
+                    <li>it is manifestly unimplementable;</li>
+                    <li>it includes buggy code, pseudocode, or algorithms;</li>
+                    <li>it manifestly violates common expectations of a significant portion of the Zcash community;</li>
+                    <li>it updates a Draft ZIP to Released when there is significant community opposition to its content (however, Draft ZIPs explicitly may describe proposals to which there is, or could be expected, significant community opposition);</li>
+                    <li>in the case of a Released ZIP, the update makes a substantive change to which there is significant community opposition;</li>
+                    <li>it is dependent on a patent that could potentially be an obstacle to adoption of the ZIP;</li>
+                    <li>it includes commercial advertising or spam;</li>
+                    <li>it disregards formatting rules;</li>
+                    <li>it makes non-editorial edits to previous entries in a ZIP's Change history;</li>
+                    <li>an update to an existing ZIP extends or changes its scope to an extent that would be better handled as a separate ZIP;</li>
+                    <li>a new ZIP has been proposed for a category that does not reflect its content, or an update would change a ZIP to an inappropriate category;</li>
+                    <li>it updates a Released ZIP to Draft when the specification is already implemented and has been in common use;</li>
                     <li>it violates any specific "MUST" or "MUST NOT" rule in this document;</li>
-                    <li>the expressed political views of a Owner of the document are inimical to the Zcash Code of Conduct <a href="#conduct" id="id4" class="footnote_reference">3</a> (except in the case of an update removing that Owner);</li>
-                    <li>it is not authorized by the stated ZIP Owners;</li>
-                    <li>it removes an Owner without their consent (unless the reason for removal is directly related to a breach of the Code of Conduct by that Owner).</li>
+                    <li>the expressed political views of a Owner of the document are inimical to the Zcash Code of Conduct <a href="#conduct" id="id4" class="footnote_reference">3</a> (except in the case of an update removing that Owner);</li>
+                    <li>it is not authorized by the stated ZIP Owners;</li>
+                    <li>it removes an Owner without their consent (unless the reason for removal is directly related to a breach of the Code of Conduct by that Owner).</li>
                 </ul>
                 <p>The ZIP Editors MUST NOT unreasonably deny publication of a ZIP proposal or update that does not violate any of these criteria. If they refuse a proposal or update, they MUST give an explanation of which of the criteria were violated, with the exception that spam may be deleted without an explanation.</p>
                 <p>Note that it is not the primary responsibility of the ZIP Editors to review proposals for security, correctness, or implementability.</p>
@@ -136,13 +136,13 @@ License:</pre>
                 <pre>Credits:
 Original-Authors:
 Discussions-To:
-Network Upgrade:
-Obsoleted by:
-Updated by:
+Network Upgrade:
+Obsoleted by:
+Updated by:
 Obsoletes:
 Updates:</pre>
                 <p>The Owners header lists the names and email addresses of all the Owners of the ZIP. The format of the Owners header value SHOULD be:</p>
-                <pre>Random J. User &lt;address@dom.ain&gt;</pre>
+                <pre>Random J. User &lt;address@dom.ain&gt;</pre>
                 <p>If there are multiple Owners, each should be on a separate line.</p>
                 <p>While a ZIP is in private discussions (usually during the initial Draft phase), a Discussions-To header will indicate the URL where the ZIP is being discussed. No Discussions-To header is necessary if the ZIP is being discussed privately with the Owner.</p>
                 <p>The Category header specifies the type of ZIP: Consensus, Standards Track, Informational, or Process.</p>
@@ -199,8 +199,8 @@ Updates:</pre>
             <h2>ZIP Licensing</h2>
             <p>New ZIPs may be accepted with the following licenses. Each new ZIP MUST identify at least one acceptable license in its preamble. Each license MUST be referenced by their respective abbreviation given below.</p>
             <p>For example, a preamble might include the following License header:</p>
-            <pre>License: BSD-2-Clause
-         GNU-All-Permissive</pre>
+            <pre>License: BSD-2-Clause
+         GNU-All-Permissive</pre>
             <p>In this case, the ZIP text is fully licensed under both the OSI-approved BSD 2-clause license as well as the GNU All-Permissive License, and anyone may modify and redistribute the text provided they comply with the terms of <em>either</em> license. In other words, the license list is an "OR choice", not an "AND also" requirement.</p>
             <p>It is also possible to license source code differently from the ZIP text. This case SHOULD be indicated in the Reference Implementation section of the ZIP. Again, each license MUST be referenced by its respective abbreviation given below.</p>
             <p>Statements of code licenses in ZIPs are only advisory; anyone intending to use the code should look for license statements in the code itself.</p>

zip-0000.rst

@@ -205,42 +205,42 @@ appropriate.
 The ZIP Editors MAY reject a proposed ZIP or update to an existing ZIP
 for any of the following reasons:
 
-* it violates the Zcash Code of Conduct [#conduct]_ ;
-* it appears too unfocused or broad;
-* it duplicates effort in other ZIPs without sufficient technical justification
-  (however, alternative proposals to address similar or overlapping problems
-  are not excluded for this reason);
-* it has manifest security flaws (including being unrealistically dependent
-  on user vigilance to avoid security weaknesses);
-* it disregards compatibility with the existing Zcash blockchain or ecosystem;
-* it is manifestly unimplementable;
-* it includes buggy code, pseudocode, or algorithms;
-* it manifestly violates common expectations of a significant portion of the
-  Zcash community;
-* it updates a Draft ZIP to Released when there is significant community
-  opposition to its content (however, Draft ZIPs explicitly may describe
-  proposals to which there is, or could be expected, significant community
+* it violates the Zcash Code of Conduct [#conduct]_ ;
+* it appears too unfocused or broad;
+* it duplicates effort in other ZIPs without sufficient technical justification
+  (however, alternative proposals to address similar or overlapping problems
+  are not excluded for this reason);
+* it has manifest security flaws (including being unrealistically dependent
+  on user vigilance to avoid security weaknesses);
+* it disregards compatibility with the existing Zcash blockchain or ecosystem;
+* it is manifestly unimplementable;
+* it includes buggy code, pseudocode, or algorithms;
+* it manifestly violates common expectations of a significant portion of the
+  Zcash community;
+* it updates a Draft ZIP to Released when there is significant community
+  opposition to its content (however, Draft ZIPs explicitly may describe
+  proposals to which there is, or could be expected, significant community
   opposition);
-* in the case of a Released ZIP, the update makes a substantive change to
-  which there is significant community opposition;
-* it is dependent on a patent that could potentially be an obstacle to
-  adoption of the ZIP;
-* it includes commercial advertising or spam;
-* it disregards formatting rules;
-* it makes non-editorial edits to previous entries in a ZIP's Change history;
-* an update to an existing ZIP extends or changes its scope to an extent
-  that would be better handled as a separate ZIP;
-* a new ZIP has been proposed for a category that does not reflect its content,
-  or an update would change a ZIP to an inappropriate category;
-* it updates a Released ZIP to Draft when the specification is already
-  implemented and has been in common use;
+* in the case of a Released ZIP, the update makes a substantive change to
+  which there is significant community opposition;
+* it is dependent on a patent that could potentially be an obstacle to
+  adoption of the ZIP;
+* it includes commercial advertising or spam;
+* it disregards formatting rules;
+* it makes non-editorial edits to previous entries in a ZIP's Change history;
+* an update to an existing ZIP extends or changes its scope to an extent
+  that would be better handled as a separate ZIP;
+* a new ZIP has been proposed for a category that does not reflect its content,
+  or an update would change a ZIP to an inappropriate category;
+* it updates a Released ZIP to Draft when the specification is already
+  implemented and has been in common use;
 * it violates any specific "MUST" or "MUST NOT" rule in this document;
-* the expressed political views of a Owner of the document are inimical
-  to the Zcash Code of Conduct [#conduct]_ (except in the case of an update
-  removing that Owner);
-* it is not authorized by the stated ZIP Owners;
-* it removes an Owner without their consent (unless the reason for removal
-  is directly related to a breach of the Code of Conduct by that Owner).
+* the expressed political views of a Owner of the document are inimical
+  to the Zcash Code of Conduct [#conduct]_ (except in the case of an update
+  removing that Owner);
+* it is not authorized by the stated ZIP Owners;
+* it removes an Owner without their consent (unless the reason for removal
+  is directly related to a breach of the Code of Conduct by that Owner).
 
 The ZIP Editors MUST NOT unreasonably deny publication of a ZIP proposal
 or update that does not violate any of these criteria. If they refuse a
@@ -314,29 +314,29 @@ ZIP header preamble
 Each ZIP must begin with an RFC 822-style header preamble. The following
 header fields are REQUIRED::
 
-  ZIP:
-  Title:
-  Owners:
-  Status:
-  Category:
+  ZIP:
+  Title:
+  Owners:
+  Status:
+  Category:
   Created:
-  License:
+  License:
 
 The following additional header fields are OPTIONAL::
 
   Credits:
   Original-Authors:
   Discussions-To:
-  Network Upgrade:
-  Obsoleted by:
-  Updated by:
+  Network Upgrade:
+  Obsoleted by:
+  Updated by:
   Obsoletes:
   Updates:
 
 The Owners header lists the names and email addresses of all the
 Owners of the ZIP. The format of the Owners header value SHOULD be::
 
-  Random J. User <address@dom.ain>
+  Random J. User <address@dom.ain>
 
 If there are multiple Owners, each should be on a separate line.
 
@@ -493,8 +493,8 @@ MUST be referenced by their respective abbreviation given below.
 
 For example, a preamble might include the following License header::
 
-  License: BSD-2-Clause
-           GNU-All-Permissive
+  License: BSD-2-Clause
+           GNU-All-Permissive
 
 In this case, the ZIP text is fully licensed under both the OSI-approved
 BSD 2-clause license as well as the GNU All-Permissive License, and

zip-0032.html

@@ -3,7 +3,7 @@
 <head>
     <title>ZIP 32: Shielded Hierarchical Deterministic Wallets</title>
     <meta charset="utf-8" />
-<link rel="stylesheet" href="css/zip-style.css"><link rel="stylesheet" href="assets/css/style.css"></head>
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="css/style.css"></head>
 <body>
     <section>
         <pre>ZIP: 32

zip-0143.html

@@ -3,7 +3,7 @@
 <head>
     <title>ZIP 143: Transaction Signature Verification for Overwinter</title>
     <meta charset="utf-8" />
-<link rel="stylesheet" href="css/zip-style.css"><link rel="stylesheet" href="assets/css/style.css"></head>
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="css/style.css"></head>
 <body>
     <section>
         <pre>ZIP: 143

zip-0200.html

@@ -3,7 +3,7 @@
 <head>
     <title>ZIP 200: Network Upgrade Mechanism</title>
     <meta charset="utf-8" />
-<link rel="stylesheet" href="css/zip-style.css"><link rel="stylesheet" href="assets/css/style.css"></head>
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="css/style.css"></head>
 <body>
     <section>
         <pre>ZIP: 200

zip-0201.html

@@ -3,7 +3,7 @@
 <head>
     <title>ZIP 201: Network Peer Management for Overwinter</title>
     <meta charset="utf-8" />
-<link rel="stylesheet" href="css/zip-style.css"><link rel="stylesheet" href="assets/css/style.css"></head>
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="css/style.css"></head>
 <body>
     <section>
         <pre>ZIP: 201

zip-0202.html

@@ -3,7 +3,7 @@
 <head>
     <title>ZIP 202: Version 3 Transaction Format for Overwinter</title>
     <meta charset="utf-8" />
-<link rel="stylesheet" href="css/zip-style.css"><link rel="stylesheet" href="assets/css/style.css"></head>
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="css/style.css"></head>
 <body>
     <section>
         <pre>ZIP: 202

zip-0203.html

@@ -3,7 +3,7 @@
 <head>
     <title>ZIP 203: Transaction Expiry</title>
     <meta charset="utf-8" />
-<link rel="stylesheet" href="css/zip-style.css"><link rel="stylesheet" href="assets/css/style.css"></head>
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="css/style.css"></head>
 <body>
     <section>
         <pre>ZIP: 203

zip-0205.html

@@ -3,7 +3,7 @@
 <head>
     <title>ZIP 205: Deployment of the Sapling Network Upgrade</title>
     <meta charset="utf-8" />
-<link rel="stylesheet" href="css/zip-style.css"><link rel="stylesheet" href="assets/css/style.css"></head>
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="css/style.css"></head>
 <body>
     <section>
         <pre>ZIP: 205

zip-0206.html

@@ -3,7 +3,7 @@
 <head>
     <title>ZIP 206: Deployment of the Blossom Network Upgrade</title>
     <meta charset="utf-8" />
-<link rel="stylesheet" href="css/zip-style.css"><link rel="stylesheet" href="assets/css/style.css"></head>
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="css/style.css"></head>
 <body>
     <section>
         <pre>ZIP: 206

zip-0207.html

@@ -3,7 +3,7 @@
 <head>
     <title>ZIP 207: Split Founders' Reward</title>
     <meta charset="utf-8" />
-<link rel="stylesheet" href="css/zip-style.css"><link rel="stylesheet" href="assets/css/style.css"></head>
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="css/style.css"></head>
 <body>
     <section>
         <pre>ZIP: 207

zip-0208.html

@@ -3,7 +3,7 @@
 <head>
     <title>ZIP 208: Shorter Block Target Spacing</title>
     <meta charset="utf-8" />
-<link rel="stylesheet" href="css/zip-style.css"><link rel="stylesheet" href="assets/css/style.css"></head>
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="css/style.css"></head>
 <body>
     <section>
         <pre>ZIP: 208

zip-0209.html

@@ -3,7 +3,7 @@
 <head>
     <title>ZIP 209: Prohibit Negative Shielded Value Pool</title>
     <meta charset="utf-8" />
-<link rel="stylesheet" href="css/zip-style.css"><link rel="stylesheet" href="assets/css/style.css"></head>
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="css/style.css"></head>
 <body>
     <section>
         <pre>ZIP: 209

zip-0210.html

@@ -3,7 +3,7 @@
 <head>
     <title>ZIP 210: Sapling Anchor Deduplication within Transactions</title>
     <meta charset="utf-8" />
-<link rel="stylesheet" href="css/zip-style.css"><link rel="stylesheet" href="assets/css/style.css"></head>
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="css/style.css"></head>
 <body>
     <section>
         <pre>ZIP: 210

zip-0243.html

@@ -3,7 +3,7 @@
 <head>
     <title>ZIP 243: Transaction Signature Verification for Sapling</title>
     <meta charset="utf-8" />
-<link rel="stylesheet" href="css/zip-style.css"><link rel="stylesheet" href="assets/css/style.css"></head>
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="css/style.css"></head>
 <body>
     <section>
         <pre>ZIP: 243

zip-0308.html

@@ -3,7 +3,7 @@
 <head>
     <title>ZIP 308: Sprout to Sapling Migration</title>
     <meta charset="utf-8" />
-<link rel="stylesheet" href="css/zip-style.css"><link rel="stylesheet" href="assets/css/style.css"></head>
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="css/style.css"></head>
 <body>
     <section>
         <pre>ZIP: 308

zip-0401.html

@@ -3,7 +3,7 @@
 <head>
     <title>ZIP 401: Addressing mempool denial-of-service</title>
     <meta charset="utf-8" />
-<link rel="stylesheet" href="css/zip-style.css"><link rel="stylesheet" href="assets/css/style.css"></head>
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="css/style.css"></head>
 <body>
     <section>
         <pre>ZIP: 401

zip-1001.html

@@ -3,7 +3,7 @@
 <head>
     <title>ZIP 1001: Keep the Block Distribution as Initially Defined — 90% to Miners</title>
     <meta charset="utf-8" />
-<link rel="stylesheet" href="css/zip-style.css"><link rel="stylesheet" href="assets/css/style.css"></head>
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="css/style.css"></head>
 <body>
     <section>
         <pre>ZIP: 1001

zip-1002.html

@@ -3,7 +3,7 @@
 <head>
     <title>ZIP 1002: Opt-in Donation Feature</title>
     <meta charset="utf-8" />
-<link rel="stylesheet" href="css/zip-style.css"><link rel="stylesheet" href="assets/css/style.css"></head>
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="css/style.css"></head>
 <body>
     <section>
         <pre>ZIP: 1002

zip-1003.html

@@ -3,7 +3,7 @@
 <head>
     <title>ZIP 1003: 20% Split Evenly Between the ECC and the Zcash Foundation, and a Voting System Mandate</title>
     <meta charset="utf-8" />
-<link rel="stylesheet" href="css/zip-style.css"><link rel="stylesheet" href="assets/css/style.css"></head>
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="css/style.css"></head>
 <body>
     <section>
         <pre>ZIP: 1003

zip-1004.html

@@ -3,7 +3,7 @@
 <head>
     <title>ZIP 1004: Miner-Directed Dev Fund</title>
     <meta charset="utf-8" />
-<link rel="stylesheet" href="css/zip-style.css"><link rel="stylesheet" href="assets/css/style.css"></head>
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="css/style.css"></head>
 <body>
     <section>
         <pre>ZIP: 1004

zip-1005.html

@@ -3,7 +3,7 @@
 <head>
     <title>ZIP 1005: Zcash Community Funding System</title>
     <meta charset="utf-8" />
-<link rel="stylesheet" href="css/zip-style.css"><link rel="stylesheet" href="assets/css/style.css"></head>
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="css/style.css"></head>
 <body>
     <section>
         <pre>ZIP: 1005

zip-1006.html

@@ -3,7 +3,7 @@
 <head>
     <title>ZIP 1006: Development Fund of 10% to a 2-of-3 Multisig with Community-Involved Third Entity</title>
     <meta charset="utf-8" />
-<link rel="stylesheet" href="css/zip-style.css"><link rel="stylesheet" href="assets/css/style.css"></head>
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="css/style.css"></head>
 <body>
     <section>
         <pre>ZIP: 1006

zip-1007.html

@@ -3,7 +3,7 @@
 <head>
     <title>ZIP 1007: Enforce Development Fund Commitments with a Legal Charter</title>
     <meta charset="utf-8" />
-<link rel="stylesheet" href="css/zip-style.css"><link rel="stylesheet" href="assets/css/style.css"></head>
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="css/style.css"></head>
 <body>
     <section>
         <pre>ZIP: 1007

zip-1008.html

@@ -3,7 +3,7 @@
 <head>
     <title>ZIP 1008: Fund ECC for Two More Years</title>
     <meta charset="utf-8" />
-<link rel="stylesheet" href="css/zip-style.css"><link rel="stylesheet" href="assets/css/style.css"></head>
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="css/style.css"></head>
 <body>
     <section>
         <pre>ZIP: 1008

zip-1009.html

@@ -3,7 +3,7 @@
 <head>
     <title>ZIP 1009: Five-Entity Strategic Council</title>
     <meta charset="utf-8" />
-<link rel="stylesheet" href="css/zip-style.css"><link rel="stylesheet" href="assets/css/style.css"></head>
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="css/style.css"></head>
 <body>
     <section>
         <pre>ZIP: 1009

zip-1010.html

@@ -3,7 +3,7 @@
 <head>
     <title>ZIP 1010: Compromise Dev Fund Proposal With Diverse Funding Streams</title>
     <meta charset="utf-8" />
-<link rel="stylesheet" href="css/zip-style.css"><link rel="stylesheet" href="assets/css/style.css"></head>
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="css/style.css"></head>
 <body>
     <section>
         <pre>ZIP: 1010

zip-1011.html

@@ -4,7 +4,7 @@
     <title>ZIP 1011: Decentralize the Dev Fee</title>
     <meta charset="utf-8" />
     <script src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
-<link rel="stylesheet" href="css/zip-style.css"><link rel="stylesheet" href="assets/css/style.css"></head>
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="css/style.css"></head>
 <body>
     <section>
         <pre>ZIP: 1011

zip-1012.html

@@ -3,7 +3,7 @@
 <head>
     <title>ZIP 1012: Dev Fund to ECC + ZF + Major Grants</title>
     <meta charset="utf-8" />
-<link rel="stylesheet" href="css/zip-style.css"><link rel="stylesheet" href="assets/css/style.css"></head>
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="css/style.css"></head>
 <body>
     <section>
         <pre>ZIP: 1012

zip-1013.html

@@ -3,7 +3,7 @@
 <head>
     <title>ZIP 1013: Keep It Simple, Zcashers: 10% to ECC, 10% to ZF</title>
     <meta charset="utf-8" />
-<link rel="stylesheet" href="css/zip-style.css"><link rel="stylesheet" href="assets/css/style.css"></head>
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="css/style.css"></head>
 <body>
     <section>
         <pre>ZIP: 1013

zip-1014.html

@@ -3,7 +3,7 @@
 <head>
     <title>ZIP 1014: Dev Fund to ECC + ZF + Major Grants</title>
     <meta charset="utf-8" />
-<link rel="stylesheet" href="css/zip-style.css"><link rel="stylesheet" href="assets/css/style.css"></head>
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="css/style.css"></head>
 <body>
     <section>
         <pre>ZIP: 1014

zip-guide.html

@@ -3,7 +3,7 @@
 <head>
     <title>ZIP guide: {Something Short and To the Point}</title>
     <meta charset="utf-8" />
-<link rel="stylesheet" href="css/zip-style.css"><link rel="stylesheet" href="assets/css/style.css"></head>
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="css/style.css"></head>
 <body>
     <section>
         <pre>ZIP: Unassigned {numbers are assigned by ZIP editors}