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

minor aesthetic changes

Browse Source
This commit is contained in:
zevav
2018-08-01 10:46:45 -04:00
parent c5143f1407
commit eb88de0d6b
6 changed files with 263 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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>

20
index.html
View File

@@ -1,6 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>Zev Averbach</title> <title>Zev Averbach</title>
<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" />
@@ -10,7 +9,9 @@
.h0 {font-size: 30pt;} .h0 {font-size: 30pt;}
nav a[target="_blank"]:after {content: url("icons8-external-link-50.png"); nav a[target="_blank"]:after {content: url("icons8-external-link-50.png");
filter: invert(100%);} filter: invert(100%);}
.current-page {opacity: .3;}
</style> </style>
<script src="nav.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics --> <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-123137342-1"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-123137342-1"></script>
<script> <script>
@@ -21,22 +22,18 @@
gtag('config', 'UA-123137342-1'); gtag('config', 'UA-123137342-1');
</script> </script>
</head> </head>
<body> <body>
<div id="container" class="m2">
<header class="m2 clearfix"> <header class="m2 clearfix">
<div class="h0 bold"> <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> </div>
<nav class="white bg-white"> <nav class="white bg-white">
<div id="nav"> <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="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://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> <a href="https://github.com/zevaverbach" target="_blank" class="btn btn-primary not-rounded py2 bg-red">Github</a>
</div> </div>
@@ -44,10 +41,9 @@
</nav> </nav>
</header> </header>
<div id="content" class="clear h2 m2 sm-col sm-col-12 md-col-10 lg-col-8"> <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;"> <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>Hi, my name is Zev. I live in Burlington, Vermont, in the United States.</p>
@@ -58,11 +54,7 @@
<p id="contact">You can reach me at z at this domain.</p> <p id="contact">You can reach me at z at this domain.</p>
</div>
</div> </div>
</body> </body>
</html> </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")
}
}

21
projects.html
View File

@@ -1,6 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>Zev Averbach</title> <title>Zev Averbach</title>
<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" />
@@ -10,7 +9,9 @@
.h0 {font-size: 30pt;} .h0 {font-size: 30pt;}
nav a[target="_blank"]:after {content: url("icons8-external-link-50.png"); nav a[target="_blank"]:after {content: url("icons8-external-link-50.png");
filter: invert(100%);} filter: invert(100%);}
.current-page {opacity: .3;}
</style> </style>
<script src="nav.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics --> <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-123137342-1"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-123137342-1"></script>
<script> <script>
@@ -21,22 +22,18 @@
gtag('config', 'UA-123137342-1'); gtag('config', 'UA-123137342-1');
</script> </script>
</head> </head>
<body> <body>
<div id="container" class="m2">
<header class="m2 clearfix"> <header class="m2 clearfix">
<div class="h0 bold"> <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> </div>
<nav class="white bg-white"> <nav class="white bg-white">
<div id="nav"> <div id="nav">
<a href="index" class="btn btn-primary not-rounded py2 bg-blue">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" 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://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> <a href="https://github.com/zevaverbach" target="_blank" class="btn btn-primary not-rounded py2 bg-red">Github</a>
</div> </div>
@@ -44,10 +41,9 @@
</nav> </nav>
</header> </header>
<div id="content" class="clear h2 m2 sm-col sm-col-12 md-col-10 lg-col-8">
<div id="content" class="clear h2 m2 sm-col sm-col-8 md-col-7 lg-col-6">
<div id="tappt" class="ml2"> <div id="tappt" class="ml2">
<span class="h1">Tappt</span> <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> <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>
@@ -71,10 +67,5 @@
</div> </div>
</div>
</body> </body>
</html> </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>