Install Roboto Font

This commit is contained in:
Maciej Pędzich 2024-07-16 09:34:44 +02:00
parent 6c0d28f6aa
commit 33200758d7
Signed by: maciejpedzich
GPG Key ID: CE4A303D84882F0D
3 changed files with 16 additions and 30 deletions

View File

@ -13,6 +13,7 @@
"@astrojs/mdx": "^2.1.1", "@astrojs/mdx": "^2.1.1",
"@astrojs/rss": "^4.0.5", "@astrojs/rss": "^4.0.5",
"@astrojs/sitemap": "^3.0.5", "@astrojs/sitemap": "^3.0.5",
"@fontsource/roboto": "^5.0.13",
"astro": "^4.4.0" "astro": "^4.4.0"
} }
} }

View File

@ -1,6 +1,8 @@
--- ---
import PostList from '../components/PostList.astro'; import '@fontsource/roboto/400.css';
import { SITE_DESCRIPTION } from '../consts'; import { SITE_DESCRIPTION } from '../consts';
import PostList from '../components/PostList.astro';
import BaseLayout from '../layouts/BaseLayout.astro'; import BaseLayout from '../layouts/BaseLayout.astro';
--- ---
@ -8,38 +10,21 @@ import BaseLayout from '../layouts/BaseLayout.astro';
<section> <section>
<h2>Welcome to my website</h2> <h2>Welcome to my website</h2>
<p> <p>
My name is <strong>Maciej</strong>, but if you're not sure how to If you don't know how to pronounce my name, you can call me <strong
pronounce it, then you can call me <strong>Mac</strong>. I'm an >Mac</strong
eighteen-year-old frontend developer from <strong>Poland</strong>. >. During the day, I'm a Computer Science student at <a
Although I mainly use <strong>Vue</strong> and <strong>Nuxt</strong> for my href="https://pja.edu.pl/en">PJAIT in Warsaw</a
projects, I'm also familiar with <strong>Alpine</strong> and <strong >. After hours, I'm an aficionado of all things motorsport and house
>Astro</strong music.
>.
</p> </p>
</section> </section>
<section> <section>
<h3>My blog</h3> <h3>My blog</h3>
<p> <p>
It serves as a means of documenting the development process and inner Here I document the development of my personal projects and their inner
workings of <a href="/projects">my applications</a>. Check out the latest workings. Check out the latest posts below:
posts below:
</p>
<PostList limit={3} />
</section>
<section>
<h3>Like my work?</h3>
<p>
If so, make sure to follow me on <a
href="https://github.com/maciejpedzich"
target="_blank"
rel="noopener noreferrer">GitHub</a
>, <a
href="https://twitter.com/MaciejPedzich"
target="_blank"
rel="noopener noreferrer">Twitter</a
>, or <a rel="me" href="https://notacult.social/@macindahaus">Mastodon</a
>.
</p> </p>
<PostList limit={5} />
</section> </section>
</BaseLayout> </BaseLayout>

View File

@ -2,7 +2,7 @@
The CSS in this style tag is based off of Bear Blog's default CSS. The CSS in this style tag is based off of Bear Blog's default CSS.
https://github.com/HermanMartinus/bearblog/blob/297026a877bc2ab2b3bdfbd6b9f7961c350917dd/templates/styles/blog/default.css https://github.com/HermanMartinus/bearblog/blob/297026a877bc2ab2b3bdfbd6b9f7961c350917dd/templates/styles/blog/default.css
License MIT: https://github.com/HermanMartinus/bearblog/blob/master/LICENSE.md License MIT: https://github.com/HermanMartinus/bearblog/blob/master/LICENSE.md
*/ */
body { body {
margin: 0 auto; margin: 0 auto;
padding: 0; padding: 0;
@ -12,7 +12,7 @@ body {
height: 100vh; height: 100vh;
line-height: 1.8; line-height: 1.8;
font-size: 1rem; font-size: 1rem;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, 'Roboto', sans-serif;
background-color: #485870; background-color: #485870;
color: #fff; color: #fff;
text-align: left; text-align: left;
@ -121,7 +121,7 @@ article > time {
} }
h1.cmr2-text { h1.cmr2-text {
margin: 22px 0; margin: 1.375rem 0;
} }
.cmr2-text > span, .cmr2-text > span,