Thu Jan 23 21:26:51 UTC 2020 modifications; remove test article

master
Tait Hoyem 4 years ago
parent 960443264d
commit 32f68d6e37

@ -5,4 +5,5 @@
- name: Podcast
link: /podcast.html
- name: Code
new_tab: true
link: https://github.com/TTWNO/

@ -1,5 +1,5 @@
<nav>
{% for item in site.data.nav %}
<a href="{{ item.link }}" {% if item.link == page.url %} class="on-page"{% endif %}>{{ item.name }}</a>
<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 %}
</nav>

@ -10,14 +10,16 @@ body {
padding: 15px;
margin: auto;
max-width: 600px;
font-family: -apple-system, helvetica, arial, sans-serif;
}
#wrapper {
color: $normal-text-color;
font-family: arial;
font-size: 14px;
}
#main-name {
color: rgba(0, 0, 0, 0.8);
}
h1, h2, h3, h4, h5, h6 {
font-family: helvetica, arial, sans-serif;
}
h1 {
font-size: 1.5em;
@ -41,7 +43,6 @@ nav > a {
margin: 1em;
color: $nav-link-color;
font-weight: bold;
font-family: helvetica, arial, sans-serif;
}
nav > a.on-page {
color: #888;
@ -50,6 +51,10 @@ nav > a:hover {
text-decoration: underline;
}
li {
margin: .5em;
}
#main-img {
width: 100%;
}
@ -62,11 +67,9 @@ p {
border-bottom: 1px solid #aaa;
}
.article {
font-family: -apple-system, Helvetica, arial, sans-serif;
}
.post-date {
font-family: -apple-system, Helvetica, arial, sans-serif;
text-transform: uppercase;
font-weight: bold;
color: rgba(0, 0, 0, 0.5);
@ -118,5 +121,8 @@ img {
#info {
margin: 0 7px;
}
nav {
width: 90%;
}
}

@ -10,13 +10,13 @@
<div id="wrapper">
<nav>
<a href="/" >Home</a>
<a href="/" >Home</a>
<a href="/blog.html" >Blog</a>
<a href="/blog.html" >Blog</a>
<a href="/podcast.html" >Podcast</a>
<a href="/podcast.html" >Podcast</a>
<a href="https://github.com/TTWNO/" >Code</a>
<a href="https://github.com/TTWNO/" target="_blank" rel="noopener noreferrer" >Code</a>
</nav>

@ -10,13 +10,13 @@
<div id="wrapper">
<nav>
<a href="/" >Home</a>
<a href="/" >Home</a>
<a href="/blog.html" >Blog</a>
<a href="/blog.html" >Blog</a>
<a href="/podcast.html" >Podcast</a>
<a href="/podcast.html" >Podcast</a>
<a href="https://github.com/TTWNO/" >Code</a>
<a href="https://github.com/TTWNO/" target="_blank" rel="noopener noreferrer" >Code</a>
</nav>

@ -1,8 +1,8 @@
body { background-color: #fefefe; padding: 15px; margin: auto; max-width: 600px; }
body { background-color: #fefefe; padding: 15px; margin: auto; max-width: 600px; font-family: -apple-system, helvetica, arial, sans-serif; }
#wrapper { color: #111; font-family: arial; font-size: 14px; }
#wrapper { color: #111; font-size: 14px; }
h1, h2, h3, h4, h5, h6 { font-family: helvetica, arial, sans-serif; }
#main-name { color: rgba(0, 0, 0, 0.8); }
h1 { font-size: 1.5em; }
@ -14,21 +14,21 @@ nav { padding: 1em 0px; margin: 0px; }
nav > a:first-of-type { margin-left: 0; }
nav > a { margin: 1em; color: #333; font-weight: bold; font-family: helvetica, arial, sans-serif; }
nav > a { margin: 1em; color: #333; font-weight: bold; }
nav > a.on-page { color: #888; }
nav > a:hover { text-decoration: underline; }
li { margin: .5em; }
#main-img { width: 100%; }
p { padding: .5em 0; line-height: 1.4em; }
.line-under { padding-bottom: 1.5em; border-bottom: 1px solid #aaa; }
.article { font-family: -apple-system, Helvetica, arial, sans-serif; }
.post-date { font-family: -apple-system, Helvetica, arial, sans-serif; text-transform: uppercase; font-weight: bold; color: rgba(0, 0, 0, 0.5); }
.post-date { text-transform: uppercase; font-weight: bold; color: rgba(0, 0, 0, 0.5); }
p.post-excerpt { margin-top: 0; padding-top: 10px; }
@ -43,6 +43,7 @@ table.post-list, table.post-list tr, table.post-list td { width: 100%; border: n
img { display: block; width: 55%; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 600px) { body { width: 90%; }
#info { margin: 0 7px; } }
#info { margin: 0 7px; }
nav { width: 90%; } }
/*# 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\nbody {\n background-color: #fefefe;\n padding: 15px;\n margin: auto;\n max-width: 600px;\n}\n#wrapper {\n color: $normal-text-color;\n font-family: arial;\n font-size: 14px;\n}\nh1, h2, h3, h4, h5, h6 {\n font-family: helvetica, arial, sans-serif;\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 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-family: helvetica, arial, sans-serif;\n}\nnav > a.on-page {\n color: #888;\n}\nnav > a:hover {\n text-decoration: underline; \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: 1px solid #aaa;\n}\n.article {\n font-family: -apple-system, Helvetica, arial, sans-serif;\n}\n\n.post-date {\n font-family: -apple-system, Helvetica, arial, sans-serif;\n text-transform: uppercase;\n font-weight: bold;\n color: rgba(0, 0, 0, 0.5);\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 {\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}\n\nimg {\n display: block;\n width: 55%;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media screen and (max-width: 600px){\n body {\n width: 90%;\n }\n #info {\n margin: 0 7px;\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\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 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: 1px solid #aaa;\n}\n.article {\n}\n\n.post-date {\n text-transform: uppercase;\n font-weight: bold;\n color: rgba(0, 0, 0, 0.5);\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 {\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}\n\nimg {\n display: block;\n width: 55%;\n margin-left: auto;\n margin-right: auto;\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: 90%;\n }\n}\n\n"
],
"names": [],
"mappings": "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"
"mappings": "ACOA,AAAA,IAAI,CAAC,EACH,gBAAgB,EAAE,OAAO,EACzB,OAAO,EAAE,IAAI,EACb,MAAM,EAAE,IAAI,EACZ,SAAS,EAAE,KAAK,EAChB,WAAW,EAAE,2CAA2C,GACzD;;AACD,AAAA,QAAQ,CAAC,EACP,KAAK,EAfa,IAAI,EAgBtB,SAAS,EAAE,IAAI,GAChB;;AACD,AAAA,UAAU,CAAC,EACT,KAAK,EAAE,kBAAkB,GAC1B;;AAGD,AAAA,EAAE,CAAC,EACD,SAAS,EAAE,KAAK,GACjB;;AACD,AAAA,EAAE,CAAC,EACD,SAAS,EAAE,KAAK,GACjB;;AACD,AAAA,CAAC,CAAC,EACA,eAAe,EAAE,IAAI,EACrB,KAAK,EA5BM,IAAI,GA6BhB;;AAED,AAAA,GAAG,CAAC,EACF,OAAO,EA9BE,GAAG,CA8BO,GAAG,EACtB,MAAM,EAAE,GAAG,GACZ;;AACD,AAAA,GAAG,GAAG,CAAC,AAAA,cAAc,CAAC,EACpB,WAAW,EAAE,CAAC,GACf;;AACD,AAAA,GAAG,GAAG,CAAC,CAAC,EACN,MAAM,EAAE,GAAG,EACX,KAAK,EA1CU,IAAI,EA2CnB,WAAW,EAAE,IAAI,GAClB;;AACD,AAAA,GAAG,GAAG,CAAC,AAAA,QAAQ,CAAC,EACd,KAAK,EAAE,IAAI,GACZ;;AACD,AAAA,GAAG,GAAG,CAAC,AAAA,MAAM,CAAC,EACZ,eAAe,EAAE,SAAS,GAC3B;;AAED,AAAA,EAAE,CAAC,EACD,MAAM,EAAE,IAAI,GACb;;AAED,AAAA,SAAS,CAAC,EACR,KAAK,EAAE,IAAI,GACZ;;AACD,AAAA,CAAC,CAAC,EACA,OAAO,EAAE,MAAM,EACf,WAAW,EAAE,KAAK,GACnB;;AACD,AAAA,WAAW,CAAC,EACV,cAAc,EA7DF,KAAK,EA8DjB,aAAa,EAAE,cAAc,GAC9B;;AAID,AAAA,UAAU,CAAC,EACT,cAAc,EAAE,SAAS,EACzB,WAAW,EAAE,IAAI,EACjB,KAAK,EAAE,kBAAkB,GAC1B;;AAED,AAAA,CAAC,AAAA,aAAa,CAAC,EACb,UAAU,EAAE,CAAC,EACb,WAAW,EAAE,IAAI,GAClB;;AAED,AAAA,KAAK,CAAC,EACJ,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,IAAI,GAChB;;AAED,AAAA,KAAK,EACL,KAAK,CAAC,EAAE,EACR,KAAK,CAAC,EAAE,EACR,KAAK,CAAC,EAAE,CAAA,EACN,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,kBAAkB,EACpC,eAAe,EAAE,QAAQ,EACzB,OAAO,EAAE,GAAG,EACZ,WAAW,EAAE,MAAM,GACpB;;AACD,AAAA,KAAK,CAAC,EACJ,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,IAAI,GACb;;AAED,AAAA,KAAK,AAAA,UAAU,EACf,KAAK,AAAA,UAAU,CAAC,EAAE,EAClB,KAAK,AAAA,UAAU,CAAC,EAAE,CAAC,EACjB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,YAAY,EAAE,CAAC,GAChB;;AAED,AAAA,GAAG,CAAC,EACF,OAAO,EAAE,KAAK,EACd,KAAK,EAAE,GAAG,EACV,WAAW,EAAE,IAAI,EACjB,YAAY,EAAE,IAAI,GACnB;;AAED,MAAM,CAAC,MAAM,MAAM,SAAS,EAAE,KAAK,IACjC,AAAA,IAAI,CAAC,EACH,KAAK,EAAE,GAAG,GACX;EACD,AAAA,KAAK,CAAC,EACJ,MAAM,EAAE,KAAK,GACd;EACD,AAAA,GAAG,CAAC,EACF,KAAK,EAAE,GAAG,GACX"
}

@ -10,13 +10,13 @@
<div id="wrapper">
<nav>
<a href="/" >Home</a>
<a href="/" >Home</a>
<a href="/blog.html" class="on-page">Blog</a>
<a href="/blog.html" class="on-page" >Blog</a>
<a href="/podcast.html" >Podcast</a>
<a href="/podcast.html" >Podcast</a>
<a href="https://github.com/TTWNO/" >Code</a>
<a href="https://github.com/TTWNO/" target="_blank" rel="noopener noreferrer" >Code</a>
</nav>

@ -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-23T03:10:24+00:00</updated><id>http://localhost:4000/feed.xml</id><entry><title type="html">Padding And Margin</title><link href="http://localhost:4000/2020/01/22/padding-and-margin.html" rel="alternate" type="text/html" title="Padding And Margin" /><published>2020-01-22T00:00:00+00:00</published><updated>2020-01-22T00:00:00+00:00</updated><id>http://localhost:4000/2020/01/22/padding-and-margin</id><content type="html" xml:base="http://localhost:4000/2020/01/22/padding-and-margin.html">&lt;p&gt;Many people have expressed confusion over how padding and margins work in HTML/CSS. I have been one of those people. In this short article I will explain what the differences are between the two, and how it may affect the functionality of your site.&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-23T21:26:24+00:00</updated><id>http://localhost:4000/feed.xml</id><entry><title type="html">Padding And Margin</title><link href="http://localhost:4000/2020/01/22/padding-and-margin.html" rel="alternate" type="text/html" title="Padding And Margin" /><published>2020-01-22T00:00:00+00:00</published><updated>2020-01-22T00:00:00+00:00</updated><id>http://localhost:4000/2020/01/22/padding-and-margin</id><content type="html" xml:base="http://localhost:4000/2020/01/22/padding-and-margin.html">&lt;p&gt;Many people have expressed confusion over how padding and margins work in HTML/CSS. I have been one of those people. In this short article I will explain what the differences are between the two, and how it may affect the functionality of your site.&lt;/p&gt;
&lt;p&gt;Here is an image from the World Wide Web Consortium (W3C) who sets the standards for the web.&lt;/p&gt;

@ -7,7 +7,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<h1>Tait Hoyem</h1>
<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">Banff, Alberta, Canada</label>
@ -28,13 +28,13 @@
<nav>
<a href="/" class="on-page">Home</a>
<a href="/" class="on-page" >Home</a>
<a href="/blog.html" >Blog</a>
<a href="/blog.html" >Blog</a>
<a href="/podcast.html" >Podcast</a>
<a href="/podcast.html" >Podcast</a>
<a href="https://github.com/TTWNO/" >Code</a>
<a href="https://github.com/TTWNO/" target="_blank" rel="noopener noreferrer" >Code</a>
</nav>

@ -10,13 +10,13 @@
<div id="wrapper">
<nav>
<a href="/" >Home</a>
<a href="/" >Home</a>
<a href="/blog.html" >Blog</a>
<a href="/blog.html" >Blog</a>
<a href="/podcast.html" class="on-page">Podcast</a>
<a href="/podcast.html" class="on-page" >Podcast</a>
<a href="https://github.com/TTWNO/" >Code</a>
<a href="https://github.com/TTWNO/" target="_blank" rel="noopener noreferrer" >Code</a>
</nav>

@ -1,7 +1,7 @@
---
layout: home
---
<h1>Tait Hoyem</h1>
<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">Banff, Alberta, Canada</label>

Loading…
Cancel
Save