add some more links and implement markdown

i added some more links to the social media profile section and i moved
the introduction paragraphs and the links to markdown files.
This commit is contained in:
Fries 2023-04-24 20:43:44 -07:00
parent 175af0dd27
commit b1f754c1b8
14 changed files with 59 additions and 30 deletions

View file

@ -0,0 +1,3 @@
<footer aria-label="my websites footer">
<a href="https://git.solarpunk.moe/fries/fries-website">Source Code</a>
</footer>

View file

@ -1,15 +1,10 @@
---
import { getEntryBySlug } from "astro:content";
const introduction = await getEntryBySlug("homepage", "introduction");
const { Content } = await introduction.render();
---
<section id="introduction" aria-label="introducing myself!">
<p>
hi, my name is fries :3, and my pronouns are fae/they/it! i am a cat
person :3.
</p>
<p>
i am interested in computers. i've always liked them and they're cool. i
like programming. right now, i like programming in rust, and i also
program in c# and other languages. and i also run linux.
</p>
<p>
i have autism, and adhd, and ocd. i can infodump to you if you want :3.
also focusing can be hard sometimes.
</p>
<Content />
</section>

View file

@ -1,10 +1,10 @@
<section id="links" aria-label="links to my social media profiles.">
<h2>my social media profiles</h2>
<a rel="me" href="https://solarpunk.moe/@fries">my fediverse profile</a>
</section>
---
import { getEntryBySlug } from "astro:content";
<style>
a {
font-size: 20px;
}
</style>
const links = await getEntryBySlug("homepage", "links")
const { Content } = await links.render();
---
<section id="links" aria-label="links to my social media profiles.">
<Content />
</section>

View file

@ -1,4 +1,4 @@
<nav id="nav-container">
<nav id="nav-container" aria-label="a navigation bar with links">
<a href="/">Home</a>
<a href="/blog">Blog</a>
<a href="/projects">Projects</a>

View file

@ -0,0 +1,3 @@
<main aria-label="this page is work in progress">
<h1>work in progress</h1>
</main>

7
src/content/config.ts Normal file
View file

@ -0,0 +1,7 @@
import { defineCollection } from "astro:content";
const homepageCollection = defineCollection({});
export const collections = {
'homepage': homepageCollection
}

View file

@ -0,0 +1,8 @@
hi, my name is fries :3, and my pronouns are fae/they/it! i am a cat person :3.
i am interested in computers. i've always liked them and they're cool.
i like programming. right now, i like programming in rust, and i also program in c# and other languages.
and i also run linux.
i have autism, and adhd, and ocd. i can infodump to you if you want :3.
also focusing can be hard sometimes.

View file

@ -0,0 +1,9 @@
## my social media profiles
<a rel="me" href="https://solarpunk.moe/@fries">my fediverse profile</a>
my matrix: [@fries:solarpunk.moe](https://matrix.to/#/@fries:solarpunk.moe)
[my solarpunk forgejo](https://git.solarpunk.moe/fries/)
[my forgejo](https://git.fries.gay/fries/)

1
src/env.d.ts vendored
View file

@ -1 +1,2 @@
/// <reference path="../.astro/types.d.ts" />
/// <reference types="astro/client" />

View file

@ -4,6 +4,7 @@ export interface Props {
}
const { title } = Astro.props;
import Footer from "../components/Footer.astro";
import Navigation from "../components/Navigation.astro";
import "../styles/global.css";
---
@ -19,5 +20,6 @@ import "../styles/global.css";
<body>
<Navigation />
<slot />
<Footer />
</body>
</html>

View file

@ -1,9 +1,8 @@
---
import WorkInProgress from "../components/WorkInProgress.astro";
import Layout from "../layouts/Layout.astro";
---
<Layout title="fries gay blog">
<main>
<h1>work in progress</h1>
</main>
<WorkInProgress />
</Layout>

View file

@ -6,7 +6,7 @@ import Links from "../components/Links.astro";
---
<Layout title="fries gay place">
<main>
<main aria-label="the main section of my home page">
<Header />
<Introduction />
<Links />

View file

@ -1,9 +1,8 @@
---
import WorkInProgress from "../components/WorkInProgress.astro";
import Layout from "../layouts/Layout.astro";
---
<Layout title="fries gay projects">
<main>
<h1>work in progress</h1>
</main>
<WorkInProgress />
</Layout>

View file

@ -11,6 +11,9 @@ section {
p {
font-size: 20px;
}
a {
font-size: 20px;
}
@media (prefers-color-scheme: light) {
body {