Update software page branding and layout

- Add ChunkFive font to header
- Add logos for Remarkbox and Make Post Sell
- Update Make Post Sell links with makepostsell.com first
- Add demo site description for shop.unturf.com
This commit is contained in:
Russell Ballestrini 2025-10-15 07:24:29 -04:00
parent f9c51b7ea0
commit 4aadea1a2c

View file

@ -5,6 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Unturf Software - Open Source Projects</title>
<link rel="stylesheet" href="../css/pico.classless.min.css">
<link rel="stylesheet" href="../css/chunkfive/stylesheet.css">
<style>
body {
padding: 2rem;
@ -13,6 +14,20 @@
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;
@ -29,6 +44,10 @@
text-align: center;
margin-bottom: 3rem;
}
header h1 {
font-family: 'chunkfiveregular', sans-serif;
font-size: 3rem;
}
.tagline {
font-size: 1.2rem;
color: #666;
@ -54,21 +73,32 @@
</section>
<section class="project">
<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 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>
</div>
</section>
<section class="project">
<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://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 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> (demo site for plants, books & games)
<a href="https://git.unturf.com/engineering/make-post-sell/make_post_sell" target="_blank">📦 Source Code</a>
</div>
</div>
</section>