Simplify layout - logos above content, no flex
This commit is contained in:
parent
cb6198c2b5
commit
788345df0c
1 changed files with 19 additions and 36 deletions
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue