feat: add blog
This commit is contained in:
parent
4111cd2eaf
commit
045146fc15
GPG Key ID:
44A86CFF1FDF0E85
|
|
@ -10,6 +10,7 @@ header_pages:
|
|||
- services.md
|
||||
- roadmap.md
|
||||
- company.md
|
||||
- blog.md
|
||||
- contact.md
|
||||
|
||||
style: dark
|
||||
|
|
@ -19,6 +20,7 @@ footer: '© 2025 Distrust LLC'
|
|||
|
||||
theme: jekyll-theme-console
|
||||
|
||||
permalink: /:title/
|
||||
# Exclude from processing.
|
||||
# The following items will not be processed, by default.
|
||||
# Any item listed under the `exclude:` key here will be automatically added to
|
||||
|
|
|
|||
|
|
@ -108,9 +108,12 @@
|
|||
<div>
|
||||
<a href="/company.html">Company</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="/blog.html">Blog</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="/contact.html">Contact</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</head>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<div class="menu">
|
||||
<div class="left-menu">
|
||||
<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" />
|
||||
</a>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="{{ page.lang | default: site.lang | default: en }}">
|
||||
|
||||
{%- include head.html -%}
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
|
||||
{%- include header.html -%}
|
||||
<article class="post">
|
||||
<h1>{{ page.title }}</h1>
|
||||
|
||||
<div class="entry">
|
||||
{{ content }}
|
||||
</div>
|
||||
|
||||
<div class="date">
|
||||
Written on {{ page.date | date: "%B %e, %Y" }}
|
||||
</div>
|
||||
|
||||
</article>
|
||||
|
||||
{%- include footer.html -%}
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
---
|
||||
layout: post
|
||||
title: Distrust - Trust But Verify
|
||||
---
|
||||
## Bacon Ipsum
|
||||
|
||||
Bacon ipsum dolor amet porchetta brisket pork loin, cupim pork belly frankfurter landjaeger andouille ground round hamburger corned beef tri-tip short loin. Ribeye andouille bacon pork leberkas doner. Meatloaf capicola brisket hamburger tongue chuck. Tail ham prosciutto, beef ribs beef frankfurter flank strip steak tenderloin.
|
||||
|
||||
Chislic flank fatback, tri-tip short loin tenderloin ground round boudin venison bacon porchetta short ribs jowl doner bresaola. Doner frankfurter chislic, t-bone tongue leberkas cupim burgdoggen salami ribeye. Ham hock ham flank filet mignon beef ribs andouille. Pork loin tongue leberkas cupim short loin bacon cow.
|
||||
|
||||
Kielbasa ham hock ground round pig meatloaf chuck porchetta. Meatball boudin drumstick hamburger. Beef ribs capicola frankfurter, t-bone pork beef chuck ham hock tail bresaola kevin pig. Kevin spare ribs porchetta beef pig landjaeger pork shankle. Pork loin turkey strip steak kielbasa porchetta meatball turducken hamburger pork ball tip tri-tip chislic sausage.
|
||||
|
||||
|
||||
|
||||
## Second Title
|
||||
|
||||
Sirloin hamburger leberkas pig. Kielbasa doner picanha kevin. Meatball tenderloin ham hock spare ribs strip steak picanha tail drumstick t-bone pork loin venison flank rump. Turkey drumstick picanha t-bone, filet mignon fatback pork belly tail venison boudin shankle ribeye pancetta. Bacon meatball pig, pork loin t-bone ball tip meatloaf fatback cupim tenderloin.
|
||||
|
||||
Doner pork pastrami, frankfurter t-bone kevin chislic chuck. Meatball short loin meatloaf spare ribs prosciutto brisket. Biltong kielbasa boudin pig jowl shankle swine frankfurter turducken pancetta buffalo kevin chislic pork chop flank. Cow alcatra meatball, fatback tenderloin porchetta tri-tip prosciutto chislic turducken biltong pig. Sirloin strip steak t-bone, swine sausage turducken alcatra filet mignon landjaeger burgdoggen capicola salami pork loin short ribs jerky. Pork chop hamburger strip steak, meatloaf sirloin picanha ground round pancetta andouille shoulder tenderloin bresaola. Jowl venison pork burgdoggen, ball tip swine doner pig frankfurter tongue ribeye meatball drumstick.
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 2.0 MiB |
|
|
@ -1,90 +1,90 @@
|
|||
const collapsibleButton = document.querySelector("#hamburger-menu");
|
||||
const menuContent = document.querySelector(".menu-content");
|
||||
collapsibleButton.addEventListener("click", function () {
|
||||
menuContent.classList.toggle("active");
|
||||
if (menuContent.style.display === "block") {
|
||||
menuContent.style.display = "none";
|
||||
} else {
|
||||
menuContent.style.display = "block";
|
||||
}
|
||||
menuContent.classList.toggle("active");
|
||||
if (menuContent.style.display === "block") {
|
||||
menuContent.style.display = "none";
|
||||
} else {
|
||||
menuContent.style.display = "block";
|
||||
}
|
||||
});
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
initializeCompaniesCarousel();
|
||||
fetch('../assets/js/carousel-items.json')
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
createCarouselItems(data);
|
||||
initializeCarousel();
|
||||
})
|
||||
.catch(error => console.error('Error loading JSON:', error));
|
||||
initializeCompaniesCarousel();
|
||||
fetch('../assets/js/carousel-items.json')
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
createCarouselItems(data);
|
||||
initializeCarousel();
|
||||
})
|
||||
.catch(error => console.error('Error loading JSON:', error));
|
||||
});
|
||||
|
||||
function createCarouselItems(items) {
|
||||
const carousel = document.querySelector('#carousel');
|
||||
items.forEach(item => {
|
||||
const itemDiv = document.createElement('div');
|
||||
itemDiv.className = 'carousel-item'
|
||||
const carousel = document.querySelector('#carousel');
|
||||
items.forEach(item => {
|
||||
const itemDiv = document.createElement('div');
|
||||
itemDiv.className = 'carousel-item'
|
||||
|
||||
const link = document.createElement('a');
|
||||
link.className = 'carousel-link';
|
||||
link.href = item.link;
|
||||
link.target = '_blank';
|
||||
link.rel = 'noopener noreferrer';
|
||||
const linkText = document.createTextNode(item.description);
|
||||
const link = document.createElement('a');
|
||||
link.className = 'carousel-link';
|
||||
link.href = item.link;
|
||||
link.target = '_blank';
|
||||
link.rel = 'noopener noreferrer';
|
||||
const linkText = document.createTextNode(item.description);
|
||||
|
||||
link.appendChild(linkText);
|
||||
itemDiv.appendChild(link);
|
||||
carousel.appendChild(itemDiv);
|
||||
});
|
||||
link.appendChild(linkText);
|
||||
itemDiv.appendChild(link);
|
||||
carousel.appendChild(itemDiv);
|
||||
});
|
||||
}
|
||||
|
||||
function initializeCarousel() {
|
||||
const carousel = document.querySelector('#carousel');
|
||||
const items = Array.from(carousel.children);
|
||||
const totalItems = items.length;
|
||||
const middleIndex = Math.floor(totalItems / 2);
|
||||
let currentIndex = -middleIndex;
|
||||
const carousel = document.querySelector('#carousel');
|
||||
const items = Array.from(carousel.children);
|
||||
const totalItems = items.length;
|
||||
const middleIndex = Math.floor(totalItems / 2);
|
||||
let currentIndex = -middleIndex;
|
||||
|
||||
function cycleItems() {
|
||||
currentIndex = (currentIndex - 1 + totalItems) % totalItems;
|
||||
updateCarouselItems();
|
||||
}
|
||||
function cycleItems() {
|
||||
currentIndex = (currentIndex - 1 + totalItems) % totalItems;
|
||||
updateCarouselItems();
|
||||
}
|
||||
|
||||
function updateCarouselItems() {
|
||||
items.forEach((item, index) => {
|
||||
let positionIndex = (currentIndex + index + totalItems) % totalItems;
|
||||
let offset = positionIndex - middleIndex;
|
||||
item.style.transform = `translateY(${offset * 100}%)`;
|
||||
item.classList.toggle('active', positionIndex === middleIndex);
|
||||
item.style.visibility = 'visible';
|
||||
});
|
||||
}
|
||||
function updateCarouselItems() {
|
||||
items.forEach((item, index) => {
|
||||
let positionIndex = (currentIndex + index + totalItems) % totalItems;
|
||||
let offset = positionIndex - middleIndex;
|
||||
item.style.transform = `translateY(${offset * 100}%)`;
|
||||
item.classList.toggle('active', positionIndex === middleIndex);
|
||||
item.style.visibility = 'visible';
|
||||
});
|
||||
}
|
||||
|
||||
updateCarouselItems();
|
||||
setInterval(cycleItems, 7000);
|
||||
updateCarouselItems();
|
||||
setInterval(cycleItems, 7000);
|
||||
}
|
||||
|
||||
function initializeCompaniesCarousel() {
|
||||
const slider = document.getElementById('logoSlider');
|
||||
const slider = document.getElementById('logoSlider');
|
||||
|
||||
// Duplicate the existing logos by appending the same HTML again:
|
||||
slider.innerHTML += slider.innerHTML;
|
||||
// Duplicate the existing logos by appending the same HTML again:
|
||||
slider.innerHTML += slider.innerHTML;
|
||||
|
||||
let offset = 0;
|
||||
const speed = 0.5;
|
||||
let offset = 0;
|
||||
const speed = 0.5;
|
||||
|
||||
function animate() {
|
||||
offset -= speed;
|
||||
slider.style.transform = `translateX(${offset}px)`;
|
||||
function animate() {
|
||||
offset -= speed;
|
||||
slider.style.transform = `translateX(${offset}px)`;
|
||||
|
||||
// After half of the total (2 sets) is scrolled, reset
|
||||
if (Math.abs(offset) >= slider.scrollWidth / 2) {
|
||||
offset = 0;
|
||||
}
|
||||
requestAnimationFrame(animate);
|
||||
}
|
||||
// After half of the total (2 sets) is scrolled, reset
|
||||
if (Math.abs(offset) >= slider.scrollWidth / 2) {
|
||||
offset = 0;
|
||||
}
|
||||
requestAnimationFrame(animate);
|
||||
}
|
||||
|
||||
requestAnimationFrame(animate);
|
||||
requestAnimationFrame(animate);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,18 @@
|
|||
---
|
||||
layout: page
|
||||
title: Blog
|
||||
permalink: /blog.html
|
||||
---
|
||||
<div class="posts">
|
||||
{% for post in site.posts %}
|
||||
<article class="post">
|
||||
<h1><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></h1>
|
||||
|
||||
<div class="entry">
|
||||
{{ post.excerpt }}
|
||||
</div>
|
||||
<h4>Written on {{ post.date | date: "%B %e, %Y" }}</h4>
|
||||
<a href="{{ site.baseurl }}{{ post.url }}" class="read-more">Read More</a>
|
||||
</article>
|
||||
{% endfor %}
|
||||
</div>
|
||||
Loading…
Reference in New Issue