fix/style/use bootstrap 5.3

LizardByte · Jan 5, 2025 · d3c2940 · d3c2940
1 parent 82bedfb
commit d3c2940
Show file tree

Hide file tree

Showing 6 changed files with 19 additions and 33 deletions.
diff --git a/.gitmodules b/.gitmodules
@@ -1,4 +1,4 @@
 [submodule "third-party/beautiful-jekyll"]
 	path = third-party/beautiful-jekyll
-	url = https://github.com/daattali/beautiful-jekyll.git
+	url = https://github.com/ReenigneArcher/beautiful-jekyll.git
 	branch = master
diff --git a/_includes/donate.html b/_includes/donate.html
@@ -1,15 +1,13 @@
 <!-- Donate section-->
 <section class="p-5" id="Donate">
     <div class="container mb-5 shadow border-0 card-custom rounded-0">
-        <!-- bs5 no-gutters -> g-0 -->
-        <div class="d-table-row no-gutters">
+        <div class="d-table-row g-0">
             <div class="d-table-cell px-3 align-middle text-center">
                 <h1>
                     <i class="fa-fw fas fa-coins"></i>
                 </h1>
             </div>
-            <!-- bs5 border-left -> border-start -->
-            <div class="col-sm-auto border-white my-3 px-3 py-2 border-left">
+            <div class="col-sm-auto border-white my-3 px-3 py-2 border-start">
                 <div class="container">
                     <h4 class="card-title mb-3 fw-bolder">Donate</h4>
                 </div>

diff --git a/_includes/support.html b/_includes/support.html
@@ -2,14 +2,12 @@
 <section class="p-5" id="Support">
     <div class="mx-auto mb-5">
         <div class="container shadow border-0 bg-primary rounded-0">
-            <!-- bs5 no-gutters -> g-0 -->
-            <div class="d-table-row no-gutters">
+            <div class="d-table-row g-0">
                 <div class="d-table-cell px-4 align-middle text-center">
                     <h3 class="fw-bolder">Support Center</h3>
                     <div>Find answers and ask questions.</div>
                 </div>
-                <!-- bs5 border-left -> border-start -->
-                <div class="col-sm-auto border-white my-3 px-4 py-2 border-left">
+                <div class="col-sm-auto border-white my-3 px-4 py-2 border-start">
                     <p class="card-text">
                         <em>The one who knows all the answers has not been asked all the questions.</em>
                         – Confucius.

diff --git a/assets/js/projects.js b/assets/js/projects.js
@@ -61,7 +61,7 @@ $(document).ready(function(){
                     banner_link.append(banner)
 
                     let card_body = document.createElement("div")
-                    card_body.className = "card-body p-4 rounded-0"
+                    card_body.className = "card-body text-white p-4 rounded-0"
                     card.appendChild(card_body)
 
                     let card_title_link = document.createElement("a")

diff --git a/support.html b/support.html
@@ -1,14 +1,13 @@
 ---
 title: Support
 layout: page
-full-width: true
+full-width: false
 css:
   - /assets/css/hide-heading.css
 ---
 
 <section class="py-5" id="Docs">
-    <!-- bs5 no-gutters -> gx-5 -->
-    <div class="row no-gutters justify-content-center">
+    <div class="row gx-5 justify-content-center">
         <div class="col-lg-8 col-xl-6">
             <div class="text-center">
                 <h2 class="fw-bolder">Need support?</h2>
@@ -19,23 +18,21 @@ <h2 class="fw-bolder">Need support?</h2>
 
     <!-- Read the Docs -->
     <div class="container mb-5 shadow border-0 card-custom rounded-0">
-        <!-- bs5 no-gutters -> g-0 -->
-        <div class="d-table-row no-gutters">
+        <div class="d-table-row g-0">
             <div class="d-table-cell px-3 align-middle text-center">
                 <h1>
                     <i class="fa-fw fa-solid fa-file-lines"></i>
                 </h1>
             </div>
-            <!-- bs5 border-left -> border-start -->
-            <div class="col-sm-auto border-white my-3 px-3 py-2 border-left">
+            <div class="col-sm-auto border-white my-3 px-3 py-2 border-start">
                 <a class="text-decoration-none link-light stretched-link"
                         href="https://docs.lizardbyte.dev/en/latest/about/overview.html"
                         target="_blank">
                     <h4 class="card-title mb-3 fw-bolder crowdin-ignore">Read the Docs</h4>
                 </a>
                 <p class="card-text">
                     Select projects have the documentation hosted on Read the Docs.
-                    Look for the icon paper on the project cards at our home page.
+                    Look for the paper icon on the project cards at our home page.
                 </p>
                 <p class="card-text mx-3">
                     <small>
@@ -53,8 +50,7 @@ <h4 class="card-title mb-3 fw-bolder crowdin-ignore">Read the Docs</h4>
 </section>
 
 <section class="py-5" id="Channels">
-    <!-- bs5 no-gutters -> gx-5 -->
-    <div class="row no-gutters justify-content-center">
+    <div class="row gx-5 justify-content-center">
         <div class="col-lg-8 col-xl-6">
             <div class="text-center">
                 <h2 class="fw-bolder">Need more help?</h2>
@@ -65,15 +61,13 @@ <h2 class="fw-bolder">Need more help?</h2>
 
     <!-- Discord -->
     <div class="container mb-5 shadow border-0 card-custom rounded-0">
-        <!-- bs5 no-gutters -> g-0 -->
-        <div class="d-table-row no-gutters">
+        <div class="d-table-row g-0">
             <div class="d-table-cell px-3 align-middle text-center">
                 <h1>
                     <i class="fa-fw fab fa-discord"></i>
                 </h1>
             </div>
-            <!-- bs5 border-left -> border-start -->
-            <div class="col-sm-auto border-white my-3 px-3 py-2 border-left">
+            <div class="col-sm-auto border-white my-3 px-3 py-2 border-start">
                 <a class="text-decoration-none link-light stretched-link"
                         href="discord">
                     <h4 class="card-title mb-3 fw-bolder crowdin-ignore">Discord</h4>
@@ -98,15 +92,13 @@ <h4 class="card-title mb-3 fw-bolder crowdin-ignore">Discord</h4>
 
     <!-- GitHub -->
     <div class="container mb-5 shadow border-0 card-custom rounded-0">
-        <!-- bs5 no-gutters -> g-0 -->
-        <div class="d-table-row no-gutters">
+        <div class="d-table-row g-0">
             <div class="d-table-cell px-3 align-middle text-center">
                 <h1>
                     <i class="fa-fw fab fa-github"></i>
                 </h1>
             </div>
-            <!-- bs5 border-left -> border-start -->
-            <div class="col-sm-auto border-white my-3 px-3 py-2 border-left">
+            <div class="col-sm-auto border-white my-3 px-3 py-2 border-start">
                 <a class="text-decoration-none link-light stretched-link"
                         href="https://github.com/orgs/LizardByte/discussions">
                     <h4 class="card-title mb-3 fw-bolder crowdin-ignore">GitHub</h4>
@@ -130,15 +122,13 @@ <h4 class="card-title mb-3 fw-bolder crowdin-ignore">GitHub</h4>
 
     <!-- Reddit -->
     <div class="container mb-5 shadow border-0 card-custom rounded-0">
-        <!-- bs5 no-gutters -> g-0 -->
-        <div class="d-table-row no-gutters">
+        <div class="d-table-row g-0">
             <div class="d-table-cell px-3 align-middle text-center">
                 <h1>
                     <i class="fa-fw fab fa-reddit-alien"></i>
                 </h1>
             </div>
-            <!-- bs5 border-left -> border-start -->
-            <div class="col-sm-auto border-white my-3 px-3 py-2 border-left">
+            <div class="col-sm-auto border-white my-3 px-3 py-2 border-start">
                 <a class="text-decoration-none link-light stretched-link"
                         href="https://www.reddit.com/r/LizardByte" target="_blank">
                     <h4 class="card-title mb-3 fw-bolder crowdin-ignore">Reddit</h4>

diff --git a/third-party/beautiful-jekyll b/third-party/beautiful-jekyll
+2 −0		CHANGELOG.md
+1 −10		_includes/footer-scripts.html
+50 −48		_includes/nav.html
+1 −1		_includes/social-networks-links.html
+0 −6		_includes/staticman-comments.html
+4 −8		_layouts/base.html
+4 −8		_layouts/minimal.html
+15 −0		assets/css/beautifuljekyll-minimal.css
+13 −3		assets/css/beautifuljekyll.css
+61 −50		assets/js/beautifuljekyll.js
+24 −22		assets/js/staticman.js