Added AI-generated logo/favicon; adjusted some navbar styles

.gitignore

@@ -63,8 +63,7 @@ data/
 node_modules/
 
 # Compiled assets
-public/css/
-public/js/
+public/*/
 
 # Ignore production configuration files to protect against credential leaks
 config/production.yaml

assets/styles/rimmington.sass

@@ -19,3 +19,12 @@ table
   padding: 1.5rem 2rem
   border: 1px solid #bbb
   border-radius: 8px
+
+#main-nav
+  li
+    a
+      font-size: 1.25rem
+
+#site-title
+  img
+    max-height: 40px

gulpfile.js

@@ -20,16 +20,23 @@ function compileCoffee() {
     .pipe(gulp.dest('public/js', { sourcemaps: '.' }));
 }
 
+// Copy image files to public/img/
+function copyImages() {
+  return gulp.src('assets/img/**/*', {encoding: false})
+    .pipe(gulp.dest('public/img/'));
+}
+
 // Watch files for changes
 function watchFiles(cb) {
   gulp.watch('assets/styles/**/*.sass', compileSass);
   gulp.watch('assets/scripts/**/*.coffee', compileCoffee);
+  gulp.watch('assets/img/**/*', copyImages)
   cb();
 }
 
 // Chain all asset builds together
 function buildAssets() {
-  return gulp.parallel(compileSass, compileCoffee);
+  return gulp.parallel(compileSass, compileCoffee, copyImages);
 }
 
 // Perform initial build then watch

views/layout.erb

@@ -4,6 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <link rel="shortcut icon" href="/img/favicon.png">
   <title><%= title %> | Game Data</title>
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.7/css/bootstrap.min.css">
   <link rel="stylesheet" href="/css/rimmington.css">

views/partials/navbar.erb

@@ -1,6 +1,9 @@
 <div id="main-nav" class="navbar navbar-expand-md bg-dark border-bottom border-body mb-3" data-bs-theme="dark">
   <div class="container-fluid">
-    <a class="navbar-brand mb-0 h1" href="#">Game Data</a>
+    <a id="site-title" class="navbar-brand mb-0 h1" href="#">
+      Game Data
+      <img src="/img/app-logo.png" alt="">
+    </a>
 
     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
       <span class="navbar-toggler-icon"></span>