OMG FEATURE PARITY WITH REACT

... almost. It looks identical, just some minor things to fix up. Yes! the templates exist now and work!! Add `clean` back to `make all` and use `-c` in `gsutil rsync`, which will ignore mtime and use checksums when comparing files instead, meaning we don't have to re-upload all of /media/ every time! (^_^) Also fix a broken link to the kegerator project page
2018-01-15 22:13:47 -08:00 · 2018-01-15 22:13:47 -08:00 · 7308419301
commit 7308419301
parent 3d4e86c462
8 changed files with 304 additions and 3 deletions
--- a/media/css/index.css
+++ b/media/css/index.css
@ -0,0 +1,132 @@
+body {
+  background: #FCFCFC;
+  color: #35352F;
+}
+
+a {
+  color: #FF4F00;
+}
+
+a:hover {
+  color: #FF4F00;
+}
+
+h1, h2, h3, h4, h5 {
+  font-family: 'Quicksand', sans-serif;
+}
+
+blockquote {
+  margin-left: 0;
+  border-left: 0.5rem solid #dfe2e5;
+  padding-left: 2rem;
+  color: #666D70;
+}
+
+.page-header {
+  background: #74E8E2;
+  margin-bottom: 2rem;
+}
+
+.page-header h1 {
+  margin-bottom: 1rem;
+}
+
+.page-header a {
+  color: inherit;
+  text-decoration: inherit;
+}
+
+/* nav
+ ****************************************/
+.nav {
+  margin-top: 1rem;
+}
+
+.nav ul li {
+  list-style-type: none;
+  margin-bottom: 0;
+}
+
+.nav-header {
+  margin-bottom: 0;
+}
+
+@media (max-width: 999px) {
+  .nav {
+    text-align: center;
+  }
+  .nav ul li {
+    display: inline;
+  }
+  .nav ul li:first-child::before {
+    content: "";
+  }
+  .nav ul li::before {
+    content: "|";
+  }
+}
+
+/* articles
+ ****************************************/
+article {
+  margin-bottom: 4rem;
+}
+
+.post-title {
+  color: inherit;
+  text-decoration: inherit;
+}
+
+.post-title h1 {
+  margin-bottom: 0rem;
+}
+
+.post-meta {
+  color: #757575;
+  margin-top: 0.5rem;
+  margin-bottom: 2rem;
+}
+
+.post-tags {
+  display: inline;
+  margin-left: 1rem;
+}
+
+.post-tags * {
+  display: inline;
+}
+
+/* Override this since hljs removes what skeleton sets */
+.hljs {
+  padding: 1rem 1.5rem
+}
+
+/* Article headers should go down one size. This is because when you use a
+ * `#` in Markdown, it outputs a <h1>, but we don't want post headers to be the
+ * same size as headers elsewhere.
+ *
+ * These values were taken from skeleton.css
+ */
+article section h1 { font-size: 3.6rem; line-height: 1.2;  letter-spacing: -.1rem;}
+article section h2 { font-size: 3.0rem; line-height: 1.25; letter-spacing: -.1rem; }
+article section h3 { font-size: 2.4rem; line-height: 1.3;  letter-spacing: -.1rem; }
+article section h4 { font-size: 1.8rem; line-height: 1.35; letter-spacing: -.08rem; }
+article section h5 { font-size: 1.5rem; line-height: 1.5;  letter-spacing: -.05rem; }
+
+/* Larger than phablet */
+@media (min-width: 550px) {
+  article section h1 { font-size: 4.2rem; }
+  article section h2 { font-size: 3.6rem; }
+  article section h3 { font-size: 3.0rem; }
+  article section h4 { font-size: 2.4rem; }
+  article section h5 { font-size: 1.5rem; }
+}
+
+/* footer
+ ****************************************/
+.page-footer {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  text-align: center;
+  font-size: smaller;
+}