Update on-site cv display to match theme

.github/workflows/publish.yml

@@ -28,7 +28,7 @@ jobs:
                 --no-pdf-header-footer \
                 --print-to-pdf-no-header \
                 --print-to-pdf=static/alexlauni-resume.pdf \
-                http://localhost:1111/cv
+                http://localhost:1111/cv/print
             kill $ZOLA_PID
 
       - name: Print github.ref (debugging)

content/cv/print/01currently.md

@@ -0,0 +1 @@
+../01currently.md

content/cv/print/021odu.md

@@ -0,0 +1 @@
+../021odu.md

content/cv/print/022temple.md

@@ -0,0 +1 @@
+../022temple.md

content/cv/print/023uofm.md

@@ -0,0 +1 @@
+../023uofm.md

content/cv/print/02education.md

@@ -0,0 +1 @@
+../02education.md

content/cv/print/031redventures.md

@@ -0,0 +1 @@
+../031redventures.md

content/cv/print/035csios.md

@@ -0,0 +1 @@
+../035csios.md

content/cv/print/036fordcredit.md

@@ -0,0 +1 @@
+../036fordcredit.md

content/cv/print/038navy.md

@@ -0,0 +1 @@
+../038navy.md

content/cv/print/039canonical.md

@@ -0,0 +1 @@
+../039canonical.md

content/cv/print/03workhistory.md

@@ -0,0 +1 @@
+../03workhistory.md

content/cv/print/04projects.md

@@ -0,0 +1 @@
+../04projects.md

content/cv/print/_index.md

@@ -0,0 +1,4 @@
++++
+title = "Alex Launi"
+template = "printcv.html"
++++

sass/cv.scss

@@ -91,6 +91,7 @@ video {
     font: inherit;
     vertical-align: baseline;
 }
+
 /* HTML5 display-role reset for older browsers */
 article,
 aside,
@@ -109,22 +110,26 @@ section {
 body {
     line-height: 0.75;
 }
+
 ol,
 ul {
     list-style: none;
     margin-bottom: 0.25em;
 }
+
 blockquote,
 q {
     quotes: none;
 }
+
 blockquote:before,
 blockquote:after,
 q:before,
 q:after {
     content: '';
     content: none;
 }
+
 table {
     border-collapse: collapse;
     border-spacing: 0;
@@ -152,7 +157,7 @@ grid {
     justify-self: flex-end;
 }
 
-.content {
+.cv-content {
     grid-area: content;
     display: flex;
     flex-direction: row;
@@ -170,7 +175,7 @@ grid {
     $shadow-color-dark: #e84118;
     display: inline-block;
 
-    h1 {    
+    h1 {
         margin: 0;
         font-size: 64px;
         position: relative;
@@ -223,13 +228,13 @@ grid {
     display: none;
 }
 
-.wrapper {
+.cv-wrapper {
     display: grid;
     grid-gap: 0px;
-    grid-template-columns: 18% auto 15%;
+    grid-template-columns: 18% auto;
     grid-template-areas:
-        '....... header  header'
-        'sidebar content timespan';
+        '....... header'
+        'sidebar content';
     grid-auto-rows: min-content;
 }
 
@@ -276,7 +281,7 @@ h1 {
     line-height: 1em;
 }
 
-h1 + p {
+h1+p {
     /*subtitle*/
     font-style: italic;
     font-size: 110%;
@@ -365,6 +370,7 @@ li ul {
         }
 
         font-size: x-small;
+
         ul li {
             display: inline;
         }
@@ -383,4 +389,4 @@ li ul {
         text-decoration: none;
         font-size: xx-small;
     }
-}
+}