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

30
skills.json
View file

@ -23,6 +23,36 @@
"url": "https://discord.js.org/", "url": "https://discord.js.org/",
"tooltip": "Used in my selfbot", "tooltip": "Used in my selfbot",
"img": "https://avatars.githubusercontent.com/u/26492485?s=200&v=4" "img": "https://avatars.githubusercontent.com/u/26492485?s=200&v=4"
},
{
"name": "C",
"url": "https://wikiless.funami.tech/wiki/C_(programming_language)",
"tooltip": "Made little software",
"img": "https://upload.wikimedia.org/wikipedia/commons/1/18/C_Programming_Language.svg"
},
{
"name": "C++",
"url": "https://wikiless.funami.tech/wiki/C%252B%252B",
"tooltip": "Made cheats for CS2",
"img": "https://wikiless.funami.tech/media/wikipedia/commons/1/18/ISO_C%2B%2B_Logo.svg"
},
{
"name": "C#",
"url": "https://wikiless.funami.tech/wiki/C_Sharp_(programming_language)",
"tooltip": "Made a lot of malware",
"img": "https://wikiless.funami.tech/media/wikipedia/commons/b/bd/Logo_C_sharp.svg"
},
{
"name": "Java",
"url": "https://wikiless.funami.tech/wiki/Java_(programming_language)",
"tooltip": "Made a Minecraft mod and an Android app",
"img": "https://wikiless.funami.tech/media/wikipedia/en/3/30/Java_programming_language_logo.svg"
},
{
"name": "Kotlin",
"url": "https://wikiless.funami.tech/wiki/Kotlin_(programming_language)",
"tooltip": "Made Android apps",
"img": "https://upload.wikimedia.org/wikipedia/commons/3/37/Kotlin_Icon_2021.svg"
} }
] ]
} }

40
style.css
View file

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