90 lines
3.0 KiB
HTML
90 lines
3.0 KiB
HTML
{% include head.html %}
|
|
|
|
|
|
<body>
|
|
|
|
<div class="site-ctr">
|
|
<!-- Navbar -->
|
|
{% include nav.html %}
|
|
|
|
<div class="reactive-bg">
|
|
|
|
<div class="color-space" id="color-space">
|
|
<div class="container" style="height:100%; text-align:right">
|
|
{% if page.backing_img %}
|
|
<img src="{{page.backing_img}}" style="{{page.backing_scalar}};padding-right:5%"></img>
|
|
{% else %}
|
|
<img src="/assets/images/innovation__monochromatic.svg" style="height:90%;padding-right:5%"></img>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="content-container">
|
|
|
|
|
|
|
|
<div class="title-container container">
|
|
<h1>{{page.title}}</h1>
|
|
<h4>{{page.description}}</h4>
|
|
</div><br>
|
|
|
|
<div class="inner-content-container container">
|
|
<!-- Main content -->
|
|
{{content}}
|
|
|
|
{% if page.categories %}
|
|
<hr>
|
|
<div class="retention">
|
|
<p>Thank you for reading this post. If you enjoyed the content, and want to let me know, or want
|
|
to
|
|
ask any questions, please contact me via one of the methods <a href="/about">listed
|
|
here</a>. If
|
|
you would like to be notified about future posts, feel free to load <a href="/feed.xml">my
|
|
rss
|
|
feed</a> into your favorite feed reader, or <a
|
|
href="https://twitter.com/ewpratten">follow
|
|
me on Twitter</a> for notifications about my work and future posts.</p>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
{% include footer.html %}
|
|
|
|
<!-- A little script to set the header and nav color based on page type -->
|
|
<!-- <script>
|
|
|
|
// Read from liquid
|
|
var page_type = "{{page.type}}";
|
|
|
|
// Selectors
|
|
var color_space = document.getElementById("color-space");
|
|
var navbar = document.getElementById("navbar");
|
|
|
|
// Colors
|
|
var red = getComputedStyle(document.documentElement)
|
|
.getPropertyValue('--color-red');
|
|
var purple = getComputedStyle(document.documentElement)
|
|
.getPropertyValue('--color-purple');
|
|
|
|
// DEBUG
|
|
console.log(red);
|
|
console.log(purple);
|
|
|
|
// Set color
|
|
if (page_type == "post") {
|
|
color_space.setAttribute("background-color", red, "!important");
|
|
navbar.setAttribute("background-color", red, "!important");
|
|
} else {
|
|
color_space.setAttribute("background-color", purple, "!important");
|
|
navbar.setAttribute("background-color", purple, "!important");
|
|
}
|
|
|
|
</script> -->
|
|
|
|
</body> |