Layout Changes

.github/CHANGELOG.md

@@ -5,11 +5,17 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.1.7] - 2024-07-18
+
+### Added
+
+- Layout Changes.
+
 ## [1.1.6] - 2024-07-17
 
 ### Added
 
-- Town Bulletin Board Section.
+- Village Bulletin Board Section.
 
 ## [1.1.5] - 2024-07-12
 

src/components/layout.css

@@ -52,8 +52,8 @@ a {
 hr {
   border: none; /* Remove the default border */
   border-top: 2px solid #2d449b; /* Set the top border color and thickness */
-  width: 75%; /* Set the desired width */
-  margin: 20px auto; /* Center the <hr> element */
+  width: 67%; /* Set the desired width */
+  margin-bottom: 20px auto; /* Center the <hr> element */
 }
 
 .bulletin-board-container {
@@ -82,7 +82,7 @@ hr {
   position: absolute;
   top: 0px; /* Adjust as needed */
   left: 4px; /* Adjust as needed */
-  transform: rotate(-45deg); /* Adjust the rotation if needed */
+  transform: rotate(45deg); /* Adjust the rotation if needed */
 }
 
 .bulletin-board ul {
@@ -564,6 +564,10 @@ button:focus {
     font-style: italic;
   }
 
+  hr {
+    width: 96%; /* Set the desired width */
+  }
+
   .platform-grid {
     grid-template-columns: 1fr; /* Single column layout */
     gap: 10px;

src/pages/home.js

@@ -12,7 +12,7 @@ export default function Home() {
         <div className="bulletin-board">
           <h3>
             <i class="fa-solid fa-thumbtack thumbtack-icon"></i>
-            Town Bulletin Board
+            Village Bulletin Board
           </h3>
           <ul>
             <p>07/12/2024</p>
@@ -30,6 +30,7 @@ export default function Home() {
         </div>
       </div>
 
+      <h2 className="platform-wrapper">About</h2>
       <p>
         Dark Castle is a vibrantly elegant dark theme available for multiple
         platforms. Inspired by the timeless beauty and mystery of medieval
@@ -269,6 +270,10 @@ export default function Home() {
         </a>
         {/* Add more platform cards as needed */}
       </div>
+      <div>
+        <ColorPalette />
+      </div>
+      <h2 className="platform-wrapper">Contributing</h2>
       <p>
         If your favorite platform isn't listed here, we invite you to join in
         our theme conquest by{" "}
@@ -284,9 +289,6 @@ export default function Home() {
         range of platforms still to be covered. Your contributions are
         invaluable in helping us expand and improve this theme for everyone!
       </p>
-      <div>
-        <ColorPalette />
-      </div>
     </Layout>
   )
 }