Skip to content

Commit

Permalink
Change markdown
Browse files Browse the repository at this point in the history
  • Loading branch information
Gab committed Dec 21, 2023
1 parent 14dad23 commit 2dbd9cc
Show file tree
Hide file tree
Showing 4 changed files with 100 additions and 99 deletions.
2 changes: 1 addition & 1 deletion src/content/work/Musicetsons.md
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,7 @@ I spearheaded a comprehensive project focused on redefining the company's digita
```bash
git clone [email protected]:gabriellbbrr/Music-sons.git
```
2. Open the folder in a IDE or download the builded version in realase faction.
2. Open the folder in a IDE

3. Run the site and enjoy.

Expand Down
2 changes: 2 additions & 0 deletions src/content/work/Rogue-like 2D JAVA.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,8 @@ tags:
- Design
- Dev
- Project
- Game
- Java
---

# Rogue-like LibGDX
Expand Down
4 changes: 1 addition & 3 deletions src/content/work/Travel site.md
Original file line number Diff line number Diff line change
Expand Up @@ -46,9 +46,7 @@ I approached this task with enthusiasm, putting into practice the knowledge gain
```bash
git clone [email protected]:gabriellbbrr/Travel_Site.git
```
2. Open the folder in a IDE or download the builded version in realase faction.

3. Run the game and enjoy.
2. Open the folder in a IDE.

### The link to the [Github repository](https://github.com/gabriellbbrr/Travel_Site)

Expand Down
191 changes: 96 additions & 95 deletions src/layouts/BaseLayout.astro
Original file line number Diff line number Diff line change
Expand Up @@ -3,116 +3,117 @@
// https://docs.astro.build/en/core-concepts/layouts/
// Component Imports
import MainHead from '../components/MainHead.astro';
import Nav from '../components/Nav.astro';
import Footer from '../components/Footer.astro';
import MainHead from "../components/MainHead.astro";
import Nav from "../components/Nav.astro";
import Footer from "../components/Footer.astro";
interface Props {
title?: string | undefined;
description?: string | undefined;
title?: string | undefined;
description?: string | undefined;
}
const { title, description } = Astro.props;
---

<html lang="en">
<head>
<MainHead title={title} description={description} />
</head>
<body>
<div class="stack backgrounds">
<Nav />
<slot />
<Footer />
</div>
<head>
<MainHead title={title} description={description} />
</head>
<body>
<div class="stack backgrounds">
<Nav />
<slot />
<Footer />
</div>

<script>
// Add “loaded” class once the document has completely loaded.
addEventListener('load', () => document.documentElement.classList.add('loaded'));
</script>
<script>
// Add “loaded” class once the document has completely loaded.
addEventListener("load", () =>
document.documentElement.classList.add("loaded")
);
</script>

<style>
:root {
--_placeholder-bg: linear-gradient(transparent, transparent);
--bg-image-main: url('/assets/backgrounds/bg-main-light-800w.jpg');
--bg-image-main-curves: url('/assets/backgrounds/bg-main-light.svg');
--bg-image-subtle-1: var(--_placeholder-bg);
--bg-image-subtle-2: var(--_placeholder-bg);
--bg-image-footer: var(--_placeholder-bg);
--bg-svg-blend-mode: overlay;
--bg-blend-mode: darken;
--bg-image-aspect-ratio: 2.25;
--bg-scale: 1.68;
--bg-aspect-ratio: calc(var(--bg-image-aspect-ratio) / var(--bg-scale));
--bg-gradient-size: calc(var(--bg-scale) * 100%);
}
<style>
:root {
--_placeholder-bg: linear-gradient(transparent, transparent);
--bg-image-main: url("/assets/backgrounds/bg-main-light-800w.jpg");
--bg-image-main-curves: url("/assets/backgrounds/bg-main-light.svg");
--bg-image-subtle-1: var(--_placeholder-bg);
--bg-image-subtle-2: var(--_placeholder-bg);
--bg-image-footer: var(--_placeholder-bg);
--bg-svg-blend-mode: overlay;
--bg-blend-mode: darken;
--bg-image-aspect-ratio: 2.25;
--bg-scale: 1.68;
--bg-aspect-ratio: calc(var(--bg-image-aspect-ratio) / var(--bg-scale));
--bg-gradient-size: calc(var(--bg-scale) * 100%);
}

:root.theme-dark {
--bg-image-main: url('/assets/backgrounds/bg-main-dark-800w.jpg');
--bg-image-main-curves: url('/assets/backgrounds/bg-main-dark.svg');
--bg-svg-blend-mode: darken;
--bg-blend-mode: lighten;
}
:root.theme-dark {
--bg-image-main: url("/assets/backgrounds/bg-main-dark-800w.jpg");
--bg-image-main-curves: url("/assets/backgrounds/bg-main-dark.svg");
--bg-svg-blend-mode: darken;
--bg-blend-mode: lighten;
}

/* These backgrounds are displayed below the fold, so we lazy load them
/* These backgrounds are displayed below the fold, so we lazy load them
once the `.loaded` class has been set. */
:root.loaded {
--bg-image-subtle-1: url('/assets/backgrounds/bg-subtle-1-light-800w.jpg');
--bg-image-subtle-2: url('/assets/backgrounds/bg-subtle-2-light-800w.jpg');
--bg-image-footer: url('/assets/backgrounds/bg-footer-light-800w.jpg');
}
:root.loaded.theme-dark {
--bg-image-subtle-1: url('/assets/backgrounds/bg-subtle-1-dark-800w.jpg');
--bg-image-subtle-2: url('/assets/backgrounds/bg-subtle-2-dark-800w.jpg');
--bg-image-footer: url('/assets/backgrounds/bg-footer-dark-800w.jpg');
}
:root.loaded {
--bg-image-subtle-1: url("/assets/backgrounds/bg-subtle-1-light-800w.jpg");
--bg-image-subtle-2: url("/assets/backgrounds/bg-subtle-2-light-800w.jpg");
--bg-image-footer: url("/assets/backgrounds/bg-footer-light-800w.jpg");
}
:root.loaded.theme-dark {
--bg-image-subtle-1: url("/assets/backgrounds/bg-subtle-1-dark-800w.jpg");
--bg-image-subtle-2: url("/assets/backgrounds/bg-subtle-2-dark-800w.jpg");
--bg-image-footer: url("/assets/backgrounds/bg-footer-dark-800w.jpg");
}

@media (min-width: 50em) {
:root {
--bg-scale: 1;
--bg-image-main: url('/assets/backgrounds/bg-main-light-1440w.jpg');
}
:root.theme-dark {
--bg-image-main: url('/assets/backgrounds/bg-main-dark-1440w.jpg');
}
@media (min-width: 50em) {
:root.theme-dark {
--bg-image-main: url("/assets/backgrounds/bg-main-dark-1440w.jpg");
}

:root.loaded {
--bg-image-subtle-1: url('/assets/backgrounds/bg-subtle-1-light-1440w.jpg');
--bg-image-subtle-2: url('/assets/backgrounds/bg-subtle-2-light-1440w.jpg');
--bg-image-footer: url('/assets/backgrounds/bg-footer-light-1440w.jpg');
}
:root.loaded.theme-dark {
--bg-image-subtle-1: url('/assets/backgrounds/bg-subtle-1-dark-1440w.jpg');
--bg-image-subtle-2: url('/assets/backgrounds/bg-subtle-2-dark-1440w.jpg');
--bg-image-footer: url('/assets/backgrounds/bg-footer-dark-1440w.jpg');
}
}
:root.loaded {
--bg-image-subtle-1: url("/assets/backgrounds/bg-subtle-1-light-1440w.jpg");
--bg-image-subtle-2: url("/assets/backgrounds/bg-subtle-2-light-1440w.jpg");
--bg-image-footer: url("/assets/backgrounds/bg-footer-light-1440w.jpg");
}
:root.loaded.theme-dark {
--bg-image-subtle-1: url("/assets/backgrounds/bg-subtle-1-dark-1440w.jpg");
--bg-image-subtle-2: url("/assets/backgrounds/bg-subtle-2-dark-1440w.jpg");
--bg-image-footer: url("/assets/backgrounds/bg-footer-dark-1440w.jpg");
}
}

.backgrounds {
min-height: 100%;
isolation: isolate;
background:
.backgrounds {
min-height: 100%;
isolation: isolate;
background:
/*noise*/
url('/assets/backgrounds/noise.png') top center/220px repeat,
/*footer*/ var(--bg-image-footer) bottom center/var(--bg-gradient-size) no-repeat,
/*header1*/ var(--bg-image-main-curves) top center/var(--bg-gradient-size) no-repeat,
/*header2*/ var(--bg-image-main) top center/var(--bg-gradient-size) no-repeat,
/*base*/ var(--gray-999);
background-blend-mode: /*noise*/
overlay,
/*footer*/ var(--bg-blend-mode),
/*header1*/ var(--bg-svg-blend-mode),
/*header2*/ normal,
/*base*/ normal;
}
@media (forced-colors: active) {
/* Deactivate custom backgrounds for high contrast users. */
.backgrounds {
background: none;
background-blend-mode: none;
--bg-gradient-size: none;
}
}
</style>
</body>
url("/assets/backgrounds/noise.png") top center/220px repeat,
/*footer*/ var(--bg-image-footer) bottom
center/var(--bg-gradient-size) no-repeat,
/*header1*/ var(--bg-image-main-curves) top
center/var(--bg-gradient-size) no-repeat,
/*header2*/ var(--bg-image-main) top center/var(--bg-gradient-size)
no-repeat,
/*base*/ var(--gray-999);
background-blend-mode: /*noise*/
overlay,
/*footer*/ var(--bg-blend-mode),
/*header1*/ var(--bg-svg-blend-mode),
/*header2*/ normal,
/*base*/ normal;
}
@media (forced-colors: active) {
/* Deactivate custom backgrounds for high contrast users. */
.backgrounds {
background: none;
background-blend-mode: none;
--bg-gradient-size: none;
}
}
</style>
</body>
</html>

0 comments on commit 2dbd9cc

Please sign in to comment.