From d227a308098523b001aebe8d0d576852e7f3761f Mon Sep 17 00:00:00 2001
From: Stevan Lohja <stevan.lohja@iohk.io>
Date: Tue, 15 Oct 2024 12:21:47 -0400
Subject: [PATCH 1/2] fix: some ui tweaks

---
 images/logo-light.svg | 24 +++++++++++
 index.html            | 94 +++++++++++++++++++++++--------------------
 2 files changed, 74 insertions(+), 44 deletions(-)
 create mode 100644 images/logo-light.svg

diff --git a/images/logo-light.svg b/images/logo-light.svg
new file mode 100644
index 0000000..02ed074
--- /dev/null
+++ b/images/logo-light.svg
@@ -0,0 +1,24 @@
+<svg width="251" height="55" viewBox="0 0 251 55" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Layer 2">
+<g id="Group">
+<g id="Group_2">
+<path id="Vector" d="M27.0991 0C12.1331 0 0 12.1331 0 27.0991C0 42.0652 12.1331 54.1982 27.0991 54.1982C42.0652 54.1982 54.1982 42.0652 54.1982 27.0991C54.1982 12.1331 42.0652 0 27.0991 0ZM27.0991 49.2006C14.9123 49.2006 4.99764 39.2859 4.99764 27.0991C4.99764 14.9123 14.9107 4.99606 27.0991 4.99606C39.2875 4.99606 49.2006 14.9108 49.2006 27.0975C49.2006 39.2843 39.2859 49.199 27.0991 49.199V49.2006Z" fill="white"/>
+<path id="Vector_2" d="M29.643 24.5547H24.5553V29.6424H29.643V24.5547Z" fill="white"/>
+<path id="Vector_3" d="M29.643 16.5234H24.5553V21.6111H29.643V16.5234Z" fill="white"/>
+<path id="Vector_4" d="M29.643 8.49219H24.5553V13.5799H29.643V8.49219Z" fill="white"/>
+</g>
+<g id="Group_3">
+<path id="Vector_5" d="M101.185 16.3016C99.7457 15.5479 98.1388 15.1719 96.3645 15.1719C94.5901 15.1719 92.9247 15.5574 91.4695 16.3269C90.2703 16.9605 89.2622 17.8137 88.4374 18.8786C87.6759 17.7805 86.7041 16.9131 85.5191 16.2763C84.1461 15.54 82.6229 15.1719 80.9497 15.1719C79.1753 15.1719 77.5937 15.5479 76.2048 16.3016C75.4211 16.7266 74.7291 17.2496 74.1208 17.8658V15.6727H67.7438V39.8741H74.1208V25.5637C74.1208 24.5936 74.3388 23.7641 74.7733 23.0784C75.2078 22.3926 75.7782 21.8649 76.4813 21.4967C77.1845 21.1286 77.9871 20.9453 78.8909 20.9453C80.2292 20.9453 81.351 21.3466 82.2548 22.1509C83.1586 22.9535 83.6104 24.0927 83.6104 25.5653V39.8757H89.9875V25.5653C89.9875 24.5952 90.2055 23.7657 90.64 23.0799C91.0745 22.3942 91.6528 21.8665 92.3717 21.4983C93.0906 21.1302 93.8854 20.9469 94.756 20.9469C96.0611 20.9469 97.1655 21.3482 98.0693 22.1525C98.9731 22.9551 99.425 24.0943 99.425 25.5669V39.8772H105.853V24.513C105.853 22.538 105.434 20.8647 104.598 19.4917C103.761 18.1202 102.623 17.0569 101.184 16.3032L101.185 16.3016Z" fill="white"/>
+<path id="Vector_6" d="M115.217 15.6738H108.84V39.8752H115.217V15.6738Z" fill="white"/>
+<path id="Vector_7" d="M136.235 17.8721C135.589 17.2306 134.845 16.6903 134.001 16.2526C132.612 15.5337 131.03 15.1734 129.256 15.1734C127.012 15.1734 125.004 15.7265 123.231 16.8309C121.457 17.9353 120.059 19.4332 119.04 21.3245C118.017 23.2158 117.509 25.3836 117.509 27.8263C117.509 30.2691 118.019 32.3373 119.04 34.2286C120.06 36.1199 121.457 37.6178 123.231 38.7222C125.006 39.8267 127.014 40.3797 129.256 40.3797C130.996 40.3797 132.577 40.0036 134.001 39.25C134.873 38.7886 135.633 38.2245 136.286 37.5625V39.8772H142.612V3.625H136.235V17.8721ZM133.625 33.5998C132.688 34.1686 131.583 34.453 130.312 34.453C129.106 34.453 128.027 34.1765 127.072 33.625C126.118 33.072 125.374 32.2868 124.838 31.2645C124.303 30.2438 124.036 29.0809 124.036 27.7758C124.036 26.4707 124.303 25.2746 124.838 24.2855C125.374 23.298 126.118 22.5111 127.072 21.9249C128.027 21.3403 129.122 21.0464 130.361 21.0464C131.599 21.0464 132.686 21.3403 133.625 21.9249C134.562 22.5111 135.298 23.298 135.834 24.2855C136.369 25.273 136.636 26.4359 136.636 27.7758C136.636 29.1156 136.368 30.2359 135.834 31.2408C135.298 32.2457 134.562 33.0325 133.625 33.6013V33.5998Z" fill="white"/>
+<path id="Vector_8" d="M163.865 16.5042C162.459 15.6178 160.869 15.1738 159.095 15.1738C157.32 15.1738 155.612 15.5752 154.175 16.3794C153.356 16.836 152.639 17.3969 152.016 18.0526V15.6763H145.639V39.8776H152.016V25.9702C152.016 25 152.234 24.1294 152.669 23.36C153.103 22.5905 153.699 21.9964 154.451 21.5777C155.205 21.159 156.066 20.9504 157.036 20.9504C158.475 20.9504 159.664 21.4197 160.601 22.3566C161.538 23.2936 162.007 24.4992 162.007 25.9718V39.8792H168.384V24.5655C168.384 22.9586 167.982 21.4355 167.178 19.9961C166.376 18.5567 165.27 17.3938 163.865 16.5074V16.5042Z" fill="white"/>
+<path id="Vector_9" d="M177.696 15.6738H171.319V39.8752H177.696V15.6738Z" fill="white"/>
+<path id="Vector_10" d="M198.72 17.8014C198.098 17.1931 197.373 16.6749 196.537 16.253C195.113 15.5341 193.498 15.1738 191.691 15.1738C189.548 15.1738 187.606 15.7016 185.867 16.7554C184.126 17.8093 182.762 19.2408 181.775 21.0484C180.787 22.8559 180.292 24.8973 180.292 27.1742C180.292 29.451 180.785 31.5003 181.775 33.3252C182.762 35.1502 184.126 36.5975 185.867 37.6687C187.606 38.74 189.566 39.2756 191.741 39.2756C193.516 39.2756 195.105 38.9169 196.511 38.1965C197.332 37.7762 198.049 37.2595 198.67 36.6512V38.7732C198.67 40.6139 198.076 42.0612 196.888 43.1167C195.699 44.1706 194.051 44.6983 191.942 44.6983C190.302 44.6983 188.896 44.4044 187.725 43.8198C186.553 43.2336 185.499 42.3709 184.562 41.2333L180.495 45.3003C181.666 46.9735 183.231 48.2707 185.189 49.1919C187.147 50.1115 189.431 50.5728 192.043 50.5728C194.655 50.5728 196.839 50.0783 198.796 49.0923C200.754 48.1048 202.285 46.7239 203.391 44.9495C204.495 43.1751 205.048 41.1006 205.048 38.7242V15.6747H198.722V17.8014H198.72ZM196.184 32.6205C195.263 33.1404 194.184 33.3995 192.945 33.3995C191.707 33.3995 190.678 33.1325 189.757 32.5968C188.836 32.0612 188.117 31.3249 187.599 30.3879C187.079 29.451 186.82 28.3971 186.82 27.2247C186.82 25.986 187.079 24.9068 187.599 23.9857C188.117 23.0661 188.837 22.3377 189.757 21.8021C190.676 21.2664 191.757 20.9994 192.996 20.9994C194.235 20.9994 195.263 21.268 196.184 21.8021C197.104 22.3377 197.817 23.0661 198.319 23.9857C198.822 24.9068 199.073 25.986 199.073 27.2247C199.073 28.4635 198.822 29.5015 198.319 30.4385C197.817 31.3755 197.106 32.1039 196.184 32.6221V32.6205Z" fill="white"/>
+<path id="Vector_11" d="M226.017 16.3521C224.593 15.5653 222.963 15.1719 221.122 15.1719C219.281 15.1719 217.649 15.5732 216.227 16.3774C215.439 16.823 214.747 17.3665 214.143 18.0017V3.625H207.766V39.8756H214.143V25.9682C214.143 24.9981 214.361 24.1275 214.796 23.358C215.23 22.5885 215.826 21.9944 216.578 21.5757C217.332 21.157 218.193 20.9485 219.163 20.9485C220.602 20.9485 221.79 21.4177 222.727 22.3547C223.664 23.2916 224.134 24.4972 224.134 25.9698V39.8772H230.511V24.5636C230.511 22.7228 230.117 21.0907 229.33 19.6686C228.544 18.2466 227.439 17.1422 226.017 16.3553V16.3521Z" fill="white"/>
+<path id="Vector_12" d="M250.193 15.6737H244.519V5.58203H238.144V15.6737H232.419V21.248H238.144V39.875H244.519V21.248H250.193V15.6737Z" fill="white"/>
+<path id="Vector_13" d="M112.004 11.6072C114 11.6072 115.619 9.98863 115.619 7.99206C115.619 5.99549 114 4.37695 112.004 4.37695C110.007 4.37695 108.389 5.99549 108.389 7.99206C108.389 9.98863 110.007 11.6072 112.004 11.6072Z" fill="white"/>
+<path id="Vector_14" d="M174.508 11.6072C176.505 11.6072 178.123 9.98863 178.123 7.99206C178.123 5.99549 176.505 4.37695 174.508 4.37695C172.511 4.37695 170.893 5.99549 170.893 7.99206C170.893 9.98863 172.511 11.6072 174.508 11.6072Z" fill="white"/>
+</g>
+</g>
+</g>
+</svg>
diff --git a/index.html b/index.html
index 96e5056..c9a4255 100644
--- a/index.html
+++ b/index.html
@@ -6,17 +6,25 @@
     <title>Midnight Releases</title>
     <link rel="icon" href="/images/favicon-32x32.png" type="image/x-icon" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <!-- Outfit font from google fonts -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap" rel="stylesheet">
     <style type="text/css">
         body {
-            margin: 0;
+            margin: 1em;
             font-family: Arial, sans-serif;
-            background-color: black;
-            color: white;
-            height: 100vh;
+            background-color: #1A1C1D;
+            color: #e3e3e3;
+            /* height: 100vh; */
             display: flex;
             flex-direction: column;
             align-items: center;
             justify-content: center;
+            font-family: "Outfit", sans-serif;
+            font-optical-sizing: auto;
+            font-weight: 300;
+            font-style: normal;
         }
 
         header {
@@ -25,54 +33,53 @@
         }
 
         .listStyle {
-            border: 1px solid #0000fe;
-            border-radius: 10px;
+            background-color: #0000fe;
+            color: #e3e3e3;
+            border-radius: 4px;
             display: block;
             height: 100%;
             line-height: 9px;
             padding: 20px;
             margin-bottom: 10px;
+            transition: background-color 0.5s ease;
+            text-decoration: none;
+            font-weight: 200;
+        }
+        .listStyle:hover {
+            background-color: #010139; /* Change this to your desired new background color */
+        }
+        tt {
+            background-color: #373839;
+            color: #b0b0fb;
+            padding: 3px;
+            border-radius: 4px;
+        }
+        /* add pointer over link hovers */
+        a:hover {
+            cursor: pointer;
+        }
+        
+        a {
+            color: rgb(179, 179, 179);
+            text-decoration: underline;
+        }
+        h1 {
+            font-size: 43px;
+            font-weight: 400;
+        }
+        .title-wrapper {
+            display: flex;
+        }
+        .site-title {
+            margin-bottom: 35px;
+            margin-left: 16px;
         }
     </style>
 </head>
 
 <body>
-    <svg xmlns="http://www.w3.org/2000/svg" width="116" height="26" viewBox="0 0 116 26" fill="none"
-        class="tablet:block hidden">
-        <path
-            d="M12.5643 0C5.62539 0 0 5.62539 0 12.5643C0 19.5032 5.62539 25.1286 12.5643 25.1286C19.5032 25.1286 25.1286 19.5032 25.1286 12.5643C25.1286 5.62539 19.5032 0 12.5643 0ZM12.5643 22.8114C6.91398 22.8114 2.31711 18.2146 2.31711 12.5643C2.31711 6.91398 6.91325 2.31638 12.5643 2.31638C18.2153 2.31638 22.8114 6.91325 22.8114 12.5635C22.8114 18.2138 18.2146 22.8107 12.5643 22.8107V22.8114Z"
-            fill="currentColor"></path>
-        <path d="M13.7437 11.3848H11.3849V13.7436H13.7437V11.3848Z" fill="currentColor"></path>
-        <path d="M13.7437 7.66113H11.3849V10.02H13.7437V7.66113Z" fill="currentColor"></path>
-        <path d="M13.7437 3.9375H11.3849V6.29637H13.7437V3.9375Z" fill="currentColor"></path>
-        <path
-            d="M46.9137 7.55845C46.2463 7.20902 45.5013 7.03467 44.6786 7.03467C43.8559 7.03467 43.0838 7.21341 42.4091 7.57018C41.8531 7.86394 41.3857 8.25952 41.0033 8.75327C40.6502 8.24414 40.1997 7.84196 39.6503 7.54673C39.0137 7.20536 38.3075 7.03467 37.5317 7.03467C36.709 7.03467 35.9757 7.20902 35.3318 7.55845C34.9684 7.75552 34.6476 7.998 34.3655 8.2837V7.26689H31.4089V18.4876H34.3655V11.8528C34.3655 11.403 34.4666 11.0184 34.6681 10.7004C34.8695 10.3825 35.134 10.1378 35.46 9.96714C35.786 9.79645 36.1581 9.71147 36.5771 9.71147C37.1976 9.71147 37.7178 9.89754 38.1368 10.2704C38.5558 10.6426 38.7653 11.1707 38.7653 11.8535V18.4884H41.722V11.8535C41.722 11.4037 41.8231 11.0191 42.0245 10.7012C42.226 10.3832 42.4941 10.1386 42.8274 9.96787C43.1607 9.79718 43.5292 9.71221 43.9329 9.71221C44.538 9.71221 45.05 9.89828 45.4691 10.2712C45.8881 10.6433 46.0976 11.1715 46.0976 11.8542V18.4891H49.0777V11.3656C49.0777 10.4499 48.8836 9.67411 48.496 9.03751C48.1078 8.40164 47.5803 7.90862 46.9129 7.55919L46.9137 7.55845Z"
-            fill="currentColor"></path>
-        <path d="M53.4196 7.26758H50.463V18.4883H53.4196V7.26758Z" fill="currentColor"></path>
-        <path
-            d="M63.1642 8.28672C62.8646 7.9893 62.5196 7.73876 62.1284 7.53584C61.4845 7.20252 60.7512 7.0355 59.9285 7.0355C58.8882 7.0355 57.9571 7.29189 57.1352 7.80396C56.3125 8.31603 55.6642 9.0105 55.1917 9.88739C54.7177 10.7643 54.4818 11.7694 54.4818 12.9019C54.4818 14.0345 54.7185 14.9934 55.1917 15.8703C55.6649 16.7472 56.3125 17.4416 57.1352 17.9537C57.9579 18.4658 58.889 18.7222 59.9285 18.7222C60.735 18.7222 61.4683 18.5478 62.1284 18.1984C62.5328 17.9845 62.8851 17.7229 63.1877 17.416V18.4892H66.1209V1.68115H63.1642V8.28672ZM61.954 15.5787C61.5196 15.8424 61.0076 15.9743 60.4178 15.9743C59.8589 15.9743 59.3585 15.8461 58.9161 15.5904C58.4736 15.334 58.1286 14.9699 57.8802 14.496C57.6319 14.0227 57.5081 13.4836 57.5081 12.8785C57.5081 12.2734 57.6319 11.7188 57.8802 11.2602C58.1286 10.8024 58.4736 10.4375 58.9161 10.1658C59.3585 9.89471 59.8662 9.75845 60.4406 9.75845C61.0149 9.75845 61.5189 9.89471 61.954 10.1658C62.3885 10.4375 62.7298 10.8024 62.9782 11.2602C63.2265 11.7181 63.3503 12.2572 63.3503 12.8785C63.3503 13.4997 63.2258 14.0191 62.9782 14.485C62.7298 14.9509 62.3885 15.3157 61.954 15.5794V15.5787Z"
-            fill="currentColor"></path>
-        <path
-            d="M75.9747 7.65247C75.3227 7.2415 74.5857 7.03564 73.763 7.03564C72.9404 7.03564 72.1485 7.22172 71.4818 7.59459C71.1024 7.80631 70.7698 8.06637 70.4811 8.37038V7.2686H67.5245V18.4894H70.4811V12.0413C70.4811 11.5915 70.5822 11.1878 70.7837 10.8311C70.9851 10.4743 71.2613 10.1989 71.61 10.0047C71.9595 9.81061 72.3587 9.71392 72.8085 9.71392C73.4759 9.71392 74.0268 9.93149 74.4612 10.3659C74.8956 10.8003 75.1132 11.3593 75.1132 12.042V18.4901H78.0698V11.39C78.0698 10.645 77.8837 9.93881 77.5109 9.27144C77.1387 8.60407 76.6259 8.0649 75.9747 7.65393V7.65247Z"
-            fill="currentColor"></path>
-        <path d="M82.3876 7.26758H79.4309V18.4883H82.3876V7.26758Z" fill="currentColor"></path>
-        <path
-            d="M92.1351 8.25391C91.8465 7.97187 91.5103 7.73158 91.1227 7.53599C90.4627 7.20267 89.714 7.03564 88.8759 7.03564C87.8826 7.03564 86.9822 7.28032 86.1757 7.76895C85.3684 8.25757 84.7362 8.92128 84.2783 9.75933C83.8205 10.5974 83.5912 11.5439 83.5912 12.5995C83.5912 13.6551 83.8197 14.6053 84.2783 15.4514C84.7362 16.2975 85.3684 16.9685 86.1757 17.4652C86.9822 17.9619 87.8906 18.2102 88.8994 18.2102C89.7221 18.2102 90.459 18.044 91.111 17.7099C91.4912 17.515 91.8238 17.2755 92.1117 16.9934V17.9773C92.1117 18.8307 91.8362 19.5018 91.2854 19.9911C90.7345 20.4797 89.9704 20.7244 88.9924 20.7244C88.232 20.7244 87.58 20.5882 87.0372 20.3171C86.4936 20.0453 86.005 19.6453 85.5706 19.1179L83.685 21.0035C84.2278 21.7793 84.9538 22.3808 85.8614 22.8078C86.7691 23.2342 87.8284 23.4481 89.0393 23.4481C90.2502 23.4481 91.2627 23.2188 92.1703 22.7617C93.078 22.3038 93.7878 21.6636 94.3006 20.8409C94.8127 20.0182 95.0691 19.0564 95.0691 17.9546V7.26787H92.1359V8.25391H92.1351ZM90.9594 15.1247C90.5323 15.3657 90.0319 15.4858 89.4576 15.4858C88.8833 15.4858 88.4064 15.362 87.9793 15.1137C87.5522 14.8653 87.2189 14.524 86.9786 14.0895C86.7376 13.6551 86.6174 13.1665 86.6174 12.6229C86.6174 12.0486 86.7376 11.5483 86.9786 11.1212C87.2189 10.6948 87.5529 10.3571 87.9793 10.1088C88.4056 9.86043 88.9067 9.73663 89.481 9.73663C90.0554 9.73663 90.5323 9.86116 90.9594 10.1088C91.3857 10.3571 91.7161 10.6948 91.9491 11.1212C92.182 11.5483 92.2985 12.0486 92.2985 12.6229C92.2985 13.1973 92.182 13.6786 91.9491 14.113C91.7161 14.5474 91.3865 14.8851 90.9594 15.1254V15.1247Z"
-            fill="currentColor"></path>
-        <path
-            d="M104.791 7.58199C104.131 7.21717 103.375 7.03476 102.521 7.03476C101.668 7.03476 100.911 7.22084 100.252 7.59371C99.8864 7.8003 99.5656 8.0523 99.2857 8.34679V1.68115H96.3291V18.4885H99.2857V12.0404C99.2857 11.5906 99.3868 11.187 99.5883 10.8302C99.7897 10.4734 100.066 10.198 100.415 10.0039C100.764 9.80973 101.163 9.71303 101.613 9.71303C102.28 9.71303 102.831 9.93061 103.266 10.365C103.7 10.7994 103.918 11.3584 103.918 12.0411V18.4892H106.874V11.3891C106.874 10.5357 106.692 9.77896 106.327 9.11965C105.962 8.46034 105.45 7.94827 104.791 7.58346V7.58199Z"
-            fill="currentColor"></path>
-        <path
-            d="M116 7.26778H113.369V2.58887H110.413V7.26778H107.759V9.85228H110.413V18.4885H113.369V9.85228H116V7.26778Z"
-            fill="currentColor"></path>
-        <path
-            d="M51.9296 5.38202C52.8553 5.38202 53.6057 4.6316 53.6057 3.7059C53.6057 2.78021 52.8553 2.02979 51.9296 2.02979C51.0039 2.02979 50.2535 2.78021 50.2535 3.7059C50.2535 4.6316 51.0039 5.38202 51.9296 5.38202Z"
-            fill="currentColor"></path>
-        <path
-            d="M80.9092 5.38202C81.8349 5.38202 82.5854 4.6316 82.5854 3.7059C82.5854 2.78021 81.8349 2.02979 80.9092 2.02979C79.9835 2.02979 79.2331 2.78021 79.2331 3.7059C79.2331 4.6316 79.9835 5.38202 80.9092 5.38202Z"
-            fill="currentColor"></path>
-    </svg>
-
+    <div class="title-wrapper"><img src="/images/logo-light.svg" alt="midnight logo"><h1 class="site-title">releases</h1></div>
+    
     <ul id="fileList"></ul>
 
     <script src="https://code.jquery.com/jquery-3.7.1.min.js"
@@ -106,7 +113,7 @@
                         const listItem = document.createElement("li");
                         const link = document.createElement("a");
 
-                        link.textContent = "../";
+                        link.textContent = "⬅️ Go back ";
                         link.onclick = () => {
                             history.back();
                         }
@@ -177,7 +184,6 @@
 
     <div class="text-notice">
 
-
         <p>These pages contain released versions of various development tools.</p>
 
         </p>The <tt>compiler</tt> directory contains compilers for different versions of the Compact language, which are

From 3014e655e332fa25a7b614367cfeb8e2c03ef9ef Mon Sep 17 00:00:00 2001
From: Stevan Lohja <stevan.lohja@iohk.io>
Date: Wed, 16 Oct 2024 10:19:44 -0400
Subject: [PATCH 2/2] fix: rm self links

---
 index.html | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index c9a4255..7bbb440 100644
--- a/index.html
+++ b/index.html
@@ -211,9 +211,8 @@
             details about the wallet may be found <a
                 href="https://docs.midnight.network/develop/tutorial/using/chrome-ext">here</a>.</p>
 
-        The <a href="https://releases.midnight.network/">Compact compiler</a>, <a
-            href="https://hub.docker.com/r/midnightnetwork/proof-server">Proof server</a>, <a
-            href="https://releases.midnight.network/">Midnight-Lace wallet</a>, <a
+        The <tt>Compact compiler</tt>, <a
+            href="https://hub.docker.com/r/midnightnetwork/proof-server">Proof server</a>, <tt>Midnight-Lace wallet</tt>, <a
             href="https://releases.midnight.network/">VSCode extension</a>, <a
             href="https://hub.docker.com/u/midnightnetwork">Docker images for the proof server and other client
             services</a>, and <a href="https://www.npmjs.com/search?q=midnight-ntwrk">Node libraries</a> are available