-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.htm
141 lines (132 loc) · 10.7 KB
/
index.htm
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
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="ko">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<title>봄별 (Haruboshi/はるぼし)</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="stylesheet" href="./css/common.css" />
<link rel="stylesheet" href="./css/flag-icons.min.css" />
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR&family=Nanum+Gothic&family=Noto+Sans+JP&family=Noto+Sans+KR&display=swap" />
<!-- <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css" /> -->
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
<link rel="icon" href="./favicon.ico" type="image/x-icon" />
<script src="./js/common.js"></script>
<script src="https://kit.fontawesome.com/ea96b8b098.js" crossorigin="anonymous"></script>
</head>
<body onload="triggerTabHash();" onhashchange="triggerTabHash();">
<section id="content-body">
<div id="document-body">
<article id="container-body">
<div id="profile-pic">
<a href="https://open.kakao.com/me/RinaRin_S2"><img id="pp" src="./imgs/profilepic.jpg" alt="프로필 사진 (Profile Pic)" title="프로필 사진 (Profile Pic)" onmouseover="changePic(this,'./imgs/profilepic-alt.jpg');" onmouseout="changePic(this,'./imgs/profilepic.jpg');" /></a>
<h1>봄별 (Haruboshi/はるぼし)</h1>
</div>
<div class="content-tabs">
<input id="about-overall" data-tab-name="overall" type="radio" name="tab-select" checked />
<label class="tab-select" for="about-overall" onclick="changeTabHash('overall');">소개 (About)</label>
<input id="about-feeds" data-tab-name="feeds" type="radio" name="tab-select" />
<label class="tab-select" for="about-feeds" onclick="changeTabHash('feeds');">컨텐츠 (Feeds)</label>
<input id="about-social" data-tab-name="social" type="radio" name="tab-select" />
<label class="tab-select" for="about-social" onclick="changeTabHash('social');">소셜 계정 (Social)</label>
<input id="about-contacts" data-tab-name="contacts" type="radio" name="tab-select" />
<label class="tab-select" for="about-contacts" onclick="changeTabHash('contacts');">연락 (Contacts)</label>
<div class="tab-content" id="about-overall-content">
<h3>소개 (About)</h3>
<ul>
<li>다른 닉네임/명의 (Aliases)
<ul>
<li><b>미야코지 하루나 (<ruby>宮小路<rt>みやこうじ</rt></ruby><ruby>春奈<rt>はるな</rt></ruby>, Haruna Miyakouji)</b></li>
<li><b>랜덤스타 (ランダムスター, RandomSTAR)</b> / <b>리나링 (りなりん, RinaRin)</b></li>
<li>이전 닉네임/명의 (Previous Aliases)
<ul>
<li>호시노 나루카 (<ruby>星乃<rt>ほしの</rt></ruby><ruby>成花<rt>なるか</rt></ruby>, Naruka Hoshino)</li>
<li>리나 (りな, Rina) / 성화 (成花, Seonghwa) / 나루카 (Naruka, なるか) / 유키나 (ゆきな, Yukina) / 꽃집아이돌 (花屋アイドル)</li>
</ul>
</li>
</ul>
</li>
<li><a href="https://en.pronouns.page/@senarin">they/them</a>, 🎂 1992/06/29, <i class="fi fi-kr"></i> 대한민국 거주 (Lives in South Korea)</li>
<li>이것저것 관심있습니다. (Interested in many fields)</li>
<li><b>현재 관심 분야</b> (Interests)
<ul>
<li>Tech(Computer & Mobile) / Coding / Video Games / etc.</li>
<li>Otaku - <a href="https://bang-dream.com/">BanG Dream!</a> / <a href="https://idolmaster-official.jp/">IM@S</a> / <a href="https://www.lovelive-anime.jp/">LoveLive! series</a> / <a href="https://pjsekai.sega.jp/">Project SEKAI</a> / <a href="https://bluearchive.nexon.com/">Blue</a> <a href="https://bluearchive.jp/">Archive</a> / 애니(Animes) / 버튜버(VTubers) / 코스프레(Cosplay) / etc.</li>
</ul>
</li>
</ul>
</div>
<div class="tab-content" id="about-feeds-content">
<h3>컨텐츠 업데이트 (Feeds)</h3>
<ul>
<li><b><a href="https://randomstar.blog/">개인 블로그 (Blog)</a></b>
<ul><li>거의 안 씀 (Updated very occasionally)</li></ul>
</li>
<li><b><a href="https://blog.naver.com/poppinrose67">네이버 블로그 (Naver Blog)</a></b>
<ul><li>국내 소통용 블로그 (Blog for local social communications)</li></ul>
</li>
<li><b><a href="https://senarin.kr/">개인 웹사이트 (Personal Website)</a></b>
<ul><li>각종 자료 보관용 (For storage of various information stuffs)</li></ul>
</li>
<li><a href="https://hoshimi-rina.postype.com/">포스타입 (Postype)</a>
<ul><li>자작 세계관 설정 업데이트용 (For settings and plots of my original fictions)</li></ul>
</li>
<li><a href="https://velog.io/@aobamisaki">벨로그 (Velog.io)</a>
<ul><li>코딩 관련 업데이트용. 거의 안 씀 (For coding and developing posts. Updated very occasionally)</li></ul>
</li>
</ul>
</div>
<div class="tab-content" id="about-social-content">
<h3>각종 소셜 미디어 (Social media & Instant messaging)</h3>
<p><b>(<a href="./social/">💁SNS 운영 안내</a>)</b></p>
<ul>
<li><i class="fa-brands fa-twitter"></i> <a href="https://x.com/haruboshi_san">X (Twitter)</a> / <i class="fa-brands fa-instagram"></i> <a href="https://instagram.com/starry.kasumi.0714">Instagram</a> / <i class="fa-brands fa-facebook"></i> <a href="https://www.facebook.com/randomstar67">Facebook</a> / <i class="fa-brands fa-steam"></i> <a href="https://steamcommunity.com/id/Okusora_Ayane">Steam</a></li>
<li><i class="fa-brands fa-github"></i> <a href="https://github.com/Senarin">GitHub</a> / <i class="fa-brands fa-reddit"></i> <a href="https://www.reddit.com/user/senarin837">Reddit</a> / <i class="fa-brands fa-youtube"></i> <a href="https://www.youtube.com/@rina.randomstar">YouTube</a> / <i class="fa-brands fa-spotify"></i> <a href="https://open.spotify.com/user/7wz9dtfwicreohox3gvbpjl55">Spotify</a></li>
<li><i class="fa-brands fa-tumblr"></i> <a href="https://www.tumblr.com/kizuna-music">Tumblr</a> / <del><i class="fa-brands fa-twitch"></i> <a href="https://www.twitch.tv/abydos_ayane">Twitch</a></del> / <a href="https://kick.com/hoshinoichika">Kick</a> / <i class="fa-solid fa-circle-play"></i> <a href="https://chzzk.naver.com/96c306f314927f8989fc2551f6409851">Naver CHZZK</a> / <i class="fa-brands fa-soundcloud"></i> <a href="https://soundcloud.com/haruna-miyakouji">SoundCloud</a> / <i class="fa-brands fa-mixcloud"></i> <a href="https://www.mixcloud.com/HarumiRina/">Mixcloud</a></li>
<li><i class="fa-solid fa-comment"></i> 카카오톡(KakaoTalk) & LINE: minshara1013
<ul><li><a href="https://open.kakao.com/me/RinaRin_S2">카카오톡 오픈챗 (Open chatting on KakaoTalk)</a></li></ul>
</li>
<li><i class="fa-brands fa-discord"></i> Discord: <a href="https://discord.com/users/945355470309318706">haruboshi.san</a> (リナ=Rina#8835)</li>
<!-- <li><i class="fa-brands fa-telegram"></i> Telegram: <a href="https://t.me/senarin">@senarin</a></li> -->
<li><i class="fa-brands fa-mastodon"></i> <a href="https://fediverse.party/">Fediverse</a> (<a href="https://www.w3.org/TR/activitypub/">Activity</a><a href="https://activitypub.rocks/">Pub</a>):
<ul>
<li><i class="fa-brands fa-mastodon"></i> <a href="https://uri.life/@Rina" rel="me">@Rina@uri.life</a> & <a href="https://lyricalpalette.social/@Rina" rel="me">@Rina@lyricalpalette.social</a> (<a href="https://joinmastodon.org/">Mastodon</a>)</li>
<li><i class="fa-brands fa-mastodon"></i> <a href="https://hoto.moe/@randomstar" rel="me">@randomstar@hoto.moe</a> (<a href="https://misskey-hub.net/">Misskey</a>)</li>
<li><i class="fa-brands fa-mastodon"></i> <a href="https://chueok.pics/Rina" rel="me">@Rina@chueok.pics</a> & <a href="https://sajin.life/Rina" rel="me">@Rina@sajin.life</a> (<a href="https://pixelfed.org/">Pixelfed</a>)</li>
</ul>
<li><a href="https://atproto.com/">Bluesky AT</a>: <a href="https://bsky.app/profile/bombyeol.pe.kr">@bombyeol.pe.kr</a></li>
<li><i class="fa-brands fa-threads"></i> <a href="https://www.threads.net/">Instagram Threads</a>: <a href="https://www.threads.net/@starry.kasumi.0714">@starry.kasumi.0714</a></li>
</ul>
</div>
<div class="tab-content" id="about-contacts-content">
<h3>공적 연락 (Public Contacts)</h3>
<ul>
<li><b>Mail: <a href="mailto:rina@rina.pe.kr">rina@rina.pe.kr</a></b> <sub>(<a href="mailto:themunyang21@naver.com">Naver</a> / <a href="mailto:aobamisaki@kakao.com">Kakao</a> / <a href="mailto:randomstar67@outlook.kr">Outlook</a>)</sub>
<ul>
<li><b>공적인 연락은 위 메일 주소들 중 하나로 해주시기 바랍니다.</b> 개인적인 연락 등은 <a href="#social">소셜 계정</a>으로 해주세요. (<b>For public/official contacts only.</b> To make private contacts do it via <a href="#social">social accounts</a> instead.)</li>
<li><b>검색 마케팅 등의 광고성 메시지나 그 외 공적인 사항과 관련되지 않은 질문은 보내지 마세요.</b> (<b>DO NOT</b> send any non-official questions and/or promotional messages.)</li>
</ul>
</li>
<li>전화번호는 <b>저와 개인적으로 깊은 친분이 있거나 제가 신뢰하는 사람들에게만</b> 공유하고 있습니다. (I only share my phone number to <b>those privately have closeness with me</b>, or <b>I have trust in.</b>)</li>
</ul>
<h3>디지털 서명 (Digital Signature)</h3>
<div id="digital-signature">
<ul>
<li>🔑 공개 키 (Public Key): <a href="https://keybase.io/randomstar" rel="me">Keybase</a> / <a href="https://keys.openpgp.org/vks/v1/by-fingerprint/DFA85DA39345A9234D23FE1FF7FF93858A4ED561">Web OpenPGP</a> / <a href="https://keyoxide.org/DFA85DA39345A9234D23FE1FF7FF93858A4ED561" rel="me">Keyoxide</a></li>
<li>💮 지문 (Fingerprint):
<ul>
<li><code id="fingerprint-blk-a">DFA8 5DA3 9345 A923 4D23 FE1F <span id="fingerprint-b64-a" style="color: #FFFFFF; background-color: #FF3377;">F7FF 9385 8A4E D561</span></code></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</article>
</div>
</section>
</body>
</html>