Simplify layout - logos above content, no flex

This commit is contained in:
Russell Ballestrini 2025-10-15 07:27:18 -04:00
parent cb6198c2b5
commit 788345df0c

View file

@ -14,24 +14,15 @@
margin: 2rem 0;
padding: 1.5rem;
border-left: 4px solid #1095c1;
display: flex;
gap: 2rem;
align-items: flex-start;
}
.project-logo {
flex-shrink: 0;
width: 120px;
}
.project-logo img {
max-width: 100%;
height: auto;
}
.project-content {
flex: 1;
}
.project h2 {
margin-top: 0;
}
.project img {
max-width: 200px;
height: auto;
margin-bottom: 1rem;
}
.links {
margin-top: 1rem;
}
@ -73,32 +64,24 @@
</section>
<section class="project">
<div class="project-logo">
<img src="https://www.remarkbox.com/remarkbox-minified.png" alt="Remarkbox Logo">
</div>
<div class="project-content">
<h2>Remarkbox</h2>
<p>A hosted comment service that embeds in your pages to keep the conversation with your content. Supports standalone mode for dedicated Q&A style forums. Started in 2014 to solve the problem of adding comments to static sites.</p>
<p><strong>Business Model:</strong> Pay what you feel it's worth - based on reciprocity and trust.</p>
<div class="links">
<a href="https://www.remarkbox.com" target="_blank">🌐 remarkbox.com</a>
<a href="https://git.unturf.com/engineering/remarkbox/remarkbox" target="_blank">📦 Source Code</a>
</div>
<img src="https://www.remarkbox.com/remarkbox-minified.png" alt="Remarkbox">
<h2>Remarkbox</h2>
<p>A hosted comment service that embeds in your pages to keep the conversation with your content. Supports standalone mode for dedicated Q&A style forums. Started in 2014 to solve the problem of adding comments to static sites.</p>
<p><strong>Business Model:</strong> Pay what you feel it's worth - based on reciprocity and trust.</p>
<div class="links">
<a href="https://www.remarkbox.com" target="_blank">🌐 remarkbox.com</a>
<a href="https://git.unturf.com/engineering/remarkbox/remarkbox" target="_blank">📦 Source Code</a>
</div>
</section>
<section class="project">
<div class="project-logo">
<img src="https://www.makepostsell.com/static/mps.png" alt="Make Post Sell Logo">
</div>
<div class="project-content">
<h2>Make Post Sell</h2>
<p>Sell the digital & physical things you make — commission free! A platform for creators and makers to sell their products without paying platform fees.</p>
<div class="links">
<a href="https://www.makepostsell.com" target="_blank">🌐 makepostsell.com</a>
<a href="https://shop.unturf.com" target="_blank">🌐 shop.unturf.com</a>
<a href="https://git.unturf.com/engineering/make-post-sell/make_post_sell" target="_blank">📦 Source Code</a>
</div>
<img src="https://www.makepostsell.com/static/mps.png" alt="Make Post Sell">
<h2>Make Post Sell</h2>
<p>Sell the digital & physical things you make — commission free! A platform for creators and makers to sell their products without paying platform fees.</p>
<div class="links">
<a href="https://www.makepostsell.com" target="_blank">🌐 makepostsell.com</a>
<a href="https://shop.unturf.com" target="_blank">🌐 shop.unturf.com</a>
<a href="https://git.unturf.com/engineering/make-post-sell/make_post_sell" target="_blank">📦 Source Code</a>
</div>
</section>