Upgrade to Lektor-Icon 3.x w/Bootstrap 5 & fix other issues (#224)

* Sync with previous commits and rebase custom changes so far
* Fix width of sponsors section logos
* Fix regressions with CSS change on lektor-icon

assets/static/css/custom_styles.css

@@ -28,14 +28,19 @@
 
 /* Remove margin between cards when single-column */
 
-@media screen and (max-width: 768px) {
-  .col-md-4 .card-item {
-    margin: 0;
+@media screen and (max-width: 767px) {
+  .row.g-4 {
+    --bs-gutter-x: 0rem;
+    --bs-gutter-y: 0rem;
   }
 }
 
 /* Adjust size and padding of component cards */
 
+#section-plugins {
+  padding-bottom: 0;
+}
+
 #section-components {
   padding-bottom: 2em;
 }
@@ -92,25 +97,25 @@
 
 /* Increase size of graphics in sponsors section */
 
-@media screen and (max-width: 1200px) {
-  #section-sponsors .col-md-4 {
+@media screen and (max-width: 1199px) {
+  #section-contributors .col {
     max-width: 320px;
   }
 }
 
-@media screen and (max-width: 768px) {
-  #section-sponsors .col-md-4 {
+@media screen and (max-width: 767px) {
+  #section-contributors .col {
     max-width: 400px;
   }
 }
 
-@media screen and (max-width: 480px) {
-  #section-sponsors .col-md-4 {
+@media screen and (max-width: 575px) {
+  #section-contributors .col {
     max-width: 320px;
   }
 }
 
-#section-sponsors .card {
+#section-contributors .card {
   padding: 0;
 }
 

spyder_website.lektorproject

@@ -37,7 +37,7 @@ theme_bg_accent_color = "#f5f5f5"
 theme_accent_color = "#d50000"
 theme_accent_alt_color = "#8c0000"
 theme_pipe_color = "#ee1c24"
-custom_css = "/static/css/custom_styles.css, https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css, 'https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Manrope:wght@200;300;400;500;600;700&display=swap'"
+custom_css = "/static/css/custom_styles.css, https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css, 'https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700&display=swap'"
 custom_js_main =
 custom_js_singlepage = "/static/js/custom_scripts.js"
 custom_head_content = "<link rel='me' href='https://fosstodon.org/@Spyder'>"