From 64fac733bd0a258404a5f24b0a319999efeaa4a8 Mon Sep 17 00:00:00 2001
From: zevav <zev@averba.ch>
Date: Mon, 10 Dec 2018 14:50:38 -0500
Subject: [PATCH] changed the look, made things more minimal, added subtitle

---
 index.html    | 36 +++++++++++++++++++++++-------------
 projects.html | 46 ++++++++++++++++++++++++----------------------
 2 files changed, 47 insertions(+), 35 deletions(-)
diff --git a/index.html b/index.html
index 93e4626..188677d 100644
--- a/index.html
+++ b/index.html
@@ -5,13 +5,16 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/basscss/7.0.0/css/basscss.css" />
     <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
     <style>
-			body {font-family: "Open Sans", sans-serif}
-			.h0 {font-size: 30pt}
+			h1 {font-family: "Open Sans", sans-serif;}
+            p {
+                  font-size: 16px }
+			.h0 {font-size: 30pt; 
+                 font-weight: 800}
             nav a[target="_blank"]:after {content: url("./static/_external_link.png");
                                           filter: invert(100%)}
             .current-page {opacity: .3}
-            @media (min-width: 900px) { #content { width: 50%} }
-            @media (min-width: 1px) and (max-width: 899px) { #content { width: 80%} }
+            #content { width: 400px }
+            p, ul {text-align: left}
 
 		</style>
     <script src="./static/_nav.js"></script>
@@ -28,13 +31,16 @@
     
 </head>
 <body class="center">
-    <header class="m2 clearfix">
+    <header class="mt4 m2 clearfix">
 
-        <img style="border-radius: 20%" src="https://www.gravatar.com/avatar/fe783e04644862c30823614f31b9a996/?s=360" />
+    <img style="margin-bottom: 1em; border-radius: 20%" src="https://www.gravatar.com/avatar/fe783e04644862c30823614f31b9a996/?s=360" />
 
-    <div class="h0 bold">
+    <div class="h0 bold" style="line-height: 1.2em">
         <a id="title" href="/" style="text-decoration: none; color: inherit;">Zev Averbach</a>
     </div>
+    <div class="h2">
+    Full Stack Developer
+    </div>
 
     <nav class="white bg-white">
         <div id="nav">
@@ -98,17 +104,21 @@
     <div id='content' style="margin: 0 auto">
         
 
-    <p class="mx2 ml2 h3">Hi, my name is Zev. I'm a full stack web developer living in Burlington, Vermont.</p>
+    <p class="mx2 ml2 " >
+        I'm a full stack web developer living in Burlington, Vermont.
+        </p>
 
-    <p class="mx2 ml2 h3">I love to help forward-looking businesses solve their worst headaches via technology.
-        <a href="/projects">Here</a> are a few projects I've completed to that effect.
+    <p class="mx2 ml2 " >
+        I love to help forward-looking businesses solve their worst headaches. 
+        <a href="/projects">Here are a few projects</a> I've completed to that effect.
     </p>
 
-    <p class="mx2 ml2 h3" id="availability">
+    <p class="mx2 ml2 " id="availability">
         I'm currently available for full-time employment and contracts. My preferred stack is
     </p>
 
-    <ul class="h3" style="margin: 0 auto; text-align: left; width: 10%">
+    <ul class="" 
+        >
         <li>React.js</li>
         <li>Python</li>
         <li>Flask</li>
@@ -118,7 +128,7 @@
         <li>AWS</li>
     </ul>
 
-    <p class="mt2 mx2 ml2 h3" id="contact">You can reach me at
+    <p class="mt2 mx2 ml2 " id="contact">You can reach me at
         <a title="Email Zev Averbach" href="mailto:zev@averba.ch">zev@averba.ch</a>.
     </p>
 
diff --git a/projects.html b/projects.html
index 9339bd4..b7dac22 100644
--- a/projects.html
+++ b/projects.html
@@ -5,13 +5,16 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/basscss/7.0.0/css/basscss.css" />
     <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
     <style>
-			body {font-family: "Open Sans", sans-serif}
-			.h0 {font-size: 30pt}
+			h1 {font-family: "Open Sans", sans-serif;}
+            p {
+                  font-size: 16px }
+			.h0 {font-size: 30pt; 
+                 font-weight: 800}
             nav a[target="_blank"]:after {content: url("./static/_external_link.png");
                                           filter: invert(100%)}
             .current-page {opacity: .3}
-            @media (min-width: 900px) { #content { width: 50%} }
-            @media (min-width: 1px) and (max-width: 899px) { #content { width: 80%} }
+            #content { width: 400px }
+            p, ul {text-align: left}
 
 		</style>
     <script src="./static/_nav.js"></script>
@@ -28,13 +31,16 @@
     
 </head>
 <body class="center">
-    <header class="m2 clearfix">
+    <header class="mt4 m2 clearfix">
 
-        <img style="border-radius: 20%" src="https://www.gravatar.com/avatar/fe783e04644862c30823614f31b9a996/?s=360" />
+    <img style="margin-bottom: 1em; border-radius: 20%" src="https://www.gravatar.com/avatar/fe783e04644862c30823614f31b9a996/?s=360" />
 
-    <div class="h0 bold">
+    <div class="h0 bold" style="line-height: 1.2em">
         <a id="title" href="/" style="text-decoration: none; color: inherit;">Zev Averbach</a>
     </div>
+    <div class="h2">
+    Full Stack Developer
+    </div>
 
     <nav class="white bg-white">
         <div id="nav">
@@ -97,16 +103,13 @@
 </header>
     <div id='content' style="margin: 0 auto">
         
-    <p class="mx2 h3">
-    All of these projects are closed source, but the code may be viewed by way of an NDA. 
-    To see some of my open-source work, please see 
-    <a target="_blank" href="https://github.com/zevaverbach/">my Github profile (external link)</a>.
-    </p>
 
-    <hr>
     <div id="tappt">
-        <span class="h1">Transcribely</span>
-        <p class="mt1 h3">
+        <span class="h1 bold">Transcribely
+            <a href='http://www.recurse.com' title='Made with love at the Recurse Center'>
+            </a>
+        </span>
+        <p class="mt1">
             In late 2018 at the Recurse Center I made a prototype of 
             a human-machine transcription interface I like to call 
             <a href="https://transcribely.netlify.com" target="_blank">
@@ -114,13 +117,12 @@
             It's pretty amazing, in that it saves upwards of 50% of labor
             compared to a human transcribing from scratch. (React.js + Flask)
         </p>
-
     </div>
     <hr>
 
     <div id="tappt">
-        <span class="h1">Tappt</span>
-        <p class="mt1 h3">
+        <span class="h1 bold">Tappt</span>
+        <p class="mt1 ">
             In 2015 a couple friends and I made 
             <a href="https://www.tappt.co" target="_blank">
                 Tappt (external link)</a> 
@@ -132,8 +134,8 @@
 
     <hr>
     <div id="auto-assigner">
-        <span class="h1">Auto-Assigner</span>
-        <p class="mt1 h3">
+        <span class="h1 bold">Auto-Assigner</span>
+        <p class="mt1 ">
             In the fall of 2017 I designed, implemented, and deployed a 
             work assigner for 
             <a href="https://avtranscription.com" target="_blank">
@@ -147,8 +149,8 @@
 
     <hr>
     <div id="auto-invoicer">
-        <span class="h1">Automatic Invoice Generation</span>
-        <p class="mt1 h3">
+        <span class="h1 bold">Automatic Invoice Generation</span>
+        <p class="mt1 ">
             In the summer of 2016 I designed, implemented, and deployed 
             automatic invoice generation for 
             <a href="https://avtranscription.com" target="_blank">
