beos

Author: MaxwellBo

beos-icons/index.html

@@ -4,6 +4,8 @@
   <meta charset="utf-8">
   <title>BeOS icons</title>
   <meta property="og:title" content="BeOS icons" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta property="og:title" content="BeOS r5 Icons" />
   <meta property="og:description" content="A large collection of classic BeOS r5, Haiku OS, Zeta OS, and other retro operating system icons in PNG format." />
   <meta property="og:type" content="website" />
   <meta property="og:url" content="https://maxbo.me/beos-icons/" />
@@ -15,8 +17,8 @@
   <meta name="twitter:image" content="https://maxbo.me/beos-icons/og.png" />
   <style>
     body { margin: 1.25em; }
-    h2 { margin-left: 1vw; border-bottom: 1px solid #ccc; }
-    h3 { margin-left: 2vw; color: #888; border-bottom: 1px dotted #ccc; }
+    h2 { margin-left: 1vw; border-bottom: 1px solid black; }
+    h3 { margin-left: 2vw; color: #888; border-bottom: 1px dotted #888; }
     .category { margin-bottom: 1em; }
     .icon-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(4em, 1fr)); gap: 0.5em; margin-bottom: 0.9375em; margin-left: 3vw; }
     .icon-item { text-align: center; padding: 0.25em;  }
@@ -43,7 +45,7 @@ <h1>BeOS icons</h1>
     <ul id="toc-list"></ul>
   </details>
   <div id="loading">
-    <p>Loading icons...</p>
+    <p>Loading icons... (18.7 MB compressed)</p>
   </div>
   <div id="icons-container"></div>