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

Merge pull request 'added pokatan & changed css colour codes' (#12) from add/pokatan into main 

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

14
index.html
View File

@ -147,6 +147,16 @@
</a> </a>
</div> </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"> <div class="page-item-wrap relative">
<a target="_blank" class="page-item-each py-10 flex-both-center throne" href="https://11tw.ink/wishlist"> <a target="_blank" class="page-item-each py-10 flex-both-center throne" href="https://11tw.ink/wishlist">
<svg class="link-each-image"> <svg class="link-each-image">
@ -421,6 +431,10 @@
</g> </g>
</symbol> </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> </svg>