minor aesthetic changes

This commit is contained in:
2018-08-01 10:46:45 -04:00
parent c5143f1407
commit eb88de0d6b
6 changed files with 263 additions and 70 deletions

58
blog.html Normal file
View File

@@ -0,0 +1,58 @@
<!DOCTYPE html>
<html>
<head>
<title>Zev Averbach</title>
<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;}
nav a[target="_blank"]:after {content: url("icons8-external-link-50.png");
filter: invert(100%);}
.current-page {opacity: .3;}
</style>
<script src="nav.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-123137342-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-123137342-1');
</script>
</head>
<body>
<header class="m2 clearfix">
<div class="h0 bold">
<a id="title" href="index" style="text-decoration: none; color: inherit;">Zev Averbach</a>
</div>
<nav class="white bg-white">
<div id="nav">
<a href="index" class="btn btn-primary not-rounded py2 bg-blue">About</a>
<a href="projects" class="btn btn-primary not-rounded py2 bg-green">Projects</a>
<a href="blog" class="btn btn-primary not-rounded py2 bg-white" style="color: rgba(0, 0, 0, .7); border: 1px solid rgba(0, 0, 0, .1);">Blog</a>
<a href="https://www.linkedin.com/in/zev-averbach-964572156/" target="_blank" class="btn btn-primary not-rounded py2 bg-yellow">LinkedIn</a>
<a href="https://github.com/zevaverbach" target="_blank" class="btn btn-primary not-rounded py2 bg-red">Github</a>
</div>
</nav>
</header>
<div id="content" class="clear h2 m2 sm-col sm-col-12 md-col-10 lg-col-8">
<div class="h1">Blog Posts</div>
<ul>
</ul>
</div>
</body>
</html>

55
how_i_made_this_blog.html Normal file
View File

@@ -0,0 +1,55 @@
<!DOCTYPE html>
<html>
<head>
<title>Zev Averbach</title>
<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;}
nav a[target="_blank"]:after {content: url("icons8-external-link-50.png");
filter: invert(100%);}
.current-page {opacity: .3;}
</style>
<script src="nav.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-123137342-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-123137342-1');
</script>
</head>
<body>
<header class="m2 clearfix">
<div class="h0 bold">
<a id="title" href="index" style="text-decoration: none; color: inherit;">Zev Averbach</a>
</div>
<nav class="white bg-white">
<div id="nav">
<a href="index" class="btn btn-primary not-rounded py2 bg-blue">About</a>
<a href="projects" class="btn btn-primary not-rounded py2 bg-green">Projects</a>
<a href="blog" class="btn btn-primary not-rounded py2 bg-white" style="color: rgba(0, 0, 0, .7); border: 1px solid rgba(0, 0, 0, .1);">Blog</a>
<a href="https://www.linkedin.com/in/zev-averbach-964572156/" target="_blank" class="btn btn-primary not-rounded py2 bg-yellow">LinkedIn</a>
<a href="https://github.com/zevaverbach" target="_blank" class="btn btn-primary not-rounded py2 bg-red">Github</a>
</div>
</nav>
</header>
<div id="content" class="clear h2 m2 sm-col sm-col-12 md-col-10 lg-col-8">
<a href="blog"><< back to blog contents</a>
<div id="blog-title" class="h1">How I Built This Blog</div>
<div id="blog-content">
<p>How many rabbit holes have I gone down in the past while trying to make a unique blog? How many blog frameworks
have I wrestled with to get it to what I want them to do, or at least work as promised?</p>
</div>
</div>
</body>
</html>

View File

@@ -1,6 +1,5 @@
<!DOCTYPE html>
<html>
<head>
<title>Zev Averbach</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/basscss/7.0.0/css/basscss.css" />
@@ -10,7 +9,9 @@
.h0 {font-size: 30pt;}
nav a[target="_blank"]:after {content: url("icons8-external-link-50.png");
filter: invert(100%);}
.current-page {opacity: .3;}
</style>
<script src="nav.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-123137342-1"></script>
<script>
@@ -21,22 +22,18 @@
gtag('config', 'UA-123137342-1');
</script>
</head>
<body>
<div id="container" class="m2">
<header class="m2 clearfix">
<body>
<header class="m2 clearfix">
<div class="h0 bold">
<a href="index" style="text-decoration: none; color: inherit;">Zev Averbach</a>
<a id="title" href="index" style="text-decoration: none; color: inherit;">Zev Averbach</a>
</div>
<nav class="white bg-white">
<div id="nav">
<a href="index" class="btn btn-primary not-rounded py2" style="background-color: rgba(0,116,217, .4); color: rgba(255, 255, 255, .5);">About</a>
<a href="index" class="btn btn-primary not-rounded py2 bg-blue">About</a>
<a href="projects" class="btn btn-primary not-rounded py2 bg-green">Projects</a>
<a href="blog" class="btn btn-primary not-rounded py2 bg-white" style="color: rgba(0, 0, 0, .7); border: 1px solid rgba(0, 0, 0, .1);">Blog</a>
<a href="https://www.linkedin.com/in/zev-averbach-964572156/" target="_blank" class="btn btn-primary not-rounded py2 bg-yellow">LinkedIn</a>
<a href="https://github.com/zevaverbach" target="_blank" class="btn btn-primary not-rounded py2 bg-red">Github</a>
</div>
@@ -44,25 +41,20 @@
</nav>
</header>
<div id="content" class="clear h2 m2 sm-col sm-col-12 md-col-10 lg-col-8">
<img src="zev.jpeg" class="left mr3 mt1" style="height: 10em;">
<p>Hi, my name is Zev. I live in Burlington, Vermont, in the United States.</p>
<p>I love to help small businesses solve their worst headaches via technology. <a href="/projects">Here</a> are a few projects I've completed to that effect.</p>
<p id="github-timeline">I also love contributing to open source software, as you can see on <a href="https://github.com/zevaverbach/" target="_blank">my Github timeline (external link)</a>.</p>
<p id="contact">You can reach me at z at this domain.</p>
<div id="content" class="clear h2 m2 sm-col sm-col-12 md-col-10 lg-col-8">
<img src="zev.jpeg" class="left mr3 mt1" style="height: 10em;">
<p>Hi, my name is Zev. I live in Burlington, Vermont, in the United States.</p>
<p>I love to help small businesses solve their worst headaches via technology. <a href="/projects">Here</a> are a few projects I've completed to that effect.</p>
<p id="github-timeline">I also love contributing to open source software, as you can see on <a href="https://github.com/zevaverbach/" target="_blank">my Github timeline (external link)</a>.</p>
<p id="contact">You can reach me at z at this domain.</p>
</div>
</div>
</body>
</html>
</div>
</body>
</html>

42
nav.js Normal file
View File

@@ -0,0 +1,42 @@
var splitPath = function(path) {
var result = path.replace(/\\/g, "/").match(/(.*\/)?(\..*?|.*?)(\.[^.]*?)?(#.*$|\?.*$|$)/);
return {
dirname: result[1] || "",
filename: result[2] || "",
extension: result[3] || "",
params: result[4] || ""
};
};
d = window.document
var get_current_page_name = function() {
page_name = splitPath(d.URL).filename
if (!['projects', 'index'].includes(page_name)) {
return 'blog' }
if (page_name == 'index') {
return 'about'
}
return page_name
}
window.onload = function() {
current_page_name = get_current_page_name()
nav = d.getElementById('nav')
Array.prototype.forEach.call(nav.children, function(child, index){
if (current_page_name == child.text.toLowerCase()) {
child.className = child.className.concat(' current-page')
}
})
title_element = d.getElementById('title')
console.log(current_page_name)
if (current_page_name == 'blog') {
d.title = d.title.concat(' | Blog')
title_element.text = title_element.text.concat("\'s Blog")
} else if (current_page_name == 'projects') {
d.title = d.title.concat(' | Projects')
title_element.text = title_element.text.concat("\'s Projects")
}
}

View File

@@ -1,6 +1,5 @@
<!DOCTYPE html>
<html>
<head>
<title>Zev Averbach</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/basscss/7.0.0/css/basscss.css" />
@@ -10,7 +9,9 @@
.h0 {font-size: 30pt;}
nav a[target="_blank"]:after {content: url("icons8-external-link-50.png");
filter: invert(100%);}
.current-page {opacity: .3;}
</style>
<script src="nav.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-123137342-1"></script>
<script>
@@ -21,22 +22,18 @@
gtag('config', 'UA-123137342-1');
</script>
</head>
<body>
<div id="container" class="m2">
<header class="m2 clearfix">
<body>
<header class="m2 clearfix">
<div class="h0 bold">
<a href="index" style="text-decoration: none; color: inherit;">Zev Averbach's Projects</a>
<a id="title" href="index" style="text-decoration: none; color: inherit;">Zev Averbach</a>
</div>
<nav class="white bg-white">
<div id="nav">
<a href="index" class="btn btn-primary not-rounded py2 bg-blue">About</a>
<a href="projects" class="btn btn-primary not-rounded py2" style="color: rgba(255, 255, 255, .5); background-color: rgba(46,204,64, .4);">Projects</a>
<a href="projects" class="btn btn-primary not-rounded py2 bg-green">Projects</a>
<a href="blog" class="btn btn-primary not-rounded py2 bg-white" style="color: rgba(0, 0, 0, .7); border: 1px solid rgba(0, 0, 0, .1);">Blog</a>
<a href="https://www.linkedin.com/in/zev-averbach-964572156/" target="_blank" class="btn btn-primary not-rounded py2 bg-yellow">LinkedIn</a>
<a href="https://github.com/zevaverbach" target="_blank" class="btn btn-primary not-rounded py2 bg-red">Github</a>
</div>
@@ -44,37 +41,31 @@
</nav>
</header>
<div id="content" class="clear h2 m2 sm-col sm-col-12 md-col-10 lg-col-8">
<div id="tappt" class="ml2">
<span class="h1">Tappt</span>
<p class="ml2 mt1 h3">In 2015 a couple friends and I made <a href="https://www.tappt.co" target="_blank">Tappt (external link)</a> at a hackathon. It's a web app that allows users to search for keywords inside videos. We've since fleshed it out into a commercial service. It's running on Python 3.6 and uses Celery.</a>
</div>
<div id="auto-assigner" class="ml2">
<span class="h1">Auto-Assigner</span>
<p class="ml2 mt1 h3">In the fall of 2017 I designed, implemented, and deployed a work assigner for <a href="https://avtranscription.com" target="_blank">Averbach Transcription (external link)</a> in Python 3.6. This is run as a background process, assigning transcription work automatically based on transcribers' current workloads and general capacities. It saves Averbach Transcription 5-10 hours of labor every week in assigning and re-assigning transcription projects. This is a private project.</p>
</div>
<div id="auto-invoicer" class="ml2">
<span class="h1">Automatic Invoice Generation</span>
<p class="ml2 mt1 h3">In the summer of 2016 I designed, implemented, and deployed automatic invoice generation for <a href="https://avtranscription.com" target="_blank">Averbach Transcription (external link)</a> in Python 3.5. This integrates with Freshbooks web API v2.1, generating invoices from completed transcription projects. It saves Averbach Transcription 10+ hours of labor every month compared to the old manual invoicing process. This is a private project.</p>
</div>
<div id="content" class="clear h2 m2 sm-col sm-col-8 md-col-7 lg-col-6">
<div id="tappt" class="ml2">
<span class="h1">Tappt</span>
<p class="ml2 mt1 h3">In 2015 a couple friends and I made <a href="https://www.tappt.co" target="_blank">Tappt (external link)</a> at a hackathon. It's a web app that allows users to search for keywords inside videos. We've since fleshed it out into a commercial service. It's running on Python 3.6 and uses Celery.</a>
</div>
<div id="auto-assigner" class="ml2">
<span class="h1">Auto-Assigner</span>
<p class="ml2 mt1 h3">In the fall of 2017 I designed, implemented, and deployed a work assigner for <a href="https://avtranscription.com" target="_blank">Averbach Transcription (external link)</a> in Python 3.6. This is run as a background process, assigning transcription work automatically based on transcribers' current workloads and general capacities. It saves Averbach Transcription 5-10 hours of labor every week in assigning and re-assigning transcription projects. This is a private project.</p>
</div>
<div id="auto-invoicer" class="ml2">
<span class="h1">Automatic Invoice Generation</span>
<p class="ml2 mt1 h3">In the summer of 2016 I designed, implemented, and deployed automatic invoice generation for <a href="https://avtranscription.com" target="_blank">Averbach Transcription (external link)</a> in Python 3.5. This integrates with Freshbooks web API v2.1, generating invoices from completed transcription projects. It saves Averbach Transcription 10+ hours of labor every month compared to the old manual invoicing process. This is a private project.</p>
</div>
<div id="budget-bot" class="ml2">
<span class="h1">Budget Bot (for Twilio blog)</span>
<p class="ml2 mt1 h3">In the summer of 2017 I made a fun little proof of concept SMS budget bot for <a href="https://www.twilio.com/blog/2017/06/check-daily-spending-sms-python-plaid-twilio.html" target="_blank">a blog post (external link)</a> I wrote for the Twilio Voices Blog. </a>
</div>
<div id="budget-bot" class="ml2">
<span class="h1">Budget Bot (for Twilio blog)</span>
<p class="ml2 mt1 h3">In the summer of 2017 I made a fun little proof of concept SMS budget bot for <a href="https://www.twilio.com/blog/2017/06/check-daily-spending-sms-python-plaid-twilio.html" target="_blank">a blog post (external link)</a> I wrote for the Twilio Voices Blog. </a>
</div>
</div>
</div>
</body>
</html>
</div>
</body>
</html>

55
what_drives_me.html Normal file
View File

@@ -0,0 +1,55 @@
<!DOCTYPE html>
<html>
<head>
<title>Zev Averbach</title>
<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;}
nav a[target="_blank"]:after {content: url("icons8-external-link-50.png");
filter: invert(100%);}
.current-page {opacity: .3;}
</style>
<script src="nav.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-123137342-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-123137342-1');
</script>
</head>
<body>
<header class="m2 clearfix">
<div class="h0 bold">
<a id="title" href="index" style="text-decoration: none; color: inherit;">Zev Averbach</a>
</div>
<nav class="white bg-white">
<div id="nav">
<a href="index" class="btn btn-primary not-rounded py2 bg-blue">About</a>
<a href="projects" class="btn btn-primary not-rounded py2 bg-green">Projects</a>
<a href="blog" class="btn btn-primary not-rounded py2 bg-white" style="color: rgba(0, 0, 0, .7); border: 1px solid rgba(0, 0, 0, .1);">Blog</a>
<a href="https://www.linkedin.com/in/zev-averbach-964572156/" target="_blank" class="btn btn-primary not-rounded py2 bg-yellow">LinkedIn</a>
<a href="https://github.com/zevaverbach" target="_blank" class="btn btn-primary not-rounded py2 bg-red">Github</a>
</div>
</nav>
</header>
<div id="content" class="clear h2 m2 sm-col sm-col-12 md-col-10 lg-col-8">
<a href="blog"><< back to blog contents</a>
<div id="blog-title" class="h1">Annoyance</div>
<div id="blog-content">
<p>Annoyance. Most of my decisions so far in technology have been driven by my own sense of annoyance at how
a given thing currently works.</p>
</div>
</div>
</body>
</html>