Merge branch 'main' into testing

docs/hooks/md_image_sizing.py

@@ -20,7 +20,7 @@ def _add_attr_handler(match: re.Match[str]) -> str:
         width = str(int(width) * multi)
         height = str(int(height) * multi)
     res = match.group(0) + string.Template(
-        '{ style="width:${width}px; height:${height}px;" }'
+        '{ style="max-width:${width}px; max-height:${height}px; width: 100%;" }'
     ).substitute(width=width, height=height)
     return res
 

docs/src/index.md

@@ -12,8 +12,6 @@ A quick list of stuff you might be interested in checking out:
 
 - [:material-harddisk: **Installing Bazzite**](General/Installation_Guide/index.md){ style="font-size: 1.1rem" }
 
-  ***
-
   From [desktop/laptops][install_pc_laptop], <br>Framework [13][frame_13]/[16][frame_16], to a multitude of handhelds:
 
   - [Steam Deck (and OLED)][install_handheld]
@@ -25,8 +23,6 @@ A quick list of stuff you might be interested in checking out:
 
 - [:material-download-circle: **Install software**][installing_software]{ style="font-size: 1.1rem" }
 
-  ***
-
   <small>Order reflects the recommendation degree</small>
 
   1. [Flatpak][flatpak] for graphical apps
@@ -44,8 +40,6 @@ A quick list of stuff you might be interested in checking out:
 
 - [:fontawesome-brands-windows: **Run Windows games**][run_win_game]{ style="font-size: 1.1rem" }
 
-  ***
-
   Bazzite comes bundled with :fontawesome-brands-steam: Steam\* and [Lutris](Gaming/Game_Launchers.md#lutris-setup).
 
   As well, compatible with other tools:
@@ -58,8 +52,6 @@ A quick list of stuff you might be interested in checking out:
 
 - [:fontawesome-solid-handshake: **Contribute to the project**][contrib]{ style="font-size: 1.1rem" }
 
-  ***
-
   One of the strengths of Bazzite (inherited from [Universal Blue](https://universal-blue.org/)) is how easy is to contribute.
 
   - Something seems broken? You might want to [report a bug](General/reporting_bugs.md).

docs/src/stylesheets/bazzite.css

@@ -1,7 +1,15 @@
 @import url(https://fonts.googleapis.com/css?family=DM+Sans);
+@import url(https://fonts.googleapis.com/css?family=Fira+Code);
 
 body {
   --md-text-font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  --md-code-font-family: "Fira Code";
+}
+
+.md-typeset code,
+.md-typeset kbd,
+.md-typeset pre {
+  font-variant-ligatures: normal;
 }
 
 .md-header--shadow,
@@ -41,11 +49,6 @@ body {
   padding: 30px;
   box-shadow: none!important;
 }
-.md-typeset .grid.cards > ol > li > hr,
-.md-typeset .grid.cards > ul > li > hr,
-.md-typeset .grid > .card > hr {
-  border: none!important;
-}
 
 .md-typeset blockquote {
   background-color: #fff;
@@ -56,6 +59,20 @@ body {
   padding: 10px;
 }
 
+[data-md-component="search"].md-search {
+  --md-accent-fg-color: #a47bea;
+}
+
+header > nav > div.md-search  {
+  & form{
+    border-radius: 99999px;
+  }
+
+  .md-search__output {
+    border-radius: 0 0 20px 20px;
+  }
+}
+
 @media screen and (max-width: 59.9844em) {
   .md-nav__source {
     padding: 10px .2rem;
@@ -67,11 +84,13 @@ body {
     backdrop-filter: none;
   }
 
-  h1,
-  h2,
-  h3,
-  h4 {
-    text-align: center;
+  [data-md-component="content"].md-content {
+    h1,
+    h2,
+    h3,
+    h4 {
+      text-align: center;
+    }
   }
 }