Compare commits

..

2 Commits

Author SHA1 Message Date
c39f1d38e9 feat: changed styling
All checks were successful
Gitea Actions Demo / Build (push) Successful in 1m34s
Gitea Actions Demo / Upload (push) Successful in 10s
2025-09-26 10:51:16 +02:00
c1ec367133 feat: added aria to bsky button 2025-09-26 10:50:38 +02:00
4 changed files with 9 additions and 23 deletions

View File

@@ -17,7 +17,7 @@
<nav> <nav>
<a href="/">Home</a> <a href="/">Home</a>
<a href="/about">About</a> <a href="/about">About</a>
<a href="https://bsky.app/profile/amyt3a.bsky.social" <a href="https://bsky.app/profile/amyt3a.bsky.social" aria-label="Link to my Bluesky account"
><svg fill="none" class="bsky" viewBox="0 0 64 57" ><svg fill="none" class="bsky" viewBox="0 0 64 57"
><path ><path
fill="var(--rp-moon-pine)" fill="var(--rp-moon-pine)"

View File

@@ -34,12 +34,9 @@
} }
.title { .title {
padding: 0 var(--d3) 0; padding: var(--d3);
#display: table; #margin: var(--d3) 0;
flex-wrap: row; flex-wrap: row;
#height: 5rem;
margin-bottom: -12px;
#white-space: nowrap;
} }
.title h1 { .title h1 {
@@ -74,8 +71,8 @@
.blog-text { .blog-text {
border-radius: var(--border-round); border-radius: var(--border-round);
background: var(--rp-moon-surface); #background: var(--rp-moon-surface);
box-shadow: 0px 0px 0.5rem 0px hsl(from var(--rp-moon-pine) h calc(s * 0.5) calc(l * 0.25)); #box-shadow: 0px 0px 0.5rem 0px hsl(from var(--rp-moon-pine) h calc(s * 0.5) calc(l * 0.25));
padding: var(--d2) var(--d3) var(--d4); padding: var(--d2) var(--d3) var(--d4);
} }
</style> </style>

View File

@@ -1,10 +0,0 @@
.blog-text{
border-radius: 0.5rem;
background: var(--rp-moon-surface);
box-shadow: 0px 0px 1rem 0px hsl(from var(--rp-moon-base) h s calc(l * 0.85));
margin: -1rem;
padding: 1rem;
}

View File

@@ -49,14 +49,14 @@ body {
} }
code { code {
background: var(--rp-moon-base); background: var(--rp-moon-surface) !important;
padding: 3px; padding: 3px;
border-radius: 0.5rem; border-radius: 0.5rem;
font-family: fira; font-family: fira;
} }
pre { pre {
background: var(--rp-moon-base); background: var(--rp-moon-surface) !important;
border-radius: 0.5rem; border-radius: 0.5rem;
} }
@@ -79,7 +79,7 @@ h1,h2,h3,h4,p:first-child {
nav { nav {
margin-top: 1rem; margin: var(--d3) 0 ;
padding: 0 var(--d3) 0; padding: 0 var(--d3) 0;
@@ -97,6 +97,7 @@ nav a{
margin: 1rem; margin: 1rem;
margin-left: 0rem; margin-left: 0rem;
padding-left: 0rem; padding-left: 0rem;
border-bottom: solid var(--rp-moon-foam);
color: var(--rp-moon-foam); color: var(--rp-moon-foam);
#text-decoration: underline; #text-decoration: underline;
&:visited { &:visited {
@@ -105,8 +106,6 @@ nav a{
} }
main { main {
#padding: 0 2rem 2rem;
margin-top: var(--d3);
width: 100%; width: 100%;
#box-shadow: 0px 0px 1rem 0px hsl(from var(--rp-moon-base) h s calc(l * 0.85)); #box-shadow: 0px 0px 1rem 0px hsl(from var(--rp-moon-base) h s calc(l * 0.85));
} }