platform-icons/example.html at main · Ovidios/platform-icons · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Example Document</title>
        <link rel="stylesheet" href="platform-icons.css">
    </head>
    <body style="background-color: rgb(14, 12, 20); color: #b1aeda">
        <h1>platform-icons Test</h1>

        <h2>Standalone Icons</h2>
        <span class="plicon"></span>
        <span class="plicon" data-platform="this one doesn't exist"></span>
        <span class="plicon" data-platform="itch.io"></span>
        <span class="plicon" data-platform="youtube"></span>
        <span class="plicon" data-platform="github"></span>
        <span class="plicon" data-platform="twitter"></span>
        <span class="plicon" data-platform="x"></span>

        <h2>Automatic Link Icons</h2>
        <ul>
            <li><a href="https://localhost:1337/" class="plicon-auto">localhost:1337</a></li>
            <li><a href="https://github.com/Ovidios/spindafy" class="plicon-auto">spindafy</a></li>
            <li><a href="https://www.youtube.com/watch?v=ZzsBIfA6iog" class="plicon-auto">Bad Apple!! (but there's a Spinda in the way)</a></li>
            <li><a href="https://ovidios.itch.io/re-cycle" class="plicon-auto">re•cycle</a></li>
            <li><a href="https://x.com/JakobHarych" class="plicon-auto">twitter (but wrong)</a></li>
            <li><a href="https://twitter.com/JakobHarych" class="plicon-auto">twitter</a></li>
        </ul>
    </body>
</html>