tenseleyflow/shithub / ce07b86

+

+/* ----- repo create + empty home (S11) ----- */

+.shithub-repo-new {

+  max-width: 56rem;

+  margin: 2rem auto;

+  padding: 0 1rem;

+}

+.shithub-repo-new h1 {

+  margin: 0 0 0.5rem;

+  font-size: 1.5rem;

+  font-weight: 400;

+}

+.shithub-repo-new-lede {

+  margin: 0 0 1.5rem;

+  color: var(--fg-muted);

+  padding-bottom: 1rem;

+  border-bottom: 1px solid var(--border-default);

+}

+.shithub-repo-new-form {

+  display: grid;

+  gap: 1.25rem;

+  max-width: 36rem;

+}

+.shithub-repo-new-form label { display: grid; gap: 0.25rem; font-weight: 500; font-size: 0.9rem; }

+.shithub-repo-new-form input[type=text],

+.shithub-repo-new-form select {

+  font: inherit;

+  padding: 0.5rem 0.75rem;

+  border: 1px solid var(--border-default);

+  border-radius: 6px;

+  background: var(--canvas-subtle);

+}

+.shithub-repo-new-form em { color: #cf222e; font-style: normal; }

+.shithub-repo-new-form small { font-weight: 400; color: var(--fg-muted); font-size: 0.8rem; }

+

+.shithub-repo-new-visibility, .shithub-repo-new-init {

+  border: none;

+  padding: 0;

+  margin: 0;

+  display: grid;

+  gap: 0.5rem;

+}

+.shithub-repo-new-visibility legend, .shithub-repo-new-init legend {

+  padding: 0;

+  font-size: 0.85rem;

+  font-weight: 600;

+  margin-bottom: 0.5rem;

+}

+.shithub-repo-new-vis-card,

+.shithub-repo-new-init-row {

+  display: grid;

+  grid-template-columns: max-content 1fr;

+  gap: 0.75rem;

+  padding: 0.75rem 1rem;

+  border: 1px solid var(--border-default);

+  border-radius: 6px;

+  background: var(--canvas-subtle);

+}

+.shithub-repo-new-vis-card.active { border-color: var(--accent-emphasis); }

+.shithub-repo-new-vis-card strong,

+.shithub-repo-new-init-row strong { display: block; font-size: 0.95rem; }

+.shithub-repo-new-vis-card small,

+.shithub-repo-new-init-row small { display: block; color: var(--fg-muted); font-size: 0.85rem; }

+

+.shithub-repo-empty {

+  max-width: 56rem;

+  margin: 2rem auto;

+  padding: 0 1rem;

+}

+.shithub-repo-empty-head h1 {

+  margin: 0 0 0.5rem;

+  font-size: 1.4rem;

+  font-weight: 400;

+  display: flex;

+  align-items: center;

+  gap: 0.4rem;

+}

+.shithub-repo-empty-sep { color: var(--fg-muted); }

+.shithub-repo-empty-desc {

+  margin: 0 0 1rem;

+  color: var(--fg-muted);

+}

+.shithub-pill-private { background: rgba(187, 128, 9, 0.15); border-color: rgba(187, 128, 9, 0.4); }

+.shithub-repo-empty-quickstart {

+  margin-top: 1rem;

+  padding: 1.25rem;

+  border: 1px solid var(--border-default);

+  border-radius: 8px;

+  background: var(--canvas-subtle);

+}

+.shithub-repo-empty-quickstart h2 { margin: 0 0 0.5rem; font-size: 1rem; }

+.shithub-repo-empty-quickstart h3 { margin: 1.25rem 0 0.5rem; font-size: 0.9rem; font-weight: 600; }

+.shithub-repo-empty-clone { display: grid; gap: 0.5rem; margin: 0.75rem 0; }

+.shithub-repo-empty-clone label { display: grid; grid-template-columns: 70px 1fr; gap: 0.5rem; align-items: center; }

+.shithub-repo-empty-clone span { font-size: 0.8rem; color: var(--fg-muted); font-weight: 600; }

+.shithub-repo-empty-clone input {

+  font: inherit;

+  font-family: monospace;

+  font-size: 0.85rem;

+  padding: 0.5rem 0.75rem;

+  border: 1px solid var(--border-default);

+  border-radius: 6px;

+  background: var(--canvas-default);

+}

+.shithub-repo-empty-quickstart pre {

+  padding: 0.75rem 1rem;

+  border: 1px solid var(--border-default);

+  border-radius: 6px;

+  background: var(--canvas-default);

+  font-size: 0.85rem;

+  overflow-x: auto;

+}

+{{ define "page" -}}

+<section class="shithub-repo-empty">

+  <header class="shithub-repo-empty-head">

+    <h1>

+      <a href="/{{ .Owner }}">{{ .Owner }}</a>

+      <span class="shithub-repo-empty-sep">/</span>

+      <a href="/{{ .Owner }}/{{ .Repo.Name }}">{{ .Repo.Name }}</a>

+      {{ if eq (printf "%s" .Repo.Visibility) "private" }}

+        <span class="shithub-pill shithub-pill-private">private</span>

+      {{ else }}

+        <span class="shithub-pill">public</span>

+      {{ end }}

+    </h1>

+    {{ if .Repo.Description }}<p class="shithub-repo-empty-desc">{{ .Repo.Description }}</p>{{ end }}

+  </header>

+

+  <div class="shithub-repo-empty-quickstart">

+    <h2>Quick setup — if you've done this kind of thing before</h2>

+    <p>Get started by setting up a new repository on your machine and pushing it here.</p>

+

+    <div class="shithub-repo-empty-clone">

+      <label>

+        <span>HTTPS</span>

+        <input type="text" readonly value="{{ .HTTPSCloneURL }}" onclick="this.select()">

+      </label>

+      {{ if .SSHEnabled }}

+      <label>

+        <span>SSH</span>

+        <input type="text" readonly value="{{ .SSHCloneURL }}" onclick="this.select()">

+      </label>

+      {{ end }}

+    </div>

+

+    <h3>…or push an existing repository from the command line</h3>

+    <pre><code>git remote add origin {{ .HTTPSCloneURL }}

+git branch -M {{ .DefaultBranch }}

+git push -u origin {{ .DefaultBranch }}</code></pre>

+  </div>

+</section>

+{{- end }}

+{{ define "page" -}}

+<section class="shithub-repo-new">

+  <h1>Create a new repository</h1>

+  <p class="shithub-repo-new-lede">A repository contains all project files, including the revision history.</p>

+

+  {{ with .Error }}<p class="shithub-flash shithub-flash-error" role="alert">{{ . }}</p>{{ end }}

+

+  <form method="POST" action="/new" novalidate class="shithub-repo-new-form">

+    <input type="hidden" name="csrf_token" value="{{ .CSRFToken }}">

+

+    <div class="shithub-repo-new-row">

+      <label class="shithub-repo-new-name">

+        <span>Repository name <em>*</em></span>

+        <input type="text" name="name" required maxlength="100" autocomplete="off"

+               spellcheck="false" pattern="^[a-z0-9](?:[a-z0-9._-]{0,98}[a-z0-9_])?$"

+               value="{{ .Form.Name }}">

+        <small>Lowercase letters, digits, dots, hyphens, underscores. 1–100 characters.</small>

+      </label>

+    </div>

+

+    <label>

+      <span>Description <small>(optional)</small></span>

+      <input type="text" name="description" maxlength="350" value="{{ .Form.Description }}">

+    </label>

+

+    <fieldset class="shithub-repo-new-visibility">

+      <legend>Visibility</legend>

+      <label class="shithub-repo-new-vis-card{{ if eq .Form.Visibility "public" }} active{{ end }}">

+        <input type="radio" name="visibility" value="public"{{ if eq .Form.Visibility "public" }} checked{{ end }}>

+        <span>

+          <strong>Public</strong>

+          <small>Anyone on the internet can see this repository. You choose who can commit.</small>

+        </span>

+      </label>

+      <label class="shithub-repo-new-vis-card{{ if eq .Form.Visibility "private" }} active{{ end }}">

+        <input type="radio" name="visibility" value="private"{{ if eq .Form.Visibility "private" }} checked{{ end }}>

+        <span>

+          <strong>Private</strong>

+          <small>You choose who can see and commit to this repository.</small>

+        </span>

+      </label>

+    </fieldset>

+

+    <fieldset class="shithub-repo-new-init">

+      <legend>Initialize this repository with</legend>

+      <label class="shithub-repo-new-init-row">

+        <input type="checkbox" name="init_readme" value="on"{{ if .Form.InitReadme }} checked{{ end }}>

+        <span>

+          <strong>Add a README file</strong>

+          <small>This is where you can write a long description for your project.</small>

+        </span>

+      </label>

+      <label>

+        <span>Add .gitignore</span>

+        <select name="gitignore">

+          <option value="">None</option>

+          {{ $picked := .Form.Gitignore }}

+          {{ range .Gitignores }}

+          <option value="{{ . }}"{{ if eq . $picked }} selected{{ end }}>{{ . }}</option>

+          {{ end }}

+        </select>

+      </label>

+      <label>

+        <span>Choose a license</span>

+        <select name="license">

+          <option value="">None</option>

+          {{ $picked := .Form.License }}

+          {{ range .Licenses }}

+          <option value="{{ . }}"{{ if eq . $picked }} selected{{ end }}>{{ . }}</option>

+          {{ end }}

+        </select>

+      </label>

+    </fieldset>

+

+    <button type="submit" class="shithub-button shithub-button-primary">Create repository</button>

+  </form>

+</section>

+{{- end }}