gil/gil.ink
1
0
Fork 0
Code Issues Pull requests Releases Activity

Update changelog and rename sass vars

Browse source
This commit is contained in:
Gil 2025-04-30 02:09:14 -05:00
parent 751ca64329
commit 4e64bb489d
4 changed files with 18 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
scss/main.scss
View file

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

4
src/assets/css/main.css
View file

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

2
src/assets/css/main.css.map
View file

@ -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"}

3
src/changelog.md
View file

@ -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 - 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) - Used fonts [Kurale](https://github.com/etunni/kurale) (display, headers), [Inclusive Sans](https://www.oliviaking.com/inclusivesans) (sans serif, body)
- Rearranged top-level navigation - 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