forked from sethcottle/littlelink
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
128 lines (110 loc) · 7.61 KB
/
index.html
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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!DOCTYPE html>
<!--
To change the theme, change the class on the html tag below to one of:
- theme-auto: Automatically switches based on user's system preferences
- theme-light: Forces light theme
- theme-dark: Forces dark theme
-->
<html class="theme-dark" lang="en"> <!-- Update`class="theme-auto" with your preference -->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Page Title - Change this to your name/brand (50-60 characters recommended) -->
<title>安坂星海 | Azaka Sekai</title>
<link rel="icon" type="image/x-icon" href="/images/avatar.png"> <!-- Update this with your own favicon -->
<meta content="#ED9BA4" data-react-helmet="true" name="theme-color" />
<!-- Meta Description - Write a description (150-160 characters recommended) -->
<meta content="Azaka Sekai | 安坂星海" property="og:title" />
<meta content="VTubing, threat intel, and beyond." property="og:description" />
<meta content="https://links.azaka.fun" property="og:url" />
<meta content="https://links.azaka.fun/images/avatar.png" property="og:image" />
<meta name="description" content="VTubing, threat intel, and beyond.">
<!-- Keywords -->
<meta name="keywords" content="">
<!-- Canonical URL - Helps prevent duplicate content issues -->
<meta rel="canonical" href="https://links.azaka.fun">
<!-- Author Information -->
<meta name="author" content="AzakaSekai">
<!-- Stylesheets -->
<!-- <link rel="stylesheet" href="css/reset.css"> -->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/brands.css">
</head>
<body>
<!-- Parallax Pixel Background Animation -->
<section class="animated-background">
<div id="stars1"></div>
<div id="stars2"></div>
<div id="stars3"></div>
</section>
<!-- End of Parallax Pixel Background Animation -->
<div class="container">
<div class="column">
<!--
By default, the Avatar is rounded. Use the following:
- avatar--rounded: Automatically rounds the image
- avatar--soft: Slightly rounds the image
- avatar--none: Removes any rounding
Be sure to replace the src with your own image path and update the alt text
-->
<img class="avatar avatar--rounded" src="images/avatar.png" srcset="images/[email protected] 2x" alt="LittleLink">
<!-- Replace with your name or brand -->
<h1 tabindex="0">
<div>安坂星海 | Azaka Sekai</div>
</h1>
<!-- Add a short description about yourself or your brand -->
<div>
<div tabindex="0">‧₊˚ ⋅ Indie Comfy VTuber</div>
<div tabindex="0">⊹˚. Employed Threat Intel Researcher</div>
<div tabindex="0">♡‧₊˚ SynthV-P-wannabe</div>
</div>
---
<p tabindex="0">For sensitive/security-related contacts, please see security.txt</p>
<!-- All your buttons go here -->
<div class="button-stack stack-center" role="navigation">
<div class="section">
<header>Support me</header>
<!-- Ko-fi -->
<a class="button button-ko-fi" href="https://ko-fi.com/azakasekai" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/ko-fi.svg" alt="Ko-fi Logo">Ko-fi</a>
<!-- Throne -->
<a class="button button-default" href="https://throne.com/azaka" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-shopping-bag.svg" alt="Shopping Bag Icon">Throne</a>
<!-- Libreapay -->
<a class="button button-paypal" href="https://liberapay.com/AzakaSekai/donate" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/cash-app-dollar.svg" alt="Liberapay">Liberapay</a>
</div>
<div class="section">
<header>Socials</header>
<!-- Bluesky -->
<a class="button button-bluesky" href="https://bsky.app/profile/azaka.fun" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/bluesky.svg" alt="Bluesky Logo">Bluesky</a>
<!-- X -->
<a class="button button-x" href="https://twitter.com/AzakaSekai_" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/x.svg" alt="X Logo">Twitter</a>
<!-- Mastodon -->
<a class="button button-mastodon" href="https://infosec.exchange/@still" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/mastodon.svg" alt="Mastodon Logo">infosec.exchange</a>
<!-- Discord -->
<a class="button button-discord" href="https://links.azaka.fun/discord" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/discord.svg" alt="Discord Logo">Discord</a>
<!-- Twitch -->
<a class="button button-twitch" href="https://twitch.tv/AzakaSekai" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/twitch.svg" alt="Twitch Logo">Twitch</a>
<!-- YouTube -->
<a class="button button-soundcloud" href="https://youtube.com/@azakasekaip" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/youtube.svg" alt="YouTube Logo">YouTube Music</a>
<!-- YouTube -->
<a class="button button-yt" href="https://youtube.com/@azakasekai" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/youtube.svg" alt="YouTube Logo">Main YouTube</a>
<!-- YouTube -->
<a class="button button-yt" href="https://youtube.com/@azakaclips" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/youtube.svg" alt="YouTube Logo">Clips YouTube</a>
</div>
<div class="section">
<header>Others</header>
<a class="button button-dribbble" href="https://links.azaka.fun/references" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/figma.svg" alt="Character references">Character References</a>
<!-- GitHub -->
<a class="button button-github" href="https://github.com/Still34" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/github.svg" alt="GitHub Logo">GitHub</a>
<!-- security.txt -->
<a class="button button-default" href="https://stillu.cc/.well-known/security.txt" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-sms.svg" alt="security.txt">security.txt</a>
<!-- Email -->
<a class="button button-cal" href="https://stillu.cc/slides" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-review.svg" alt="Past slides">Conference Slides</a>
</div>
</div>
<footer>
art by <a href="https://x.com/fikkyun" target="_blank" rel="noopener">@fikkyun</a> | forked from <a href="https://github.com/sethcottle/littlelink">littlelink</a>
</footer>
</div>
</div>
</body>
</html>