minor aesthetic changes
This commit is contained in:
58
blog.html
Normal file
58
blog.html
Normal 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
55
how_i_made_this_blog.html
Normal 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>
|
||||
52
index.html
52
index.html
@@ -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
42
nav.js
Normal 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")
|
||||
|
||||
}
|
||||
}
|
||||
@@ -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
55
what_drives_me.html
Normal 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>
|
||||
Reference in New Issue
Block a user