add programming language graph

This commit is contained in:
hazycora 2023-08-02 21:00:54 -05:00
parent d745f1027c
commit 27d06c73a9
No known key found for this signature in database
GPG key ID: 215AF1F81F86940E
4 changed files with 608 additions and 11 deletions

View file

@ -1,31 +1,41 @@
* {
box-sizing: border-box;
}
p {
margin: 0px;
margin-block: 0px;
}
.wrapper {
background-color: #1b171f;
display: flex;
align-items: center;
flex-direction: column;
width: 1200px;
height: 600px;
}
.main {
color: #ffffff;
display: flex;
flex-direction: column;
gap: 1rem;
justify-content: center;
align-items: center;
background-color: #1b171f;
width: 1200px;
width: 1050px;
height: 600px;
}
.has-languages .main {
height: 576px;
}
.contents {
display: flex;
width: 100%;
}
.info {
display: flex;
flex-direction: column;
justify-content: center;
width: 800px;
width: 80%;
gap: 10px;
}
@ -42,7 +52,7 @@ p {
height: 120px;
}
.author {
.repo .author {
display: flex;
align-items: center;
gap: 0.75rem;
@ -50,7 +60,7 @@ p {
color: #bdb0cc;
}
.author .username {
.repo .author .username {
font-size: 1.75rem;
color: #776d83;
}
@ -60,3 +70,13 @@ p {
font-size: 4.5rem;
line-height: 1.2em;
}
.languages {
width: 100%;
display: flex;
height: 24px;
}
.language {
height: 100%;
}