Home page walking skeleton: the proof-sheet hero with the install command

site/index.html

@@ -0,0 +1,61 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+<title>thirdshift: your issues go to press overnight</title>
+<meta name="description" content="thirdshift turns a GitHub issue into a pull request that is ready for review. You plan by day; unattended agents implement, review and open the pull request overnight.">
+<link rel="icon" href="/favicon.svg" type="image/svg+xml">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<!-- Only the faces the page uses. The wordmark is inline SVG, so it needs no font. -->
+<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@800&family=JetBrains+Mono:wght@400;700&family=Playfair+Display:ital@1&display=swap">
+<link rel="stylesheet" href="/styles.css">
+<script type="module" src="/main.js"></script>
+</head>
+<body>
+
+<svg width="0" height="0" style="position:absolute" aria-hidden="true">
+  <defs>
+    <symbol id="regmark" viewBox="0 0 28 28"><circle cx="14" cy="14" r="8" fill="none" stroke="currentColor" stroke-width="1.2"/><circle cx="14" cy="14" r="3.5" fill="currentColor"/><path d="M14 0v28M0 14h28" stroke="currentColor" stroke-width="1.2"/></symbol>
+  </defs>
+</svg>
+
+<header class="hero">
+  <div class="wrap">
+    <div class="sheet-wrap">
+      <i class="crop tl"></i><i class="crop tr"></i><i class="crop bl"></i><i class="crop br"></i>
+      <svg class="reg l" aria-hidden="true"><use href="#regmark"/></svg><svg class="reg r" aria-hidden="true"><use href="#regmark"/></svg>
+      <div class="paper-sheet">
+        <div class="topline">
+          <!-- "The Third Shift" set in UnifrakturMaguntia (OFL), converted to outlines. -->
+          <svg class="mark" viewBox="0 -1500 13208 1880" role="img" aria-label="The Third Shift"><path d="M539 -711Q486 -674 385 -674Q243 -677 146 -768Q49 -859 49 -993Q49 -1187 202 -1324Q355 -1461 588 -1462Q786 -1463 961.5 -1369Q1137 -1275 1269 -1180Q1361 -1111 1439 -1180Q1461 -1200 1477 -1184.5Q1493 -1169 1474 -1151L1302 -1007Q1187 -923 1039 -1021Q896 -1120 738.5 -1204Q581 -1288 450 -1288Q296 -1288 204.5 -1201Q113 -1114 112 -1003Q107 -740 377 -713Q454 -704 515 -748Q538 -762 549 -744Q560 -726 539 -711ZM103 -392Q223 -489 308 -524Q430 -576 497 -506Q683 -314 808 -226.5Q933 -139 1024.5 -120Q1116 -101 1186 -133Q1256 -165 1333 -212Q1363 -232 1376 -214.5Q1389 -197 1366 -178Q1270 -99 1164 -41.5Q1058 16 931.5 17.5Q805 19 652 -52Q499 -123 309 -303Q246 -364 185 -363Q152 -363 115 -345Q91 -334 82.5 -352Q74 -370 103 -392ZM784 -1113Q711 -1056 745 -992.5Q779 -929 891 -843Q1085 -693 1069.5 -558Q1054 -423 796 -327Q775 -318 765.5 -333Q756 -348 775 -360Q873 -423 846.5 -496Q820 -569 696 -664Q550 -773 536.5 -895.5Q523 -1018 758 -1144Q782 -1157 794 -1143.5Q806 -1130 784 -1113ZM1588 -1315Q1575 -1334 1590 -1344.5Q1605 -1355 1620 -1337Q1664 -1282 1691 -1219Q1694 -1209 1705 -1209Q1714 -1207 1721 -1217Q1779 -1321 1903.5 -1377.5Q2028 -1434 2156 -1423Q2182 -1422 2182 -1402Q2182 -1382 2157 -1384Q2052 -1391 1974 -1336Q1896 -1281 1897 -1124L1899 -900Q1899 -890 1907 -885.5Q1915 -881 1923 -886Q1978 -916 2033.5 -952Q2089 -988 2136 -1033Q2173 -1070 2178 -1020Q2182 -983 2209 -954Q2236 -925 2259 -897Q2394 -725 2398 -525Q2405 -231 2191 -5.5Q1977 220 1802 339Q1778 356 1766.5 344.5Q1755 333 1773 318Q1914 193 2057.5 45Q2201 -103 2188 -424Q2182 -550 2149.5 -661.5Q2117 -773 2031 -847Q1987 -884 1909 -846Q1900 -843 1900 -831L1904 -227Q1904 -146 1969 -160Q1983 -164 1994 -175Q2005 -186 2018.5 -194.5Q2032 -203 2043 -193Q2054 -183 2043 -172Q1994 -118 1944 -72Q1894 -26 1867 29Q1855 53 1831 29Q1742 -67 1637 -115Q1603 -133 1632 -148Q1696 -170 1695 -280L1693 -948Q1692 -1083 1662.5 -1169Q1633 -1255 1588 -1315ZM2781 28Q2779 4 2755.5 -8Q2732 -20 2716 -32Q2601 -110 2553.5 -222.5Q2506 -335 2500 -461Q2488 -746 2654 -895Q2713 -948 2790 -981.5Q2867 -1015 2948 -1036Q2973 -1041 2985 -1011L3129 -673Q3139 -646 3122 -639H3120L2710 -480Q2698 -474 2700 -461Q2749 -239 2864 -176.5Q2979 -114 3093 -158Q3113 -167 3118.5 -155Q3124 -143 3111 -137Q3030 -96 2956.5 -53Q2883 -10 2825 37Q2816 43 2798.5 41Q2781 39 2781 28ZM2688 -537Q2689 -529 2695 -524.5Q2701 -520 2710 -524L2923 -604Q2938 -610 2932 -625L2810 -924Q2801 -946 2774 -930Q2716 -896 2695 -775Q2674 -654 2688 -537ZM4321 -711Q4268 -674 4167 -674Q4025 -677 3928 -768Q3831 -859 3831 -993Q3831 -1187 3984 -1324Q4137 -1461 4370 -1462Q4568 -1463 4743.5 -1369Q4919 -1275 5051 -1180Q5143 -1111 5221 -1180Q5243 -1200 5259 -1184.5Q5275 -1169 5256 -1151L5084 -1007Q4969 -923 4821 -1021Q4678 -1120 4520.5 -1204Q4363 -1288 4232 -1288Q4078 -1288 3986.5 -1201Q3895 -1114 3894 -1003Q3889 -740 4159 -713Q4236 -704 4297 -748Q4320 -762 4331 -744Q4342 -726 4321 -711ZM3885 -392Q4005 -489 4090 -524Q4212 -576 4279 -506Q4465 -314 4590 -226.5Q4715 -139 4806.5 -120Q4898 -101 4968 -133Q5038 -165 5115 -212Q5145 -232 5158 -214.5Q5171 -197 5148 -178Q5052 -99 4946 -41.5Q4840 16 4713.5 17.5Q4587 19 4434 -52Q4281 -123 4091 -303Q4028 -364 3967 -363Q3934 -363 3897 -345Q3873 -334 3864.5 -352Q3856 -370 3885 -392ZM4566 -1113Q4493 -1056 4527 -992.5Q4561 -929 4673 -843Q4867 -693 4851.5 -558Q4836 -423 4578 -327Q4557 -318 4547.5 -333Q4538 -348 4557 -360Q4655 -423 4628.5 -496Q4602 -569 4478 -664Q4332 -773 4318.5 -895.5Q4305 -1018 4540 -1144Q4564 -1157 4576 -1143.5Q4588 -1130 4566 -1113ZM5370 -1315Q5357 -1334 5372 -1344.5Q5387 -1355 5402 -1337Q5446 -1282 5473 -1219Q5476 -1209 5487 -1209Q5496 -1207 5503 -1217Q5561 -1321 5685.5 -1377.5Q5810 -1434 5938 -1423Q5964 -1422 5964 -1402Q5964 -1382 5939 -1384Q5834 -1391 5756 -1336Q5678 -1281 5679 -1124L5681 -900Q5681 -890 5689 -885.5Q5697 -881 5705 -886Q5760 -916 5815.5 -952Q5871 -988 5918 -1033Q5955 -1070 5960 -1020Q5964 -983 5991 -954Q6018 -925 6041 -897Q6176 -725 6180 -525Q6187 -231 5973 -5.5Q5759 220 5584 339Q5560 356 5548.5 344.5Q5537 333 5555 318Q5696 193 5839.5 45Q5983 -103 5970 -424Q5964 -550 5931.5 -661.5Q5899 -773 5813 -847Q5769 -884 5691 -846Q5682 -843 5682 -831L5686 -227Q5686 -146 5751 -160Q5765 -164 5776 -175Q5787 -186 5800.5 -194.5Q5814 -203 5825 -193Q5836 -183 5825 -172Q5776 -118 5726 -72Q5676 -26 5649 29Q5637 53 5613 29Q5524 -67 5419 -115Q5385 -133 5414 -148Q5478 -170 5477 -280L5475 -948Q5474 -1083 5444.5 -1169Q5415 -1255 5370 -1315ZM6388 -235 6381 -783Q6381 -802 6375 -814Q6351 -853 6334 -833L6294 -792Q6278 -774 6263.5 -788Q6249 -802 6268 -827Q6312 -882 6347 -937Q6382 -992 6419 -1046Q6435 -1065 6456 -1045Q6498 -994 6538 -955.5Q6578 -917 6652 -874Q6673 -866 6670.5 -855Q6668 -844 6657 -843Q6631 -833 6611 -808.5Q6591 -784 6591 -727V-304Q6591 -202 6629 -179Q6673 -153 6701 -201Q6711 -220 6725.5 -209.5Q6740 -199 6725 -175Q6695 -128 6669 -80.5Q6643 -33 6616 14Q6597 42 6569 26Q6479 -17 6433.5 -79Q6388 -141 6388 -235ZM6533 -1422Q6644 -1422 6634 -1315Q6628 -1261 6566.5 -1206.5Q6505 -1152 6469 -1153Q6433 -1153 6414 -1210Q6395 -1267 6399 -1315Q6402 -1361 6443.5 -1391.5Q6485 -1422 6533 -1422ZM7174 -750 7173 -265Q7173 -233 7189 -224L7261 -182Q7284 -168 7331 -231Q7341 -244 7356 -236.5Q7371 -229 7356 -211Q7251 -94 7195 19Q7178 42 7158 19Q7102 -46 7053.5 -80Q7005 -114 6911 -136Q6893 -141 6893 -152Q6893 -163 6906 -168Q6973 -179 6972 -283V-706Q6972 -808 6934 -831Q6890 -860 6862 -810Q6851 -789 6837 -800Q6823 -811 6838 -835Q6867 -881 6893.5 -929Q6920 -977 6948 -1025Q6965 -1055 6993 -1036Q7140 -965 7169 -856Q7172 -846 7181 -843.5Q7190 -841 7197 -850L7351 -1027Q7357 -1033 7365 -1032.5Q7373 -1032 7378 -1024L7483 -823Q7487 -814 7481 -806L7361 -662Q7354 -655 7345.5 -656Q7337 -657 7334 -665L7253 -815Q7249 -821 7240.5 -822.5Q7232 -824 7225 -817L7178 -760Q7174 -756 7174 -750ZM7783 -1393Q7704 -1371 7706 -1300Q7707 -1255 7757.5 -1216.5Q7808 -1178 7876 -1165Q7877 -1165 7878 -1164Q8088 -1086 8243.5 -960Q8399 -834 8420 -594V-591Q8399 -411 8333 -291Q8267 -171 8177 -108L8176 -106Q8134 -70 8077 -42Q8020 -14 7976 16Q7948 35 7940 16Q7884 -117 7631 -187Q7616 -190 7615 -202Q7614 -214 7626 -219Q7689 -243 7689 -352L7687 -768Q7687 -803 7719 -801Q7819 -788 7919 -869Q7925 -873 7925 -884Q7923 -892 7915 -896Q7877 -912 7839 -927.5Q7801 -943 7765 -961Q7672 -1003 7627.5 -1070Q7583 -1137 7575 -1203V-1208Q7600 -1399 7767 -1421Q7793 -1425 7795.5 -1411Q7798 -1397 7783 -1393ZM7978 -868Q7969 -872 7961 -866L7914 -829Q7894 -814 7894 -793L7898 -299Q7898 -284 7910 -278L8126 -151Q8152 -135 8174 -163Q8264 -290 8243.5 -500.5Q8223 -711 8070 -819Q8042 -838 7978 -868ZM10437 -1348Q10460 -1376 10483.5 -1357.5Q10507 -1339 10480 -1313Q10404 -1241 10353.5 -1194.5Q10303 -1148 10260 -1124Q10182 -1079 10107.5 -1097.5Q10033 -1116 9897 -1185Q9755 -1257 9639 -1262.5Q9523 -1268 9422 -1171Q9323 -1076 9293.5 -980.5Q9264 -885 9267 -783Q9274 -543 9480.5 -381.5Q9687 -220 9991 -228Q10204 -232 10358 -324Q10512 -416 10487 -599Q10466 -744 10337 -753.5Q10208 -763 10051 -663Q9845 -532 9752 -547Q9659 -562 9494 -789Q9474 -815 9493 -826Q9512 -837 9530 -810Q9590 -721 9684.5 -756.5Q9779 -792 9893 -858Q9970 -901 10038 -936.5Q10106 -972 10211 -947Q10311 -922 10406.5 -840Q10502 -758 10532 -632Q10557 -522 10528 -432Q10499 -342 10451 -270Q10362 -135 10211.5 -56Q10061 23 9868 23Q9583 23 9344 -168Q9105 -359 9111 -696Q9119 -1173 9825 -1455Q9859 -1469 9896 -1451Q10206 -1298 10304.5 -1301Q10403 -1304 10437 -1348ZM10663 -1315Q10650 -1334 10665 -1344.5Q10680 -1355 10695 -1337Q10739 -1282 10766 -1219Q10769 -1209 10780 -1209Q10789 -1207 10796 -1217Q10854 -1321 10978.5 -1377.5Q11103 -1434 11231 -1423Q11257 -1422 11257 -1402Q11257 -1382 11232 -1384Q11127 -1391 11049 -1336Q10971 -1281 10972 -1124L10974 -900Q10974 -890 10982 -885.5Q10990 -881 10998 -886Q11053 -916 11108.5 -952Q11164 -988 11211 -1033Q11248 -1070 11253 -1020Q11257 -983 11284 -954Q11311 -925 11334 -897Q11469 -725 11473 -525Q11480 -231 11266 -5.5Q11052 220 10877 339Q10853 356 10841.5 344.5Q10830 333 10848 318Q10989 193 11132.5 45Q11276 -103 11263 -424Q11257 -550 11224.5 -661.5Q11192 -773 11106 -847Q11062 -884 10984 -846Q10975 -843 10975 -831L10979 -227Q10979 -146 11044 -160Q11058 -164 11069 -175Q11080 -186 11093.5 -194.5Q11107 -203 11118 -193Q11129 -183 11118 -172Q11069 -118 11019 -72Q10969 -26 10942 29Q10930 53 10906 29Q10817 -67 10712 -115Q10678 -133 10707 -148Q10771 -170 10770 -280L10768 -948Q10767 -1083 10737.5 -1169Q10708 -1255 10663 -1315ZM11681 -235 11674 -783Q11674 -802 11668 -814Q11644 -853 11627 -833L11587 -792Q11571 -774 11556.5 -788Q11542 -802 11561 -827Q11605 -882 11640 -937Q11675 -992 11712 -1046Q11728 -1065 11749 -1045Q11791 -994 11831 -955.5Q11871 -917 11945 -874Q11966 -866 11963.5 -855Q11961 -844 11950 -843Q11924 -833 11904 -808.5Q11884 -784 11884 -727V-304Q11884 -202 11922 -179Q11966 -153 11994 -201Q12004 -220 12018.5 -209.5Q12033 -199 12018 -175Q11988 -128 11962 -80.5Q11936 -33 11909 14Q11890 42 11862 26Q11772 -17 11726.5 -79Q11681 -141 11681 -235ZM11826 -1422Q11937 -1422 11927 -1315Q11921 -1261 11859.5 -1206.5Q11798 -1152 11762 -1153Q11726 -1153 11707 -1210Q11688 -1267 11692 -1315Q11695 -1361 11736.5 -1391.5Q11778 -1422 11826 -1422ZM12403 -1011H12576Q12592 -1011 12592 -995V-933Q12592 -917 12576 -917H12455Q12448 -917 12442.5 -911Q12437 -905 12439 -899Q12445 -843 12436 -743L12335 309Q12331 343 12315 343.5Q12299 344 12295 307Q12270 1 12244 -304Q12218 -609 12189 -915H12073Q12058 -915 12057.5 -929.5Q12057 -944 12069 -946Q12134 -957 12177 -1013Q12220 -1069 12214 -1159Q12207 -1301 12251 -1397.5Q12295 -1494 12427 -1451Q12500 -1426 12560.5 -1407.5Q12621 -1389 12646 -1428Q12658 -1449 12668 -1446Q12678 -1443 12665 -1407Q12629 -1293 12571.5 -1253.5Q12514 -1214 12393 -1272Q12276 -1326 12255.5 -1218.5Q12235 -1111 12299 -1078Q12361 -1044 12380 -1022Q12391 -1011 12403 -1011ZM12958 -815 12957 -255Q12957 -224 12972 -214L13044 -173Q13065 -155 13114 -221Q13123 -234 13138.5 -225Q13154 -216 13140 -201Q13033 -84 12979 29Q12962 50 12942 29Q12886 -37 12838 -70Q12790 -103 12695 -126Q12679 -129 12678 -141Q12677 -153 12690 -158Q12757 -174 12756 -273L12755 -814Q12756 -832 12740 -832H12622Q12608 -832 12604 -843Q12600 -854 12613 -862Q12733 -947 12857.5 -1067Q12982 -1187 13084 -1295Q13097 -1309 13109.5 -1300.5Q13122 -1292 13110 -1276Q13064 -1219 13017.5 -1128Q12971 -1037 12961 -962Q12959 -952 12962 -947Q12968 -941 12976 -941H13149Q13156 -941 13161 -936Q13166 -929 13166 -923L13162 -848Q13160 -832 13145 -832H12972Q12958 -832 12958 -815Z"/></svg>
+          <span class="slug">Proof · pulled at 03:12 · unit 4 of 4</span>
+        </div>
+        <h1 class="misreg">Your issues go to press overnight.</h1>
+        <div class="proof-row">
+          <div>
+            <p class="framing">The humans are the <b>day shift</b>: you talk the idea through, write the spec and cut it into issues. The agents work the <b>third shift</b>: give thirdshift an Issue URL and it implements the issue, reviews its own work and opens a pull request that is ready for review by morning.</p>
+            <p class="credit">Built on Matt Pocock's skills: <a href="https://www.aihero.dev/skills">aihero.dev/skills</a> · <a href="https://github.com/mattpocock/skills">mattpocock/skills</a></p>
+          </div>
+          <div>
+            <p class="eyebrow">Install</p>
+            <div class="install"><code>curl -fsSL https://thirdshift.app/install.sh | sh</code><button type="button" class="copy">Copy</button></div>
+            <details class="install-more"><summary>Show the full command</summary><code>curl -LsSf https://github.com/JacobStephens2/thirdshift/releases/latest/download/thirdshift-installer.sh | sh</code></details>
+          </div>
+        </div>
+        <div class="colorbar ht" aria-hidden="true"><i class="cb-c"></i><i class="cb-c50"></i><i class="cb-m"></i><i class="cb-m50"></i><i class="cb-y"></i><i class="cb-y50"></i><i class="cb-k"></i><i class="cb-c"></i><i class="cb-m"></i><i class="cb-y"></i><i class="cb-k"></i><i class="cb-c50"></i><i class="cb-m50"></i><i class="cb-y50"></i></div>
+      </div>
+    </div>
+  </div>
+</header>
+
+<footer class="wrap foot">
+  <a href="https://github.com/JacobStephens2/thirdshift">GitHub</a>
+  <a href="https://github.com/JacobStephens2/thirdshift/releases">Releases</a>
+  <a href="https://github.com/JacobStephens2/thirdshift/blob/main/LICENSE">MIT License</a>
+  <span>Factory skills adapted from <a href="https://github.com/mattpocock/skills">Matt Pocock's skills</a></span>
+</footer>
+
+</body>
+</html>

site/main.js

@@ -0,0 +1,15 @@
+// Copy buttons: put the command next to the button on the clipboard.
+for (const button of document.querySelectorAll(".install button.copy")) {
+  const code = button.closest(".install").querySelector("code");
+  button.addEventListener("click", async () => {
+    try {
+      await navigator.clipboard.writeText(code.textContent);
+      button.textContent = "Copied";
+    } catch {
+      // No clipboard access (e.g. an insecure origin): select the command so it can be copied by hand.
+      getSelection().selectAllChildren(code);
+      button.textContent = "Selected";
+    }
+    setTimeout(() => { button.textContent = "Copy"; }, 1600);
+  });
+}

site/robots.txt

@@ -0,0 +1,2 @@
+User-agent: *
+Allow: /