sofia/website
Archived
1
0
Fork 0
Code Issues 3 Pull requests Projects Releases Packages Wiki Activity

Add code styling and improve loading size

Browse source 
- Added Jetbrains Mono font
- Added styling for `code` and `hr` tags
- Added `background.jpg` which is 409KB instead of the old `background.png`'s 4MB
This commit is contained in:
Sofía Aritz 2023-01-06 23:44:39 +01:00
parent f8cb32ba14
commit 77739d387f
3 changed files with 14 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
index.html
View file

@ -3,8 +3,9 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<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,400;0,500;0,600;1,400;1,500;1,600&display=swap" rel="stylesheet">
<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=JetBrains+Mono:ital,wght@0,300;1,300&family=Rubik:ital,wght@0,400;0,500;1,400;1,500&display=swap" rel="stylesheet" />
<title>sofi web</title>
<style>
.__hidden {

BIN
public/assets/background.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 409 KiB

12
src/app.css
View file

@ -7,7 +7,7 @@
min-height: 100%;
color: rgba(255, 255, 255, 0.9);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.25)), url("/assets/background.png");
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.25)), url("/assets/background.jpg");
background-color: #221130;
font-synthesis: none;
@ -25,6 +25,16 @@ a {
color: #e74cac;
}
code {
font-family: "JetBrains Mono", monospace;
padding: 2px 3px;
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}
hr {
color: #bebebe;
}
* {
font-family: Rubik, sans-serif;
}