alyx
/
11tw.ink
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added pokatan & changed css colour codes #12

Merged
alyx merged 1 commits from add/pokatan into main 2026-04-18 22:15:53 +02:00
Conversation 0 Commits 1 Files Changed 2 +96 -71
2 changed files with 96 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

153
assets/css/sites.css
View File

@ -5,6 +5,12 @@ Just change the CSS classes in the index.html which are used for links, e.g. lik
The brands are based on the list of ForkAwesome.
List is not yet complete.
*/
:root {
--darktext: #222222;
--lighttext: #f2f5f4;
}
.fivehundredpx {
background-color: ;
color: ;
@ -12,7 +18,7 @@ List is not yet complete.
.activitypub {
background-color: rgba(241, 0, 127, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.adn {
@ -22,102 +28,102 @@ List is not yet complete.
.amazon {
background-color: rgba(247, 148, 0, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.amazon-music {
background-color: rgba(0, 130, 199, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.android {
background-color: rgba(48, 215, 128, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.angellist {
background-color: rgba(0, 45, 51, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.apple {
background-color: rgba(0, 0, 0, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.apple-music {
background-color: rgba(251, 66, 90, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.archive-org {
background-color: rgba(251, 66, 90, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.archlinux {
background-color: rgba(22, 142, 202, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.artstation {
background-color: rgba(19, 168, 233, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.att {
background-color: rgba(0, 163, 217, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.bandcamp {
background-color: rgba(97, 146, 156, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.bandcamp-alt {
background-color: rgba(29, 160, 195, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.behance {
background-color: rgba(0, 87, 255, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.behance-alt {
background-color: rgba(0, 0, 0, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.bitbucket {
background-color: rgba(37, 128, 247, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.bitcoin {
background-color: rgba(235, 140, 42, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.black-tie {
background-color: rgba(0, 0, 0, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.bluetooth {
background-color: rgba(10, 59, 140, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.boardgamegeek {
background-color: rgba(255, 81, 0, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.bootstrap {
background-color: rgba(113, 16, 239, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.buymeacoffee {
@ -127,28 +133,28 @@ List is not yet complete.
.buysellads {
background-color: rgba(217, 72, 71, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.paypal {
background-color: rgba(3, 164, 236, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.paypal-alt {
background-color: rgba(39, 51, 142, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.stripe {
background-color: rgba(96, 88, 247, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.chrome {
background-color: rgba(245, 203, 10, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.classicpress {
@ -158,7 +164,7 @@ List is not yet complete.
.codepen {
background-color: rgba(0, 0, 0, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.codiepie {
@ -178,37 +184,37 @@ List is not yet complete.
.csharp {
background-color: rgba(157, 116, 213, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.css3 {
background-color: rgba(40, 98, 233, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.dashcube {
background-color: rgba(247, 124, 0, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.debian {
background-color: rgba(208, 7, 78, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.deezer {
background-color: rgba(245, 162, 0, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.delicious {
background-color: rgba(25, 115, 230, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.dev-to {
background-color: rgba(0, 0, 0, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.deviantart {
@ -218,7 +224,7 @@ List is not yet complete.
.diaspora {
background-color: rgba(0, 0, 0, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.digg {
@ -233,7 +239,7 @@ List is not yet complete.
.discord {
background-color: #5865f2;
color: #f2f5f4;
color: var(--lighttext);
}
@ -254,22 +260,22 @@ List is not yet complete.
.drupal {
background-color: rgba(41, 164, 217, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.edge {
background-color: rgba(0, 116, 208, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.ethereum {
background-color: rgba(95, 122, 227, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.etsy {
background-color: rgba(219, 100, 0, 0.0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.expeditedssl {
@ -414,7 +420,7 @@ List is not yet complete.
.git {
background-color: #ff5500;
color: #f2f5f4;
color: var(--lighttext);
}
.git-square {
@ -429,7 +435,7 @@ List is not yet complete.
.github {
background-color: rgba(36, 41, 47, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.github-alt {
@ -594,7 +600,7 @@ List is not yet complete.
.instagram {
background-color: #e1306c;
color: #f2f5f4;
color: var(--lighttext);
}
.internet-explorer {
@ -649,7 +655,7 @@ List is not yet complete.
.ko-fi {
background-color: rgba(19, 195, 255, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
@ -715,12 +721,12 @@ List is not yet complete.
.mastodon {
background-color: #6364FF;
color: #f2f5f4;
color: var(--lighttext);
}
.matrix-org {
background-color: #0DBD8B;
color: #f2f5f4;
color: var(--lighttext);
}
.maxcdn {
@ -865,7 +871,7 @@ List is not yet complete.
.pixelfed {
background-color: rgba(255, 135, 20, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.pleroma {
@ -925,7 +931,7 @@ List is not yet complete.
.reddit {
background-color: rgba(255, 69, 0, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.renren {
@ -1055,17 +1061,17 @@ List is not yet complete.
.soundcloud {
background-color: rgba(255, 85, 0, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.spotify {
background-color: #1ED760;
color: #222222;
color: var(--darktext);
}
.spotify-alt {
background-color: rgba(30, 215, 96, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.ssb {
@ -1170,12 +1176,12 @@ List is not yet complete.
.twitch {
background-color: #9146ff;
color: #f2f5f4;
color: var(--lighttext);
}
.twitter {
background-color: #1DA1F2;
color: #f2f5f4;
color: var(--lighttext);
}
.twitter-square {
@ -1185,7 +1191,7 @@ List is not yet complete.
.tidal {
background-color: rgba(16, 16, 18, 0.8);
color: #f2f5f4;
color: var(--lighttext);
}
.unity {
@ -1345,7 +1351,7 @@ List is not yet complete.
.youtube {
background-color: #ff0000;
color: #f2f5f4;
color: var(--lighttext);
}
.youtube-music {
@ -1360,66 +1366,66 @@ List is not yet complete.
.anilist {
background-color: #02a9ff;
color: #f2f5f4;
color: var(--lighttext);
}
.pronouns {
background-color: #c71585;
color: #f2f5f4;
color: var(--lighttext);
}
.elftwinks {
background-color: #5BCEFA;
color: #222222;
color: var(--darktext);
}
.oc {
background-color: #f2f5f4;
color: #222222;
background-color: var(--lighttext);
color: var(--darktext);
}
.Dave {
background-color: #f5a9b8;
color: #222222;
color: var(--darktext);
}
.dalfuss-net {
background-color: #f2f5f4;
color: #222222;
background-color: var(--lighttext);
color: var(--darktext);
}
.tiktok {
background-color: #f2f5f4;
color: #222222;
background-color: var(--lighttext);
color: var(--darktext);
}
.bluesky {
background-color: #0085FF;
color: #f2f5f4;
color: var(--lighttext);
}
.throne {
background-color: #1B0B3B;
color: #f2f5f4;
color: var(--lighttext);
}
.references {
background: linear-gradient(140deg, #f5a9b8 0%, #f5bbc6 13%, #f5cdd4 25%, #f3dee2 38%, #f0f0f0 50%, #dee5eb 63%, #ccdae6 75%, #bad0e0 88%, #a8c5db 100%);
color: #222222;
color: var(--darktext);
}
.credit {
background: linear-gradient(160deg, #e8f4e8 0%, #d8ecd8 25%, #c8e4c8 50%, #b8dcb8 75%, #a8d4a8 100%);
color: #222222;
color: var(--darktext);
}
.colours{
background: linear-gradient(135deg, #ffadad 0%, #ffd6a5 13%, #fdffb6 25%, #caffbf 38%, #9bf6ff 50%, #a0c4ff 63%, #bdb2ff 75%, #ffc6ff 100%);
color: #222222;
color: var(--darktext);
}
.daki {
color: #222222;
color: var(--darktext);
background: linear-gradient(220deg, #f8b4c4, #f0e6a8, #b8e8c8, #a8d8f0, #d4b8f0);
background-size: 1000% 1000%;
@ -1429,6 +1435,11 @@ List is not yet complete.
animation: AnimationName 5s ease infinite;
}
.pokatan {
background-color: #73BB09;
color: var(--darktext);
}
@-webkit-keyframes AnimationName {
0%{background-position:0% 50%}
50%{background-position:100% 51%}

14
index.html
View File

@ -147,6 +147,16 @@
</a>
</div>
<div class="page-item-wrap relative">
<a target="_blank" class="page-item-each py-10 flex-both-center pokatan" href="https://11tw.ink/pokatan">
<svg class="link-each-image">
<use href="#svg-pokatan"></use>
</svg>
<span class="item-title text-center">Pokatan</span>
</a>
</div>
<div class="page-item-wrap relative">
<a target="_blank" class="page-item-each py-10 flex-both-center throne" href="https://11tw.ink/wishlist">
<svg class="link-each-image">
@ -421,6 +431,10 @@
</g>
</symbol>
<symbol id="svg-pokatan" viewBox="44.22 45.42 122.1 175.63">
<g style="fill-opacity:1;stroke:none;stroke-opacity:1;--darkreader-inline-fill:var(--darkreader-text-000000, #e8e6e3);--darkreader-inline-stroke:none"><path d="M44.558 193.154c-9.578-16.946-11.99-50.594-11.99-50.594 22.89-13.536 52.295-12.802 52.295-12.802s29.406-.734 52.296 12.802c0 0-2.412 33.648-11.99 50.594-10.8 19.11-40.303 19.515-40.306 27.46-.002-7.945-29.505-8.35-40.305-27.46" style="fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:.661987px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:normal;--darkreader-inline-fill:var(--darkreader-text-c07d55, #c58863);--darkreader-inline-stroke:none" transform="translate(20.137 .417)"/><path d="M27.154 143.054C8.022 83.034 84.864 85.07 84.864 85.07s76.841-2.035 57.709 57.984c0 0-19.275-15.902-57.71-15.902-38.434 0-57.709 15.902-57.709 15.902" style="fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:.661987px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;--darkreader-inline-fill:var(--darkreader-text-9b5219, #e69f67);--darkreader-inline-stroke:none" transform="translate(20.137 .417)"/></g><path d="M107.576 83.592c-1.87-22.051-11.096-36.276-28.674-21.109 12.37.463 23.257 4.329 24.616 21.125Z" style="fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:.661988px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:normal;--darkreader-inline-fill:var(--darkreader-text-9b5219, #e69f67);--darkreader-inline-stroke:none"/><path d="M103.366 60.43c24.79-29.373 62.925-6.587 62.925-6.587s-26.259 26.703-62.925 6.587" style="fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:.661988px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:normal;--darkreader-inline-fill:var(--darkreader-text-75bf0a, #aff549);--darkreader-inline-stroke:none"/></svg>
</symbol>
</svg>