feat: add blog #7

Open
anton wants to merge 15 commits from feat/blog into main
7 changed files with 26 additions and 26 deletions
Showing only changes of commit 8395fdb7f0 - Show all commits

View File

@ -40,7 +40,7 @@ footer: '2023 Distrust, LLC'
theme: jekyll-theme-console theme: jekyll-theme-console
permalink: /:title/ permalink: blog/:title/
Review

Doesn't this normally generate files/links in the format blog/:title/index.html?

Doesn't this normally generate files/links in the format `blog/:title/index.html`?
plugins: plugins:
- jekyll-feed - jekyll-feed

View File

@ -1,4 +1,4 @@
<footer style="height: 40px"> <footer style="height: 40px">
<span><img src="../assets/base/distrust-white.svg" width="20px" alt="copyleft"/></span> {{ site.footer }} <span><img src="/assets/base/distrust-white.svg" width="20px" alt="copyleft"/></span> {{ site.footer }}
Review

Would be good to use the jekyll built-in function for static assets

Would be good to use the jekyll built-in function for static assets
<script type="text/javascript" src="/assets/js/main.js"></script> <script type="text/javascript" src="/assets/js/main.js"></script>
</footer> </footer>

View File

@ -3,7 +3,7 @@
<div class="menu"> <div class="menu">
<div> <div>
<a id="home-link" href="/index.html"> <a id="home-link" href="/index.html">
<img class="menu-logo" src="../assets/base/distrust-text-white.svg" <img class="menu-logo" src="/assets/base/distrust-text-white.svg"
alt="Distrust broken chain logo with white text" /> alt="Distrust broken chain logo with white text" />
</a> </a>
</div> </div>
@ -22,7 +22,7 @@
</li> </li>
<li class="show"> <li class="show">
<a href="/feed.xml" style="vertical-align: middle;"> <a href="/feed.xml" style="vertical-align: middle;">
<img style="filter: grayscale(100%); width: 22px; vertical-align: sub" src="../assets/base/rss.png" /> <img style="filter: grayscale(100%); width: 22px; vertical-align: sub" src="/assets/base/rss.png" />
</a> </a>
</li> </li>

View File

@ -22,14 +22,14 @@
<div id="carousel"></div> <div id="carousel"></div>
<br> <br>
<div style="margin-left: 10px; font-size: 14px"> <div style="margin-left: 10px; font-size: 14px">
<a style="color: rgb(73, 73, 73)" href="../assets/js/carousel-items.json">Full list of articles</a> <a style="color: rgb(73, 73, 73)" href="/assets/js/carousel-items.json">Full list of articles</a>
</div> </div>
</div> </div>
</section> </section>
<!-- <div> <!-- <div>
<a href="{{ site.baseurl }}{{ site.posts.first.url }}"> <a href="{{ site.posts.first.url }}">
<img id="lp-post-img" src="{{ site.baseurl }}{{ site.posts.first.cover_image }}" <img id="lp-post-img" src="{{ site.posts.first.cover_image }}"
alt="Cover image for {{ site.posts.first.title }}"> alt="Cover image for {{ site.posts.first.title }}">
<h2>Latest Post: {{ site.posts.first.title }}</h2> <h2>Latest Post: {{ site.posts.first.title }}</h2>
</a> </a>
@ -50,86 +50,86 @@
<div class="companies"> <div class="companies">
<div> <div>
<a href="https://coinbase.com"> <a href="https://coinbase.com">
<img style="height: 30px" src="assets/base/companies/coinbase-white.svg" /> <img style="height: 30px" src="/assets/base/companies/coinbase-white.svg" />
</a> </a>
</div> </div>
<div> <div>
<a href="https://bitgo.com"> <a href="https://bitgo.com">
<img src="assets/base/companies/bitgo-logo-white.svg" /> <img src="/assets/base/companies/bitgo-logo-white.svg" />
</a> </a>
</div> </div>
<div> <div>
<a href="https://bishopfox.com"> <a href="https://bishopfox.com">
<img style="height: 30px; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);" src="assets/base/companies/bishop-fox-dark.png" /> <img style="height: 30px; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);" src="/assets/base/companies/bishop-fox-dark.png" />
</a> </a>
</div> </div>
</div> </div>
<div class="companies"> <div class="companies">
<div> <div>
<a href="http://www.falconx.io/"> <a href="http://www.falconx.io/">
<img style="height: 20px" src="assets/base/companies/falconx-white.svg" /> <img style="height: 20px" src="/assets/base/companies/falconx-white.svg" />
</a> </a>
</div> </div>
<div> <div>
<a href="http://www.turnkey.io/"> <a href="http://www.turnkey.io/">
<img style="filter: invert(100)" src="assets/base/companies/turnkey-black.svg" /> <img style="filter: invert(100)" src="/assets/base/companies/turnkey-black.svg" />
</a> </a>
</div> </div>
<div> <div>
<a href="https://exodus.com"> <a href="https://exodus.com">
<img src="assets/base/companies/exodus-white.svg" /> <img src="/assets/base/companies/exodus-white.svg" />
</a> </a>
</div> </div>
</div> </div>
<div class="companies"> <div class="companies">
<div> <div>
<a href="https://siderolabs.com"> <a href="https://siderolabs.com">
<img style="height: 60px" src="assets/base/companies/sidero-labs-white.png" /> <img style="height: 60px" src="/assets/base/companies/sidero-labs-white.png" />
</a> </a>
</div> </div>
<div> <div>
<a href="https://zoom.com"> <a href="https://zoom.com">
<img style="height: 35px;" src="assets/base/companies/zoom-white.png" /> <img style="height: 35px;" src="/assets/base/companies/zoom-white.png" />
</a> </a>
</div> </div>
<div> <div>
<a href="https://mystenlabs.com"> <a href="https://mystenlabs.com">
<img style="height: 25px" src="assets/base/companies/mysten-labs-white.svg" /> <img style="height: 25px" src="/assets/base/companies/mysten-labs-white.svg" />
</a> </a>
</div> </div>
</div> </div>
<div class="companies"> <div class="companies">
<div> <div>
<a href="http://www.ankr.com/"> <a href="http://www.ankr.com/">
<img style="height: 75px; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(200%) contrast(102%);" src="assets/base/companies/ankr.png" /> <img style="height: 75px; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(200%) contrast(102%);" src="/assets/base/companies/ankr.png" />
</a> </a>
</div> </div>
<div> <div>
<a href="http://www.hashicorp.io/"> <a href="http://www.hashicorp.io/">
<img style="height: 60px" src="assets/base/companies/hashicorp-white.png" /> <img style="height: 60px" src="/assets/base/companies/hashicorp-white.png" />
</a> </a>
</div> </div>
<div> <div>
<a href="http://www.b1.com/"> <a href="http://www.b1.com/">
<img style="filter: invert(100)" src="assets/base/companies/block-one-dark.svg" /> <img style="filter: invert(100)" src="/assets/base/companies/block-one-dark.svg" />
</a> </a>
</div> </div>
</div> </div>
<div class="companies"> <div class="companies">
<div> <div>
<a href="http://www.ledn.io/"> <a href="http://www.ledn.io/">
<img src="assets/base/companies/ledn-white.svg" /> <img src="/assets/base/companies/ledn-white.svg" />
</a> </a>
</div> </div>
<div> <div>
<a href="https://fitbit.com"> <a href="https://fitbit.com">
<img src="assets/base/companies/fitbit-white.png" /> <img src="/assets/base/companies/fitbit-white.png" />
</a> </a>
</div> </div>
<div> <div>
<a href="https://dfns.co"> <a href="https://dfns.co">
<img src="assets/base/companies/dfns-color.png" /> <img src="/assets/base/companies/dfns-color.png" />
</a> </a>
</div> </div>
</div> </div>

View File

@ -2,7 +2,7 @@
layout: post layout: post
title: Adventures In Supply Chain Integrity title: Adventures In Supply Chain Integrity
date: 2024-03-28 date: 2024-03-28
cover_image: "../assets/images/whale_shark.jpg" cover_image: "/assets/images/whale_shark.jpg"
authors: authors:
- name: Ryan Heywood - name: Ryan Heywood
bio: Professional bonker / twerker. bio: Professional bonker / twerker.

View File

@ -11,7 +11,7 @@ collapsibleButton.addEventListener("click", function () {
document.addEventListener('DOMContentLoaded', function () { document.addEventListener('DOMContentLoaded', function () {
if (window.location.pathname === "/index.html") { if (window.location.pathname === "/index.html") {
fetch('../assets/js/carousel-items.json') fetch('/assets/js/carousel-items.json')
.then(response => response.json()) .then(response => response.json())
.then(data => { .then(data => {
createCarouselItems(data); createCarouselItems(data);

View File

@ -6,13 +6,13 @@ permalink: /blog.html
<div class="posts"> <div class="posts">
{% for post in site.posts %} {% for post in site.posts %}
<article class="post"> <article class="post">
<h1><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></h1> <h1><a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a></h1>
<div class="entry"> <div class="entry">
{{ post.excerpt }} {{ post.excerpt }}
</div> </div>
<h4>Written on {{ post.date | date: "%B %e, %Y" }}</h4> <h4>Written on {{ post.date | date: "%B %e, %Y" }}</h4>
<a href="{{ site.baseurl }}{{ post.url }}" class="read-more">Read More</a> <a href="{{ post.url }}" class="read-more">Read More</a>
</article> </article>
{% endfor %} {% endfor %}
</div> </div>