Add code styling and improve loading size
- 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:
parent
f8cb32ba14
commit
77739d387f
|
@ -3,8 +3,9 @@
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<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 rel="preconnect" href="https://fonts.googleapis.com" />
|
||||||
<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.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>
|
<title>sofi web</title>
|
||||||
<style>
|
<style>
|
||||||
.__hidden {
|
.__hidden {
|
||||||
|
|
BIN
public/assets/background.jpg
Normal file
BIN
public/assets/background.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 409 KiB |
12
src/app.css
12
src/app.css
|
@ -7,7 +7,7 @@
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
color: rgba(255, 255, 255, 0.9);
|
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;
|
background-color: #221130;
|
||||||
|
|
||||||
font-synthesis: none;
|
font-synthesis: none;
|
||||||
|
@ -25,6 +25,16 @@ a {
|
||||||
color: #e74cac;
|
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;
|
font-family: Rubik, sans-serif;
|
||||||
}
|
}
|
||||||
|
|
Reference in a new issue