zev/zevaverbach.github.io
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changed the look, made things more minimal, added subtitle

Browse Source
This commit is contained in:
zevav
2018-12-10 14:50:38 -05:00
parent 19318125fd
commit 64fac733bd
2 changed files with 47 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
index.html
View File

@@ -5,13 +5,16 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/basscss/7.0.0/css/basscss.css" /> <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"> <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<style> <style>
body {font-family: "Open Sans", sans-serif} h1 {font-family: "Open Sans", sans-serif;}
.h0 {font-size: 30pt} p {
font-size: 16px }
.h0 {font-size: 30pt;
font-weight: 800}
nav a[target="_blank"]:after {content: url("./static/_external_link.png"); nav a[target="_blank"]:after {content: url("./static/_external_link.png");
filter: invert(100%)} filter: invert(100%)}
.current-page {opacity: .3} .current-page {opacity: .3}
@media (min-width: 900px) { #content { width: 50%} } #content { width: 400px }
@media (min-width: 1px) and (max-width: 899px) { #content { width: 80%} } p, ul {text-align: left}
</style> </style>
<script src="./static/_nav.js"></script> <script src="./static/_nav.js"></script>
@@ -28,13 +31,16 @@
</head> </head>
<body class="center"> <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> <a id="title" href="/" style="text-decoration: none; color: inherit;">Zev Averbach</a>
</div> </div>
<div class="h2">
Full Stack Developer
</div>
<nav class="white bg-white"> <nav class="white bg-white">
<div id="nav"> <div id="nav">
@@ -98,17 +104,21 @@
<div id='content' style="margin: 0 auto"> <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 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> </p>
<p class="mx2 ml2 h3" id="availability"> <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 " id="availability">
I'm currently available for full-time employment and contracts. My preferred stack is I'm currently available for full-time employment and contracts. My preferred stack is
</p> </p>
<ul class="h3" style="margin: 0 auto; text-align: left; width: 10%"> <ul class=""
>
<li>React.js</li> <li>React.js</li>
<li>Python</li> <li>Python</li>
<li>Flask</li> <li>Flask</li>
@@ -118,7 +128,7 @@
<li>AWS</li> <li>AWS</li>
</ul> </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>. <a title="Email Zev Averbach" href="mailto:zev@averba.ch">zev@averba.ch</a>.
</p> </p>

46
projects.html
View File

@@ -5,13 +5,16 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/basscss/7.0.0/css/basscss.css" /> <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"> <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<style> <style>
body {font-family: "Open Sans", sans-serif} h1 {font-family: "Open Sans", sans-serif;}
.h0 {font-size: 30pt} p {
font-size: 16px }
.h0 {font-size: 30pt;
font-weight: 800}
nav a[target="_blank"]:after {content: url("./static/_external_link.png"); nav a[target="_blank"]:after {content: url("./static/_external_link.png");
filter: invert(100%)} filter: invert(100%)}
.current-page {opacity: .3} .current-page {opacity: .3}
@media (min-width: 900px) { #content { width: 50%} } #content { width: 400px }
@media (min-width: 1px) and (max-width: 899px) { #content { width: 80%} } p, ul {text-align: left}
</style> </style>
<script src="./static/_nav.js"></script> <script src="./static/_nav.js"></script>
@@ -28,13 +31,16 @@
</head> </head>
<body class="center"> <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> <a id="title" href="/" style="text-decoration: none; color: inherit;">Zev Averbach</a>
</div> </div>
<div class="h2">
Full Stack Developer
</div>
<nav class="white bg-white"> <nav class="white bg-white">
<div id="nav"> <div id="nav">
@@ -97,16 +103,13 @@
</header> </header>
<div id='content' style="margin: 0 auto"> <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"> <div id="tappt">
<span class="h1">Transcribely</span> <span class="h1 bold">Transcribely
<p class="mt1 h3"> <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 In late 2018 at the Recurse Center I made a prototype of
a human-machine transcription interface I like to call a human-machine transcription interface I like to call
<a href="https://transcribely.netlify.com" target="_blank"> <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 It's pretty amazing, in that it saves upwards of 50% of labor
compared to a human transcribing from scratch. (React.js + Flask) compared to a human transcribing from scratch. (React.js + Flask)
</p> </p>
</div> </div>
<hr> <hr>
<div id="tappt"> <div id="tappt">
<span class="h1">Tappt</span> <span class="h1 bold">Tappt</span>
<p class="mt1 h3"> <p class="mt1 ">
In 2015 a couple friends and I made In 2015 a couple friends and I made
<a href="https://www.tappt.co" target="_blank"> <a href="https://www.tappt.co" target="_blank">
Tappt (external link)</a> Tappt (external link)</a>
@@ -132,8 +134,8 @@
<hr> <hr>
<div id="auto-assigner"> <div id="auto-assigner">
<span class="h1">Auto-Assigner</span> <span class="h1 bold">Auto-Assigner</span>
<p class="mt1 h3"> <p class="mt1 ">
In the fall of 2017 I designed, implemented, and deployed a In the fall of 2017 I designed, implemented, and deployed a
work assigner for work assigner for
<a href="https://avtranscription.com" target="_blank"> <a href="https://avtranscription.com" target="_blank">
@@ -147,8 +149,8 @@
<hr> <hr>
<div id="auto-invoicer"> <div id="auto-invoicer">
<span class="h1">Automatic Invoice Generation</span> <span class="h1 bold">Automatic Invoice Generation</span>
<p class="mt1 h3"> <p class="mt1 ">
In the summer of 2016 I designed, implemented, and deployed In the summer of 2016 I designed, implemented, and deployed
automatic invoice generation for automatic invoice generation for
<a href="https://avtranscription.com" target="_blank"> <a href="https://avtranscription.com" target="_blank">