-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
115 lines (102 loc) · 5.13 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nishimiya's Homepage</title>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&display=swap" rel="stylesheet">
<meta property="og:title" content="Nishimiya's Homepage" />
<meta property="og:description" content="Welcome aboard to Nishimiya's base station." />
<meta property="og:image"
content="https://raw.githubusercontent.com/nishimi-ya/nishimi-ya.github.io/main/src/ame.jpg" />
<!--Img Src: https://www.pixiv.net/artworks/96353446 (Artist: Andohc)-->
<meta name="author" content="Nishimiya" />
<meta name="keywords" content="libre, landing page, social, website" />
<meta property="og:url" content="https://nishimiya.my.id" />
<meta property="og:type" content="website" />
<meta name="fediverse:creator" content="@[email protected]">
<link rel="me" href="https://libre.fm/user/nishimiya" />
<link rel="me" href="https://github.com/nishimi-ya" />
<link rel="me" href="https://layer8.space/@Nishimiya" />
<link rel="shortcut icon" href="./src/favicon.ico" />
<link rel="stylesheet" href="./src/style.css" />
</head>
<body class="dark-mode">
<!-- Theme Toggle Button -->
<button class="theme-toggle light" onclick="toggleTheme()">Light Mode</button>
<!-- Main Container -->
<div class="container">
<h1># Welcome!</h1>
<p>Hello~ I'm <strong><a href="https://nishimiya.my.id/" class="h-card" style="color: pink;"
rel="me">Nishimiya</a></strong>, and this is my base station on the web.</p>
<p>In my free time, I write <a href="http://blog.nishimiya.my.id">blog post</a> about technologies, art;
decentralisation and promoting free software.</p>
<p><a href="https://trakteer.id/nishi.miya/tip">Donate</a> | <span class="song-status" id="song-status">Fetching
song information...</span></p>
<h2>## Social links and stuff</h2>
<p>Listed in order of preference.</p>
<ul>
<li>Bluesky: <a href="https://bsky.app/profile/nishimiya.my.id">@nishimiya.my.id</a></li>
<li>GitHub: <a href="https://github.com/nishimi-ya">nishimi-ya</a></li>
<li>Scrobble: <a href="https://libre.fm/user/nishimiya">LibreFM</a> · <a
href="https://www.last.fm/user/nishi-miya">LastFM</a></li>
<li>Blog: <a href="https://blog.nishimiya.my.id/">blog.nishimiya.my.id</a> · <a
href="https://blog.nishimiya.my.id/index.xml">RSS</a></li>
<li>Mastodon: <a rel="me" href="https://layer8.space/@nishimiya">@[email protected]</a></li>
<li>Soulseek: @nishi26</li>
<li>Email: <a href="mailto:[email protected]">[email protected]</a></li>
<li>Matrix: <a href="https://matrix.to/#/#nishimiya:matrix.org">nishimiya:matrix.org</a></li>
</ul>
<h2>## Projects</h2>
<h3>### Linux</h3>
<ul>
<li><strong>Hyprland Dotfiles</strong><br>Personal dots collection for hyprland.<br>
<a href="https://github.com/nishimi-ya/hyprland-dotfiles">Repository</a>
</li>
<li><strong>Hyprland Bootstrap</strong><br>Automated installer bootstrap to install my personal dotfiles without
hassle.<br>
<a href="https://github.com/nishimi-ya/hyprland-bootstrap/blob/main/LICENSE">UNLICENSE</a> · <a
href="https://github.com/nishimi-ya/hyprland-bootstrap">Repository</a>
</li>
</ul>
<h3>### Web</h3>
<ul>
<li>
<strong>Shinosawa Hiro Tribute</strong><br>Simple website tribute for Shinosawa Hiro from Hatsuboshi Gakuen.<br>
<a href="https://github.com/nishimi-ya/hiro-shinosawa">Repository</a> · <a
href="http://nishimiya.my.id/hiro-shinosawa/">Preview</a>
</li>
<li>
<strong>Tilde</strong><br>Start page to simplify access and search.<br>
<a href="https://github.com/nishimi-ya/hyprland-bootstrap/blob/main/LICENSE">UNLICENSE</a> · <a
href="https://github.com/nishimi-ya/tilde">Repository</a> · <a
href="http://tilde.nishimiya.my.id/">Preview</a>
</li>
</ul>
<h3>### Misc</h3>
<ul>
<li>
<strong>MPD BlueSky Bot</strong><br>A bot that post current song using MPD to bluesky.<br>
<a href="https://github.com/nishimi-ya/mpd-bsky-bot/blob/main/LICENSE">UNLICENSE</a> · <a
href="https://github.com/nishimi-ya/mpd-bsky-bot">Repository</a>
</li>
<li>
<strong>Torrent</strong><br>Personal web torrent interface for managing torrent.<br>
<a href="https://torrent.nishimiya.my.id">Preview</a>
</li>
<li>
<strong>Radio</strong><br>Radio lounge powered with MPD (Not 24/7).<br>
<a href="https://github.com/nishimi-ya/mpd-radio/blob/main/LICENSE">MIT</a> · <a
href="https://radio.nishimiya.my.id">Listen Here</a> · <a
href="https://github.com/nishimi-ya/mpd-radio">Repository</a>
</li>
</ul>
<!-- RSS Feed Section -->
<h2>## Recent Blog Posts</h2>
<div class="rss-feed-container" id="rss-feed"></div>
</div>
<script src="./src/main.js"></script>
<script src="./src/blog.js"></script>
<script src="./src/scrobble.js"></script>
</body>
</html>