fernando
/
thp-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Replace all non code fonts with Atkinson Hyperlegible

master
Araozu 2024-08-06 16:26:09 -05:00
parent 5cfb0e525b
commit 8b3f4a88c1
6 changed files with 21 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
public/css/global.css
View File

@ -19,6 +19,10 @@
:root {
--c-thp: #f472b6;
--font-display: 'Atkinson Hyperlegible', sans-serif;
--font-body: 'Atkinson Hyperlegible', sans-serif;
--font-code: "Iosevka Fixed Web", "Iosevka Nerd Font", Iosevka, monospace;
}
:root {
@ -64,7 +68,7 @@ html {
}
body {
font-family: Inter, 'Fira Sans', Inter, sans-serif;
font-family: var(--font-body);
}
@media only screen and (max-width: 600px) {
@ -75,7 +79,7 @@ body {
pre,
code {
font-family: "Iosevka Fixed Web", "Iosevka Nerd Font", Iosevka, monospace;
font-family: var(--font-code);
}
.button-effect-receiver {

6
public/css/pages.css
View File

@ -4,7 +4,7 @@
line-height: 2.5rem;
margin-bottom: 1rem;
margin-top: 2rem;
font-family: Outfit, Inter, sans-serif;
font-family: var(--font-display);
opacity: 0.9;
font-weight: 700;
color: var(--c-text-2);
@ -16,7 +16,7 @@
line-height: 2rem;
margin-bottom: 1rem;
margin-top: 2.5rem;
font-family: Outfit, Inter, sans-serif;
font-family: var(--font-display);
opacity: 0.9;
font-weight: 600;
color: var(--c-text-2);
@ -36,7 +36,7 @@
line-height: 1.75rem;
margin-bottom: 1rem;
margin-top: 1.75rem;
font-family: Outfit, Inter, sans-serif;
font-family: var(--font-display);
opacity: 0.9;
font-weight: 400;
color: var(--c-text-2);

2
src/layouts/BaseLayout.astro
View File

@ -24,7 +24,7 @@ const { title } = Astro.props;
<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=Inter:wght@100..900&family=Outfit:wght@100..900&display=swap"
href="https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&display=swap"
rel="stylesheet"
/>
</head>

2
src/layouts/PagesLayout.astro
View File

@ -77,7 +77,7 @@ for (const entry of pagesIndex) {
<BaseLayout title={frontmatter.title}>
<Navbar />
<div class="lg:grid lg:grid-cols-[14rem_auto_12rem] lg:container mx-auto">
<div class="lg:grid lg:grid-cols-[14rem_auto_12rem] lg:container mx-auto font-display">
<div
id="sidebar"
class="pt-12 h-screen lg:sticky top-0 fixed z-10 bg-c-bg w-60 lg:w-auto border-r-2 lg:border-0

7
src/pages/learn/basics/variables.mdx
View File

@ -48,6 +48,13 @@ Int year_of_birth = 1984
This means that if a variable only has a datatype, it is immutable.
It is a compile error to declare a variable of a datatype,
but use another.
<Code thpcode={`
// Declare the variable as a String, but use a Float as its value
String capital = 123.456
`} />
## Mutable variables

6
tailwind.config.mjs
View File

@ -20,9 +20,9 @@ export default {
}
},
fontFamily: {
"mono": ["'Iosevka Fixed Web'", "Iosevka", "'Iosevka Nerd Font'", "monospace"],
"display": ["Outfit", "Inter", "sans-serif"],
"body": ["Inter", "sans-serif"],
"mono": "var(--font-code)",
"display": "var(--font-display)",
"body": "var(--font-body)",
},
},
corePlugins: {