clean up blog layout

This commit is contained in:
Anton Livaja 2025-03-22 16:09:02 -07:00
parent 95c8599653
commit f1924fc4d9
Signed by: anton
GPG Key ID: 44A86CFF1FDF0E85
5 changed files with 110 additions and 25 deletions

45
_layouts/blog.html Normal file
View File

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="{{ page.lang | default: site.lang | default: en }}">
{%- include head.html -%}
<body>
{%- include header.html -%}
<div class="container">
<main class="blog">
<article class="post">
<div id="blog-header">
<span class="blog-header-title">the <img width="30px" src="assets/base/distrust-white.svg"/> Distrust blog</span>
<div class="blog-header-subtitle">Provable security, explained.</div>
</div>
<div class="entry">
<div class="posts">
{% for post in site.posts %}
<div class="blog-details">
<div class="blog-details-date">{{ post.date | date: "%b %e, %Y" }}</div>
<div class="blog-details-read-time">{{ post.read_time }} min read</div>
</div>
<a class="blog-link" href="{{ post.url | relative_url }}" title="{{ post.title }}">
<article class="post">
<h1>{{ post.title }}</h1>
<p>{{ post.excerpt | strip_html | truncatewords: 35 }}</p>
</article>
<div class="arrow-link">
Read
<span class="arrow">&#x2192;</span>
</div>
</a>
{% endfor %}
</div>
</div>
<p>
{% for author in page.authors %}
— {{ author.name }}{% unless forloop.last %}, {% endunless %}
{% endfor %}
</p>
</article>
</main>
{%- include footer.html -%}
</div>
</body>
</html>

View File

@ -3,11 +3,10 @@
{%- include head.html -%}
<body>
{%- include header.html -%}
<div class="container blog">
<main>
<div class="container">
<main class="blog">
<article class="post">
<h1>{{ page.title }}</h1>
<h1>{{page.title}}</h1>
<div class="entry">
{{ content }}
</div>

View File

@ -1,7 +1,8 @@
---
layout: post
title: bybit incident report and mitigating controls
title: Bybit incident report and mitigating controls
date: 2025-03-20
read_time: 12
cover_image: "/assets/images/whale_shark.jpg"
authors:
- name: Anton Livaja
@ -103,5 +104,3 @@ We have noticed that many companies still neglect basic security hygiene practic
The Distrust team has helped build and secure some of the highest risks systems in the world such as the vaulting systems at BitGo, Unit410, and Turnkey as well as helping electrical grid operators, industrial control system operators and other. Through working with companies that are exposed to the most sophisticated known attackers where all attacks are viable, Distrust developed a methodology to help mitigate this level of threat. We are now using our hard learned lessons to help everyone improve their security posture by open sourcing all our learnings and creating open source tooling everyone can benefit from.
You can learn more about what we are building on our [website](https://distrust.co).

View File

@ -303,6 +303,13 @@ a:hover {
transition: transform 0.3s ease;
}
.blog-link:hover .arrow {
transform: translateX(5px);
background: none !important;
background-color: var(--base-color);
color: white !important;
}
.arrow-link:hover .arrow {
transform: translateX(5px);
background: none !important;
@ -1495,9 +1502,14 @@ pre {
* Blog
*/
.blog {
margin: auto;
max-width: 800px;
}
.post {
max-width: 800px;
margin: 100px 0px;
max-width: 700px;
margin: auto;
}
@ -1521,8 +1533,28 @@ pre {
font-size: 1rem !important;
}
#blog-header {
margin: 80px 0px;
}
.blog-header-title {
display: inline-block;
font-size: 3.2rem;
text-align: center;
width: 100%;
margin-top: 80px;
}
.blog-header-subtitle {
text-align: center;
font-size: 1.5rem;
color: var(--light-grey);
}
.blog h1 {
font-size: 2.2rem !important;
font-weight: 600 !important;
line-height: 2.2rem !important;
}
.blog h2 {
@ -1546,8 +1578,32 @@ pre {
}
.blog a {
color: var(--light-grey);
text-decoration: underline;
color: var(--light-teal);
}
.blog a:hover {
background: var(--background-color);
color: var(--dark-teal);
}
.blog-details {
display: flex;
flex-direction: left;
font-size: 0.9rem;
margin-bottom: 10px;
}
.blog-details-date {
background: var(--light-grey);
color: var(--background-color);
border-radius: 5px;
padding: 2px 10px;
}
.blog-details-read-time {
padding: 2px 10px;
margin-left: 15px;
color: white;
}
/** end blog */

16
blog.md
View File

@ -1,19 +1,5 @@
---
layout: page
layout: blog
title: Blog
permalink: /blog.html
---
<div class="posts">
{% for post in site.posts %}
<a href="{{ post.url | relative_url }}" title="{{ post.title }}">
<article class="post">
<h4>{{ post.title }}</h4>
<p>{{ post.excerpt | strip_html | truncatewords: 35 }}</p>
<p>{{ post.date | date: "%Y %b %e " }}</p>
</article>
</a>
{% endfor %}
</div>