ChitoWarlock/soc_site-astro
1
0
Fork 0
mirror of https://github.com/jorgev259/soc_site-astro.git synced 2025-06-29 07:57:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Stability fixes

Browse source
This commit is contained in:
Jorge Vargas 2025-02-19 21:07:27 -06:00
parent 69eddc148a
commit 3534a19dd4
10 changed files with 2405 additions and 2497 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/components/AlbumBox.astro
View file

@ -22,7 +22,8 @@ const { title, href, image, loading = false } = props
<Image
src={`https://cdn.sittingonclouds.net${image}`}
alt={`${title} cover`}
inferSize
height={500}
width={500}
quality='low'
class='rounded-md scale-95 group-hover:scale-100 transition-transform'
/>

8
src/layouts/base.astro
View file

@ -6,7 +6,6 @@ import Header from 'components/Header.astro'
import Footer from 'components/Footer.astro'
import 'styles/global.css'
import 'styles/tailwind.css'
---
<html lang={languageTag()} dir={Astro.locals.paraglide.dir} class='h-full'>
@ -15,6 +14,13 @@ import 'styles/tailwind.css'
<meta property='og:type' content='website' />
<meta property='og:site_name' content='Sitting on Clouds' />
<link rel='preconnect' href='https://fonts.googleapis.com' />
<link rel='preconnect' href='https://fonts.gstatic.com' crossorigin />
<link
href='https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap'
rel='stylesheet'
/>
<meta name='theme-color' content='#ffffff' />
<meta property='og:url' content='/' />
<meta property='og:title' content='Sitting on Clouds — High Quality soundtrack library' />

3
src/pages/album/[id].astro
View file

@ -58,7 +58,8 @@ const { currentLocale } = Astro
alt={`${album.title} cover`}
class='rounded-md size-full object-contain absolute'
quality='mid'
inferSize
width={2560}
height={150}
/>
</div>
</div>

29
src/styles/global.css
View file

@ -1 +1,30 @@
@import 'tailwindcss' source('../../src/');
@theme {
--breakpoint-*: initial;
--breakpoint-md: 880px;
--color-dark: #212529;
--color-dark-hover: #2b3035;
--color-gold: #ffdb37;
--color-btn-gray: rgb(108, 117, 125);
--color-btn-disabled: rgba(108, 117, 125, 0.65);
--color-gray: #3f3f3f;
--color-gray-hover: #4f4f4f;
--color-soc-green: #4b7667;
--color-soc-green-dark: rgba(17, 17, 17, 0.7);
--color-link: rgb(110, 168, 254);
--color-hover-link: #00d4ff;
}
@layer base {
* {
color: white;
font-family: 'Rubik', Sans-serif;
}
hr {
margin-top: 1rem;
margin-bottom: 1rem;
}
}

45
src/styles/tailwind.css
View file

@ -1,45 +0,0 @@
@import 'tailwindcss';
@theme {
--breakpoint-*: initial;
--breakpoint-md: 880px;
--color-dark: #212529;
--color-dark-hover: #2b3035;
--color-gold: #ffdb37;
--color-btn-gray: rgb(108, 117, 125);
--color-btn-disabled: rgba(108, 117, 125, 0.65);
--color-gray: #3f3f3f;
--color-gray-hover: #4f4f4f;
--color-soc-green: #4b7667;
--color-soc-green-dark: rgba(17, 17, 17, 0.7);
--color-link: rgb(110, 168, 254);
--color-hover-link: #00d4ff;
}
/*
The default border color has changed to `currentColor` in Tailwind CSS v4,
so we've added these compatibility styles to make sure everything still
looks the same as it did with Tailwind CSS v3.
If we ever want to remove these styles, we need to add an explicit border
color utility to any element that depends on these defaults.
*/
@layer base {
*,
::after,
::before,
::backdrop,
::file-selector-button {
border-color: var(--color-gray-200, currentColor);
}
* {
color: white;
font-family: 'Rubik', Sans-serif;
}
hr {
margin-top: 1rem;
margin-bottom: 1rem;
}
}