pages-landing-page/index.html
2024-11-15 15:04:27 +00:00

2 lines
No EOL
4.5 KiB
HTML

<!doctype html> <html class=dark lang=en> <head> <title>Froth Pages</title> <meta charset=utf-8> <link href=./favicon.png rel=icon> <meta content="width=device-width" name=viewport> <link href=./_app/immutable/assets/0.CMyKF2fe.css rel=stylesheet> <link href=./_app/immutable/assets/ProgressBar.c6i8ireL.css rel=stylesheet> <link href=./_app/immutable/entry/start.B7L2SzhY.js rel=modulepreload> <link href=./_app/immutable/chunks/utils.bynYNLZa.js rel=modulepreload> <link href=./_app/immutable/chunks/index.BO0iZTfs.js rel=modulepreload> <link href=./_app/immutable/entry/app.D0WsQSwb.js rel=modulepreload> <link href=./_app/immutable/chunks/index-client.CKpN7mzR.js rel=modulepreload> <link href=./_app/immutable/chunks/disclose-version.DDNQOHTx.js rel=modulepreload> <link href=./_app/immutable/nodes/0.Cf-1LyA2.js rel=modulepreload> <link href=./_app/immutable/chunks/ProgressBar.svelte_svelte_type_style_lang.BI1WEXu6.js rel=modulepreload> <link href=./_app/immutable/nodes/2.jjPsYz5g.js rel=modulepreload> <link href=./_app/immutable/chunks/2.C7u7nl_-.js rel=modulepreload> </head> <body data-sveltekit-preload-data=hover data-theme=froth-noire> <div class="overflow-hidden h-full" style=display:contents><div class="flex flex-col h-full overflow-hidden w-full" data-testid=app-shell id=appShell><header class="z-10 flex-none" id=shell-header><div class="flex flex-col app-bar bg-surface-100-800-token p-4 space-y-4" data-testid=app-bar aria-label="" aria-labelledby="" role=toolbar><div class="items-center app-bar-row-main gap-4 grid grid-cols-3"><div class="flex items-center flex-none app-bar-slot-lead justify-between"><strong class="text-xl uppercase"><a href=/ >Froth Pages</a></strong></div> <div class="flex-auto app-bar-slot-default place-self-center"><noscript><strong>Hey, you! This page is interactive and currently requires JavaScript!</strong> <br> Want a non-JS version? Bother <a href=https://matrix.to/#/@samme:schizo.cafe class=anchor>Sam</a> about it!</noscript></div> <div class="flex items-center flex-none app-bar-slot-trail place-content-end space-x-4"><a href=https://git.froth.zone/sam/static-pages class=anchor>Source Code</a></div></div> </div></header> <div class="flex h-full overflow-hidden w-full flex-auto"> <div class="flex flex-col flex-1 overflow-x-hidden" id=page style=scrollbar-gutter:auto> <main class=flex-auto id=page-content><div class="p-4 container md:text-center mx-auto text-left"><div class="pb-24 pt-32 relative space-y-6 z-[1]"><div class="font-bold text-4xl tracking-tight">Host <span class=text-tertiary-500>static websites</span> with Froth Pages!</div> <p class="max-w-lg md:mx-auto opacity-90">It's quick, easy, free & fast - just put your project's homepage, developer blog or web experiment into a Git repository at <a href=https://git.froth.zone class=anchor>Froth Git</a> and we'll do the rest.</p> <br> <div class="flex flex-col gap-3 md:block md:space-x-3 md:w-6/12 mx-auto"><div class="space-y-4 stepper" data-testid=stepper> <div class=stepper-content><div class="space-y-4 step" data-testid=step><header class="font-bold step-header text-2xl">1 - Make a repository</header> <div class="space-y-4 step-content"><div class=space-y-2><p>Create a public repository named <code class=code>pages</code> to make the site available on the main subdomain.</p> <hr></div> <p>Or, create a branch named <code class=code>pages</code> in any public repository.</p> <p><code class=code>git switch --orphan pages</code><br><code class=code>git rm --cached -r .</code></p> <div class="overflow-hidden shadow shadow bg-neutral-900/90 codeblock rounded-container-token text-sm text-white" data-testid=codeblock><header class="flex items-center justify-between codeblock-header p-2 pl-4 text-white/50 text-xs uppercase"><span class=codeblock-language>terminal</span> <button class="!text-white btn btn-sm codeblock-btn variant-soft" type=button>Copy</button></header> <pre class="p-4 break-all codeblock-pre pt-1 whitespace-pre-wrap"><code class="codeblock-code language-shell lineNumbers"><span class=line></span> git switch --orphan pages
<span class=line></span> git rm --cached -r .</code></pre></div></div> </div> </div></div></div></div></div></main> </div> </div> </div> <script>{__sveltekit_1nohbf8={base:new URL(".",location).pathname.slice(0,-1)};const t=document.currentScript.parentElement,e=[null,null];Promise.all([import("./_app/immutable/entry/start.B7L2SzhY.js"),import("./_app/immutable/entry/app.D0WsQSwb.js")]).then((([n,l])=>{n.start(l,t,{node_ids:[0,2],data:e,form:null,error:null})}))}</script> </div>