🏡 index : github.com/BlrChessClub/BCC-website.git

author Nemo <me@captnemo.in> 2024-07-24 17:29:54.0 +05:30:00
committer Nemo <me@captnemo.in> 2024-07-24 17:29:54.0 +05:30:00
commit 
0614d631a0073e054d787bb108803c8f51025e8d [patch]
tree 
d74e2bca20637c8f4a17d872c5a25772e801d4bc
parent 
278fd20aa886c99e178ef37eba1b32dc7929a50e
download 
0614d631a0073e054d787bb108803c8f51025e8d.tar.gz

Move common.css out to _sass

This removes the majority of the inline styles

Diff

 gallery.html                               |   4 +---
 index.html                                 |   8 +++-----
 _includes/common.css                       | 284 --------------------------------------------------------------------------------
 _includes/head-tags.html                   |  27 ---------------------------
 _includes/head.css                         |  56 --------------------------------------------------------
 _includes/head.html                        |  29 ++++++++++++++++++++++++-----
 _includes/testimonials.html                |   2 +-
 _sass/common.scss                          | 287 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 _sass/custom.scss                          |  25 +++++++++++++------------
 _sass/icon-size.scss                       |   8 +++++---
 _sass/responsive.scss                      |  62 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-
 css/style.scss                             |   1 +
 events-archive/chess-connect-04022024.html |   4 +---
 13 files changed, 393 insertions(+), 404 deletions(-)

diff --git a/gallery.html b/gallery.html
index e6b5e97..7bb271e 100644
--- a/gallery.html
+++ a/gallery.html
@@ -1,12 +1,10 @@
---
permalink: /gallery/
title: Gallery
---
<!DOCTYPE html>
<html lang="en">
  <head>
    {% include head-tags.html %}
  </head>
  {% include head.html %}

  <body>
    {% include header.html %}
diff --git a/index.html b/index.html
index cf71652..5b998bf 100644
--- a/index.html
+++ a/index.html
@@ -1,10 +1,11 @@
---
permalink: /
---
<!DOCTYPE html>
<html lang="en">
  <head>
    {% include head-tags.html %}
  {% include head.html %}

  <body>
    <link
      rel="preload"
      fetchpriority="high"
@@ -12,9 +13,6 @@
      href="/images/logo.webp"
      type="image/webp"
    />
  </head>

  <body>
    <div class="hero_area">
      <div class="hero_bg_box">
        <div class="bg_img_box">
diff --git a/_includes/common.css b/_includes/common.css
deleted file mode 100644
index 8455af5..0000000 100644
--- a/_includes/common.css
+++ /dev/null
@@ -1,284 +1,0 @@
.event-container {
  max-width: 1000px;
  margin: 50px auto;
  overflow: hidden;
  border-radius: 15px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  background: #fff;
}

.banner {
  position: relative;
  overflow: hidden;
  border-radius: 15px 15px 0 0;
}
.banner img {
  width: 100%;
  height: 100%;
  object-fit: fill;
  object-position: center;
}

.text-container {
  padding: 20px;
}

.event-header {
  margin-bottom: 20px;
  text-align: center;
}

.event-header .event-title {
  font-size: 3.5em;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif; 
  display: inline-block;
  background: linear-gradient(
    45deg,
    #3498db,
    #e74c3c
  ); /* Gradient from blue to red */
  -webkit-background-clip: text; /* Clip the background to the text */
  color: transparent; /* Make the text transparent to show the background gradient */
  position: relative;
}

.event-description {
  font-size: 18px;
  color: #555;
  line-height: 1.6;
}

.event-section {
  background-color: #f7f7f7;
  padding: 20px;
  border-radius: 15px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.event-section h2 {
  color: #1166ac;
  margin-bottom: 10px;
}

ul,
ol {
  margin: 10px 0;
  padding-left: 20px;
}

.book-now-button-container a {
  margin: 5px;
  text-align: center;
  width: 400px;
}

.book-now-button-container {
  text-align: center;
  margin-top: 20px;
}

.book-now-button {
  display: inline-block;
  padding: 15px 30px;
  font-size: 20px;
  text-decoration: none;
  color: #fff;
  border-radius: 5px;
  background: linear-gradient(45deg, #ff7e5f, #feb47b);
  transition: background 0.3s, transform 0.3s;
  box-shadow: 0 5px 10px rgba(255, 126, 95, 0.2);
}

.book-now-button:hover {
  background: linear-gradient(45deg, #feb47b, #ff7e5f);
  transform: scale(1.05);
}

.event-image {
  width: 100%;
  max-height: 400px;
  object-fit: cover;
  border-radius: 15px;
  margin-top: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.location-section {
  background-color: #f7f7f7;
  padding: 20px;
  border-radius: 15px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.location-section h2 {
  color: #1166ac;
  margin-bottom: 10px;
}

.location-details {
  flex-grow: 1;
  margin-right: 20px;
}

.cafe-name {
  font-size: 1.2em;
  font-weight: bold;
  color: #cc5500;
}

.address {
  color: #555;
  margin-bottom: 15px;
}

.google-map-link {
  display: inline-block;
  padding: 12px 20px;
  font-size: 18px;
  text-decoration: none;
  color: #fff;
  border-radius: 5px;
  background: #1166ac;
  transition: background 0.3s, transform 0.3s;
  box-shadow: 0 5px 10px rgba(17, 102, 172, 0.2);
}

.google-map-link:hover {
  background: #4caf50;
  transform: scale(1.05);
}
/* Add or update styles as needed */

.content-container {
  padding: 20px;
}

.date-time-container {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 1em;
}

.date-time {
  display: inline-block;
  background-color: #f7f7f7;
  padding: 8px 15px;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.date-time .date {
  font-size: 1.2em;
  color: #cc5500;
  font-weight: bold;
}

.date-time .separator {
  margin: 0 10px;
  color: #555;
}

.date-time .time {
  font-size: 1.2em;
  color: #1166ac;
  font-weight: bold;
}

/* Additional styling for the event description */
.event-description {
  background-color: #f7f7f7;
  padding: 20px;
  border-radius: 15px;
  margin-top: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.event-section .highlight, .event-section mark {
  font-weight: bold;
  color: #cc5500;
  padding: unset;
  background-color: unset;
}

.event-section h2 mark {
  font-weight: normal;
}

@media only screen and (max-width: 600px) {
  /* Adjustments for mobile screens */
  .event-container {
    border-radius: 15px;
  }

  .event-header {
    padding: 15px;
  }

  .event-header .event-title {
    font-size: 2em;
    margin-bottom: 5px;
  }

  .date-time-container {
    text-align: center;
    margin-top: 10px;
  }

  .date-time {
    display: block;
    color: #fff;
    padding: 8px 15px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  }

  .date-time .date,
  .date-time .separator,
  .date-time .time {
    font-size: 1em;
  }

  .event-section,
  .location-section {
    padding: 15px;
    margin-bottom: 15px;
  }

  .event-section h2,
  .location-section h2 {
    font-size: 1.8em;
    margin-bottom: 8px;
  }

  .event-description {
    font-size: 16px;
  }

  .book-now-button {
    font-size: 18px;
    padding: 12px 25px;
  }

  .google-map-link {
    padding: 10px 15px;
    font-size: 16px;
  }
  .google-map-link {
    display: block;
    text-align: center;
    width: 50%;
    padding: 15px 0; /* Increase padding for better touch interaction */
    font-size: 16px; /* Adjust font size for better readability */
  }
  .book-now-button-container a {
    width: 250px;
  }
}
diff --git a/_includes/head-tags.html b/_includes/head-tags.html
deleted file mode 100644
index afc350a..0000000 100644
--- a/_includes/head-tags.html
+++ /dev/null
@@ -1,27 +1,0 @@
<!-- Basic -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Mobile Metas -->
<meta
  name="viewport"
  content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<!-- Site Metas -->
<meta name="keywords" content="bangalore, chess, club" />
<meta name="description" content="{{site.description}}" />
<meta name="author" content="Bangalore Chess Club" />
<link rel="shortcut icon" href="images/favicon.png" type="" />
{% if page.title and page.startsAt %}
<title>{{page.title}} - {{page.startsAt | date:"%d %B"}} | Bangalore Chess Club</title>
{% elsif page.title %}
<title>{{page.title}} | Bangalore Chess Club</title>
{% else %}
<title>Bangalore Chess Club</title>
{% endif %}
<link rel="stylesheet" type="text/css" href="/assets/bootstrap/css/bootstrap.min.css" />

<!-- icons generated via fontello to match existing font-awesome styles + names -->
<link href="/assets/icons/css/fontello.css" rel="stylesheet" />

<!-- Custom styles for this template -->
<link href="/css/style.css" rel="stylesheet" />
diff --git a/_includes/head.css b/_includes/head.css
deleted file mode 100644
index 4a1040c..0000000 100644
--- a/_includes/head.css
+++ /dev/null
@@ -1,56 +1,0 @@
/* Existing styles remain unchanged */

@media only screen and (max-width: 600px) {
  /* Adjustments for mobile screens */

  .banner {
    height: 25em;
  }

  .banner img {
    height: 100%;
    object-fit: fill;
    object-position: center;
  }

  .fixed-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #c6e5ee;
    padding: 10px;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 999; /* Adjust the z-index value as needed */
  }

  .footer-price {
    font-size: 18px;
    color: #1166ac;
  }

  .footer-book-now-button {
    display: inline-block;
    padding: 10px 15px;
    font-size: 16px;
    text-decoration: none;
    color: #fff;
    border-radius: 5px;
    background: linear-gradient(45deg, #ff7e5f, #feb47b);
    transition: background 0.3s, transform 0.3s;
    box-shadow: 0 5px 10px rgba(255, 126, 95, 0.2);
  }

  .footer-book-now-button:hover {
    background: linear-gradient(45deg, #feb47b, #ff7e5f);
    transform: scale(1.05);
  }
}
@media only screen and (min-width: 601px) {
  .fixed-footer {
    display: none; /* Hide the fixed footer on desktop screens */
  }
}
diff --git a/_includes/head.html b/_includes/head.html
index 7eb1851..790779d 100644
--- a/_includes/head.html
+++ a/_includes/head.html
@@ -1,8 +1,27 @@
<head>
  {% include head-tags.html %}
  <!-- Basic -->
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <!-- Mobile Metas -->
  <meta
    name="viewport"
    content="width=device-width, initial-scale=1, shrink-to-fit=no"
  />
  <!-- Site Metas -->
  <meta name="keywords" content="bangalore, chess, club" />
  <meta name="description" content="{{site.description}}" />
  <meta name="author" content="Bangalore Chess Club" />
  <link rel="shortcut icon" href="images/favicon.png" type="" />
  {% if page.title and page.startsAt %}
  <title>{{page.title}} - {{page.startsAt | date:"%d %B"}} | Bangalore Chess Club</title>
  {% elsif page.title %}
  <title>{{page.title}} | Bangalore Chess Club</title>
  {% else %}
  <title>Bangalore Chess Club</title>
  {% endif %}
  <link rel="stylesheet" type="text/css" href="/assets/bootstrap/css/bootstrap.min.css" />

  <style>
    {% include common.css %}
    {% include head.css %}
  </style>
  <!-- icons generated via fontello to match existing font-awesome styles + names -->
  <link href="/assets/icons/css/fontello.css" rel="stylesheet" />
  <link href="/css/style.css" rel="stylesheet" />
</head>
diff --git a/_includes/testimonials.html b/_includes/testimonials.html
index 998aa77..c38dd6e 100644
--- a/_includes/testimonials.html
+++ a/_includes/testimonials.html
@@ -24,7 +24,7 @@
                </div>
                <i class="icon icon-quote-left" aria-hidden="true"></i>
              </div>
              <p>{{testimonial.content }}</p>
              {{testimonial.content }}
            </div>
          </div>
        </div>
diff --git a/_sass/common.scss b/_sass/common.scss
new file mode 100644
index 0000000..2d3edb3 100644
--- /dev/null
+++ a/_sass/common.scss
@@ -1,0 +1,287 @@
.event-container {
  max-width: 1000px;
  margin: 50px auto;
  overflow: hidden;
  border-radius: 15px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  background: #fff;
}

.banner {
  position: relative;
  overflow: hidden;
  border-radius: 15px 15px 0 0;
}
.banner img {
  width: 100%;
  height: 100%;
  object-fit: fill;
  object-position: center;
}

.text-container {
  padding: 20px;
}

.event-header {
  margin-bottom: 20px;
  text-align: center;
}

.event-header .event-title {
  font-size: 3.5em;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui,
    helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial,
    sans-serif;
  display: inline-block;
  background: linear-gradient(
    45deg,
    #3498db,
    #e74c3c
  ); /* Gradient from blue to red */
  -webkit-background-clip: text; /* Clip the background to the text */
  color: transparent; /* Make the text transparent to show the background gradient */
  position: relative;
}

.event-description {
  font-size: 18px;
  color: #555;
  line-height: 1.6;
}

.event-section {
  background-color: #f7f7f7;
  padding: 20px;
  border-radius: 15px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.event-section h2 {
  color: #1166ac;
  margin-bottom: 10px;
}

ul,
ol {
  margin: 10px 0;
  padding-left: 20px;
}

.book-now-button-container a {
  margin: 5px;
  text-align: center;
  width: 400px;
}

.book-now-button-container {
  text-align: center;
  margin-top: 20px;
}

.book-now-button {
  display: inline-block;
  padding: 15px 30px;
  font-size: 20px;
  text-decoration: none;
  color: #fff;
  border-radius: 5px;
  background: linear-gradient(45deg, #ff7e5f, #feb47b);
  transition: background 0.3s, transform 0.3s;
  box-shadow: 0 5px 10px rgba(255, 126, 95, 0.2);
}

.book-now-button:hover {
  background: linear-gradient(45deg, #feb47b, #ff7e5f);
  transform: scale(1.05);
}

.event-image {
  width: 100%;
  max-height: 400px;
  object-fit: cover;
  border-radius: 15px;
  margin-top: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.location-section {
  background-color: #f7f7f7;
  padding: 20px;
  border-radius: 15px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.location-section h2 {
  color: #1166ac;
  margin-bottom: 10px;
}

.location-details {
  flex-grow: 1;
  margin-right: 20px;
}

.cafe-name {
  font-size: 1.2em;
  font-weight: bold;
  color: #cc5500;
}

.address {
  color: #555;
  margin-bottom: 15px;
}

.google-map-link {
  display: inline-block;
  padding: 12px 20px;
  font-size: 18px;
  text-decoration: none;
  color: #fff;
  border-radius: 5px;
  background: #1166ac;
  transition: background 0.3s, transform 0.3s;
  box-shadow: 0 5px 10px rgba(17, 102, 172, 0.2);
}

.google-map-link:hover {
  background: #4caf50;
  transform: scale(1.05);
}
/* Add or update styles as needed */

.content-container {
  padding: 20px;
}

.date-time-container {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 1em;
}

.date-time {
  display: inline-block;
  background-color: #f7f7f7;
  padding: 8px 15px;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.date-time .date {
  font-size: 1.2em;
  color: #cc5500;
  font-weight: bold;
}

.date-time .separator {
  margin: 0 10px;
  color: #555;
}

.date-time .time {
  font-size: 1.2em;
  color: #1166ac;
  font-weight: bold;
}

/* Additional styling for the event description */
.event-description {
  background-color: #f7f7f7;
  padding: 20px;
  border-radius: 15px;
  margin-top: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.event-section .highlight,
.event-section mark {
  font-weight: bold;
  color: #cc5500;
  padding: unset;
  background-color: unset;
}

.event-section h2 mark {
  font-weight: normal;
}

@media only screen and (max-width: 600px) {
  /* Adjustments for mobile screens */
  .event-container {
    border-radius: 15px;
  }

  .event-header {
    padding: 15px;
  }

  .event-header .event-title {
    font-size: 2em;
    margin-bottom: 5px;
  }

  .date-time-container {
    text-align: center;
    margin-top: 10px;
  }

  .date-time {
    display: block;
    color: #fff;
    padding: 8px 15px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  }

  .date-time .date,
  .date-time .separator,
  .date-time .time {
    font-size: 1em;
  }

  .event-section,
  .location-section {
    padding: 15px;
    margin-bottom: 15px;
  }

  .event-section h2,
  .location-section h2 {
    font-size: 1.8em;
    margin-bottom: 8px;
  }

  .event-description {
    font-size: 16px;
  }

  .book-now-button {
    font-size: 18px;
    padding: 12px 25px;
  }

  .google-map-link {
    padding: 10px 15px;
    font-size: 16px;
  }
  .google-map-link {
    display: block;
    text-align: center;
    width: 50%;
    padding: 15px 0; /* Increase padding for better touch interaction */
    font-size: 16px; /* Adjust font size for better readability */
  }
  .book-now-button-container a {
    width: 250px;
  }
}
diff --git a/_sass/custom.scss b/_sass/custom.scss
index 73f6cda..7d90602 100644
--- a/_sass/custom.scss
+++ a/_sass/custom.scss
@@ -5,7 +5,7 @@
$color_5: #00bbf0;
$color_6: #00204a;
$color_7: #fefefe;
$color_8: #0077B5;
$color_8: #0077b5;
$color_9: white;
$color_10: #000000;
$color_11: inherit;
@@ -13,7 +13,8 @@
$color_13: #fff;
$color_14: #28a745;
$color_15: #333;
$sans: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif; 
$sans: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui,
  helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
$background-color_1: #ffffff;
$background-color_2: #00bbf0;
$background-color_3: #007fa4;
@@ -23,9 +24,9 @@
$background-color_7: #00204a;
$background-color_8: transparent;
$background-color_9: #00ffff;
$background-color_10: rgba(0, 32, 74,0.5);
$background-color_11: #128C7E;
$background-color_12: #5B51D8;
$background-color_10: rgba(0, 32, 74, 0.5);
$background-color_11: #128c7e;
$background-color_12: #5b51d8;
$background-color_13: #f0f0f0;
$border-color_1: #fff;

@@ -72,11 +73,11 @@
@keyframes slidein {
  0% {
    margin-left: -100%;
/* Adjust negative margin for responsiveness */
    /* Adjust negative margin for responsiveness */
  }
  20% {
    margin-left: -100%;
/* Adjust negative margin for responsiveness */
    /* Adjust negative margin for responsiveness */
  }
  35% {
    margin-left: 0;
@@ -96,7 +97,7 @@
  }
  40% {
    width: 100%;
/* Adjust width for responsiveness */
    /* Adjust width for responsiveness */
    opacity: 0.8;
  }
  90% {
@@ -105,7 +106,7 @@
  100% {
    opacity: 0;
    width: 100%;
/* Adjust width for responsiveness */
    /* Adjust width for responsiveness */
  }
}
/* Add this style to your existing stylesheet or create a new one */
@@ -115,7 +116,7 @@
  color: $color_1;
  background-color: $background-color_1;
  overflow-x: hidden;
  background-image: url('../images/chbg2.png');
  background-image: url("../images/chbg2.png");
  background-size: 150%;
  background-repeat: repeat;
}
@@ -315,7 +316,7 @@
      }
    }
  }
  .navbar-toggler[aria-expanded=true] {
  .navbar-toggler[aria-expanded="true"] {
    transform: rotate(360deg);
    span {
      transform: rotate(45deg);
@@ -1008,7 +1009,7 @@
}
#spotlight {
  scroll-margin-top: 60px;
} 
}
.spotlight-box-img {
  height: 500px;
  padding: 20px;
diff --git a/_sass/icon-size.scss b/_sass/icon-size.scss
index 06e09df..9f27fb0 100644
--- a/_sass/icon-size.scss
+++ a/_sass/icon-size.scss
@@ -1,5 +1,7 @@
// we switched from font-awesome to fontello
// which doesn't include a fa-2x style.
.fa-2x,.icon-2x,.icon-large {
	font-size: 2em;
}
.fa-2x,
.icon-2x,
.icon-large {
  font-size: 2em;
}
diff --git a/_sass/responsive.scss b/_sass/responsive.scss
index 1c46869..594321e 100644
--- a/_sass/responsive.scss
+++ a/_sass/responsive.scss
@@ -1,8 +1,3 @@

/*  .slider_section .detail-box .btn-box {
    justify-content: center;
  }
*/
@media (max-width: 1300px) {
  .oval-button {
    margin: 5px;
@@ -240,5 +235,62 @@
        font-size: 1rem;
      }
    }
  }
}

/* Existing styles remain unchanged */

@media only screen and (max-width: 600px) {
  /* Adjustments for mobile screens */

  .banner {
    height: 25em;
  }

  .banner img {
    height: 100%;
    object-fit: fill;
    object-position: center;
  }

  .fixed-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #c6e5ee;
    padding: 10px;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 999; /* Adjust the z-index value as needed */
  }

  .footer-price {
    font-size: 18px;
    color: #1166ac;
  }

  .footer-book-now-button {
    display: inline-block;
    padding: 10px 15px;
    font-size: 16px;
    text-decoration: none;
    color: #fff;
    border-radius: 5px;
    background: linear-gradient(45deg, #ff7e5f, #feb47b);
    transition: background 0.3s, transform 0.3s;
    box-shadow: 0 5px 10px rgba(255, 126, 95, 0.2);
  }

  .footer-book-now-button:hover {
    background: linear-gradient(45deg, #feb47b, #ff7e5f);
    transform: scale(1.05);
  }
}
@media only screen and (min-width: 601px) {
  .fixed-footer {
    display: none; /* Hide the fixed footer on desktop screens */
  }
}
diff --git a/css/style.scss b/css/style.scss
index 0dbb130..a6cbbae 100644
--- a/css/style.scss
+++ a/css/style.scss
@@ -1,8 +1,9 @@
---
---
@import 'custom.scss';
@import 'responsive.scss';
@import 'icon-size.scss';
@import 'common.scss';
// These are straight-from-upstream css files
// which can be imported in SASS if we don't 
// provide an extension
diff --git a/events-archive/chess-connect-04022024.html b/events-archive/chess-connect-04022024.html
index ec14a66..2e82b2f 100644
--- a/events-archive/chess-connect-04022024.html
+++ a/events-archive/chess-connect-04022024.html
@@ -6,9 +6,7 @@
---
<!DOCTYPE html>
<html lang="en">
  <head>
    {% include head-tags.html %} {% include head.html %}
  </head>
  {% include head.html %}

  <body>
    {% include header.html %}