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>
body {font-family: "Open Sans", sans-serif}
.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%);}
.current-page {opacity: .3;}
</style>
<script src="/static/_nav.js"></script>
<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>
@@ -33,17 +33,27 @@
<nav class="white bg-white">
<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="/" class="btn btn-primary not-rounded py2" style="background: #F6511D;">About</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>
<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>

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>
body {font-family: "Open Sans", sans-serif}
.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%);}
.current-page {opacity: .3;}
</style>
<script src="/static/_nav.js"></script>
<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>
@@ -33,17 +33,51 @@
<nav class="white bg-white">
<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="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="https://www.linkedin.com/in/zev-averbach-964572156/" target="_blank" class="btn btn-primary not-rounded py2 bg-yellow">LinkedIn</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://github.com/zevaverbach/" target="_blank" class="btn btn-primary not-rounded py2 bg-red">Github</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>
@@ -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>
body {font-family: "Open Sans", sans-serif}
.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%);}
.current-page {opacity: .3;}
</style>
<script src="/static/_nav.js"></script>
<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>
@@ -33,15 +33,51 @@
<nav class="white bg-white">
<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="index/"
class="btn btn-primary not-rounded py2"
style="color: #80bfff; background: #001f3f;">About</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="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://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="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>
@@ -51,11 +87,11 @@
<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" 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>
<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 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. You'll notice that most of those projects are businesses
unto themselves: I've started a couple of web-based service businesses, so I have an intimate understanding
<p class="ml2">I love to help small businesses solve their worst headaches via technology.
<a href="/projects">Here</a>
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>
<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>
body {font-family: "Open Sans", sans-serif}
.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%);}
.current-page {opacity: .3;}
</style>
<script src="/static/_nav.js"></script>
<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>
@@ -33,15 +33,51 @@
<nav class="white bg-white">
<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="index/"
class="btn btn-primary not-rounded py2"
style="color: #80bfff; background: #001f3f;">About</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="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://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="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>

View File

@@ -21,12 +21,18 @@ var getCurrentPageName = function() {
if (page_name == 'index') return 'about'
if (!['projects', 'index'].includes(page_name)) return 'blog'
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() {
current_page_name = getCurrentPageName()
@@ -37,11 +43,21 @@ window.onload = function() {
}
})
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")
if (current_page_name != 'about') {
console.log('hi')
d.title = d.title.concat(` | ${toTitleCase(current_page_name)}`)
title_element.text = title_element.text.concat(`'s ${toTitleCase(current_page_name)}`)
}
}
// 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")
// }
//}