new folder scheme, changed back-end to full-stack in about

This commit is contained in:
2018-08-06 11:48:27 -04:00
parent 87e5bc46de
commit 8a7328527a
7 changed files with 344 additions and 45 deletions

View File

@@ -7,11 +7,11 @@
<style> <style>
body {font-family: "Open Sans", sans-serif} body {font-family: "Open Sans", sans-serif}
.h0 {font-size: 30pt;} .h0 {font-size: 30pt;}
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;}
</style> </style>
<script src="/static/_nav.js"></script> <script src="./static/_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>
@@ -33,16 +33,26 @@
<nav class="white bg-white"> <nav class="white bg-white">
<div id="nav"> <div id="nav">
<a href="/" class="btn btn-primary not-rounded py2 bg-blue">About</a> <a href="/" class="btn btn-primary not-rounded py2" style="background: #F6511D;">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/"
class="btn btn-primary not-rounded py2"
target="_blank"
style="background: #FFB400;">Github</a>
<a href="https://github.com/zevaverbach/" target="_blank" class="btn btn-primary not-rounded py2 bg-red">Github</a>
<a href="https://www.linkedin.com/in/zev-averbach-964572156/"
class="btn btn-primary not-rounded py2"
target="_blank"
style="background: #00A6ED;">LinkedIn</a>
</div> </div>

95
blog/hi.html Normal file
View File

@@ -0,0 +1,95 @@
<!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("./static/_external_link.png");
filter: invert(100%);}
.current-page {opacity: .3;}
</style>
<script src="./static/_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="/" 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="color: #80bfff; background: #001f3f;">About</a>
<a href="projects/"
class="btn btn-primary not-rounded py2"
style="color: #b3dbff; background: #0074D9;">Projects</a>
<a href="blog/" class="btn btn-primary not-rounded py2 bg-white black border">Blog</a>
<a href="https://www.linkedin.com/in/zev-averbach-964572156/"
class="btn btn-primary not-rounded py2"
target="_blank"
style="color: #004966; background: #7FDBFF;">LinkedIn</a>
<a href="https://www.linkedin.com/in/"
class="btn btn-primary not-rounded py2"
target="_blank"
style="color: #0e3e14; background: #2ECC40;">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">Title Of The Post</div>
<p>Make some paragraphs.</p>
</div>
</body>
</html>

View File

@@ -7,11 +7,11 @@
<style> <style>
body {font-family: "Open Sans", sans-serif} body {font-family: "Open Sans", sans-serif}
.h0 {font-size: 30pt;} .h0 {font-size: 30pt;}
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;}
</style> </style>
<script src="/static/_nav.js"></script> <script src="./static/_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>
@@ -33,16 +33,50 @@
<nav class="white bg-white"> <nav class="white bg-white">
<div id="nav"> <div id="nav">
<a href="/" 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="index/"
class="btn btn-primary not-rounded py2"
style="color: #80bfff; background: #001f3f;">About</a>
<a href="https://github.com/zevaverbach/" target="_blank" class="btn btn-primary not-rounded py2 bg-red">Github</a>
<a href="projects/"
class="btn btn-primary not-rounded py2"
style="color: #b3dbff; background: #0074D9;">Projects</a>
<a href="blog/" class="btn btn-primary not-rounded py2 bg-white black border">Blog</a>
<a href="https://www.linkedin.com/in/zev-averbach-964572156/"
class="btn btn-primary not-rounded py2"
target="_blank"
style="color: #004966; background: #7FDBFF;">LinkedIn</a>
<a href="https://www.linkedin.com/in/"
class="btn btn-primary not-rounded py2"
target="_blank"
style="color: #0e3e14; background: #2ECC40;">Github</a>
</div> </div>
@@ -59,7 +93,7 @@
<li><a href="blog">Title Of The Post</a></li> <li><a href="hi">Title Of The Post</a></li>

72
copy_this_to_make_a_page Normal file
View File

@@ -0,0 +1,72 @@
<!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("./static/_external_link.png");
filter: invert(100%);}
.current-page {opacity: .3;}
</style>
<script src="./static/_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="/" style="text-decoration: none; color: inherit;">Zev Averbach</a>
</div>
<nav class="white bg-white">
<div id="nav">
<a href="/" class="btn btn-primary not-rounded py2" style="background: #F6511D;">About</a>
<a href="https://github.com/zevaverbach/"
class="btn btn-primary not-rounded py2"
target="_blank"
style="background: #FFB400;">Github</a>
<a href="https://www.linkedin.com/in/zev-averbach-964572156/"
class="btn btn-primary not-rounded py2"
target="_blank"
style="background: #00A6ED;">LinkedIn</a>
</div>
</nav>
</header>
<div id="content" class="clear h2 m2 sm-col sm-col-12 md-col-10 lg-col-8">
<div>Make some divs...</p>
<p>and/or make some paragraphs.</p>
</div>
</body>
</html>

View File

@@ -7,11 +7,11 @@
<style> <style>
body {font-family: "Open Sans", sans-serif} body {font-family: "Open Sans", sans-serif}
.h0 {font-size: 30pt;} .h0 {font-size: 30pt;}
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;}
</style> </style>
<script src="/static/_nav.js"></script> <script src="./static/_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>
@@ -33,14 +33,50 @@
<nav class="white bg-white"> <nav class="white bg-white">
<div id="nav"> <div id="nav">
<a href="/" 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="https://www.linkedin.com/in/zev-averbach-964572156/" target="_blank" class="btn btn-primary not-rounded py2 bg-yellow">LinkedIn</a>
<a href="index/"
class="btn btn-primary not-rounded py2"
style="color: #80bfff; background: #001f3f;">About</a>
<a href="https://github.com/zevaverbach/" target="_blank" class="btn btn-primary not-rounded py2 bg-red">Github</a>
<a href="projects/"
class="btn btn-primary not-rounded py2"
style="color: #b3dbff; background: #0074D9;">Projects</a>
<a href="blog/" class="btn btn-primary not-rounded py2 bg-white black border">Blog</a>
<a href="https://www.linkedin.com/in/zev-averbach-964572156/"
class="btn btn-primary not-rounded py2"
target="_blank"
style="color: #004966; background: #7FDBFF;">LinkedIn</a>
<a href="https://www.linkedin.com/in/"
class="btn btn-primary not-rounded py2"
target="_blank"
style="color: #0e3e14; background: #2ECC40;">Github</a>
</div> </div>
@@ -51,11 +87,11 @@
<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="/static/zev.jpeg" class="right mr3 mt1" style="height: 10em;"> <img src="./static/zev.jpeg" class="right mr3 mt1" style="height: 10em;">
<p class="ml2">Hi, my name is Zev. I live in Burlington, Vermont, in the United States.</p> <p class="ml2">Hi, my name is Zev. I live in Burlington, Vermont, in the United States.</p>
<p class="ml2" id="availability">As of August 2018 I'm available for full-time employment as a back-end software engineer. <p class="ml2" id="availability">As of August 2018 I'm available for full-time employment as a full-stack software engineer.
My preferred stack is</p> My preferred stack is</p>
<ul class="ml2"> <ul class="ml2">
@@ -71,9 +107,9 @@
<p class="ml2">I'm also familiar with Node.js, PHP, and Django.</p> <p class="ml2">I'm also familiar with Node.js, PHP, and Django.</p>
<p class="ml2">I love to help small businesses solve their worst headaches via technology. <a href="/projects">Here</a> <p class="ml2">I love to help small businesses solve their worst headaches via technology.
are a few projects I've completed to that effect. You'll notice that most of those projects are businesses <a href="/projects">Here</a>
unto themselves: I've started a couple of web-based service businesses, so I have an intimate understanding unto themselves: I've started a couple of web-based service businesses, so I have an intimate understanding
of the challenges entrepreneurs face, and how to strategically apply code and off-the-shelf technology to those challenges.</p> of the challenges entrepreneurs face, and how to strategically apply code and off-the-shelf technology to those challenges.</p>
<p class="ml2" 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 class="ml2" 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>

View File

@@ -7,11 +7,11 @@
<style> <style>
body {font-family: "Open Sans", sans-serif} body {font-family: "Open Sans", sans-serif}
.h0 {font-size: 30pt;} .h0 {font-size: 30pt;}
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;}
</style> </style>
<script src="/static/_nav.js"></script> <script src="./static/_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>
@@ -33,14 +33,50 @@
<nav class="white bg-white"> <nav class="white bg-white">
<div id="nav"> <div id="nav">
<a href="/" 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="https://www.linkedin.com/in/zev-averbach-964572156/" target="_blank" class="btn btn-primary not-rounded py2 bg-yellow">LinkedIn</a>
<a href="index/"
class="btn btn-primary not-rounded py2"
style="color: #80bfff; background: #001f3f;">About</a>
<a href="https://github.com/zevaverbach/" target="_blank" class="btn btn-primary not-rounded py2 bg-red">Github</a>
<a href="projects/"
class="btn btn-primary not-rounded py2"
style="color: #b3dbff; background: #0074D9;">Projects</a>
<a href="blog/" class="btn btn-primary not-rounded py2 bg-white black border">Blog</a>
<a href="https://www.linkedin.com/in/zev-averbach-964572156/"
class="btn btn-primary not-rounded py2"
target="_blank"
style="color: #004966; background: #7FDBFF;">LinkedIn</a>
<a href="https://www.linkedin.com/in/"
class="btn btn-primary not-rounded py2"
target="_blank"
style="color: #0e3e14; background: #2ECC40;">Github</a>
</div> </div>

View File

@@ -21,12 +21,18 @@ var getCurrentPageName = function() {
if (page_name == 'index') return 'about' if (page_name == 'index') return 'about'
if (!['projects', 'index'].includes(page_name)) return 'blog'
return page_name return page_name
} }
var toTitleCase = function (str) {
str = str.toLowerCase().split(' ');
for (var i = 0; i < str.length; i++) {
str[i] = str[i].charAt(0).toUpperCase() + str[i].slice(1);
}
return str.join(' ');
};
window.onload = function() { window.onload = function() {
current_page_name = getCurrentPageName() current_page_name = getCurrentPageName()
@@ -37,11 +43,21 @@ window.onload = function() {
} }
}) })
title_element = d.getElementById('title') title_element = d.getElementById('title')
if (current_page_name == 'blog') { if (current_page_name != 'about') {
d.title = d.title.concat(' | Blog')
title_element.text = title_element.text.concat("\'s Blog") console.log('hi')
} else if (current_page_name == 'projects') { d.title = d.title.concat(` | ${toTitleCase(current_page_name)}`)
d.title = d.title.concat(' | Projects') title_element.text = title_element.text.concat(`'s ${toTitleCase(current_page_name)}`)
title_element.text = title_element.text.concat("\'s Projects")
} }
} }
// title_element = d.getElementById('title')
//
// 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")
// }
//}