diff --git a/skills.json b/skills.json index 9374954..4d8e957 100644 --- a/skills.json +++ b/skills.json @@ -23,6 +23,36 @@ "url": "https://discord.js.org/", "tooltip": "Used in my selfbot", "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" } ] } diff --git a/style.css b/style.css index 2a030c1..33c6f07 100644 --- a/style.css +++ b/style.css @@ -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"] {