gaming tips

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "madisonlinux",
-  "version": "0.0.1",
+  "version": "0.0.5",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "madisonlinux",
-      "version": "0.0.1",
+      "version": "0.0.5",
       "license": "MIT",
       "dependencies": {
         "ejs": "3.1.10",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "madisonlinux",
-  "version": "0.0.1",
+  "version": "0.0.5",
   "description": "Website for upcoming Linux install party in Madison WI",
   "keywords": [
     "web",

src/Web.ts

@@ -56,7 +56,13 @@ class Web {
             res.send('Healthy');
         });
 
-        app.get('/', (_, res) => {
+        app.get('/', (req, res) => {
+            if (req.query?.['utm_medium']) {
+                console.log(`${req.query['utm_medium']} | ${req.headers?.['user-agent']}`);
+            }
+            else {
+                console.log(req.headers?.['user-agent']);
+            }
             res.render('index', {
                 page: {
                     title: 'Madison End of 10 Install Party',
@@ -105,6 +111,11 @@ class Web {
             });
         });
 
+        app.use(function (req, res, _) {
+            console.log(`404: ${req.url} requested by ${req.ip} "${req.headers['user-agent']}"`);
+            res.redirect('/');
+        });
+
         this._webserver = this.app.listen(this.port, () => console.log(`madisonlinux is running on port ${this.port}`));
     }
 

styles/01-layout.scss

@@ -62,6 +62,12 @@ img {
     }
 }
 
+.btn {
+    padding: .4em .65em;
+    text-decoration: none;
+    border-radius: 4px;
+}
+
 .img-container {
     overflow-x: auto;
     max-width: 100%;

styles/02-colors.scss

@@ -4,14 +4,32 @@ body {
     background: linear-gradient(90deg, rgba(19, 65, 123, 1) 0%, rgba(25, 74, 136, 1) 50%, rgba(19, 65, 123, 1) 100%);
 }
 
-a, a:link, a:visited {
+a,
+a:link,
+a:visited {
     color: #fff;
+
+    &:hover {
+        color: #fff3ba;
+    }
 }
 
 blockquote {
     border-left: 5px solid #fff;
 }
 
+.btn,
+a.btn {
+    background-color: #fff;
+    color: #000;
+    box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, .65);
+
+    &:hover {
+        background-color: #fff3ba;
+        color: #000;
+    }
+}
+
 .nav_links {
     background-color: #fff;
     color: #13417B;

views/head.ejs

@@ -14,7 +14,7 @@
 <link rel="canonical" href="<%= page.canonical%>"/>
 <% } %>
 <link rel="shortcut icon" href="/assets/svg/favicon.svg">
-<link rel="stylesheet" href="/assets/css/styles.css?v4">
+<link rel="stylesheet" href="/assets/css/styles.css?v5">
 <script nonce="<%= cspNonce %>">
     document.addEventListener("DOMContentLoaded", function() {
         document.body.classList.remove('preload');

views/index.ejs

@@ -51,6 +51,9 @@
         <p>
             Come meet us at Sector67:<br/>56 Corry St, Madison, WI 53704
         </p>
+        <p>
+            <a class="btn" href="/event.ics">🗓️ Add to Calendar</a>
+        </p>
         <p>
             If you have additional questions about the event, email me at <a href="mailto:endof10@cory.sanin.dev">endof10@cory.sanin.dev</a>
         </p>

views/os.ejs

@@ -36,7 +36,14 @@
             </p>
             <h2>Gaming Focused</h2>
             <p>
-                For gaming-focused PC's, of course most general purpose distro will do. However, there are a couple
+                Before migrating from Windows to Linux, please consult <a href="https://www.protondb.com/">ProtonDB</a> to verify
+                the games you want to play run in Linux. If you play competitive games that utilize anti-cheat,
+                <a href="https://areweanticheatyet.com/">Are We Anti-Cheat Yet?</a> is also a handy resource. Compatibilty is quite
+                strong these days, but since it's not 100% it's better to know ahead than to be blindsided when your favorite games
+                won't start up.
+            </p>
+            <p>
+                For gaming-focused PC's, of course most general purpose distros will do. However, there are a couple
                 options worth your consideration.
             </p>
             <p>