Super basic page rendering
This commit is contained in:
parent
deed18de91
commit
9cd0ac5b88
10
config.toml
10
config.toml
@ -14,11 +14,13 @@ render_emoji = true
|
||||
external_links_target_blank = true
|
||||
|
||||
[extra]
|
||||
# Website
|
||||
domain_name = "ewpratten.com"
|
||||
# Me
|
||||
name = "Evan Pratten"
|
||||
profession = "Software Developer"
|
||||
email = "contact@ewpratten.com"
|
||||
twitter = "ewpratten"
|
||||
profile_photo = "https://avatars.githubusercontent.com/u/21065412"
|
||||
# Accounts
|
||||
email = "evan@ewpratten.com"
|
||||
github = "ewpratten"
|
||||
qrz = "va3zza"
|
||||
linkedin = "ewpratten"
|
||||
profile_photo = "https://avatars.githubusercontent.com/u/21065412"
|
||||
3
sass/styles/fixes/instagram.scss
Normal file
3
sass/styles/fixes/instagram.scss
Normal file
@ -0,0 +1,3 @@
|
||||
#instagram-embed-0 {
|
||||
margin: auto !important;
|
||||
}
|
||||
4
sass/styles/fixes/markdown.scss
Normal file
4
sass/styles/fixes/markdown.scss
Normal file
@ -0,0 +1,4 @@
|
||||
.markdown-body table {
|
||||
margin: auto !important;
|
||||
width: fit-content !important;
|
||||
}
|
||||
4
sass/styles/fixes/mermaid.scss
Normal file
4
sass/styles/fixes/mermaid.scss
Normal file
@ -0,0 +1,4 @@
|
||||
.mermaid {
|
||||
width: fit-content;
|
||||
margin: auto;
|
||||
}
|
||||
4
sass/styles/fixes/tiktok.scss
Normal file
4
sass/styles/fixes/tiktok.scss
Normal file
@ -0,0 +1,4 @@
|
||||
.tiktok-embed {
|
||||
border: none !important;
|
||||
margin: auto !important;
|
||||
}
|
||||
9
sass/styles/fixes/youtube.scss
Normal file
9
sass/styles/fixes/youtube.scss
Normal file
@ -0,0 +1,9 @@
|
||||
.yt-embed {
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
|
||||
iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
@ -1,321 +0,0 @@
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: "Urbanist", sans-serif;
|
||||
font-weight: bolder;
|
||||
}
|
||||
p,
|
||||
li,
|
||||
span {
|
||||
font-family: "Rubik", sans-serif;
|
||||
font-weight: normal;
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
|
||||
&:visited {
|
||||
color: blue;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: blueviolet;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
// margin-bottom: 30px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.mobile-hidden {
|
||||
@media only screen and (max-width: 650px) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.yt-embed {
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
|
||||
iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 700px;
|
||||
margin: auto;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.profile-card {
|
||||
margin-top: 30px;
|
||||
margin-bottom: 30px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
||||
.row {
|
||||
width: max-content;
|
||||
max-width: 95vw;
|
||||
margin: auto;
|
||||
overflow-wrap: normal;
|
||||
|
||||
.headshot-container {
|
||||
display: inline-block;
|
||||
max-width: 150px;
|
||||
@media only screen and (max-width: 399px) {
|
||||
display: block;
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
}
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.text-container {
|
||||
display: inline-block;
|
||||
margin-left: 20px;
|
||||
h1,
|
||||
p {
|
||||
margin: 0px;
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.navigation-bar {
|
||||
text-align: center;
|
||||
p {
|
||||
margin: 0px;
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.blog-post-li {
|
||||
margin: 0.25em;
|
||||
}
|
||||
|
||||
.gray {
|
||||
color: gray;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.events-list {
|
||||
& > li {
|
||||
color: gray;
|
||||
}
|
||||
& > ul {
|
||||
& > li {
|
||||
& > div {
|
||||
display: table-row;
|
||||
& > span {
|
||||
display: table-cell;
|
||||
|
||||
&:first-of-type {
|
||||
color: gray;
|
||||
width: 30px;
|
||||
text-align: center;
|
||||
padding-right: 8px;
|
||||
|
||||
// Only Firefox supports this
|
||||
// letter-spacing: -0.35em;
|
||||
// text-transform: full-width;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mermaid {
|
||||
width: fit-content;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.zola-github-card {
|
||||
border-radius: 5px;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 1px;
|
||||
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
|
||||
transition: all 0.1s ease 0s;
|
||||
|
||||
&:hover {
|
||||
box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 15px;
|
||||
}
|
||||
}
|
||||
|
||||
#instagram-embed-0 {
|
||||
margin: auto !important;
|
||||
}
|
||||
|
||||
.tiktok-embed {
|
||||
border: none !important;
|
||||
margin: auto !important;
|
||||
}
|
||||
|
||||
.markdown-body table {
|
||||
margin: auto !important;
|
||||
width: fit-content !important;
|
||||
}
|
||||
|
||||
.blog-post-listing-item {
|
||||
color: black !important;
|
||||
& > div {
|
||||
border-left: solid rgb(201, 201, 201) 5px;
|
||||
&:hover {
|
||||
border-left: solid black 5px;
|
||||
}
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
h4,
|
||||
h1,
|
||||
p {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: rgb(85, 85, 85) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.pn-previous,
|
||||
.pn-next {
|
||||
border: 1px solid black;
|
||||
border-radius: 5px;
|
||||
padding: 5px;
|
||||
color: black !important;
|
||||
&:hover {
|
||||
color: rgb(85, 85, 85) !important;
|
||||
border: 1px solid rgb(85, 85, 85) !important;
|
||||
}
|
||||
}
|
||||
|
||||
#footer {
|
||||
margin-top: 2em;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.carded-section {
|
||||
border: 1px solid black;
|
||||
width: 100%;
|
||||
|
||||
& > .header {
|
||||
background-color: aliceblue;
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
padding-top: 15px;
|
||||
padding-bottom: 15px;
|
||||
|
||||
border-bottom: 1px solid rgb(201, 201, 201);
|
||||
& > span {
|
||||
font-size: 1.5em;
|
||||
font-weight: bolder;
|
||||
}
|
||||
}
|
||||
& > .content {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
.portfolio-sellout {
|
||||
margin-top: 15px;
|
||||
background-color: #afa79e;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
// color: white;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
|
||||
// & > p > a {
|
||||
// color: aqua;
|
||||
// }
|
||||
}
|
||||
|
||||
.hover-help {
|
||||
&:hover {
|
||||
cursor: help;
|
||||
}
|
||||
border-bottom: 1px double rgb(171, 167, 167);
|
||||
}
|
||||
|
||||
.small {
|
||||
font-size: 0.5em;
|
||||
}
|
||||
|
||||
.hover-shadow {
|
||||
&:hover {
|
||||
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
|
||||
}
|
||||
}
|
||||
|
||||
#main-skills {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
justify-content: space-evenly;
|
||||
@media screen and (max-width: 455px) {
|
||||
justify-content: left;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin:0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.project {
|
||||
border: 1px solid gray;
|
||||
border-radius: 5px;
|
||||
padding: 1em;
|
||||
margin-bottom: 1em;
|
||||
|
||||
p {
|
||||
margin-top:0.25em;
|
||||
margin-bottom:0.25em;
|
||||
}
|
||||
h3 {
|
||||
border-bottom: 1px solid lightgrey;
|
||||
margin-top:0.25em;
|
||||
margin-bottom:0.5em;
|
||||
padding-bottom: 0.5em;
|
||||
}
|
||||
ul{
|
||||
margin-bottom:0;
|
||||
}
|
||||
}
|
||||
|
||||
.homepage-showoff {
|
||||
padding-left: 1em;
|
||||
padding-right: 1em;
|
||||
padding-top: 0.25em;
|
||||
padding-bottom: 0.25em;
|
||||
|
||||
background-color: #e3e3e3;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.home-list {
|
||||
&>ul>li {
|
||||
padding-top:0.5em;
|
||||
}
|
||||
}
|
||||
@ -1,51 +0,0 @@
|
||||
.project-mosaic {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-evenly;
|
||||
width: 100%;
|
||||
|
||||
@media (min-width: 437px) {
|
||||
.project-small {
|
||||
max-width: 175px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.conform-height {
|
||||
height: unset !important;
|
||||
}
|
||||
|
||||
.project {
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 5px;
|
||||
padding: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
max-width: 300px;
|
||||
height: max-content;
|
||||
|
||||
img {
|
||||
margin-bottom: 0.5em;
|
||||
border-bottom: 1px solid #ccc;
|
||||
padding-bottom: 0.75em;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin: 0;
|
||||
margin-bottom: 0.25em;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 0;
|
||||
color: rgb(84, 84, 84);
|
||||
}
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
border-top: 1px solid #ccc;
|
||||
font-size: 2em;
|
||||
width: 100%;
|
||||
padding-top: 0.25em;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
44
sass/styles/typography.scss
Normal file
44
sass/styles/typography.scss
Normal file
@ -0,0 +1,44 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Roboto&family=Urbanist:wght@700&display=swap");
|
||||
@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,400;0,700;1,400;1,700&display=swap");
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: "Urbanist", sans-serif;
|
||||
font-weight: bolder;
|
||||
}
|
||||
p,
|
||||
li,
|
||||
span {
|
||||
font-family: "Rubik", sans-serif;
|
||||
font-weight: normal;
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
|
||||
&:visited {
|
||||
color: blue;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: blueviolet;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.gray {
|
||||
color: gray;
|
||||
}
|
||||
|
||||
.hover-help {
|
||||
&:hover {
|
||||
cursor: help;
|
||||
}
|
||||
border-bottom: 1px double rgb(171, 167, 167);
|
||||
}
|
||||
15
sass/styles/utils.scss
Normal file
15
sass/styles/utils.scss
Normal file
@ -0,0 +1,15 @@
|
||||
.mobile-hidden {
|
||||
@media only screen and (max-width: 650px) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.small {
|
||||
font-size: 0.5em;
|
||||
}
|
||||
|
||||
.hover-shadow {
|
||||
&:hover {
|
||||
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
|
||||
}
|
||||
}
|
||||
@ -1,165 +1,73 @@
|
||||
{# Allow extenders to pass through variables #}
|
||||
{% block variable_wormhole %}
|
||||
{% set title = "NO TITLE SET" %}
|
||||
{% set description = "" %}
|
||||
{% set is_article = false %}
|
||||
{% endblock variable_wormhole %}
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
{% block head %}
|
||||
<!-- Google Tag Manager -->
|
||||
<script>(function (w, d, s, l, i) {
|
||||
w[l] = w[l] || []; w[l].push({
|
||||
'gtm.start':
|
||||
new Date().getTime(), event: 'gtm.js'
|
||||
}); var f = d.getElementsByTagName(s)[0],
|
||||
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
|
||||
'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
|
||||
})(window, document, 'script', 'dataLayer', 'GTM-KFJ95RP');</script>
|
||||
<!-- End Google Tag Manager -->
|
||||
|
||||
|
||||
|
||||
{# Page metadata #}
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="shortcut icon" type="image/jpg" href="{{config.extra.profile_photo}}" />
|
||||
{% if current_url %}
|
||||
<link rel="canonical" href="{{current_url}}" />
|
||||
{% endif %}
|
||||
{% include "components/metadata/advertise-rss.html" %}
|
||||
{% include "components/metadata/opengraph.html" %}
|
||||
|
||||
<link rel="alternate" type="application/rss+xml" title="RSS" href="{{get_url(path=" rss.xml",
|
||||
trailing_slash=false)}}">
|
||||
<link rel="webmention" href="https://webmention.io/ewpratten.com/webmention" />
|
||||
<link rel="pingback" href="https://webmention.io/ewpratten.com/xmlrpc" />
|
||||
|
||||
<title>{% block title %}{% endblock title %} | {{config.extra.name}}</title>
|
||||
{# Page title #}
|
||||
<title>{{title}} | {{config.title}}</title>
|
||||
|
||||
{# Preconnects for external resources #}
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto&family=Urbanist:wght@700&display=swap" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,400;0,700;1,400;1,700&display=swap"
|
||||
rel="stylesheet">
|
||||
<link rel="preconnect" href="https://maxst.icons8.com">
|
||||
|
||||
{# External styles #}
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet"
|
||||
integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
|
||||
<link rel="stylesheet"
|
||||
href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css">
|
||||
<link rel="stylesheet" href="/styles/layout.css">
|
||||
<link rel="stylesheet" href="/styles/project_mosaic.css">
|
||||
|
||||
|
||||
<link rel="stylesheet"
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/4.0.0/github-markdown.min.css"
|
||||
integrity="sha512-Oy18vBnbSJkXTndr2n6lDMO5NN31UljR8e/ICzVPrGpSud4Gkckb8yUpqhKuUNoE+o9gAb4O/rAxxw1ojyUVzg=="
|
||||
crossorigin="anonymous" referrerpolicy="no-referrer" />
|
||||
|
||||
{# Site-wide styles #}
|
||||
<link rel="stylesheet" href="/styles/fixes/instagram.css">
|
||||
<link rel="stylesheet" href="/styles/fixes/markdown.css">
|
||||
<link rel="stylesheet" href="/styles/fixes/mermaid.css">
|
||||
<link rel="stylesheet" href="/styles/fixes/tiktok.css">
|
||||
<link rel="stylesheet" href="/styles/fixes/youtube.css">
|
||||
<link rel="stylesheet" href="/styles/typography.css">
|
||||
<link rel="stylesheet" href="/styles/utils.css">
|
||||
|
||||
<meta name="twitter:card" content="summary" />
|
||||
<meta name="og:site" content="ewpratten.com" />
|
||||
<meta name="og:image" content="{{config.extra.profile_photo}}" />
|
||||
<meta name="twitter:creator" content="@ewpratten">
|
||||
<meta name="og:site_name" content="Evan Pratten (VA3ZZA)" />
|
||||
|
||||
{% endblock head %}
|
||||
{# Component styles #}
|
||||
{% block component_styles %}
|
||||
{% endblock component_styles %}
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="profile-card">
|
||||
{% block profile %}
|
||||
<div class="row">
|
||||
<div class="headshot-container">
|
||||
<img src="{{config.extra.profile_photo}}" alt="Headshot">
|
||||
</div>
|
||||
<div class="text-container">
|
||||
<h1>{{config.extra.name}}</h1>
|
||||
<p>
|
||||
{{config.extra.profession}}
|
||||
<br><br>
|
||||
<a href="mailto:{{config.extra.email}}" rel="me"><i class="las la-envelope"></i>
|
||||
{{config.extra.email}}</a><br>
|
||||
<a href="https://github.com/{{config.extra.github}}" rel="me"><i class="lab la-github"></i>
|
||||
{{config.extra.github}}</a><br>
|
||||
<a href="https://www.linkedin.com/in/{{config.extra.linkedin}}" rel="me"><i
|
||||
class="lab la-linkedin"></i>
|
||||
{{config.extra.linkedin}}</a><br>
|
||||
<a href="https://qrz.com/db/{{config.extra.qrz}}" rel="me"><i
|
||||
class="las la-broadcast-tower"></i>
|
||||
{{config.extra.qrz}}</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock profile %}
|
||||
</div>
|
||||
<div class="navigation-bar">
|
||||
<hr>
|
||||
<p>
|
||||
<a href="/">Home</a> |
|
||||
<a href="/blog">Blog</a> |
|
||||
{# <a href="/blog">Rabbit Hole</a> | #}
|
||||
{# <a href="/work">My Work</a> | #}
|
||||
{# <a href="/network">Network</a> | #}
|
||||
<a href="/contact">Contact</a>
|
||||
{# <a href="/hobbies">Hobbies</a> #}
|
||||
{# <a href="/whois">WHOIS</a> #}
|
||||
{# <a href="/rfc">RFC</a> #}
|
||||
</p>
|
||||
<hr>
|
||||
</div>
|
||||
<div class="page-content">
|
||||
{% block content %}
|
||||
{% endblock content %}
|
||||
|
||||
{# The whole page #}
|
||||
<div class="page">
|
||||
|
||||
{# Actual content #}
|
||||
<div id="content" class="container">
|
||||
<article class="markdown-body">
|
||||
{% block content %}{% endblock content %}
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<div id="footer">
|
||||
<p class="gray">-- EOF --</p>
|
||||
<p>
|
||||
<em>
|
||||
<a href="https://github.com/ewpratten/va3zza.com"><i class="lab la-github"></i></a>
|
||||
<a href="https://status.ewpratten.com"><i class="las la-info-circle"></i></a>
|
||||
<a href="/rss.xml"><i class="las la-rss"></i></a><br>
|
||||
|
||||
Thanks for reading :)<br>
|
||||
Site design & content by: <a href="/info">Evan Pratten</a><br>
|
||||
Consider <a href="/donate" target="_blank">supporting my work</a> if you like what you see<br>
|
||||
|
||||
</em>
|
||||
</p>
|
||||
</div>
|
||||
{# Footer #}
|
||||
{% include "components/footer.html" %}
|
||||
</div>
|
||||
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-5912H4H03P"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() { dataLayer.push(arguments); }
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'G-5912H4H03P');
|
||||
</script>
|
||||
|
||||
<script>
|
||||
if (window.performance && performance.getEntriesByType) { // avoid error in Safari 10, IE9- and other old browsers
|
||||
let navTiming = performance.getEntriesByType('navigation')
|
||||
if (navTiming.length > 0) { // still not supported as of Safari 14...
|
||||
let serverTiming = navTiming[0].serverTiming
|
||||
if (serverTiming && serverTiming.length > 0) {
|
||||
for (let i = 0; i < serverTiming.length; i++) {
|
||||
if (serverTiming[i].name == 'source') {
|
||||
if (serverTiming[i].description == 'net44') {
|
||||
document.getElementById('ampr-notice').style.display = 'block';
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
{# URL Rewriter for retrylife.ca #}
|
||||
<script>
|
||||
if (window.location.hostname == 'retrylife.ca') {
|
||||
window.location.href = window.location.href.replace('retrylife.ca', 'ewpratten.com');
|
||||
}
|
||||
</script>
|
||||
|
||||
{# Meta magic for mastodon verification #}
|
||||
<a rel="me" href="https://social.ewpratten.com/@evan" style="display:none;"></a>
|
||||
{# External scripts #}
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"
|
||||
integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3"
|
||||
crossorigin="anonymous"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
0
templates/components/footer.html
Normal file
0
templates/components/footer.html
Normal file
5
templates/components/metadata/advertise-rss.html
Normal file
5
templates/components/metadata/advertise-rss.html
Normal file
@ -0,0 +1,5 @@
|
||||
{% if current_url %}
|
||||
<link rel="canonical" href="{{current_url}}" />
|
||||
{% endif %}
|
||||
|
||||
<link rel="alternate" type="application/rss+xml" title="RSS" href="{{get_url(path=config.feed_filename, trailing_slash=false)}}">
|
||||
21
templates/components/metadata/opengraph.html
Normal file
21
templates/components/metadata/opengraph.html
Normal file
@ -0,0 +1,21 @@
|
||||
{# Site info #}
|
||||
<meta name="twitter:card" content="summary" />
|
||||
<meta name="og:site" content="{{config.extra.domain_name}}" />
|
||||
<meta name="og:site_name" content="{{config.title}}" />
|
||||
|
||||
{# Page image #}
|
||||
<meta name="og:image"
|
||||
content="{% block opengraph_image_url %}{{config.extra.profile_photo}}{% endblock opengraph_image_url %}" />
|
||||
|
||||
{# Page description #}
|
||||
<meta property="og:description" content="{{description}}" />
|
||||
<meta property="description" content="{{description}}" />
|
||||
<meta name="description" content="{{description}}">
|
||||
|
||||
{# Page title #}
|
||||
<meta property="og:title" content="{{title}} - {{config.title}}" />
|
||||
|
||||
{# Article-specifics #}
|
||||
{% if is_article %}
|
||||
<meta property="og:type" content="article" />
|
||||
{% endif %}
|
||||
@ -1,44 +1,13 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}
|
||||
{{section.title}}
|
||||
{% endblock title %}
|
||||
|
||||
{% block head %}
|
||||
{# Pass data through to the base template #}
|
||||
{% block variable_wormhole %}
|
||||
{{ super() }}
|
||||
<meta property="og:description" content="{{config.description}}" />
|
||||
<meta property="description" content="{{config.description}}" />
|
||||
<meta name="description" content="{{config.description}}">
|
||||
<meta name="og:title" content="Evan Pratten (VA3ZZA)" />
|
||||
|
||||
|
||||
|
||||
|
||||
<script type="application/ld+json">
|
||||
{% set person_ld = load_data(path="static/person.jsonld")%}
|
||||
{% if person_ld %}{{person_ld | safe}}{% endif %}
|
||||
</script>
|
||||
<script type="application/ld+json">
|
||||
{# Import our template file #}
|
||||
{% set template = load_data(path="jsonld_templates/website.jsonld") %}
|
||||
{# Now we can fill in any additional data #}
|
||||
{{ template |
|
||||
replace(from="{{url}}", to=config.base_url) |
|
||||
replace(from="{{title}}", to=section.title) |
|
||||
replace(from="{{description}}", to=config.description) |
|
||||
replace(from="{{avatar}}", to=config.extra.profile_photo) |
|
||||
safe
|
||||
}}
|
||||
</script>
|
||||
|
||||
{# Handle flags #}
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/6.4.3/css/flag-icons.min.css"
|
||||
integrity="sha512-uvXdJud8WaOlQFjlz9B15Yy2Au/bMAvz79F7Xa6OakCl2jvQPdHD0hb3dEqZRdSwG4/sknePXlE7GiarwA/9Wg=="
|
||||
crossorigin="anonymous" referrerpolicy="no-referrer" />
|
||||
{% endblock head %}
|
||||
{% set title = section.title %}
|
||||
{% set description = config.description %}
|
||||
{% endblock variable_wormhole %}
|
||||
|
||||
{# Page content #}
|
||||
{% block content %}
|
||||
{# <br>
|
||||
<article class="markdown-body"> #}
|
||||
{{section.content | safe}}
|
||||
{# </article> #}
|
||||
{{ section.content | safe }}
|
||||
{% endblock content %}
|
||||
@ -1,118 +1,14 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}
|
||||
{{page.title}}
|
||||
{% endblock title %}
|
||||
|
||||
{% block head %}
|
||||
{# <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/4.0.0/github-markdown.min.css"
|
||||
integrity="sha512-Oy18vBnbSJkXTndr2n6lDMO5NN31UljR8e/ICzVPrGpSud4Gkckb8yUpqhKuUNoE+o9gAb4O/rAxxw1ojyUVzg=="
|
||||
crossorigin="anonymous" referrerpolicy="no-referrer" /> #}
|
||||
|
||||
{# Pass data through to the base template #}
|
||||
{% block variable_wormhole %}
|
||||
{{ super() }}
|
||||
{% set title = page.title %}
|
||||
{% set description = page.description %}
|
||||
{% set is_article = true %}
|
||||
{% endblock variable_wormhole %}
|
||||
|
||||
{# Disable crawling if requested #}
|
||||
{% if page.extra.no_crawl %}
|
||||
<meta name="robots" content="noindex, nofollow">
|
||||
{% endif %}
|
||||
|
||||
{% if page.extra.uses_katex %}
|
||||
<script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-MML-AM_CHTML' async></script>
|
||||
<script type="text/x-mathjax-config">
|
||||
MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']], displayMath: [ ['$$','$$'], ['\[','\]'] ]}});
|
||||
</script>
|
||||
{% endif %}
|
||||
|
||||
<meta property="og:title" content="{{page.title}} - Evan Pratten" />
|
||||
<meta property="og:type" content="article" />
|
||||
{% if page.description %}
|
||||
<meta property="og:description" content="{{page.description}}" />
|
||||
<meta property="description" content="{{page.description}}" />
|
||||
{% else %}
|
||||
<meta property="og:description" content="{{config.description}}" />
|
||||
<meta property="description" content="{{config.description}}" />
|
||||
{% endif %}
|
||||
<meta property="article:published_time" content="{{page.date}}T00:00:00" />
|
||||
|
||||
{# Handle auto-centering request #}
|
||||
{% if page.extra.auto_center_images %}
|
||||
<style>
|
||||
img {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
</style>
|
||||
{% endif %}
|
||||
|
||||
{# Handle flags #}
|
||||
{% if page.extra.uses_flags %}
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/6.4.3/css/flag-icons.min.css"
|
||||
integrity="sha512-uvXdJud8WaOlQFjlz9B15Yy2Au/bMAvz79F7Xa6OakCl2jvQPdHD0hb3dEqZRdSwG4/sknePXlE7GiarwA/9Wg=="
|
||||
crossorigin="anonymous" referrerpolicy="no-referrer" />
|
||||
{% endif %}
|
||||
|
||||
{# Handle loading JSONLD #}
|
||||
{% if page.extra.is_rfc or page.description and page.date %}
|
||||
<script type="application/ld+json">
|
||||
{# Import our template file #}
|
||||
{% set template = load_data(path="jsonld_templates/blog_post.jsonld") %}
|
||||
{# Now we can fill in any additional data #}
|
||||
{{ template |
|
||||
replace(from="{{url}}", to=config.base_url ~ page.path) |
|
||||
replace(from="{{title}}", to=page.title) |
|
||||
replace(from="{{date}}", to=page.date) |
|
||||
replace(from="{{profile_pic}}", to=config.extra.profile_photo) |
|
||||
safe
|
||||
}}
|
||||
</script>
|
||||
{% endif %}
|
||||
|
||||
{# Handle redirects if needed #}
|
||||
{% if page.extra.redir_to %}
|
||||
<meta http-equiv="refresh" content="0; url={{page.extra.redir_to}}" />
|
||||
{% endif %}
|
||||
|
||||
{% endblock head %}
|
||||
|
||||
{% block profile %}
|
||||
<div class="row">
|
||||
<div class="headshot-container">
|
||||
<img src="{{config.extra.profile_photo}}" alt="Headshot" style="height:50px;width:auto;">
|
||||
</div>
|
||||
<div class="text-container">
|
||||
<h1>{{config.extra.name}}</h1>
|
||||
<p>
|
||||
{{config.extra.profession}}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock profile %}
|
||||
|
||||
{# Page content #}
|
||||
{% block content %}
|
||||
<br><br>
|
||||
<article class="markdown-body">
|
||||
{% if page.description %}
|
||||
<h1 style="border:none;margin-bottom:0;padding-bottom:0">{{page.title}}</h1>
|
||||
<h3 style="margin-top:0;color:gray;padding-bottom:.3em;border-bottom:1px solid #eaecef;">
|
||||
<em>
|
||||
<span style="color:rgb(186, 186, 186)">/*</span>
|
||||
{{page.description}}
|
||||
<span style="color:rgb(186, 186, 186)">*/</span>
|
||||
</em>
|
||||
</h3>
|
||||
{% else %}
|
||||
<h1>{{page.title}}</h1>
|
||||
{% endif %}
|
||||
<div style="text-align: justify;">
|
||||
{{page.content | safe}}
|
||||
</div>
|
||||
|
||||
</article>
|
||||
|
||||
{% if page.extra.uses_twitter %}
|
||||
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
|
||||
{% endif %}
|
||||
{% if page.extra.uses_graphviz %}
|
||||
<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
|
||||
{% endif %}
|
||||
{{ page.content | safe }}
|
||||
{% endblock content %}
|
||||
@ -1,113 +1,13 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}
|
||||
{{section.title}}
|
||||
{% endblock title %}
|
||||
|
||||
{% block head %}
|
||||
{# Pass data through to the base template #}
|
||||
{% block variable_wormhole %}
|
||||
{{ super() }}
|
||||
{% set title = section.title %}
|
||||
{% set description = section.description %}
|
||||
{% endblock variable_wormhole %}
|
||||
|
||||
{# Disable crawling if requested #}
|
||||
{% if section.extra.no_crawl %}
|
||||
<meta name="robots" content="noindex, nofollow">
|
||||
{% endif %}
|
||||
|
||||
<meta property="og:title" content="{{section.title}} - Evan Pratten" />
|
||||
{% if section.description %}
|
||||
<meta property="og:description" content="{{section.description}}" />
|
||||
<meta property="description" content="{{section.description}}" />
|
||||
{% else %}
|
||||
<meta property="og:description" content="{{config.description}}" />
|
||||
<meta property="description" content="{{config.description}}" />
|
||||
{% endif %}
|
||||
|
||||
{# Handle listing blog posts nicely in search #}
|
||||
{% if section.extra.inject_blog_posts %}
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context":"https://schema.org",
|
||||
"@type":"ItemList",
|
||||
"itemListElement":[
|
||||
{% for page in section.pages %}
|
||||
{% if not page.extra.hidden %}
|
||||
{
|
||||
"@type":"ListItem",
|
||||
"position": "{{loop.index}}",
|
||||
"item": {
|
||||
"@type": "Article",
|
||||
"headline": "{{page.title}}",
|
||||
"url":"https://ewpratten.com{{page.path | safe}}",
|
||||
"author": [{
|
||||
"@type": "Person",
|
||||
"name": "Evan Pratten",
|
||||
"url": "https://ewpratten.com"
|
||||
}]
|
||||
}
|
||||
} {% if not loop.last %},{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
]
|
||||
}
|
||||
</script>
|
||||
{% endif %}
|
||||
{% endblock head %}
|
||||
|
||||
{# Page content #}
|
||||
{% block content %}
|
||||
{% if section.extra.enable_gh_markdown %}
|
||||
<article class="markdown-body">
|
||||
{% endif %}
|
||||
{{section.content | safe}}
|
||||
{% if section.extra.enable_gh_markdown %}
|
||||
</article>
|
||||
{% endif %}
|
||||
|
||||
{# Blog posts #}
|
||||
{% if section.extra.inject_blog_posts %}
|
||||
<ul style="margin:0">
|
||||
<div>
|
||||
{# Posts shall be broken down by year #}
|
||||
{% set title_year = "3000" %}
|
||||
{% for page in section.pages %}
|
||||
{% if not page.extra.hidden %}
|
||||
{% set page_year = page.date | date(format="%Y")%}
|
||||
{% if page_year != title_year %}
|
||||
{% set_global title_year = page_year %}
|
||||
</ul>
|
||||
<h2>{{title_year}}</h2>
|
||||
<ul>
|
||||
{% endif %}
|
||||
|
||||
<li class="blog-post-li"><span style="color:{% if page.draft %}red{% else %}gray{% endif %};">{{page.date}}:</span> <a
|
||||
href="{{page.path}}">{{page.title}}</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<br><br>
|
||||
{% endif %}
|
||||
|
||||
{# RFCs #}
|
||||
{% if section.extra.inject_rfcs %}
|
||||
<ul>
|
||||
{% for page in section.pages %}
|
||||
{% if not page.extra.hidden %}
|
||||
<li class="blog-post-li"><a href="{{page.path}}">{{page.title}}</a> <span style="color:gray;">({{page.date}})</span>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
|
||||
{# Notes #}
|
||||
{% if section.extra.inject_notes %}
|
||||
<ul>
|
||||
{% for page in section.pages %}
|
||||
{% if not page.extra.hidden %}
|
||||
<li class="blog-post-li"><a href="{{page.path}}">{{page.title}}</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
|
||||
{{ section.content | safe }}
|
||||
{% endblock content %}
|
||||
Loading…
x
Reference in New Issue
Block a user