Move nav bar to top. It clutters the view, but it works better.

master
Tait Hoyem 4 years ago
parent d23e4c5173
commit 95a0d1174c

@ -1,5 +1,9 @@
<nav>
{% for item in site.data.nav %}
<a href="{{ item.link }}" {% if item.link == page.url %} class="on-page"{% endif %} {% if item.new_tab == true %} target="_blank" rel="noopener noreferrer" {% endif %}>{{ item.name }}</a>
{% endfor %}
<input type="checkbox" id="menu">
<label for="menu">&#9776;</label>
<div class="menu-content">
{% for item in site.data.nav %}
<a href="{{ item.link }}" {% if item.link == page.url %} class="on-page"{% endif %} {% if item.new_tab == true %} target="_blank" rel="noopener noreferrer" {% endif %}>{{ item.name }}</a>
{% endfor %}
</div>
</nav>

@ -32,25 +32,32 @@ a {
text-decoration: none;
color: $link-color;
}
label {
font-size: .8em;
}
#menu,
label[for="menu"]{
display: none;
}
nav {
overflow: auto;
white-space: nowrap;
padding: $nav-padd 0px;
margin: 0px;
}
nav > a:first-of-type {
nav a:first-of-type {
margin-left: 0;
}
nav > a {
nav a {
margin: 1em;
color: $nav-link-color;
font-weight: bold;
font-style: none;
}
nav > a.on-page {
nav a.on-page {
color: #888;
}
nav > a:hover {
nav a:hover {
text-decoration: underline;
}
@ -94,10 +101,6 @@ p.post-excerpt {
padding-top: 10px;
}
label {
font-style: italic;
font-size: .8em;
}
table,
table tr,
@ -108,9 +111,6 @@ table th{
padding: 5px;
font-weight: normal;
}
table tr:nth-child(even) {
background-color: rgba(0, 0, 0, 0.05);
}
table {
width: 75%;
margin: auto;
@ -123,10 +123,6 @@ table.post-list td {
border: none;
padding-left: 0;
}
table.post-list td {
padding-left: 10px;
padding-right: 10px;
}
img {
display: block;
width: 55%;
@ -139,20 +135,35 @@ blockquote {
}
@media screen and (max-width: 600px){
#menu,
label[for="menu"]{
display: inline-block;
font-size: 22px;
}
body {
width: 90%;
}
#info {
margin: 0 7px;
}
.menu-content {
max-height: 0;
overflow: hidden;
}
nav {
width: 100%;
border-bottom: $line-under;
}
nav > a {
nav a {
display: block;
padding-left: 0;
margin-left: 0;
}
input#menu{
display: none;
}
input:checked ~ .menu-content {
max-height: 100%;
border-bottom: $line-under;
}
}

@ -9,15 +9,19 @@
<body>
<div id="wrapper">
<nav>
<a href="/" >Home</a>
<a href="/blog/" >Blog</a>
<a href="https://github.com/TTWNO/" target="_blank" rel="noopener noreferrer" >Code</a>
<a href="/podcast.html" >Podcast</a>
<input type="checkbox" id="menu">
<label for="menu">&#9776;</label>
<div class="menu-content">
<a href="/" >Home</a>
<a href="/blog/" >Blog</a>
<a href="https://github.com/TTWNO/" target="_blank" rel="noopener noreferrer" >Code</a>
<a href="/podcast.html" >Podcast</a>
</div>
</nav>
<h1>RSA: Why? (Part I)</h1>

@ -9,15 +9,19 @@
<body>
<div id="wrapper">
<nav>
<a href="/" >Home</a>
<a href="/blog/" >Blog</a>
<a href="https://github.com/TTWNO/" target="_blank" rel="noopener noreferrer" >Code</a>
<a href="/podcast.html" >Podcast</a>
<input type="checkbox" id="menu">
<label for="menu">&#9776;</label>
<div class="menu-content">
<a href="/" >Home</a>
<a href="/blog/" >Blog</a>
<a href="https://github.com/TTWNO/" target="_blank" rel="noopener noreferrer" >Code</a>
<a href="/podcast.html" >Podcast</a>
</div>
</nav>
<h1>SQL Joins</h1>

@ -9,15 +9,19 @@
<body>
<div id="wrapper">
<nav>
<a href="/" >Home</a>
<a href="/blog/" >Blog</a>
<a href="https://github.com/TTWNO/" target="_blank" rel="noopener noreferrer" >Code</a>
<a href="/podcast.html" >Podcast</a>
<input type="checkbox" id="menu">
<label for="menu">&#9776;</label>
<div class="menu-content">
<a href="/" >Home</a>
<a href="/blog/" >Blog</a>
<a href="https://github.com/TTWNO/" target="_blank" rel="noopener noreferrer" >Code</a>
<a href="/podcast.html" >Podcast</a>
</div>
</nav>
<h1>Padding And Margin</h1>

@ -9,15 +9,19 @@
<body>
<div id="wrapper">
<nav>
<a href="/" >Home</a>
<a href="/blog/" >Blog</a>
<a href="https://github.com/TTWNO/" target="_blank" rel="noopener noreferrer" >Code</a>
<a href="/podcast.html" >Podcast</a>
<input type="checkbox" id="menu">
<label for="menu">&#9776;</label>
<div class="menu-content">
<a href="/" >Home</a>
<a href="/blog/" >Blog</a>
<a href="https://github.com/TTWNO/" target="_blank" rel="noopener noreferrer" >Code</a>
<a href="/podcast.html" >Podcast</a>
</div>
</nav>
<h1>RSA Part 1: Why?</h1>

@ -9,15 +9,19 @@
<body>
<div id="wrapper">
<nav>
<a href="/" >Home</a>
<a href="/blog/" >Blog</a>
<a href="https://github.com/TTWNO/" target="_blank" rel="noopener noreferrer" >Code</a>
<a href="/podcast.html" >Podcast</a>
<input type="checkbox" id="menu">
<label for="menu">&#9776;</label>
<div class="menu-content">
<a href="/" >Home</a>
<a href="/blog/" >Blog</a>
<a href="https://github.com/TTWNO/" target="_blank" rel="noopener noreferrer" >Code</a>
<a href="/podcast.html" >Podcast</a>
</div>
</nav>
<h1>RSA Part 1: Why?</h1>

@ -10,15 +10,19 @@ h2 { font-size: 1.3em; }
a { text-decoration: none; color: #444; }
nav { overflow: auto; white-space: nowrap; padding: 1em 0px; margin: 0px; }
label { font-size: .8em; }
nav > a:first-of-type { margin-left: 0; }
#menu, label[for="menu"] { display: none; }
nav > a { margin: 1em; color: #333; font-weight: bold; }
nav { padding: 1em 0px; margin: 0px; }
nav > a.on-page { color: #888; }
nav a:first-of-type { margin-left: 0; }
nav > a:hover { text-decoration: underline; }
nav a { margin: 1em; color: #333; font-weight: bold; font-style: none; }
nav a.on-page { color: #888; }
nav a:hover { text-decoration: underline; }
li { margin: .5em; }
@ -38,25 +42,23 @@ p { padding: .5em 0; line-height: 1.4em; }
p.post-excerpt { margin-top: 0; padding-top: 10px; }
label { font-style: italic; font-size: .8em; }
table, table tr, table td, table th { border: 1px solid rgba(0, 0, 0, 0.5); border-collapse: collapse; padding: 5px; font-weight: normal; }
table tr:nth-child(even) { background-color: rgba(0, 0, 0, 0.05); }
table { width: 75%; margin: auto; }
table.post-list, table.post-list tr, table.post-list td { width: 100%; border: none; padding-left: 0; }
table.post-list td { padding-left: 10px; padding-right: 10px; }
img { display: block; width: 55%; margin-left: auto; margin-right: auto; }
blockquote { font-style: italic; }
@media screen and (max-width: 600px) { body { width: 90%; }
@media screen and (max-width: 600px) { #menu, label[for="menu"] { display: inline-block; font-size: 22px; }
body { width: 90%; }
#info { margin: 0 7px; }
nav { width: 100%; border-bottom: 1px solid #aaa; }
nav > a { display: block; padding-left: 0; margin-left: 0; } }
.menu-content { max-height: 0; overflow: hidden; }
nav { width: 100%; }
nav a { display: block; padding-left: 0; margin-left: 0; }
input#menu { display: none; }
input:checked ~ .menu-content { max-height: 100%; border-bottom: 1px solid #aaa; } }
/*# sourceMappingURL=style.css.map */

@ -7,8 +7,8 @@
],
"sourcesContent": [
"@import \"main\";\n",
"$normal-text-color: #111;\n$nav-link-color: #333;\n$nav-link-hover-color: black;\n$link-color: #444;\n$last-p-padd: 1.5em;\n$nav-padd: 1em;\n$line-under: 1px solid #aaa; \n\nbody {\n background-color: #fefefe;\n padding: 15px;\n margin: auto;\n max-width: 600px;\n font-family: -apple-system, helvetica, arial, sans-serif;\n}\n#wrapper {\n color: $normal-text-color;\n font-size: 14px;\n}\n#main-name {\n color: rgba(0, 0, 0, 0.8);\n}\nh1, h2, h3, h4, h5, h6 {\n}\nh1 {\n font-size: 1.5em;\n}\nh2 {\n font-size: 1.3em;\n}\na {\n text-decoration: none;\n color: $link-color;\n}\n\nnav {\n overflow: auto;\n white-space: nowrap;\n padding: $nav-padd 0px;\n margin: 0px;\n}\nnav > a:first-of-type {\n margin-left: 0;\n}\nnav > a {\n margin: 1em;\n color: $nav-link-color;\n font-weight: bold;\n}\nnav > a.on-page {\n color: #888;\n}\nnav > a:hover {\n text-decoration: underline; \n}\n\nli {\n margin: .5em;\n}\n\n#main-img {\n width: 100%;\n}\np {\n padding: .5em 0;\n line-height: 1.4em;\n}\n.line-under {\n padding-bottom: $last-p-padd;\n border-bottom: $line-under;\n}\n.article {\n}\n.article a {\n text-decoration: underline;\n}\n.article a:hover {\n color: rgba(0, 0, 0, 0.5);\n}\n.post-date {\n text-transform: uppercase;\n font-weight: bold;\n color: rgba(0, 0, 0, 0.5);\n}\n\n.post-desc {\n color: rgba(0, 0, 0, .7);\n padding: 10px;\n font-weight: lighter;\n}\n\np.post-excerpt {\n margin-top: 0;\n padding-top: 10px;\n}\n\nlabel {\n font-style: italic;\n font-size: .8em;\n}\n\ntable,\ntable tr,\ntable td,\ntable th{\n border: 1px solid rgba(0, 0, 0, 0.5);\n border-collapse: collapse;\n padding: 5px;\n font-weight: normal;\n}\ntable tr:nth-child(even) {\n background-color: rgba(0, 0, 0, 0.05);\n}\ntable {\n width: 75%;\n margin: auto;\n}\n\ntable.post-list,\ntable.post-list tr,\ntable.post-list td {\n width: 100%;\n border: none;\n padding-left: 0;\n}\ntable.post-list td {\n padding-left: 10px;\n padding-right: 10px;\n}\nimg {\n display: block;\n width: 55%;\n margin-left: auto;\n margin-right: auto;\n}\n\nblockquote {\n font-style: italic;\n}\n\n@media screen and (max-width: 600px){\n body {\n width: 90%;\n }\n #info {\n margin: 0 7px;\n }\n nav {\n width: 100%;\n border-bottom: $line-under;\n }\n nav > a {\n display: block;\n padding-left: 0;\n margin-left: 0;\n }\n}\n\n"
"$normal-text-color: #111;\n$nav-link-color: #333;\n$nav-link-hover-color: black;\n$link-color: #444;\n$last-p-padd: 1.5em;\n$nav-padd: 1em;\n$line-under: 1px solid #aaa; \n\nbody {\n background-color: #fefefe;\n padding: 15px;\n margin: auto;\n max-width: 600px;\n font-family: -apple-system, helvetica, arial, sans-serif;\n}\n#wrapper {\n color: $normal-text-color;\n font-size: 14px;\n}\n#main-name {\n color: rgba(0, 0, 0, 0.8);\n}\nh1, h2, h3, h4, h5, h6 {\n}\nh1 {\n font-size: 1.5em;\n}\nh2 {\n font-size: 1.3em;\n}\na {\n text-decoration: none;\n color: $link-color;\n}\nlabel {\n font-size: .8em;\n}\n\n#menu,\nlabel[for=\"menu\"]{\n display: none;\n}\n\nnav {\n padding: $nav-padd 0px;\n margin: 0px;\n}\nnav a:first-of-type {\n margin-left: 0;\n}\nnav a {\n margin: 1em;\n color: $nav-link-color;\n font-weight: bold;\n font-style: none;\n}\nnav a.on-page {\n color: #888;\n}\nnav a:hover {\n text-decoration: underline; \n}\n\nli {\n margin: .5em;\n}\n\n#main-img {\n width: 100%;\n}\np {\n padding: .5em 0;\n line-height: 1.4em;\n}\n.line-under {\n padding-bottom: $last-p-padd;\n border-bottom: $line-under;\n}\n.article {\n}\n.article a {\n text-decoration: underline;\n}\n.article a:hover {\n color: rgba(0, 0, 0, 0.5);\n}\n.post-date {\n text-transform: uppercase;\n font-weight: bold;\n color: rgba(0, 0, 0, 0.5);\n}\n\n.post-desc {\n color: rgba(0, 0, 0, .7);\n padding: 10px;\n font-weight: lighter;\n}\n\np.post-excerpt {\n margin-top: 0;\n padding-top: 10px;\n}\n\n\ntable,\ntable tr,\ntable td,\ntable th{\n border: 1px solid rgba(0, 0, 0, 0.5);\n border-collapse: collapse;\n padding: 5px;\n font-weight: normal;\n}\ntable {\n width: 75%;\n margin: auto;\n}\n\ntable.post-list,\ntable.post-list tr,\ntable.post-list td {\n width: 100%;\n border: none;\n padding-left: 0;\n}\nimg {\n display: block;\n width: 55%;\n margin-left: auto;\n margin-right: auto;\n}\n\nblockquote {\n font-style: italic;\n}\n\n@media screen and (max-width: 600px){\n #menu,\n label[for=\"menu\"]{\n display: inline-block;\n font-size: 22px;\n }\n body {\n width: 90%;\n }\n #info {\n margin: 0 7px;\n }\n .menu-content {\n max-height: 0;\n overflow: hidden;\n }\n nav {\n width: 100%;\n }\n nav a {\n display: block;\n padding-left: 0;\n margin-left: 0;\n }\n input#menu{\n display: none;\n }\n input:checked ~ .menu-content {\n max-height: 100%;\n border-bottom: $line-under;\n }\n}\n\n"
],
"names": [],
"mappings": "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"
"mappings": "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"
}

@ -9,15 +9,19 @@
<body>
<div id="wrapper">
<nav>
<a href="/" >Home</a>
<a href="/blog/" class="on-page" >Blog</a>
<a href="https://github.com/TTWNO/" target="_blank" rel="noopener noreferrer" >Code</a>
<a href="/podcast.html" >Podcast</a>
<input type="checkbox" id="menu">
<label for="menu">&#9776;</label>
<div class="menu-content">
<a href="/" >Home</a>
<a href="/blog/" class="on-page" >Blog</a>
<a href="https://github.com/TTWNO/" target="_blank" rel="noopener noreferrer" >Code</a>
<a href="/podcast.html" >Podcast</a>
</div>
</nav>
<table class="post-list">

@ -1,4 +1,4 @@
<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.0.0">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2020-01-27T23:30:32+00:00</updated><id>http://localhost:4000/feed.xml</id><entry><title type="html">RSA Part 1: Why?</title><link href="http://localhost:4000/2020/01/26/rsa1.html" rel="alternate" type="text/html" title="RSA Part 1: Why?" /><published>2020-01-26T00:00:00+00:00</published><updated>2020-01-26T00:00:00+00:00</updated><id>http://localhost:4000/2020/01/26/rsa1</id><content type="html" xml:base="http://localhost:4000/2020/01/26/rsa1.html">&lt;p&gt;What is the most embarassing thing you have typed into Google search? What is the most personal secret you told a friend in confidence? What is your bank password? What is your businesss secret to stay ahead of the competition?&lt;/p&gt;
<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.0.0">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2020-01-28T00:23:21+00:00</updated><id>http://localhost:4000/feed.xml</id><entry><title type="html">RSA Part 1: Why?</title><link href="http://localhost:4000/2020/01/26/rsa1.html" rel="alternate" type="text/html" title="RSA Part 1: Why?" /><published>2020-01-26T00:00:00+00:00</published><updated>2020-01-26T00:00:00+00:00</updated><id>http://localhost:4000/2020/01/26/rsa1</id><content type="html" xml:base="http://localhost:4000/2020/01/26/rsa1.html">&lt;p&gt;What is the most embarassing thing you have typed into Google search? What is the most personal secret you told a friend in confidence? What is your bank password? What is your businesss secret to stay ahead of the competition?&lt;/p&gt;
&lt;p&gt;Now at first these questions may seem not completely related. There is a point though: You likely sent all of this information over the internet.&lt;/p&gt;

@ -7,7 +7,24 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<h1 id="main-name">Tait Hoyem</h1>
<div id="wrapper">
<nav>
<input type="checkbox" id="menu">
<label for="menu">&#9776;</label>
<div class="menu-content">
<a href="/" class="on-page" >Home</a>
<a href="/blog/" >Blog</a>
<a href="https://github.com/TTWNO/" target="_blank" rel="noopener noreferrer" >Code</a>
<a href="/podcast.html" >Podcast</a>
</div>
</nav>
<h1 id="main-name">Tait Hoyem</h1>
<img id="main-img" src="/assets/img/banff.jpg" alt="A photot I took of the valley Banff, Alberta sits in">
<label for="main-img">Alberta, Canada</label>
@ -26,17 +43,6 @@
I am a student at the Southern Alberta Institute of Technology (SAIT). My goal is to help visually-impaired and blind individuals use the everyday technology that sighted people do. My next project will bring paper books to the ears of blind individuals.
</p>
<nav>
<a href="/" class="on-page" >Home</a>
<a href="/blog/" >Blog</a>
<a href="https://github.com/TTWNO/" target="_blank" rel="noopener noreferrer" >Code</a>
<a href="/podcast.html" >Podcast</a>
</nav>
</div>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

@ -9,15 +9,19 @@
<body>
<div id="wrapper">
<nav>
<a href="/" >Home</a>
<a href="/blog/" >Blog</a>
<a href="https://github.com/TTWNO/" target="_blank" rel="noopener noreferrer" >Code</a>
<a href="/podcast.html" class="on-page" >Podcast</a>
<input type="checkbox" id="menu">
<label for="menu">&#9776;</label>
<div class="menu-content">
<a href="/" >Home</a>
<a href="/blog/" >Blog</a>
<a href="https://github.com/TTWNO/" target="_blank" rel="noopener noreferrer" >Code</a>
<a href="/podcast.html" class="on-page" >Podcast</a>
</div>
</nav>
<p>This is not ready yet. Come back February 2020.</p>

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

@ -1,5 +1,5 @@
---
layout: home
layout: default
---
<h1 id="main-name">Tait Hoyem</h1>

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Loading…
Cancel
Save