public/tutorials
1
0
Fork 0
Code Actions Activity

fix(agentic-guide): restore disappearing download button (i18n innerHTML wipe) and fix Get-started step grid
Deploy / deploy (push) Successful in 1s
Details

Browse Source
This commit is contained in:
Pouya
2026-06-04 17:10:38 +02:00
parent 9e121678b9
commit 65e74096f1
1 changed files with 38 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
agentic-setup/agentic-setup-overview.html
+38 -28
View File
@@ -574,9 +574,10 @@ section{padding:clamp(2.6rem,6vw,4.4rem) 0;border-top:1px solid var(--rule)}
margin:1.1rem 0 0;padding:0;list-style:none;display:grid;gap:.85rem;counter-reset:gs;
}
.getstarted ol.gssteps > li{
display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:start;
display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem;align-items:start;
font-size:var(--step--1);line-height:1.55;color:var(--ink-soft);
}
.getstarted .gs-c{min-width:0}
.getstarted ol.gssteps > li::before{
counter-increment:gs;content:counter(gs);
font-family:var(--mono);font-weight:700;font-size:.72rem;
@@ -586,15 +587,19 @@ section{padding:clamp(2.6rem,6vw,4.4rem) 0;border-top:1px solid var(--rule)}
}
.getstarted ol.gssteps > li b{color:var(--ink)}
.getstarted .dl{
display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;
font-family:var(--mono);font-weight:700;font-size:var(--step--1);letter-spacing:.02em;
display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;
margin:1.2rem 0 .2rem;
font-family:var(--mono);font-weight:700;letter-spacing:.02em;
color:#fff;background:var(--accent);border:1px solid var(--accent-ink);
padding:.5em .95em;border-radius:8px;box-shadow:var(--shadow);
padding:.85em 1.25em;border-radius:11px;box-shadow:var(--shadow-lift);
transition:background-color .16s ease, transform .12s ease;
}
.getstarted .dl svg{flex:none}
.getstarted .dl:hover{background:var(--accent-ink)}
.getstarted .dl:active{transform:translateY(1px)}
.getstarted .dl .dl-main{display:flex;flex-direction:column;text-align:left;line-height:1.2;gap:.12rem}
.getstarted .dl .dl-label{font-size:var(--step-0)}
.getstarted .dl .dl-file{font-size:var(--step--1);opacity:.85}
.getstarted .dl:hover{background:var(--accent-ink);transform:translateY(-1px)}
.getstarted .dl:active{transform:translateY(0)}
@media(prefers-color-scheme: dark){.getstarted .dl{color:#15130f}}
.getstarted .cmd{
margin-top:.55rem;display:block;font-family:var(--mono);font-size:.82rem;line-height:1.5;
@@ -1290,33 +1295,38 @@ footer .sig .dot{width:6px;height:6px;border-radius:50%;background:var(--accent)
</span>
<h3 id="gs-h" data-i18n data-en="Get started" data-de="Loslegen">Get started</h3>
<p class="gslede" data-i18n
data-en="This page is the <b>what &amp; why</b>. The actual build is driven by the <b>setup doc</b> — a single file your Claude Code <b>reads and executes</b> to scaffold the repo, interview you, and stand up your first agents."
data-de="Diese Seite ist das <b>Was &amp; Warum</b>. Der eigentliche Aufbau wird von der <b>Setup-Anleitung</b> gesteuert — einer einzelnen Datei, die deine Claude Code <b>liest und ausführt</b>, um das Repo anzulegen, dich zu befragen und deine ersten Agenten aufzustellen.">This page is the <b>what &amp; why</b>. The actual build is driven by the <b>setup doc</b> — a single file your Claude Code <b>reads and executes</b> to scaffold the repo, interview you, and stand up your first agents.</p>
data-en="This page is the <b>what &amp; why</b>. This guide <b>ships with a companion setup doc</b> for your Claude&nbsp;Code — a single Markdown file, <code>agentic-setup-bootstrap.md</code>, that it <b>reads and executes</b> to scaffold the repo, interview you, and stand up your first agents."
data-de="Diese Seite ist das <b>Was &amp; Warum</b>. Zu diesem Leitfaden gehört eine <b>begleitende Setup-Anleitung</b> für deine Claude&nbsp;Code — eine einzelne Markdown-Datei, <code>agentic-setup-bootstrap.md</code>, die sie <b>liest und ausführt</b>, um das Repo anzulegen, dich zu befragen und deine ersten Agenten aufzustellen.">This page is the <b>what &amp; why</b>. This guide <b>ships with a companion setup doc</b> for your Claude&nbsp;Code — a single Markdown file, <code>agentic-setup-bootstrap.md</code>, that it <b>reads and executes</b> to scaffold the repo, interview you, and stand up your first agents.</p>
<!-- Prominent download. Deliberately OUTSIDE any data-i18n node: the language
script replaces innerHTML on swap, which would wipe a button nested inside a
translated span (that was the earlier disappearing-button bug). -->
<a class="dl" href="https://git.pouya.duckdns.org/public/tutorials/src/branch/main/agentic-setup/agentic-setup-bootstrap.md" target="_blank" rel="noopener"
data-en-aria="Get the setup doc — agentic-setup-bootstrap.md (opens in the repo)"
data-de-aria="Setup-Anleitung holen — agentic-setup-bootstrap.md (öffnet im Repo)"
aria-label="Get the setup doc — agentic-setup-bootstrap.md (opens in the repo)">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3v12m0 0l-4-4m4 4l4-4M5 21h14"/></svg>
<span class="dl-main">
<span class="dl-label" data-i18n data-en="Get the setup doc" data-de="Setup-Anleitung holen">Get the setup doc</span>
<span class="dl-file">agentic-setup-bootstrap.md &rarr;</span>
</span>
</a>
<ol class="gssteps">
<li>
<span data-i18n
data-en="<b>Get the setup doc.</b> It's one Markdown file that lives alongside this guide."
data-de="<b>Hol dir die Setup-Anleitung.</b> Es ist eine einzelne Markdown-Datei, die neben diesem Leitfaden liegt."><b>Get the setup doc.</b> It's one Markdown file that lives alongside this guide.<br>
<a class="dl" href="https://git.pouya.duckdns.org/public/tutorials/src/branch/main/agentic-setup/agentic-setup-bootstrap.md" target="_blank" rel="noopener"
data-en-aria="Get the setup doc — agentic-setup-bootstrap.md (opens in the repo)"
data-de-aria="Setup-Anleitung holen — agentic-setup-bootstrap.md (öffnet im Repo)"
aria-label="Get the setup doc — agentic-setup-bootstrap.md (opens in the repo)">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3v12m0 0l-4-4m4 4l4-4M5 21h14"/></svg>
<span data-i18n data-en="Get the setup doc — agentic-setup-bootstrap.md" data-de="Setup-Anleitung holen — agentic-setup-bootstrap.md">Get the setup doc — agentic-setup-bootstrap.md</span>
</a>
</span>
<div class="gs-c">
<span data-i18n
data-en="<b>Save it where your Claude Code can read it</b> — your project folder, or your home directory (<code>~/</code>)."
data-de="<b>Speichere sie dort, wo deine Claude Code sie lesen kann</b> — in deinem Projektordner oder in deinem Home-Verzeichnis (<code>~/</code>)."><b>Save it where your Claude Code can read it</b> — your project folder, or your home directory (<code>~/</code>).</span>
</div>
</li>
<li>
<span data-i18n
data-en="<b>Save it where your Claude Code can read it</b> — inside your project folder, or in your home directory (<code>~/</code>)."
data-de="<b>Speichere sie dort, wo deine Claude Code sie lesen kann</b> — in deinem Projektordner oder in deinem Home-Verzeichnis (<code>~/</code>)."><b>Save it where your Claude Code can read it</b> — inside your project folder, or in your home directory (<code>~/</code>).</span>
</li>
<li>
<span data-i18n
data-en="<b>Give Claude Code this instruction</b> and let it take it from there:"
data-de="<b>Gib Claude Code diese Anweisung</b> und lass sie ab da übernehmen:"><b>Give Claude Code this instruction</b> and let it take it from there:</span>
<code class="cmd"><span class="cprompt" aria-hidden="true">&gt;</span>Read agentic-setup-bootstrap.md and set up my agentic environment.</code>
<div class="gs-c">
<span data-i18n
data-en="<b>Give Claude Code this instruction</b> and let it take it from there:"
data-de="<b>Gib Claude Code diese Anweisung</b> und lass sie ab da übernehmen:"><b>Give Claude Code this instruction</b> and let it take it from there:</span>
<code class="cmd"><span class="cprompt" aria-hidden="true">&gt;</span>Read agentic-setup-bootstrap.md and set up my agentic environment.</code>
</div>
</li>
</ol>
</div>