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

Compare commits

merge into: alyx:rework
Branches Tags
alyx:main
alyx:remove/daki
alyx:add/pokatan
alyx:rework
...
pull from: alyx:main
Branches Tags
alyx:main
alyx:remove/daki
alyx:add/pokatan
alyx:rework

6 Commits
rework ... main

Author SHA1 Message Date
Alyx 6eb357c081 changed Con status 2026-06-10 14:07:46 +02:00
Alyx 83bf861f9a Merge pull request 'removed daki link' (#13) from remove/daki into main 
Reviewed-on: #13
 2026-05-01 22:37:11 +02:00
JaxOffTV 1e1141c387 removed daki link 2026-05-01 22:37:11 +02:00
Alyx 8652ee12bc Merge pull request 'added pokatan & changed css colour codes' (#12) from add/pokatan into main 
Reviewed-on: #12
 2026-04-18 22:15:52 +02:00
JaxOffTV d45c88a91b added pokatan & changed css colour codes 2026-04-18 22:15:03 +02:00
Alyx b7b74e0ac1 Merge pull request 'rework' (#11) from rework into main 
Reviewed-on: #11
 2026-04-07 09:31:15 +02:00
2 changed files with 98 additions and 91 deletions
Show Stats 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%}

36
index.html
View File

@ -44,24 +44,6 @@
AuDHD, Queer, Nonbinary Elftwink VTuber :3 AuDHD, Queer, Nonbinary Elftwink VTuber :3
</p> </p>
<a id="merch">
<h1 class="separator" title="Super cooler neuer Merch!!!">
Merch!!!
</h1>
</a>
<div class="page-item-wrap relative">
<a target="_blank" class="page-item-each py-10 flex-both-center daki" href="https://11tw.ink/daki" data-id="261685" data-type="page_item">
<svg class="link-each-image">
<use href="#svg-eggplant"></use>
</svg>
<span class="item-title text-center">[18+] JAXOFF DAKIMAKURA OMG</span>
</a>
</div>
<a id="socials"> <a id="socials">
<h1 class="separator" title="Social Media / About Me"> <h1 class="separator" title="Social Media / About Me">
Socials Socials
@ -147,6 +129,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">
@ -290,7 +282,7 @@
</a> </a>
<div class="page-item-wrap relative"> <div class="page-item-wrap relative">
<a target="_blank" class="page-item-each py-10 flex-both-center ConProb" href="https://www.main-matsuri.com/"> <a target="_blank" class="page-item-each py-10 flex-both-center ConProbNo" href="https://www.main-matsuri.com/">
<span class="item-title text-center">Main Matsuri // Offenbach // 14.-16.08.2026</span> <span class="item-title text-center">Main Matsuri // Offenbach // 14.-16.08.2026</span>
</a> </a>
</div> </div>
@ -302,7 +294,7 @@
</a> </a>
<div class="page-item-wrap relative"> <div class="page-item-wrap relative">
<a target="_blank" class="page-item-each py-10 flex-both-center ConProb" href="https://www.connichi.de/"> <a target="_blank" class="page-item-each py-10 flex-both-center ConYes" href="https://www.connichi.de/">
<span class="item-title text-center">Connichi // Wiesbaden // 4.-6.09.2026</span> <span class="item-title text-center">Connichi // Wiesbaden // 4.-6.09.2026</span>
</a> </a>
</div> </div>
@ -421,6 +413,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>