From e09ab97769019151ea3efc8d0071dc01967a4600 Mon Sep 17 00:00:00 2001 From: Russell Ballestrini Date: Mon, 3 Nov 2025 14:29:58 -0500 Subject: [PATCH] Redesign software page with CSS grid layout - Remarkbox and Make Post Sell side by side, uncloseai spans full width --- software/index.html | 150 +++++++++++++++++++++++++++++--------------- 1 file changed, 98 insertions(+), 52 deletions(-) diff --git a/software/index.html b/software/index.html index f63ee71..8001383 100644 --- a/software/index.html +++ b/software/index.html @@ -20,6 +20,12 @@ color: inherit; text-decoration: none; } + hgroup { + margin-bottom: 1rem; + } + hgroup p { + margin-top: 0; + } .logo-container a { display: block; } @@ -30,16 +36,22 @@ display: inline-block; max-width: 100%; } - @media (min-width: 768px) { - .logo-container { - max-width: 800px; - } - } @media (prefers-color-scheme: light) { .logo-container { background: rgba(0, 0, 0, 0.03); } } + article { + margin-bottom: 1rem; + } + article h2 { + margin-top: 0; + margin-bottom: 0.5rem; + } + article p { + margin-top: 0.5rem; + margin-bottom: 0.5rem; + } article img { max-width: 100%; height: auto; @@ -50,13 +62,45 @@ grid-template-columns: 1fr; gap: 0.25rem; padding: 0; - margin: 0; + margin: 0.5rem 0; } + + /* Mobile: stack vertically */ + .projects-grid { + display: grid; + grid-template-columns: 1fr; + gap: 1rem; + } + + /* Desktop: 2 columns for remarkbox/makepostsell, full width for uncloseai */ @media (min-width: 768px) { + .projects-grid { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 1.5rem; + margin-bottom: 1rem; + } + + .project-uncloseai { + grid-column: 1 / -1; /* Span both columns */ + } + article nav ul { - grid-template-columns: repeat(4, 1fr); + grid-template-columns: repeat(2, 1fr); gap: 0.5rem; } + + .project-makepostsell nav ul { + grid-template-columns: repeat(4, 1fr); + } + + .project-remarkbox nav ul { + grid-template-columns: repeat(3, 1fr); + } + + .logo-container { + max-width: 400px; + } } @@ -67,53 +111,55 @@

free software so you may grow food not lawn

-
-

Make Post Sell

-
- - Make Post Sell - -


-

Sell the digital & physical things you make — commission free! A platform for creators and makers to sell their products without paying platform fees.

- -
+
+
+

Remarkbox

+
+ + Remarkbox + +
+

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.

+

Business Model: Pay what you feel it's worth - based on reciprocity and trust.

+ +
-
-

Remarkbox

-
- - Remarkbox - -


-

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.

-

Business Model: Pay what you feel it's worth - based on reciprocity and trust.

- -
+ -
-

uncloseai.

-

Free LLM & Text-to-Speech machine learning service powered by NousResearch/Hermes-3-Llama-3.1-8B. A drop-in replacement for OpenAI's API that requires no API key, making machine learning accessible to everyone. Supports both server-side and browser-based (uncloseai.js) implementations.

-

Mission: Machine learning for all, internet for all, open web for everyone.

- -
+
+

uncloseai.

+

Free LLM & Text-to-Speech machine learning service powered by NousResearch/Hermes-3-Llama-3.1-8B. A drop-in replacement for OpenAI's API that requires no API key, making machine learning accessible to everyone. Supports both server-side and browser-based (uncloseai.js) implementations.

+

Mission: Machine learning for all, internet for all, open web for everyone.

+ +
+