zyqunix/pages
1
0
Fork 0
mirror of https://github.com/zyqunix/tools.git synced 2025-07-06 22:31:05 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

add more langs

Browse source
This commit is contained in:
zyqunix 2025-04-22 14:46:05 +02:00
parent 54373409e8
commit 299add4b83
No known key found for this signature in database
GPG key ID: 134A8DEEA83B80E6
2 changed files with 63 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

40
style.css
View file

@ -8,6 +8,7 @@ img {
body {
color: #ffffff;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
@ -270,11 +271,10 @@ a[class^="software-item tooltip"]::after {
#skills-div:not(#skills-div > h2) {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-columns: repeat(2, 1fr);
gap: 15px;
justify-content: center;
margin-top: 20px;
width: 100%;
margin: 20px auto 0 auto;
width: calc(100% - 40px);
max-width: 600px;
}
@ -349,7 +349,7 @@ a[class^="software-item tooltip"]::after {
.skill-item > .image,
.software-item > .image {
margin-bottom: 10px;
filter: brightness(0.8);
filter: brightness(0.75);
}
.skill-item:hover > .image,
@ -433,7 +433,14 @@ a[class^="software-item tooltip"]::after {
@media (max-width: 768px) {
.language-item {
.cards {
width: 100% !important;
max-width: 80% !important;
padding: 15px;
margin: 15px;
}
.language-item {
margin: 10px;
}
@ -450,12 +457,18 @@ a[class^="software-item tooltip"]::after {
.language-item .percent {
font-size: 14px;
}
a > img {
height: 25px;
}
}
@media (max-width: 600px) {
.cards {
width: 90% !important;
width: 100% !important;
max-width: 80% !important;
padding: 15px;
margin: 15px;
}
.name {
@ -480,6 +493,10 @@ a[class^="software-item tooltip"]::after {
.software-item {
padding: 10px;
}
a > img {
height: 25px;
}
}
@media (max-width: 400px) {
@ -498,6 +515,7 @@ a[class^="software-item tooltip"]::after {
.cards {
width: 100% !important;
max-width: 80% !important;
padding: 10px;
}
@ -506,6 +524,14 @@ a[class^="software-item tooltip"]::after {
.software-item {
padding: 8px;
}
a > img {
transform: scale(0.75);
}
.software-name {
font-size: 10px;
}
}
div[class="stats cards"] {