Update changelog and rename sass vars

scss/main.scss

@@ -4,6 +4,8 @@
 
 $font-sans: "Inclusive Sans", sans-serif;
 $font-display: "Kurale", serif;
+$gap: 5px;
+$border-radius: 10px;
 
 body {
   background-color: var(--color-background);
@@ -38,7 +40,7 @@ hr {
   position: fixed;
   top: -100%;
   right: 0;
-  padding: 10px;
+  padding: $gap * 2;
   &:focus {
     top: 0;
   }
@@ -62,9 +64,9 @@ hr {
 .box {
   border: solid var(--color-normal) 2px;
   border-bottom-width: 5px;
-  border-radius: 5px;
+  border-radius: $border-radius;
   background-color: var(--color-paper);
-  padding: 10px;
+  padding: $gap*2;
   :first-child {
     margin-top: 0;
   }
@@ -74,8 +76,8 @@ hr {
   display: flex;
   flex-wrap: wrap;
   width: 100%;
-  margin: 5px 0;
-  gap: 5px;
+  margin: $gap 0;
+  gap: $gap;
   a {
     @extend .box;
     color: var(--color-accent);
@@ -101,19 +103,19 @@ hr {
 
 .page-footer {
   @extend .box;
-  margin: 5px 0;
+  margin: $gap 0;
 }
 
 .site-footer {
   @extend .box;
-  gap: 5px;
-  margin: 0 0 50px 0;
+  gap: $gap;
+  margin: 0 0 $gap*2 0;
 }
 
 .page-container {
   display: flex;
   flex-direction: column;
-  gap: 5px;
+  gap: $gap;
   main {
     @extend .box;
     width: 100%;
@@ -123,7 +125,7 @@ hr {
 .home-container {
   display: flex;
   flex-direction: column;
-  gap: 5px;
+  gap: $gap;
   .widget-updates,
   .widget-socials {
     @extend .box;

src/assets/css/main.css

@@ -120,7 +120,7 @@ hr {
 .home-container .widget-socials, .page-container main, .site-footer, .page-footer, .navbar a {
   border: solid var(--color-normal) 2px;
   border-bottom-width: 5px;
-  border-radius: 5px;
+  border-radius: 10px;
   background-color: var(--color-paper);
   padding: 10px;
 }
@@ -167,7 +167,7 @@ hr {
 
 .site-footer {
   gap: 5px;
-  margin: 0 0 50px 0;
+  margin: 0 0 10px 0;
 }
 
 .page-container {

src/assets/css/main.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../scss/_color.scss","../../../scss/_font.scss","../../../scss/main.scss","../../../scss/_media.scss"],"names":[],"mappings":"AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAkBA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;ACnCJ;EACI;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;ACdJ;EACE;EACA;EACA,aANU;;;AASZ;EACE;;AACA;EACE;;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;EAME,aArBa;EAsBb;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;;;AAIJ;EACE;EACA;;AC9CI;ED4CN;IAII;IACA;;;AC3CE;EDsCN;IAQI;;;AC3CE;EDmCN;IAWI;;;;AAIJ;AAAA;EACE;EACA;EACA;EACA;EACA;;AACA;AAAA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AACA;EAEE;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;;ACxFA;ED4EJ;IAeI;;;AC3FA;EDsEN;IAyBI;;;;AAIJ;EAEE;;;AAGF;EAEE;EACA;;;AAGF;EACE;EACA;EACA;;AACA;EAEE;;;AAIJ;EACE;EACA;EACA;;ACrHI;EDkHN;IASI;IACA;;EACA;IACE;;;;AAKN;EACE","file":"main.css"}
+{"version":3,"sourceRoot":"","sources":["../../../scss/_color.scss","../../../scss/_font.scss","../../../scss/main.scss","../../../scss/_media.scss"],"names":[],"mappings":"AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAkBA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;ACnCJ;EACI;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;ACZJ;EACE;EACA;EACA,aARU;;;AAWZ;EACE;;AACA;EACE;;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;EAME,aAvBa;EAwBb;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;;;AAIJ;EACE;EACA;;AChDI;ED8CN;IAII;IACA;;;AC7CE;EDwCN;IAQI;;;AC7CE;EDqCN;IAWI;;;;AAIJ;AAAA;EACE;EACA;EACA,eA3Dc;EA4Dd;EACA;;AACA;AAAA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA,KAzEI;;AA0EJ;EAEE;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;;AC1FA;ED8EJ;IAeI;;;AC7FA;EDwEN;IAyBI;;;;AAIJ;EAEE;;;AAGF;EAEE,KAxGI;EAyGJ;;;AAGF;EACE;EACA;EACA,KA/GI;;AAgHJ;EAEE;;;AAIJ;EACE;EACA;EACA,KAzHI;;ACEA;EDoHN;IASI;IACA;;EACA;IACE;;;;AAKN;EACE","file":"main.css"}

src/changelog.md

@@ -20,3 +20,6 @@ This is a list of changes to my website, organized by date.
 - Added a media query to move the navigation sidebar to the top on smaller screens, to the right on larger screens
 - Used fonts [Kurale](https://github.com/etunni/kurale) (display, headers), [Inclusive Sans](https://www.oliviaking.com/inclusivesans) (sans serif, body)
 - Rearranged top-level navigation
+- Did another style update, more rounded corners, redid colors to prepare for theme picker
+- Set homepage to a unique layout
+- Created 404 page