commit 461edb22d05f0a3d33bb9b9d353641ea8baa4f32
parent a922fbb10f7e22c34d8a8a5d33e78b6a51652da2
Author: arjoonn <arjoonn@midpathsoftware.com>
Date: Wed, 25 Feb 2026 21:54:14 +0530
x
Diffstat:
2 files changed, 244 insertions(+), 0 deletions(-)
diff --git a/www_jci/public/assets/logo80.png b/www_jci/public/assets/logo80.png
Binary files differ.
diff --git a/www_jci/public/index.html b/www_jci/public/index.html
@@ -0,0 +1,244 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <title>JCI Project Overview</title>
+ <style>
+ :root {
+ color-scheme: light dark;
+ --bg: #f8f9fb;
+ --surface: #ffffff;
+ --text: #111217;
+ --muted: #5b5f6d;
+ --border: rgba(15, 19, 39, 0.08);
+ --accent: #111827;
+ }
+
+ * {
+ box-sizing: border-box;
+ }
+
+ body {
+ margin: 0;
+ font-family: "Inter", "SF Pro Display", "Segoe UI", system-ui, -apple-system,
+ BlinkMacSystemFont, sans-serif;
+ background: var(--bg);
+ color: var(--text);
+ line-height: 1.6;
+ -webkit-font-smoothing: antialiased;
+ }
+
+ header {
+ padding: 2rem clamp(1.5rem, 5vw, 5rem) 0;
+ }
+
+ nav {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 4rem;
+ font-size: 0.92rem;
+ }
+
+ nav .brand {
+ font-weight: 600;
+ letter-spacing: 0.02em;
+ }
+
+ nav ul {
+ list-style: none;
+ display: flex;
+ gap: 1.5rem;
+ margin: 0;
+ padding: 0;
+ }
+
+ nav a {
+ text-decoration: none;
+ color: var(--muted);
+ transition: color 0.2s ease;
+ }
+
+ nav a:hover,
+ nav a:focus-visible {
+ color: var(--text);
+ }
+
+ .hero {
+ max-width: 720px;
+ }
+
+ .hero h1 {
+ font-size: clamp(2.5rem, 4vw, 3.6rem);
+ line-height: 1.1;
+ margin-bottom: 1rem;
+ }
+
+ .hero p {
+ font-size: 1.08rem;
+ color: var(--muted);
+ margin-bottom: 2.5rem;
+ }
+
+ .cta-row {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 1rem;
+ align-items: center;
+ }
+
+ .cta-primary {
+ padding: 0.95rem 1.75rem;
+ border-radius: 999px;
+ border: none;
+ cursor: pointer;
+ background: var(--accent);
+ color: white;
+ font-size: 1rem;
+ font-weight: 600;
+ letter-spacing: 0.01em;
+ }
+
+ .cta-note {
+ font-size: 0.9rem;
+ color: var(--muted);
+ }
+
+ section {
+ padding: 4rem clamp(1.5rem, 5vw, 5rem);
+ }
+
+ .grid {
+ display: grid;
+ gap: 1.5rem;
+ grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+ }
+
+ .card {
+ background: var(--surface);
+ border: 1px solid var(--border);
+ border-radius: 20px;
+ padding: 1.75rem;
+ display: flex;
+ flex-direction: column;
+ gap: 0.75rem;
+ min-height: 220px;
+ }
+
+ .card h3 {
+ margin: 0;
+ font-size: 1.2rem;
+ }
+
+ .card p {
+ margin: 0;
+ color: var(--muted);
+ }
+
+ .meta {
+ padding-top: 0;
+ }
+
+ .meta-list {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 1.5rem;
+ margin: 2rem 0 0;
+ padding: 0;
+ list-style: none;
+ color: var(--muted);
+ font-size: 0.95rem;
+ }
+
+ footer {
+ padding: 2rem clamp(1.5rem, 5vw, 5rem) 3rem;
+ color: var(--muted);
+ font-size: 0.88rem;
+ }
+
+ @media (max-width: 600px) {
+ nav {
+ flex-direction: column;
+ align-items: flex-start;
+ gap: 1rem;
+ }
+
+ .card {
+ min-height: auto;
+ }
+ }
+ </style>
+ </head>
+ <body>
+ <header>
+ <nav>
+ <div class="brand">JCI</div>
+ <ul>
+ <li><a href="#source">Source code</a></li>
+ <li><a href="#docs">Docs</a></li>
+ </ul>
+ </nav>
+ <div class="hero">
+ <h1>Clean infrastructure automation for modern teams.</h1>
+ <p>
+ JCI streamlines the way we ship automation workflows, bringing together
+ tooling, docs, and deployment-ready assets in a single cohesive
+ workspace. Built with clarity, designed for teams who value focus.
+ </p>
+ <div class="cta-row">
+ <button class="cta-primary" aria-label="Buy this version for INR 100">
+ Buy this version for INR 100
+ </button>
+ <span class="cta-note">Razorpay integration placeholder</span>
+ </div>
+ </div>
+ </header>
+
+ <section id="source">
+ <div class="grid">
+ <article class="card">
+ <h3>Source code</h3>
+ <p>
+ Explore a modular Go + Node toolchain designed for command-line and
+ web surfaces. Every component is documented and version-controlled to
+ make auditing and contributions straightforward.
+ </p>
+ <p>
+ <strong>Highlights:</strong><br />
+ Clear folder layout, reproducible builds, thoughtful CLI ergonomics.
+ </p>
+ </article>
+ <article class="card" id="docs">
+ <h3>Docs</h3>
+ <p>
+ Lightweight documentation outlines project concepts, build targets,
+ and extension hooks. Follow concise guides inspired by UV and Exe to
+ move from setup to contribution in minutes.
+ </p>
+ <p>
+ <strong>Includes:</strong><br />
+ Architecture notes, extension patterns, release checklists.
+ </p>
+ </article>
+ </div>
+ </section>
+
+ <section class="meta">
+ <h2>Project focus</h2>
+ <ul class="meta-list">
+ <li>Minimal surface area, maximum clarity.</li>
+ <li>Composable CLI experiences with clean UX.</li>
+ <li>Self-hosted assets ready for static deployment.</li>
+ </ul>
+ </section>
+
+ <footer>
+ © <span id="year"></span> JCI. Built for teams who prefer fewer tabs and
+ faster ships.
+ </footer>
+ <script>
+ document.getElementById("year").textContent = new Date().getFullYear();
+ </script>
+ </body>
+</html>
