Org card v4: discovered HF embeds index.html INLINE without external CSS; all styles now inlined in <style> tag

index.html

@@ -5,84 +5,175 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1" />
 	<title>ICSAC — Institute for Complexity Science and Advanced Computing</title>
 	<meta name="description" content="An independent research institute running open, fully-public peer review for complexity science, information theory, and computing. Fort Wayne, IN." />
-	<link rel="stylesheet" href="style.css" />
+	<style>
+		.icsac-card{
+			--ink:#14161a; --ink-soft:#4a4f57; --rule:#d8dadd; --rule-soft:#ececef;
+			--accent:#2b3a67; --accent-warm:#7a5c2e; --bg:#fbfbf9; --bg-card:#ffffff; --quote-bg:#f3f1ea;
+			background:var(--bg); color:var(--ink);
+			font-family:"Charter","Iowan Old Style","Georgia","Source Serif Pro",serif;
+			font-size:17px; line-height:1.55; -webkit-font-smoothing:antialiased;
+			padding:0; margin:0;
+		}
+		.icsac-card *{box-sizing:border-box;}
+		.icsac-card .wrap{max-width:760px; margin:0 auto; padding:48px 28px 64px;}
+		.icsac-card .banner{display:block; width:100%; height:auto; margin:0 0 28px; border-radius:8px;}
+		.icsac-card .mark{
+			font-family:"IBM Plex Mono","JetBrains Mono","Menlo",monospace;
+			font-size:12px; letter-spacing:.22em; color:var(--accent); margin:0 0 14px;
+		}
+		.icsac-card h1{
+			font-size:30px; line-height:1.18; font-weight:600; margin:0 0 16px;
+			letter-spacing:-.005em; color:var(--ink);
+		}
+		.icsac-card .tagline{
+			font-size:18px; color:var(--ink-soft); max-width:58ch; margin:0 0 12px;
+		}
+		.icsac-card .meta{
+			font-family:"IBM Plex Mono","JetBrains Mono","Menlo",monospace;
+			font-size:12px; letter-spacing:.08em; color:var(--ink-soft);
+			margin:0 0 28px; padding-bottom:24px; border-bottom:1px solid var(--rule);
+		}
+		.icsac-card blockquote.stance{
+			margin:32px 0 40px; padding:22px 26px;
+			background:var(--quote-bg); border-left:3px solid var(--accent);
+			font-size:17.5px; font-style:italic; color:var(--ink);
+		}
+		.icsac-card h2{
+			font-family:"IBM Plex Mono","JetBrains Mono","Menlo",monospace;
+			font-size:12px; letter-spacing:.22em; text-transform:uppercase;
+			color:var(--accent); font-weight:600; margin:36px 0 16px; padding:0;
+		}
+		.icsac-card .bullets{list-style:none; padding:0; margin:0;}
+		.icsac-card .bullets li{
+			padding:11px 0 11px 22px; position:relative;
+			border-bottom:1px solid var(--rule-soft); font-size:16px;
+		}
+		.icsac-card .bullets li:last-child{border-bottom:0;}
+		.icsac-card .bullets li::before{
+			content:"—"; position:absolute; left:0; color:var(--accent);
+		}
+		.icsac-card .bullets strong{color:var(--ink); font-weight:600;}
+		.icsac-card .pin{
+			display:block; padding:20px 22px; margin:8px 0 14px;
+			background:var(--bg-card); border:1px solid var(--rule); border-radius:6px;
+			text-decoration:none; color:var(--ink);
+			transition:border-color .15s ease, transform .15s ease;
+		}
+		.icsac-card .pin:hover{border-color:var(--accent); transform:translateY(-1px);}
+		.icsac-card .pin .pin-title{
+			font-family:"IBM Plex Mono","JetBrains Mono","Menlo",monospace;
+			font-size:15px; font-weight:600; color:var(--accent); margin:0 0 4px;
+		}
+		.icsac-card .pin .pin-sub{
+			font-family:"IBM Plex Mono","JetBrains Mono","Menlo",monospace;
+			font-size:11px; letter-spacing:.08em; color:var(--ink-soft); margin:0 0 10px;
+		}
+		.icsac-card .pin .pin-desc{font-size:15.5px; color:var(--ink); line-height:1.5; margin:0;}
+		.icsac-card .footnote{
+			margin:14px 0 0; font-size:14px; color:var(--ink-soft); font-style:italic;
+		}
+		.icsac-card .links{list-style:none; padding:0; margin:0;}
+		.icsac-card .links li{
+			padding:9px 0; border-bottom:1px solid var(--rule-soft); font-size:15.5px;
+			display:flex; gap:10px;
+		}
+		.icsac-card .links li:last-child{border-bottom:0;}
+		.icsac-card .links .ico{
+			font-family:"IBM Plex Mono","JetBrains Mono","Menlo",monospace;
+			font-size:11px; letter-spacing:.06em; color:var(--accent);
+			min-width:50px; text-transform:uppercase; padding-top:2px;
+		}
+		.icsac-card .links .desc{color:var(--ink); flex:1;}
+		.icsac-card .links .desc small{display:block; color:var(--ink-soft); font-size:13px; margin-top:2px;}
+		.icsac-card a{color:var(--accent); text-decoration:underline; text-underline-offset:2px; text-decoration-thickness:1px;}
+		.icsac-card a:hover{text-decoration-thickness:2px;}
+		.icsac-card .cta-row{margin:18px 0 0; display:flex; flex-wrap:wrap; gap:10px;}
+		.icsac-card .cta{
+			display:inline-block; padding:10px 18px; background:var(--accent); color:#fff;
+			text-decoration:none; border-radius:4px;
+			font-family:"IBM Plex Mono","JetBrains Mono","Menlo",monospace;
+			font-size:13px; letter-spacing:.04em;
+		}
+		.icsac-card .cta.warm{background:var(--accent-warm);}
+		.icsac-card .cta:hover{background:#1d2a4d; text-decoration:none;}
+		.icsac-card .cta.warm:hover{background:#5e4520;}
+		.icsac-card .foot{
+			margin-top:48px; padding-top:20px; border-top:1px solid var(--rule);
+			font-family:"IBM Plex Mono","JetBrains Mono","Menlo",monospace;
+			font-size:12px; letter-spacing:.06em; color:var(--ink-soft);
+		}
+		@media (max-width:600px){
+			.icsac-card .wrap{padding:32px 18px 52px;}
+			.icsac-card h1{font-size:24px;}
+			.icsac-card .tagline{font-size:16px;}
+			.icsac-card blockquote.stance{padding:18px 20px; font-size:16px;}
+		}
+	</style>
 </head>
 <body>
-	<main>
-		<header class="hero">
-			<div class="mark">ICSAC</div>
-			<h1>Institute for Complexity Science<br />and Advanced Computing</h1>
-			<p class="tagline">
-				Open editorial infrastructure for independent and heterodox researchers.
-				The whole pipeline &mdash; prompts, rubrics, scoring, redaction, audit &mdash; is published here.
-			</p>
-			<p class="meta">Fort Wayne, Indiana &middot; Founded 2026</p>
-		</header>
+<div class="icsac-card">
+	<div class="wrap">
 
-		<section class="stance">
-			<blockquote>
-				Independent and heterodox researchers have legitimate cause to be skeptical of black-box editorial AI.
-				The reasonable response is not to hide the system behind a &ldquo;trust us.&rdquo; The reasonable response is to publish it.
-			</blockquote>
-		</section>
+		<img class="banner" src="https://huggingface.co/spaces/ICSAC-Institute/README/resolve/main/banner.svg" alt="ICSAC — Institute for Complexity Science and Advanced Computing" />
 
-		<section>
-			<h2>What we do</h2>
-			<ul class="bullets">
-				<li>Run an open peer-review pipeline &mdash; 5-reviewer AI panel + Review-Quality-Control audit + human curator sign-off &mdash; with the redacted review record published alongside every accepted paper.</li>
-				<li>Publish <em>Persistence</em>, an annual journal in print and ebook. No APCs, authors retain copyright. First issue: May 2027.</li>
-				<li>Open-source the editorial machinery so anyone can audit it, fork it, or run it themselves.</li>
-			</ul>
-		</section>
+		<p class="mark">ICSAC · EST. 2026 · FORT WAYNE</p>
+		<h1>Institute for Complexity Science<br/>&amp; Advanced Computing</h1>
+		<p class="tagline">
+			Open editorial infrastructure for independent and heterodox researchers.
+			The whole pipeline &mdash; prompts, rubrics, scoring, redaction, audit &mdash; is published here.
+		</p>
+		<p class="meta">Fort Wayne, Indiana &middot; Founded 2026 &middot; <a href="https://icsacinstitute.org">icsacinstitute.org</a></p>
 
-		<section>
-			<h2>What lives on Hugging Face</h2>
-			<div class="card-grid">
-				<a class="card" href="https://huggingface.co/spaces/ICSAC-Institute/editorial-system">
-					<div class="card-title">editorial-system</div>
-					<div class="card-sub">Space &middot; static &middot; MIT</div>
-					<div class="card-desc">
-						The open-source AI editorial pipeline that receives, reviews, and adjudicates every submission to ICSAC and to <em>Persistence</em>.
-						Submission handler, rubrics, prompts, citation checks, redaction layer, and the audit pass that scores the panel itself.
-					</div>
-				</a>
-			</div>
-			<p class="footnote">
-				One defensive exception: the prompt-injection signal in the RQC audit is not published, to avoid teaching adversarial submissions what to evade.
-				Everything else about how your work is evaluated is in the open.
-			</p>
-		</section>
+		<blockquote class="stance">
+			Independent and heterodox researchers have legitimate cause to be skeptical of black-box editorial AI.
+			The reasonable response is not to hide the system behind a &ldquo;trust us.&rdquo; The reasonable response is to publish it.
+		</blockquote>
 
-		<section>
-			<h2>Where the rest lives</h2>
-			<ul class="links">
-				<li><a href="https://icsacinstitute.org">icsacinstitute.org</a> &mdash; institute site</li>
-				<li><a href="https://icsacinstitute.org/journal">/journal</a> &mdash; <em>Persistence</em></li>
-				<li><a href="https://icsacinstitute.org/publications">/publications</a> &mdash; accepted papers with full review records</li>
-				<li><a href="https://icsacinstitute.org/submit">/submit</a> &mdash; ORCID-gated, DOI or PDF, 5&ndash;10 day turnaround</li>
-				<li><a href="https://icsacinstitute.org/verify">/verify</a> &mdash; check an ICSAC member ID</li>
-				<li><a href="https://zenodo.org/communities/icsac">Zenodo community</a> &mdash; DOI-minted deposits</li>
-				<li><a href="https://github.com/ICSAC">github.com/ICSAC</a> &mdash; source mirrors</li>
-			</ul>
-		</section>
+		<h2>What ICSAC does</h2>
+		<ul class="bullets">
+			<li><strong>Open peer review.</strong> A 5-reviewer AI panel + Review-Quality-Control audit + human curator who confirms, modifies, or overrides every recommendation. The redacted review record is published alongside the accepted paper.</li>
+			<li><strong>The journal &mdash; <em>Persistence</em>.</strong> Annual print + ebook + free curation records online. No APCs. Authors retain copyright. First issue May 2027.</li>
+			<li><strong>Open machinery.</strong> Prompts, rubrics, scoring code, citation verification, redaction layer, RQC audit &mdash; published. Fork it, audit it, run it yourself.</li>
+		</ul>
 
-		<section class="support">
-			<h2>Support this work</h2>
-			<p>
-				ICSAC runs on bootstrap funding from <a href="https://3riverswebtech.com">3Rivers WebTech</a> and private donors.
-				If you want to help keep rigorous peer review accessible to researchers without institutional cover, our Manifund page is here:
-			</p>
-			<p>
-				<a class="cta" href="https://manifund.org/projects/icsac-ai-assisted-peer-review-for-independent-researchers">manifund.org/projects/icsac</a>
-			</p>
-		</section>
+		<h2>On Hugging Face</h2>
+		<a class="pin" href="https://huggingface.co/spaces/ICSAC-Institute/editorial-system">
+			<div class="pin-title">editorial-system</div>
+			<div class="pin-sub">SPACE &middot; STATIC &middot; MIT</div>
+			<p class="pin-desc">The open-source AI editorial pipeline that receives, reviews, and adjudicates every submission to ICSAC and to <em>Persistence</em>. Submission handler, rubrics, prompts, citation checks, redaction layer, and the audit pass that scores the panel itself.</p>
+		</a>
+		<p class="footnote">
+			One defensive exception: the prompt-injection signal in the RQC audit is withheld, to avoid teaching adversarial submissions what to evade. Everything else is in the open.
+		</p>
 
-		<footer>
-			<p>
-				<a href="mailto:info@icsacinstitute.org">info@icsacinstitute.org</a>
-				&middot; The review is the same for everyone.
-			</p>
-		</footer>
-	</main>
+		<h2>Where the rest lives</h2>
+		<ul class="links">
+			<li><span class="ico">SITE</span><span class="desc"><a href="https://icsacinstitute.org">icsacinstitute.org</a></span></li>
+			<li><span class="ico">JRNL</span><span class="desc"><a href="https://icsacinstitute.org/journal"><em>Persistence</em></a> &mdash; annual, no APCs</span></li>
+			<li><span class="ico">PUB</span><span class="desc"><a href="https://icsacinstitute.org/publications">Accepted papers</a> with full review records</span></li>
+			<li><span class="ico">SUB</span><span class="desc"><a href="https://icsacinstitute.org/submit">Submit a manuscript</a><small>ORCID-gated &middot; DOI, arXiv ID, or PDF &middot; 5&ndash;10 day turnaround</small></span></li>
+			<li><span class="ico">ID</span><span class="desc"><a href="https://icsacinstitute.org/verify">Verify a member ID</a></span></li>
+			<li><span class="ico">DOI</span><span class="desc"><a href="https://zenodo.org/communities/icsac">Zenodo community</a></span></li>
+			<li><span class="ico">SRC</span><span class="desc"><a href="https://github.com/ICSAC">github.com/ICSAC</a></span></li>
+		</ul>
+
+		<h2>Submit from anywhere</h2>
+		<p style="margin:0 0 14px; color:var(--ink-soft);">
+			Independent researcher. Graduate student. Lab without an open-access budget.
+			<strong style="color:var(--ink);">The review is the same for everyone</strong> &mdash;
+			no fast-track for friends, no slow-walk for outsiders. The panel reads the manuscript, not the affiliation.
+		</p>
+		<div class="cta-row">
+			<a class="cta" href="https://icsacinstitute.org/submit">→ Submit a paper</a>
+			<a class="cta warm" href="https://manifund.org/projects/icsac-ai-assisted-peer-review-for-independent-researchers">Back us on Manifund</a>
+		</div>
+
+		<p class="foot">
+			<a href="mailto:info@icsacinstitute.org">info@icsacinstitute.org</a>
+			&middot; Bootstrap support from <a href="https://3riverswebtech.com">3Rivers WebTech</a> &amp; private donors
+		</p>
+
+	</div>
+</div>
 </body>
 </html>