ami/start
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update styles

Browse Source
This commit is contained in:
ami_sc 2024-08-11 15:20:02 -04:00
parent d5415a2019
commit 0b90aaf296
3 changed files with 20 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
assets/css/styles.css
View File

@ -6,8 +6,8 @@
}
@font-face {
font-family: "Fira Code Bold";
src: url(../fonts/FiraCode-Bold.ttf);
font-family: "Fira Code SemiBold";
src: url(../fonts/FiraCode-SemiBold.ttf);
}
/*** Page Contents ***/
@ -18,16 +18,19 @@ html {
height: 100%;
align-items: center;
justify-content: center;
background-color: #1B1B1B;
background-color: #000000;
}
/* Main Grid */
body {
margin: 5rem 10rem 5rem 10rem;
display: grid;
grid-template-columns: repeat(4, [col-start] 1fr);
grid-template-columns: repeat(12, [col-start] 1fr);
grid-template-rows: 0.2fr 1fr 1fr;
gap: 2rem;
padding: 2rem;
border-radius: 0.8rem;
background-color: #0F0F0F;
}
/* Page Header */
@ -35,7 +38,7 @@ header {
display: flex;
align-items: center;
justify-content: center;
grid-column: span 4;
grid-column: span 12;
padding: 1.2rem;
background-image: linear-gradient(145deg, #3494E6, #EC6EAD);
@ -43,30 +46,33 @@ header {
}
header h1 {
font-family: "Fira Code Bold";
font-family: "Fira Code SemiBold";
color: #FFFFFF;
margin: 0;
}
/* Link Box */
.link_box {
grid-column: span 3;
display: grid;
grid-template-columns: repeat(2, [col-start] 1fr);
grid-template-columns: repeat(4, [col-start] 1fr);
grid-template-rows: 0.5fr 1fr 1fr;
gap: 1rem;
max-height: fit-content;
}
.link_box h2 {
grid-column: span 4;
display: flex;
margin: 0;
padding: 1rem;
background-color: #313131;
align-items: center;
justify-content: center;
grid-column: span 2;
font-family: "Fira Code Bold";
font-family: "Fira Code SemiBold";
font-size: 1.25rem;
color: #FFFFFF;
@ -78,6 +84,8 @@ header h1 {
/* Link */
a {
grid-column: span 2;
display: flex;
flex-direction: column;
align-items: center;
@ -98,7 +106,7 @@ a {
}
a:hover {
font-family: "Fira Code Bold";
font-family: "Fira Code SemiBold";
background:
linear-gradient(#505050 0 0) padding-box,
linear-gradient(to right, #12c2e9, #c471ed,#f64f59) border-box;
@ -106,7 +114,7 @@ a:hover {
}
a:active {
font-family: "Fira Code Bold";
font-family: "Fira Code SemiBold";
background:
linear-gradient(#777777 0 0) padding-box,
linear-gradient(to right, #12c2e9, #c471ed,#f64f59) border-box;

BIN
assets/fonts/FiraCode-Bold.ttf
View File

Binary file not shown.

BIN
assets/fonts/FiraCode-SemiBold.ttf Normal file
View File

Binary file not shown.