mascully/mascully_website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

✨♻️💄 app, frontend, README: Update content, theme handling, and styles

Browse source 
- Added `Codeberg` link to contact page in `contact.rs`
- Removed `Auto` theme option and set `Dark` as default in `theme_switcher`
- Updated biography text and link formatting in `HomePage` component
- Simplified theme CSS structure and adjusted color variables in `styles.css`
- Removed outdated SHA256 warning and added `Cargo.toml` note in `README.md`
This commit is contained in:
Markus Scully 2025-07-29 18:18:41 +03:00
parent bab8fe827a
commit 09243a8351
Signed by: mascully
GPG key ID: 93CA5814B698101C
5 changed files with 48 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

57
crates/frontend/assets/css/styles.css
View file

@ -23,14 +23,21 @@
}
:root {
--body-bg: oklch(15% 0.02 240); /* darker background */
--main-bg: oklch(20% 0 0 / 0.7); /* more transparency */
--navbar-opacity: 0.5;
--navbar-opacity-hover: 1;
--transition-time: 0.3s;
}
:root,
:root.dark {
--body-bg: oklch(0.26 0.006 286);
--main-bg: oklch(0.26 0.006 286);
--text-color: oklch(80% 0 0);
--link-color: oklch(70% 0.15 240); /* lighter blue for links */
--link-hover-color: oklch(80% 0.15 240); /* blue */
--border-color: oklch(40% 0 0);
--link-color: oklch(70% 0.15 240);
--link-hover-color: oklch(80% 0.15 240);
--border-color: oklch(25% 0 0);
--post-description-color: oklch(60% 0 0);
--header-bg: oklch(15% 0.02 240); /* same as body background */
--header-bg: oklch(0.24 0.008 285);
--input-bg: oklch(25% 0 0);
--button-bg: oklch(30% 0 0);
--button-hover-bg: oklch(35% 0 0);
@ -39,22 +46,19 @@
}
:root.light {
--navbar-opacity: 0.5;
--navbar-opacity-hover: 1;
--transition-time: 0.3s;
--body-bg: oklch(98% 0 0); /* white */
--main-bg: oklch(100% 0 0 / 0.85); /* white with transparency */
--text-color: oklch(0% 0 0); /* black */
--link-color: oklch(50% 0.15 240); /* blue for links */
--link-hover-color: oklch(60% 0.15 240); /* blue */
--border-color: oklch(90% 0 0);
--body-bg: oklch(98% 0 0);
--main-bg: oklch(100% 0 0 / 0.85);
--text-color: oklch(0% 0 0);
--link-color: oklch(50% 0.15 240);
--link-hover-color: oklch(60% 0.15 240);
--border-color: oklch(80% 0 0);
--post-description-color: oklch(60% 0 0);
--header-bg: oklch(98% 0 0); /* same as body background */
--header-bg: oklch(98% 0 0);
--input-bg: oklch(95% 0 0);
--button-bg: oklch(90% 0 0);
--button-hover-bg: oklch(85% 0 0);
--bg-tile: url("/tile_1_light.png");
--bg-color: oklch(100% 0 0); /* white background */
--bg-color: oklch(100% 0 0);
}
* {
@ -65,7 +69,6 @@
body {
background-color: var(--body-bg);
background-image: var(--bg-tile);
background-repeat: repeat;
color: var(--text-color);
display: grid;
@ -151,10 +154,17 @@ a:hover {
main {
position: relative;
z-index: 0;
background-color: var(--main-bg);
/*background-color: var(--main-bg);*/
backdrop-filter: blur(10px);
border: 1px solid var(--border-color);
padding: 2rem;
/*border: 1px solid var(--border-color);*/
padding: 0rem 2rem;
}
main {
& > h1,
& > h2 {
padding-bottom: 2rem;
}
}
h1,
@ -241,7 +251,6 @@ h6 {
padding-bottom: 0.5rem;
}
/* Header styling */
.site-header {
position: relative;
z-index: 1;
@ -251,7 +260,7 @@ h6 {
padding: 1rem 2rem;
background-color: var(--header-bg);
backdrop-filter: blur(10px);
border-bottom: 1px solid var(--border-color);
border-bottom: 0.1rem solid var(--border-color);
width: 100%;
}
@ -268,7 +277,7 @@ h6 {
.terminal-input::placeholder {
color: var(--post-description-color);
}
}
.theme-switcher {
position: relative;