static: replace artwork

Artwork is from http://www.rd-sounds.com/C83.html

static/index.html

@@ -45,8 +45,8 @@
                 </div>
 
                 <figure class="device-img">
-                    <img class="phone-img" width="276" height="579" src="[[path|/pixel-7-pro.svg]]" alt=""/>
-                    <img class="phone-logo-img" width="200" height="200" src="[[path|/mask-icon.svg]]" alt=""/>
+                    <img class="laptop-img" width="288" height="171" src="[[path|/laptop.svg]]" alt=""/>
+                    <img class="laptop-logo-img" width="108" height="108" src="[[path|/mask-icon.svg]]" alt=""/>
                 </figure>
 
             </div>

static/laptop.svg

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="1536"
+   height="912"
+   version="1.1"
+   id="svg2"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs2" />
+  <path
+     id="path1"
+     d="M 141,0 C 116,0 96,20 96,45 v 750 c 0,25 20,45 45,45 H 33 C 15,840 0,855 0,873 v 6 c 0,18 15,33 33,33 h 1470 c 18,0 33,-15 33,-33 v -6 c 0,-18 -15,-33 -33,-33 h -108 c 25,0 45,-20 45,-45 V 45 c 0,-25 -20,-45 -45,-45 z m 28.19922,32 H 1366.8008 C 1389.6256,32 1408,50.374418 1408,73.199219 V 758.80078 C 1408,781.62558 1389.6256,800 1366.8008,800 H 169.19922 C 146.37442,800 128,781.62558 128,758.80078 V 73.199219 C 128,50.374418 146.37442,32 169.19922,32 Z"
+     style="fill:#b3b3b3" />
+  <rect
+     width="384"
+     height="16"
+     x="576"
+     y="-856"
+     fill="#a5b5d3"
+     ry="8"
+     transform="scale(1,-1)"
+     id="rect2"
+     style="fill:#808080" />
+</svg>

static/main.css

@@ -303,7 +303,7 @@ main.normalize {
     position: relative;
 }
 
-.phone-logo-img {
+.laptop-logo-img {
     position: absolute;
     top: 48%;
     left: 50%;
@@ -498,11 +498,11 @@ details[open] summary {
         border-color: #222;
     }
 
-    .phone-img {
+    .laptop-img {
         filter: brightness(0.87);
     }
 
-    .phone-logo-img {
+    .laptop-logo-img {
         filter: invert(87%);
     }
 

static/pixel-7-pro.svg

@@ -1 +0,0 @@
-<svg width="276" height="579" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M18 0C9.163 0 2 7.163 2 16v547c0 8.837 7.163 16 16 16h240c8.837 0 16-7.163 16-16V16c0-8.837-7.163-16-16-16H18Zm2 6C11.163 6 4 13.163 4 22v537c0 8.837 7.163 16 16 16h236c8.837 0 16-7.163 16-16V22c0-8.837-7.163-16-16-16H20Z" fill="#979A97"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20 3C11.163 3 4 10.164 4 19v541c0 8.837 7.163 16 16 16h236c8.837 0 16-7.163 16-16V19c0-8.837-7.163-16-16-16H20Zm7 7c-8.837 0-16 7.163-16 16v527c0 8.837 7.163 16 16 16h222c8.837 0 16-7.163 16-16V26c0-8.837-7.163-16-16-16H27Z" fill="#000"/><g filter="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M20 4C11.163 4 4 11.164 4 20v539c0 6.665 4.076 12.379 9.871 14.784C9.16 571 6 565.869 6 560V20c0-8.836 7.163-16 16-16h-2Zm234 0c8.837 0 16 7.163 16 16v540c0 5.869-3.16 11-7.871 13.784C267.924 571.379 272 565.665 272 559V20c0-8.837-7.163-16-16-16h-2Z" fill="#fff"/></g><circle cx="138.5" cy="26.5" r="7.5" fill="#000"/><circle cx="138.5" cy="26.5" r="5.5" fill="#0F1415"/><circle cx="138.5" cy="26.5" r="2.5" fill="#151E1E"/><circle cx="139.5" cy="27.5" r="1.5" fill="#1B2123"/><circle cx="139.5" cy="27.5" r=".5" fill="#3E4749"/><path d="M273 181a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v33a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-33ZM273 252a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v68a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-68Z" fill="#767676"/><defs><filter id="a" x="0" y="0" width="276" height="577.784" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="2" result="effect1_foregroundBlur_6_67"/></filter></defs></svg>

templates/footer.html

@@ -1,5 +1,5 @@
 <footer>
-    <a href="/"><img src="[[path|/mask-icon.svg]]" width="512" height="512" alt=""/>GrapheneOS</a>
+    <a href="/"><img src="[[path|/mask-icon.svg]]" width="512" height="512" alt=""/>Hakurei</a>
     <ul id="social">
         <li><a href="https://discuss.grapheneos.org/">Forum</a></li>
         <li><a href="https://discord.com/invite/grapheneos">Discord</a></li>

templates/header.html

@@ -1,7 +1,7 @@
 <header>
     <nav id="site-menu">
         <ul>
-            <li {% if current_page == "/" %}aria-current="page"{% endif %}><a href="/"><img src="[[path|/mask-icon.svg]]" alt=""/>GrapheneOS</a></li>
+            <li {% if current_page == "/" %}aria-current="page"{% endif %}><a href="/"><img src="[[path|/mask-icon.svg]]" alt=""/>Hakurei</a></li>
             <li {% if current_page == "features" %}aria-current="page"{% endif %}><a href="/features.html">Features</a></li>
             <li {% if current_page == "install" %}aria-current="page"{% endif %}><a href="/install/">Install</a></li>
             <li {% if current_page == "build" %}aria-current="page"{% endif %}><a href="/build.html">Build</a></li>