FIX-CAP: got rid of background

docs/stylesheets/extra.css

@@ -119,4 +119,4 @@
 
 .toclink:hover {
   color: var(--md-accent-fg-color) !important;
-}
+}

material/overrides/home.html

@@ -4,13 +4,21 @@
 {% extends "main.html" %}
 {% block tabs %}
   {{ super() }}
-  <style>.md-header{position:initial}.md-main__inner{margin:0}.md-content{display:none}@media screen and (min-width:60em){.md-sidebar--secondary{display:none}}@media screen and (min-width:76.25em){.md-sidebar--primary{display:none}}</style>
+  <style>
+    .md-header { position: initial; }
+    .md-main__inner { margin: 0; }
+    .md-content { display: none; }
+    @media screen and (min-width: 60em) { .md-sidebar--secondary { display: none; } }
+    @media screen and (min-width: 76.25em) { .md-sidebar--primary { display: none; } }
+
+    /* Override background */
+    .mdx-container {
+      background: none; /* Remove existing background */
+    }
+  </style>
   <section class="mdx-container">
     <div class="md-grid md-typeset">
       <div class="mdx-hero">
-        <!-- <div class="mdx-hero__image">
-          <img src="assets/images/illustration.png" alt="" width="1659" height="1200" draggable="false">
-        </div> -->
         <div class="mdx-hero__content">
           <h1>A prototype for Augmented Reality (AR) Assistance for Woodworking in Timber Construction.</h1>
           <p>{{ config.site_description }} Everywhere.</p>
@@ -25,5 +33,12 @@ <h1>A prototype for Augmented Reality (AR) Assistance for Woodworking in Timber
     </div>
   </section>
 {% endblock %}
-{% block content %}{% endblock %}
-{% block footer %}{% endblock %}
+
+
+{% block content %}
+{% endblock %}
+
+{% block footer %}
+  {{ super() }}
+  <script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
+{% endblock %}