templates: adding repo/details template

1 files changed, 53 insertions, 2 deletions

diff --git a/static/main.css b/static/main.css
index 33240b8..b567240 100644
--- a/static/main.css
+++ b/static/main.css
@@ -4,6 +4,15 @@
 
 body {
     background: #fafafa; /* There's fa and there's antifa! */
+    font-family: monospace;
+}
+    
+.tagline-container h1 {
+    font-size: 2.5em;
+}
+
+.tagline-container p {
+    font-size: 1.25em;
 }
 
 a {
@@ -11,6 +20,11 @@ a {
     color: #444;
 }
 
+.subheader a, .repo-navigation a {
+    font-family: monospace;
+    font-size: 1.5em;
+}
+
 a:hover, a:active {
     text-decoration: underline;
 }
@@ -22,7 +36,7 @@ a:hover, a:active {
 
 .container {
     display: grid;
-    max-width: 120ch;
+    max-width: 200ch;
     margin: 2em;
 }
 
@@ -67,9 +81,46 @@ a:hover, a:active {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-evenly;
-    background: #DDD;
+    /* background: #55EEFF; */
 }
 
 .repo-navigation > .nav-item {
     padding: 0.25em 2em;
 }
+
+.repo-navigation > .nav-active {
+    background: #EEE;
+    border: #333 1px solid;
+}
+
+.readme {
+    padding-top: 5ch;
+    padding-left: 25ch;
+    font-size: 1.25em;
+}
+
+.details-grid {
+    display: grid;
+    grid-template-columns: 2fr 4fr repeat(3, 1fr);
+    align-content: center; 
+    justify-content: center;
+    
+    padding: 5ch 15ch;
+    font-size: 1.2em;
+}
+
+.details-grid .divider {
+    padding: 5ch 0;
+    grid-column-start: 1;
+    grid-column-end: 6;
+}
+
+.details-grid > .details-span {
+    grid-column-start: 4;
+    grid-column-end: 6;
+}
+
+.details-grid p, .details-grid a {
+    padding: 0;
+    margin: 1px;
+}