clean up blog layout
This commit is contained in:
parent
95c8599653
commit
f1924fc4d9
|
@ -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">→</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>
|
||||
|
|
@ -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>
|
||||
|
|
|
@ -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).
|
||||
|
||||
|
|
|
@ -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
16
blog.md
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue