add and fix some stuff
This commit is contained in:
parent
e986ed27a8
commit
b5e55f4be2
BIN
assets/firacode.ttf
Normal file
BIN
assets/firacode.ttf
Normal file
Binary file not shown.
BIN
assets/jetbrains.ttf
Executable file
BIN
assets/jetbrains.ttf
Executable file
Binary file not shown.
60
index.scss
60
index.scss
|
@ -1,4 +1,7 @@
|
||||||
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&display=swap');
|
@font-face {
|
||||||
|
font-face: "JetBrains Mono";
|
||||||
|
src: url("jetbrains.ttf") format("truetype");
|
||||||
|
}
|
||||||
|
|
||||||
$bg-dark: #1e232b;
|
$bg-dark: #1e232b;
|
||||||
$bg: #222831;
|
$bg: #222831;
|
||||||
|
@ -26,10 +29,14 @@ $cyan-bright: #57e3e2;
|
||||||
body {
|
body {
|
||||||
font-size: 2em;
|
font-size: 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
padding: 2em 1em 4em !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
* {
|
* {
|
||||||
font-family: "Fira Code", monospace !important;
|
font-family: "JetBrains Mono", monospace !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
@ -39,16 +46,15 @@ body {
|
||||||
position: relative;
|
position: relative;
|
||||||
color: $fg;
|
color: $fg;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
::-webkit-scrollbar {
|
::-webkit-scrollbar {
|
||||||
width: 0;
|
width: 0;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
html {
|
html {
|
||||||
scrollbar-width: none;
|
scrollbar-width: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
a, a:link, a:visited {
|
a, a:link, a:visited {
|
||||||
|
@ -65,9 +71,7 @@ a:active {
|
||||||
}
|
}
|
||||||
|
|
||||||
main {
|
main {
|
||||||
// padding-left: calc(7.5em);
|
|
||||||
padding: 2em 1em 0em;
|
padding: 2em 1em 0em;
|
||||||
// width: calc(100% - 7.5em);
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
|
@ -80,7 +84,6 @@ main {
|
||||||
bottom: 0.5em;
|
bottom: 0.5em;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
// background-color: $bg-dark;
|
|
||||||
color: $fg-dark;
|
color: $fg-dark;
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
}
|
}
|
||||||
|
@ -102,42 +105,3 @@ h2 {
|
||||||
font-size: 1.25em;
|
font-size: 1.25em;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
// nav {
|
|
||||||
// width: 7.5em;
|
|
||||||
// height: 100%;
|
|
||||||
// padding: 10px 0px;
|
|
||||||
// background-color: $bg-dark;
|
|
||||||
// position: absolute;
|
|
||||||
|
|
||||||
// ul {
|
|
||||||
// display: flex;
|
|
||||||
// justify-content: center;
|
|
||||||
// align-items: center;
|
|
||||||
// flex-direction: column;
|
|
||||||
// gap: 4px;
|
|
||||||
|
|
||||||
// .header {
|
|
||||||
// width: 80%;
|
|
||||||
// text-align: center;
|
|
||||||
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
|
|
||||||
// footer {
|
|
||||||
// width: 100%;
|
|
||||||
// position: absolute;
|
|
||||||
// bottom: 0;
|
|
||||||
// transform: scale(-1, 1);
|
|
||||||
// display: flex;
|
|
||||||
// justify-content: center;
|
|
||||||
|
|
||||||
// div {
|
|
||||||
// font-family: "Source Code Pro";
|
|
||||||
// line-height: 1.3em;
|
|
||||||
// white-space: pre;
|
|
||||||
// position: relative;
|
|
||||||
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
|
|
Loading…
Reference in a new issue