docs: website light mode, styling, embed

ThisAMJ · ThisAMJ · commit 3b6306fac6a7 · 2025-09-12T18:22:21.000+10:00
diff --git a/docs/web/index.html b/docs/web/index.html
@@ -7,6 +7,16 @@
         <title>SourceAutoRecord</title>
         <link rel="stylesheet" type="text/css" href="style.css">
         <link rel="icon" type="image/png" href="https://avatars.githubusercontent.com/u/83299896">
+        <meta name="description" content="SourceAutoRecord (SAR) is a plugin for Portal 2 and mods based on it, bringing lots of features and modifications into the game for speedrunners and people alike.">
+        <meta property="og:description" content="SourceAutoRecord (SAR) is a plugin for Portal 2 and mods based on it, bringing lots of features and modifications into the game for speedrunners and people alike.">
+        <meta name="twitter:description" content="SourceAutoRecord (SAR) is a plugin for Portal 2 and mods based on it, bringing lots of features and modifications into the game for speedrunners and people alike.">
+        <meta property="og:title" content="SourceAutoRecord">
+        <meta property="og:image" content="/img/sar_logo.webp">
+        <meta property="og:type" content="website">
+        <meta property="og:url" content="https://sar.portal2.sr/">
+        <meta name="twitter:card" content="summary_large_image">
+        <meta name="twitter:title" content="SourceAutoRecord">
+        <meta name="twitter:image" content="/img/sar_logo.webp">
     </head>
     <body>
         <nav>
diff --git a/docs/web/style.css b/docs/web/style.css
@@ -39,6 +39,18 @@
     --accent: #379;
 }
 
+@media (prefers-color-scheme: light)
+{
+    :root
+    {
+        --background: #f0f0f0;
+        --alternate-background: #e0e0e0;
+        --foreground: #111;
+        --medium: #aaa;
+        --accent: #59F;
+    }
+}
+
 /* 2.1 Main layout styling */
 body
 {
@@ -120,12 +132,25 @@ main
     white-space: nowrap;
 }
 
+#download
+{
+    padding: 0 0 1rem 1.5rem;
+    border-left: 5px solid var(--accent); 
+    background: var(--alternate-background);
+}
+
 .stable
 {
     background: var(--accent) !important;
     color: var(--foreground);
 }
 
+.pdb
+{
+    text-decoration: underline;
+    text-decoration-style: dashed !important;
+}
+
 .off-os
 {
     background: transparent !important;
@@ -172,6 +197,7 @@ p, li
 table
 {
     border-spacing: 0;
+    margin-bottom: 1rem;
 }
 
 th, td
