From 89b274b9a75d79ff0e05efda91d4d61a7259b816 Mon Sep 17 00:00:00 2001
From: clcocd <124585243+clcocd@users.noreply.github.com>
Date: Thu, 12 Sep 2024 14:07:22 +0900
Subject: [PATCH] Publish version 1.0

---
 README.md     |   1 -
 download.html | 642 ++++++++++++++++++++++++++++++++++++++++++++++++++
 icon.svg      |   1 +
 3 files changed, 643 insertions(+), 1 deletion(-)
 delete mode 100644 README.md
 create mode 100644 download.html
 create mode 100644 icon.svg
diff --git a/README.md b/README.md
deleted file mode 100644
index 8b13789..0000000
--- a/README.md
+++ /dev/null
@@ -1 +0,0 @@
-
diff --git a/download.html b/download.html
new file mode 100644
index 0000000..7da1aee
--- /dev/null
+++ b/download.html
@@ -0,0 +1,642 @@
+<!DOCTYPE html>
+<!--suppress ALL -->
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+
+    
+
+    <!-- Curious what created these downloads? Check out https://hydraulic.dev -->
+    <meta name="generator" content="Conveyor: 15.0"/>
+
+    <link rel=icon href="icon.svg" sizes="any" type="image/svg+xml">
+    
+
+    <title>디시 주작기</title>
+
+    <style>
+        :root {
+            --backdrop: #f8f8f8;
+            --foreground: black;
+            --button-text: white;
+            --button-face: #01e675;
+            --pane-color: #fff;
+            --no-go-color: #f3f3f3;
+            --note-text: #3d3d3d;
+        }
+
+        
+        @media (prefers-color-scheme: dark) {
+        
+        
+        :root {
+            --backdrop: #44475A;
+            --foreground: #F8F8F2;
+            --button-text: #F8F8F2;
+            --button-face: #07e73f;
+            --pane-color: #282A36;
+            --no-go-color: #282A36;
+            --note-text: #c3c3c3;
+        }
+        
+        
+        }
+        
+
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+            font-size: x-large;
+            background-color: var(--backdrop);
+            color: var(--foreground);
+        }
+
+        html, body {
+            height: 100%;
+            width: 100%;
+        }
+
+        .download-button > svg > g > path {
+            fill: var(--button-text);
+        }
+
+        .download-button > svg {
+            padding-right: 1em
+        }
+
+         .download-button:hover {
+            filter: brightness(1.02);
+        }
+
+        .container {
+            display: flex;
+            align-items: center;
+            flex-direction: column;
+            justify-content: center;
+            text-align: center;
+            width: 100%;
+            height: 100%;
+        }
+
+        #logo {
+            padding: 2em;
+            padding-top: 2.5em;
+            text-align: center;
+        }
+
+        @media only screen and (min-device-width: 768px) {
+            .download-button {
+                align-items: center;
+                background-color: var(--button-face);
+                border-radius: 80px;
+                color: var(--button-text) !important;
+                cursor: pointer;
+                display: inline-flex;
+                font-weight: 500;
+                justify-content: center;
+                letter-spacing: 0.071em;
+                padding: 25px 45px;
+                text-decoration: none;
+                text-transform: uppercase;
+                white-space: nowrap;
+                width: 23em;
+            }
+
+            .pane {
+                align-items: center;
+                background-color: var(--pane-color);
+                border-radius: 4px;
+                box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0,0,0,.3);
+                box-sizing: border-box;
+                display: flex;
+                flex-direction: column;
+                padding: 2em;
+                margin: 1em;
+            }
+
+            #version {
+                color: darkgrey;
+            }
+
+            .alternative-downloads, .alternative-downloads a {
+                padding-top: 2em;
+            }
+
+            .alternative-downloads a {
+                padding-right: 1em;
+            }
+
+            #no-go {
+                display: none;
+            }
+        }
+
+        @media only screen and (max-device-width: 768px) {
+            /** Mobile. */
+            .container {
+                font-size: xx-large;
+            }
+
+            #panes, #conveyor-logo {
+                display: none;
+            }
+        }
+
+        .smaller-fonts, .smaller-fonts a {
+            font-size: medium;
+            color: #666666;
+        }
+
+        #no-go {
+            padding: 2em;
+            margin-top: 2em;
+            background-color: var(--no-go-color);
+        }
+
+        #version {
+            margin-bottom: 2em;
+        }
+
+        .terminal {
+            background-color: black;
+            border-radius: 10px;
+            white-space: pre-line;
+            text-align: left;
+            padding: 1em;
+            display: flex;
+            flex-wrap: wrap;
+            align-items: center;
+            color: white;
+            font-weight: bold;
+        }
+
+        .terminal a {
+            color: white;
+        }
+
+        .terminal-icon-container {
+            flex-grow: 1;
+        }
+
+        .terminal-icon-container > .tooltip {
+            float: right;
+            display: flex;
+            align-items: center;
+        }
+
+        /* This class lets us simulate a <br> inside a flexbox. */
+        .flex-line-break {
+            flex-basis: 100%;
+            height: 0;
+        }
+
+        .note {
+            line-height: 200%;
+            text-align: left;
+            display: block;
+            color: var(--note-text);
+        }
+
+        .note > * {
+            vertical-align: middle;
+        }
+
+        .note a {
+            color: #395ee7;
+        }
+
+        .help-pane {
+            text-align: left;
+        }
+
+        .cli-instructions {
+            padding-top: 1em;
+        }
+
+        .copy-button {
+            padding-left: 40px;
+            cursor: pointer;
+        }
+
+        /** See here: https://blog.logrocket.com/creating-beautiful-tooltips-with-only-css/ - thanks LogRocket! */
+
+        .tooltip {
+            position: relative; /* making the .tooltip span a container for the tooltip text */
+            border-bottom: 1px dashed #000; /* little indicater to indicate it's hoverable */
+        }
+
+        .tooltip:before {
+            content: attr(data-text); /* here's the magic */
+            position: absolute;
+            font-family: sans-serif;
+            font-size: smaller;
+
+            top: 50%;
+            transform: translateY(-70%);
+
+            left: 100%;
+            margin-left: 15px; /* and add a small left margin */
+
+            /* basic styles */
+            width: fit-content;
+            white-space: nowrap;
+            padding: 10px;
+            border-radius: 10px;
+            background: #555;
+            color: #fff;
+            text-align: center;
+
+            opacity: 0;
+            transition: .3s opacity;
+        }
+
+        .tooltip:after {
+            content: "";
+            position: absolute;
+
+            left: 100%;
+            margin-left: -5px;
+
+            top: 50%;
+            transform: translateY(-70%);
+
+            /* the arrow */
+            border: 10px solid #000;
+            border-color: transparent #555 transparent transparent;
+
+            opacity: 0;
+            transition: .3s;
+        }
+
+        .tooltip:hover:before, .tooltip:hover:after {
+            display: block;
+        }
+    </style>
+
+    
+    
+
+
+</head>
+<body>
+<div class="container">
+    <div style="min-width: 55%; min-height: 80%">
+        <div id="no-go" class="pane">
+            <p>Sorry, this application is not available on your current operating system.</p>
+            <p>Try downloading it from a desktop or laptop.</p>
+        </div>
+
+        <div id="panes" class="pane" >
+            <div id="logo">
+                <img width="256" height="256" src="icon.svg">
+            </div>
+
+            <h1 id="title">디시 주작기</h1>
+
+            <span id="version">Version <span>1.0</span></span>
+
+            <div id="pane-win">
+                
+
+                <!-- Windows -->
+                
+                    <a href="https://github.com/clcocd/DC-AutoWrite/releases/latest/download/composeapp.exe" class="download-button" download>
+                        <svg width="2em" height="2em" viewBox="0 0 256 315" version="1.1" xmlns="http://www.w3.org/2000/svg"
+                             xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
+                            <g transform="translate(0,30)">
+                                <path d="M0,36.3573818 L104.619084,22.1093454 L104.664817,123.02292 L0.0955693151,123.618411 L0,36.3573818 Z M104.569248,134.650129 L104.650452,235.651651 L0.0812046021,221.274919 L0.0753414539,133.972642 L104.569248,134.650129 Z M117.25153,20.2454506 L255.967753,6.21724894e-15 L255.967753,121.739477 L117.25153,122.840723 L117.25153,20.2454506 Z M256,135.599959 L255.96746,256.791232 L117.251237,237.213007 L117.056874,135.373055 L256,135.599959 Z"/>
+                            </g>
+                        </svg>
+                        <span>Install and launch</span>
+                    </a>
+                
+                <div id="win-amd64">
+                    
+                        <p class="smaller-fonts" style="line-height: 200%" id="windows-download-options">
+                            <span id="amd-title">Intel: &nbsp;&nbsp;</span>
+                            <a href="https://github.com/clcocd/DC-AutoWrite/releases/latest/download/composeapp-1.0-windows-amd64.zip" download>Download .zip</a> &nbsp;&nbsp;
+                            <a href="https://github.com/clcocd/DC-AutoWrite/releases/latest/download/composeapp-1.0.x64.msix" download>Download .msix</a> &nbsp;&nbsp;
+                            <a href="https://github.com/clcocd/DC-AutoWrite/releases/latest/download/composeapp.appinstaller" download>Download .appinstaller</a>
+                        </p>
+                    
+
+                    
+                </div>
+
+                
+
+                <!-- Windows ARM -->
+                <div id="win-aarch64">
+                    
+
+                    
+                </div>
+
+                
+
+                <div class="alternative-downloads smaller-fonts">
+                    <span>Other platforms:</span>
+                    <a href="javascript:showOS('mac')">macOS</a>
+                    <a href="javascript:showOS('linux')">Linux</a>
+                </div>
+            </div>
+
+            <div id="pane-mac">
+                
+                    <!-- Mac AMD64 -->
+                    <a id="mac-amd64" href="https://github.com/clcocd/DC-AutoWrite/releases/latest/download/composeapp-1.0-mac-amd64.zip" class="download-button">
+                        <svg width="2em" height="2em" viewBox="0 0 256 315" version="1.1" xmlns="http://www.w3.org/2000/svg"
+                             xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" style="overflow:visible;">
+                            <g transform="translate(0,-30)">
+                                <path d="M213.803394,167.030943 C214.2452,214.609646 255.542482,230.442639 256,230.644727 C255.650812,231.761357 249.401383,253.208293 234.24263,275.361446 C221.138555,294.513969 207.538253,313.596333 186.113759,313.991545 C165.062051,314.379442 158.292752,301.507828 134.22469,301.507828 C110.163898,301.507828 102.642899,313.596301 82.7151126,314.379442 C62.0350407,315.16201 46.2873831,293.668525 33.0744079,274.586162 C6.07529317,235.552544 -14.5576169,164.286328 13.147166,116.18047 C26.9103111,92.2909053 51.5060917,77.1630356 78.2026125,76.7751096 C98.5099145,76.3877456 117.677594,90.4371851 130.091705,90.4371851 C142.497945,90.4371851 165.790755,73.5415029 190.277627,76.0228474 C200.528668,76.4495055 229.303509,80.1636878 247.780625,107.209389 C246.291825,108.132333 213.44635,127.253405 213.803394,167.030988 M174.239142,50.1987033 C185.218331,36.9088319 192.607958,18.4081019 190.591988,0 C174.766312,0.636050225 155.629514,10.5457909 144.278109,23.8283506 C134.10507,35.5906758 125.195775,54.4170275 127.599657,72.4607932 C145.239231,73.8255433 163.259413,63.4970262 174.239142,50.1987249"/>
+                            </g>
+                        </svg>
+                        <span>Download for Intel Mac</span>
+                    </a>
+
+                    <br><br>
+
+                    <!-- Mac ARM -->
+                    <a id="mac-aarch64" href="https://github.com/clcocd/DC-AutoWrite/releases/latest/download/composeapp-1.0-mac-aarch64.zip" class="download-button">
+                        <svg width="2em" height="2em" viewBox="0 0 256 315" version="1.1" xmlns="http://www.w3.org/2000/svg"
+                             xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" style="overflow:visible;">
+                            <g transform="translate(0,-30)">
+                                <path d="M213.803394,167.030943 C214.2452,214.609646 255.542482,230.442639 256,230.644727 C255.650812,231.761357 249.401383,253.208293 234.24263,275.361446 C221.138555,294.513969 207.538253,313.596333 186.113759,313.991545 C165.062051,314.379442 158.292752,301.507828 134.22469,301.507828 C110.163898,301.507828 102.642899,313.596301 82.7151126,314.379442 C62.0350407,315.16201 46.2873831,293.668525 33.0744079,274.586162 C6.07529317,235.552544 -14.5576169,164.286328 13.147166,116.18047 C26.9103111,92.2909053 51.5060917,77.1630356 78.2026125,76.7751096 C98.5099145,76.3877456 117.677594,90.4371851 130.091705,90.4371851 C142.497945,90.4371851 165.790755,73.5415029 190.277627,76.0228474 C200.528668,76.4495055 229.303509,80.1636878 247.780625,107.209389 C246.291825,108.132333 213.44635,127.253405 213.803394,167.030988 M174.239142,50.1987033 C185.218331,36.9088319 192.607958,18.4081019 190.591988,0 C174.766312,0.636050225 155.629514,10.5457909 144.278109,23.8283506 C134.10507,35.5906758 125.195775,54.4170275 127.599657,72.4607932 C145.239231,73.8255433 163.259413,63.4970262 174.239142,50.1987249"/>
+                            </g>
+                        </svg>
+                        <span>Download for Apple silicon Mac</span>
+                    </a>
+
+                    <div class="help-pane note">
+                        <p>This application does not prove its origin with a developer signature. To open it:</p>
+
+                        <ol>
+                            <li>Click the download button.<br/><b>Note: </b> Do not use the <i>Launchpad</i> to perform the following steps as it will not allow you to access the shortcut menu.</li>
+                            <li>Open the Finder and locate the application in your Downloads folder.</li>
+                            <li>Control-click the app icon, then choose Open from the shortcut menu.</li>
+                            <li>You will see a security warning stating the identity of the app author is unknown. Click Open.</li>
+                        </ol>
+
+                        <p>You will only need to do this once. For further information please visit <a href="https://support.apple.com/guide/mac-help/open-a-mac-app-from-an-unidentified-developer-mh40616/mac">Apple Support</a>.</p>
+
+                        <p>Alternatively, copy/paste the following command into a terminal window:</p>
+
+                        <code class="terminal"><span><span style="user-select: none">$&nbsp;</span> curl -L <a href="https://github.com/clcocd/DC-AutoWrite/releases/latest/download/launch.mac">https://github.com/clcocd/DC-AutoWrite/releases/latest/download/launch.mac</a> | bash</span> <span class="terminal-icon-container"><span data-text="Copied to the clipboard" class="tooltip"><svg viewbox="0 0 896 1024" width="32" height="32" xmlns="http://www.w3.org/2000/svg" class="copy-button"><path fill="white" d="M128 768h256v64H128v-64z m320-384H128v64h320v-64z m128 192V448L384 640l192 192V704h320V576H576z m-288-64H128v64h160v-64zM128 704h160v-64H128v64z m576 64h64v128c-1 18-7 33-19 45s-27 18-45 19H64c-35 0-64-29-64-64V192c0-35 29-64 64-64h192C256 57 313 0 384 0s128 57 128 128h192c35 0 64 29 64 64v320h-64V320H64v576h640V768zM128 256h512c0-35-29-64-64-64h-64c-35 0-64-29-64-64s-29-64-64-64-64 29-64 64-29 64-64 64h-64c-35 0-64 29-64 64z" /></svg></span></span></code>
+                    </div>
+                
+
+                <p class="smaller-fonts" style="line-height: 200%; visibility: none">&nbsp;</p> <!-- no alternative formats at this time -->
+
+                
+
+                <div class="alternative-downloads smaller-fonts">
+                    <span>Other platforms:</span>
+                    <a href="javascript:showOS('win')">Windows</a>
+                    <a href="javascript:showOS('linux')">Linux</a>
+                </div>
+            </div>
+
+            <div id="pane-linux">
+                <!-- Linux -->
+                
+                    <a href="https://github.com/clcocd/DC-AutoWrite/releases/latest/download/composeapp_1.0_amd64.deb" class="download-button linux-amd64" download>
+                        <svg width="2em" height="2em" viewBox="0 0 256 315" version="1.1" xmlns="http://www.w3.org/2000/svg"
+                             xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
+                            <g>
+                                <path d="M152.796616,167.425369 C147.545671,167.498421 153.790117,170.131199 160.645273,171.186063 C162.538769,169.7075 164.256942,168.211404 165.788102,166.756218 C161.51897,167.802315 157.173864,167.825692 152.796616,167.425369"/>
+                                <path d="M180.979901,160.400733 C184.106507,156.084848 186.385715,151.359874 187.189282,146.474187 C186.487987,149.957285 184.597414,152.964086 182.817877,156.137446 C173.002673,162.317606 181.894506,152.467336 182.812034,148.724175 C172.257546,162.007867 181.362691,156.689715 180.979901,160.400733"/>
+                                <path d="M191.382441,133.330754 C192.016528,123.874962 189.521087,126.864232 188.682455,130.472977 C189.661347,130.981416 190.435693,137.1382 191.382441,133.330754"/>
+                                <path d="M132.885687,4.08796433 C135.687944,4.59055894 138.940199,4.97627109 138.484357,5.64542322 C141.549601,4.97334903 142.245051,4.35387195 132.885687,4.08796433"/>
+                                <path d="M138.484357,5.64542322 L136.503199,6.05451186 L138.34702,5.8908764 L138.484357,5.64542322"/>
+                                <path d="M225.86569,136.916123 C226.178352,145.407634 223.381939,149.527742 220.860199,156.821207 L216.322237,159.088727 C212.608297,166.300376 216.681651,163.667598 214.022575,169.403605 C208.225204,174.558123 196.428841,185.533386 192.653538,186.535654 C189.898033,186.47429 194.520734,183.283399 195.125602,182.032756 C187.364606,187.362597 188.898688,190.033361 177.029273,193.271005 L176.681548,192.499581 C147.408334,206.271258 106.744923,178.979202 107.279661,141.740447 C106.966999,144.104395 106.391354,143.514138 105.742656,144.469653 C104.23195,125.309694 114.590659,106.064996 132.061666,98.207572 C149.149883,89.7482033 169.183538,93.2196126 181.424054,104.627341 C174.700391,95.8202476 161.317348,86.4842604 145.456396,87.3579569 C129.919795,87.60341 115.38546,97.4770565 110.534837,108.195179 C102.575141,113.206515 101.65177,127.512929 98.1832823,130.131096 C93.5167498,164.427334 106.961156,179.245109 129.703562,196.675207 C133.283087,199.08883 130.711673,199.454088 131.196736,201.292065 C123.640283,197.753449 116.720842,192.411919 111.031588,185.872345 C114.050077,190.290502 117.308176,194.585933 121.518867,197.960914 C114.394881,195.547291 104.877725,180.697374 102.098845,180.092507 C114.380271,202.081022 151.925841,218.654956 171.585472,210.432274 C162.489094,210.768311 150.93234,210.619286 140.710969,206.841061 C136.418459,204.631982 130.58018,200.056033 131.623357,199.199869 C158.453727,209.22254 186.169482,206.791385 209.385263,188.180774 C215.290749,183.581449 221.742662,175.756168 223.606937,175.648052 C220.798836,179.87043 224.086155,177.678885 221.929673,181.407435 C227.814706,171.916579 219.37287,177.544469 228.013406,165.017591 L231.204297,169.412371 C230.01794,161.534493 240.987361,151.967664 239.874054,139.507992 C242.38995,135.697623 242.682156,143.607644 240.011391,152.37383 C243.716565,142.649209 240.987361,141.085905 241.939952,133.061924 C242.968518,135.758987 244.318511,138.62553 245.011039,141.471618 C242.597416,132.074267 247.488948,125.645732 248.698681,120.184398 C247.50648,119.655505 244.973052,124.33957 244.394484,113.238657 C244.479224,108.417256 245.73571,110.711074 246.220773,109.524717 C245.274025,108.981213 242.790272,105.284805 241.279566,98.1958837 C242.37534,96.5303086 244.207472,102.514691 245.697724,102.760144 C244.739287,97.1234871 243.088322,92.8251343 243.021115,88.5004829 C238.667243,79.4011828 241.481189,89.7131386 237.948416,84.5936865 C233.314026,70.1382472 241.793849,81.2391597 242.366574,74.6703649 C249.39121,84.8479058 253.397356,100.621195 255.235333,107.154925 C253.832744,99.1893847 251.565224,91.4722197 248.798031,84.0063521 C250.931136,84.903425 245.361686,67.6165079 251.571068,79.0651457 C244.937987,54.6600863 223.183238,31.8563167 203.170038,21.1557267 C205.618726,23.3969481 208.710267,26.2108935 207.599883,26.6521249 C197.647341,20.7261837 199.397655,20.264498 197.97169,17.760291 C189.862969,14.4612834 189.331153,18.0261987 183.960403,17.7661352 C168.678021,9.66033601 165.732583,10.5223442 151.668699,5.44380096 L152.308631,8.43307009 C142.183687,5.06101087 140.512268,9.71293312 129.569147,8.44475834 C128.902917,7.92463135 133.075622,6.56295059 136.509044,6.06327805 C126.720137,7.35482932 127.1789,4.13471732 117.600382,6.41976957 C119.961408,4.76296059 122.456849,3.66718744 124.975666,2.2587537 C116.992593,2.74381594 105.917979,6.90483182 109.336791,3.1207619 C96.3160849,8.92982058 73.1908885,17.0852948 60.2140124,29.2527598 L59.8049238,26.5264762 C53.8585283,33.665073 33.8745482,47.8458384 32.2820246,57.0912417 L30.692423,57.4623435 C27.5979597,62.7016001 25.5963474,68.6392296 23.1418156,74.0304334 C19.0947601,80.926499 17.2100303,76.6836654 17.7856765,77.7648282 C9.82598034,93.903375 5.87243089,107.464663 2.45654075,118.586031 C4.89061816,122.223997 2.51498198,140.486883 3.43543143,155.103036 C-0.561948993,227.289648 54.0981373,297.37822 113.845533,313.560597 C122.602952,316.693048 135.626581,316.573244 146.704117,316.89467 C133.633735,313.157354 131.944783,314.913513 119.213361,310.4749 C110.02932,306.15025 108.01602,301.211965 101.51151,295.566542 L104.085847,300.116191 C91.3281256,295.601606 96.6667323,294.52921 86.2875691,291.241891 L89.0372292,287.650677 C84.9025118,287.338017 78.0853419,280.681559 76.2210666,276.99684 L71.697715,277.175086 C66.2626802,270.468953 63.3669171,265.635863 63.5773055,261.892702 L62.1162747,264.49626 C60.4594657,261.653094 42.1206064,239.346074 51.6348393,244.538578 C49.8669919,242.922678 47.5176543,241.908723 44.9696166,237.280177 L46.9069435,235.065255 C42.3280727,229.174378 38.4797175,221.62377 38.7719237,219.107876 C41.2147672,222.406883 42.909563,223.023438 44.5868265,223.587396 C33.0242283,194.898594 32.3755306,222.006561 23.6181117,194.384311 L25.4706988,194.235286 C24.0505768,192.096336 23.1885686,189.773298 22.0460424,187.494089 L22.8525315,179.45842 C14.5275777,169.833149 20.5236483,138.532024 21.7246156,121.364911 C22.5574032,114.384106 28.6732784,106.953302 33.3252007,95.3001206 L30.4908008,94.8121362 C35.9083032,85.3621887 61.423746,56.8603988 73.2405636,58.3272738 C78.9648825,51.1360799 72.1038815,58.3009752 70.9847319,56.489297 C83.5583634,43.4773562 87.5119129,47.2964908 95.9975802,44.9559193 C105.149478,39.5238067 88.1430783,47.0744141 92.48234,42.8841777 C108.302382,38.8429662 103.69429,33.6972156 124.332812,31.6459283 C126.509749,32.8848825 119.280568,33.5598787 117.465968,35.1670127 C130.647387,28.7180225 159.178398,30.1848974 177.710114,38.7465383 C199.213566,48.7955085 223.373172,78.5011878 224.325764,106.450708 L225.409849,106.742914 C224.860501,117.852593 227.110489,130.700899 223.212459,142.503105 L225.86569,136.916123"/>
+                                <path d="M95.4832973,174.634096 L94.7469378,178.315894 C98.1978927,183.002881 100.935865,188.081424 105.342334,191.745689 C102.171897,185.556762 99.8167152,182.999958 95.4832973,174.634096"/>
+                                <path d="M103.641693,174.312669 C101.815405,172.293524 100.734243,169.86237 99.5245086,167.43998 C100.681645,171.697424 103.051437,175.355845 105.257594,179.07563 L103.641693,174.312669"/>
+                                <path d="M248.00323,142.93557 L247.231806,144.869975 C245.817528,154.916024 242.763974,164.856878 238.082831,174.073061 C243.254879,164.348438 246.600641,153.712134 248.00323,142.93557"/>
+                                <path d="M133.923019,1.56914713 C137.473324,0.268829677 142.651217,0.856164081 146.417755,0 C141.508691,0.412010701 136.623004,0.657463884 131.79868,1.27986303 L133.923019,1.56914713"/>
+                                <path d="M9.2824769,67.8473509 C10.1006542,75.4213348 3.58445657,78.3609288 10.7259754,73.3671253 C14.5538762,64.7441213 9.22987977,70.9856451 9.2824769,67.8473509"/>
+                                <path d="M0.890315672,102.900403 C2.53543641,97.8510804 2.83348671,94.8179803 3.46172998,91.8959186 C-1.08499804,97.7078994 1.3695338,98.9468536 0.890315672,102.900403"/>
+                            </g>
+                        </svg>
+                        <span>Download a .deb for AMD64</span>
+                    </a>
+                
+                <div class="linux-all"><br></div>
+                
+
+                <p class="smaller-fonts">
+                    
+                        <span class="linux-all">&nbsp;&nbsp; AMD64: &nbsp;&nbsp;</span>
+                        <a class="linux-amd64" href="https://github.com/clcocd/DC-AutoWrite/releases/latest/download/composeapp-1.0-linux-amd64.tar.gz" download>Download .tar.gz</a>
+                    
+                    
+                </p>
+
+                <div class="cli-instructions">
+                    <p>Or install it from the command line:</p>
+                    <code class="terminal"><div id="linux-code"><span style="user-select: none">$&nbsp;</span><span>CPU=$(dpkg --print-architecture)</span>
+                    <span style="user-select: none">$&nbsp;</span><span>wget https://github.com/clcocd/DC-AutoWrite/releases/latest/download/composeapp_1.0_${CPU}.deb</span>
+                    <span style="user-select: none">$&nbsp;</span><span>sudo apt install ./composeapp_1.0_${CPU}.deb</span>
+                    </div><span class="terminal-icon-container"><span data-text="Copied to the clipboard" class="tooltip"><svg viewbox="0 0 896 1024" width="32" height="32" xmlns="http://www.w3.org/2000/svg" class="copy-button"><path fill="white" d="M128 768h256v64H128v-64z m320-384H128v64h320v-64z m128 192V448L384 640l192 192V704h320V576H576z m-288-64H128v64h160v-64zM128 704h160v-64H128v64z m576 64h64v128c-1 18-7 33-19 45s-27 18-45 19H64c-35 0-64-29-64-64V192c0-35 29-64 64-64h192C256 57 313 0 384 0s128 57 128 128h192c35 0 64 29 64 64v320h-64V320H64v576h640V768zM128 256h512c0-35-29-64-64-64h-64c-35 0-64-29-64-64s-29-64-64-64-64 29-64 64-29 64-64 64h-64c-35 0-64 29-64 64z"/></svg></span></span></code>
+                </div>
+
+                <div class="alternative-downloads smaller-fonts">
+                    <span>Other platforms:</span>
+                    <a href="javascript:showOS('win')">Windows</a>
+                    <a href="javascript:showOS('mac')">macOS</a>
+                </div>
+            </div>
+        </div>
+
+        <div id="conveyor-logo" style="text-align: right; margin-right: 1em">
+            <a href="https://www.hydraulic.dev">
+                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="width: 10em" viewBox="0 0 152 20"
+                     role="img" aria-label="Packaged with Conveyor"><title>Packaged with: Conveyor</title>
+                    <linearGradient id="s" x2="0" y2="100%">
+                        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>
+                        <stop offset="1" stop-opacity=".1"/>
+                    </linearGradient>
+                    <clipPath id="r">
+                        <rect width="152" height="20" rx="3" fill="#fff"/>
+                    </clipPath>
+                    <g clip-path="url(#r)">
+                        <rect width="89" height="20" fill="#555"/>
+                        <rect x="89" width="63" height="20" fill="#007ec6"/>
+                        <rect width="152" height="20" fill="url(#s)"/>
+                    </g>
+                    <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif"
+                       text-rendering="geometricPrecision" font-size="110">
+                        <text aria-hidden="true" x="455" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="790">
+                            Packaged with
+                        </text>
+                        <text x="455" y="140" transform="scale(.1)" fill="#fff" textLength="790">Packaged with</text>
+                        <text aria-hidden="true" x="1195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="530">
+                            Conveyor
+                        </text>
+                        <text x="1195" y="140" transform="scale(.1)" fill="#fff" textLength="530">Conveyor</text>
+                    </g>
+                </svg>
+            </a>
+        </div>
+    </div>
+
+    <script>
+        function unavailable() {
+            document.getElementById("no-go").style = "display: block";
+            document.getElementById("panes").style = "display: none";
+        }
+
+        function showOS(os, arch) {
+            // Hide the elements with id pane-* so only the one with id pane-os is shown.
+            for (const o of ["win", "mac", "linux"]) {
+                var s = ""
+                if (o != os)
+                    s = "display: none";
+                let pane = document.getElementById("pane-" + o);
+                if (pane)
+                    pane.style = s;
+            }
+
+            // Ensure the user sees the right button for their CPU arch, if we know it.
+            if (os == "mac") {
+                if (arch == "amd64") {
+                    let el = document.getElementById("mac-aarch64");
+                    if (el)
+                        el.style = "display: none";
+                } else if (arch == "aarch64") {
+                    let el = document.getElementById("mac-amd64");
+                    if (el)
+                        el.style = "display: none";
+                }
+            } else if (os == "linux") {
+                if (arch == "amd64") {
+                    for(const el of document.getElementsByClassName("linux-aarch64")) {
+                      el.style = "display: none";
+                    }
+                    for(const el of document.getElementsByClassName("linux-all")) {
+                      el.style = "display: none";
+                    }
+                } else if (arch == "aarch64") {
+                    for(const el of document.getElementsByClassName("linux-amd64")) {
+                      el.style = "display: none";
+                    }
+                    for(const el of document.getElementsByClassName("linux-all")) {
+                      el.style = "display: none";
+                    }
+                }
+            } else if (os == "win") {
+                
+                var hasWinArm = false;
+                if (arch == "aarch64" && hasWinArm) {
+                    let el = document.getElementById("win-amd64");
+                    if (el) {
+                        el.style = "display: none";
+                        let title = document.getElementById("arm-title");
+                        if (title) title.style = "display: none";
+                        let zipTitle = document.getElementById("winzip-arm-title");
+                        if (zipTitle) zipTitle.style = "display: none";
+                        let divider = document.getElementById("win-divider");
+                        if (divider) divider.style = "display: none";
+                    }
+                } else if (arch == "amd64" || !hasWinArm) {
+                    let el = document.getElementById("win-aarch64");
+                    if (el) {
+                        el.style = "display: none";
+                        let title = document.getElementById("amd-title");
+                        if (title) title.style = "display: none";
+                        let zipTitle = document.getElementById("winzip-amd-title");
+                        if (zipTitle) zipTitle.style = "display: none";
+                        let divider = document.getElementById("win-divider");
+                        if (divider) divider.style = "display: none";
+                    }
+                }
+            }
+        }
+
+        function afterProbe(isUnavailable, os, arch) {
+            if (os == "other" || isUnavailable) {
+                unavailable();
+            } else {
+                showOS(os, arch);
+            }
+        }
+
+        const panes = document.getElementById("panes");
+        if (panes.children.length == 1) {
+            // Only one OS supported. Do nothing - it will be visible already.
+        } else if (document.location.hash) {
+            showOS(document.location.hash.substring(1));
+        } else {
+            // Auto detect.
+            const uaData = navigator.userAgentData;
+            if (uaData != undefined) {
+                // This is a new API. It's the future of user-agent sniffing and also usefully exposes the underlying CPU architecture which
+                // we need to serve efficient downloads. Unfortunately both CPU arch and OS are considered "high entropy" for some reason
+                // and the API to get it is asynchronous even though it returns immediately. Additionally it doesn't expose the version of
+                // Windows the user has, and Safari doesn't support it. But it's all we're offered.
+                navigator.userAgentData.getHighEntropyValues(["architecture", "bitness", "platform"]).then(uaData => {
+                    const platform = uaData.platform;
+
+                    var arch = "amd64";
+                    if (uaData.architecture == "arm")
+                        arch = "aarch64"
+
+                    // Valid values are: "Android", "Chrome OS", "iOS", "Linux", "macOS", "Windows", or "Unknown".
+                    var os;
+                    if (platform == "Windows") {
+                        os = "win";
+                    } else if (platform == "macOS") {
+                        os = "mac"
+                    } else if (platform == "Linux") {
+                        os = "linux"
+                    }
+                    else os = "other";
+
+                    // Not available on mobile platforms currently.
+                    let isUnavailable = navigator.userAgentData.mobile;
+                    afterProbe(isUnavailable, os, arch);
+                });
+            } else {
+                // Older way.
+                let appVersion = navigator.appVersion;
+                var os;
+                if (appVersion.indexOf("Win") !== -1) os = "win";
+                else if (appVersion.indexOf("Mac") !== -1) os = "mac";
+                else if (appVersion.indexOf("X11") !== -1 || appVersion.indexOf("Linux") !== -1) os = "linux"
+                else os = "other";
+
+                // CPU architecture in older API is useless. Safari lies and says Intel even on ARM.
+                afterProbe(false, os);
+            }
+        }
+
+        // Make code copyable by clicking the button.
+        Array.from(document.getElementsByClassName("copy-button")).forEach((el) => {
+            el.addEventListener("click", (event) => {
+                const mimeType = 'text/plain';
+                const data = el.parentElement.parentElement.parentElement.children[0].textContent.split("\n").map(str => str.replace("$\xa0", "").replace("PS>\xa0", "").trim()).join("\n");
+
+                try {
+                    const promise = Promise.resolve(new Blob([data], {
+                        type: mimeType
+                    }));
+
+                    const clipboardItem = new ClipboardItem({
+                        [mimeType]: promise
+                    }, {
+                        presentationStyle: "unspecified"
+                    });
+
+                    navigator.clipboard.write([clipboardItem])
+                } catch (e) {
+                    // Try again with the older API. This is for Firefox.
+                    navigator.clipboard.writeText(data);
+                }
+
+                // Make the tooltip appear to confirm to the user.
+                var index = document.styleSheets[0].insertRule(".tooltip:before, .tooltip:after { opacity:1; }", document.styleSheets[0].cssRules.length);
+                setTimeout(function() { document.styleSheets[0].removeRule(index) }, 5000);
+            })
+        })
+    </script>
+</div>
+</body>
+</html>
diff --git a/icon.svg b/icon.svg
new file mode 100644
index 0000000..aee5ebe
--- /dev/null
+++ b/icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="1000px" height="1000px" x="0px" y="0px" viewBox="0 0 1000 1000"><path fill="#3B468F" fill-rule="evenodd" d="M1000 775c0 124.264-100.736 225-225 225H225C100.736 1000 0 899.264 0 775V225C0 100.736 100.736 0 225 0h550c124.264 0 225 100.736 225 225v550z" clip-rule="evenodd"/><g fill="#FEFEFE" fill-rule="evenodd" clip-rule="evenodd"><path d="M791.923 562.479c1.566-13.27-4.299-23-14.961-30.02-5.9-3.885-12.215-7.226-18.584-10.31-27.678-13.412-55.566-26.403-83.139-40.026-17.135-8.464-33.765-8.147-50.613.317-10.032 5.037-19.218 11.312-27.891 18.388-28.833 23.523-57.667 47.052-86.516 70.556-2.806 2.285-5.727 4.428-8.631 6.67-2.8-2.718-1.627-5.567-1.631-8.047-.088-44.663.081-89.326-.225-133.984-.046-6.461 1.903-10.635 6.907-14.514 9.087-7.039 17.993-14.373 26.428-22.178 31.225-28.893 67.492-34.86 107.581-24.445 12.813 3.329 25.055 8.148 37.004 13.771 68.197 32.105 136.354 64.293 204.641 96.205 6.893 3.225 9.324 4.711 1.766 10.627-30.092 23.562-59.734 47.7-89.543 71.624-3.736.065-3.509-2.093-2.593-4.634z"/><path d="M595.245 716.555c-4.893.285-9.817.321-14.675.904-18.295 2.194-35.76-.996-52.565-8.087-9.962-4.202-19.518-9.444-29.641-13.175-7.76-2.861-9.387-7.452-9.304-15.246 1.429-129.979 2.437-259.966 3.949-389.945.103-8.875-2.673-12.949-10.576-16.556-43.989-20.083-87.693-40.794-131.504-61.27-2.935-1.371-5.945-2.577-9.917-4.292 17.976 60.344 6.644 120.771 8.497 180.781-4.412-6.389-7.377-13.092-11.001-19.412-6.667-11.631-15.133-21.445-27.739-27.278-36.83-17.042-73.527-34.366-110.312-51.51-10.782-5.023-21.962-8.777-33.911-9.96-19.107-1.889-33.726 5.785-42.657 22.854-6.548 12.512-9.647 26.108-10.145 40.039-2.017 56.502-3.397 113.07-1.666 169.558 1.685 54.984 22.513 101.543 72.356 129.368 43.682 24.381 90.195 43.33 135.556 64.473 8.47 3.948 15.913 1.567 21.451-5.98 3.075-4.194 5.86-8.599 9.614-14.146 3.898 11.111 4.906 21.194 6.447 31.111.802 5.162 2.808 8.317 7.768 10.623 42.94 19.932 85.812 40.02 128.529 60.424 5.389 2.571 8.512.964 12.502-2.143 24.571-19.127 49.286-38.067 73.942-57.079 5.232-4.036 10.423-8.123 15.633-12.187l-.631-1.869zM349.046 531.817c.014 4.722-2.841 7.345-5.468 10.365-20.587 23.698-35.846 49.979-39.014 81.912-.567 5.718-2.971 4.781-6.488 3.103-7.014-3.345-13.883-7.095-21.135-9.816-18.162-6.826-24.807-20.477-24.678-38.881.191-27.056 1.644-133.253 1.663-159.295.003-3.381-.056-6.781.272-10.139 1.465-14.944 7.178-18.325 20.883-12.043 18.121 8.305 36.047 17.041 54.189 25.301 13.168 5.992 19.756 16.359 19.908 30.354.291 26.375-.207 52.759-.132 79.139z"/></g></svg>
\ No newline at end of file
