106 lines
4.2 KiB
HTML
106 lines
4.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link rel="stylesheet" href="style.css" />
|
|
<title>SORI STUDIO</title>
|
|
<style></style>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>sori<span class="dot-point">.</span>studio</h1>
|
|
</header>
|
|
|
|
<section class="category-section">
|
|
|
|
<h2 class="section-title">Core Infrastructure</h2>
|
|
<div class="container">
|
|
|
|
<!-- Nginx Proxy Manager -->
|
|
<a href="https://npm.sori.studio" class="card" data-url="https://npm.sori.studio">
|
|
<span class="bolt tl" data-rotate="45"></span><span class="bolt tr" style="--r: 160deg"></span><span class="bolt bl" data-rotate="-20"></span><span class="bolt br" data-rotate="100"></span>
|
|
<div class="card-icon">
|
|
<div class="icon-nova">Proxy Manager</div>
|
|
<span class="icon-ruby">Nginx Proxy Manager</span>
|
|
</div>
|
|
<div class="card-content">
|
|
<div class="url-display">spm.sori.studio</div>
|
|
<p class="desc">리버스 프록시 관리자</p>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- gitea -->
|
|
<a href="https://uniare.sori.studio" class="card" data-url="https://uniare.sori.studio">
|
|
<span class="bolt tl" data-rotate="45"></span><span class="bolt tr" style="--r: 160deg"></span><span class="bolt bl" data-rotate="-20"></span><span class="bolt br" data-rotate="100"></span>
|
|
<div class="card-icon">
|
|
<div class="icon-nova">Gitea</div>
|
|
<span class="icon-ruby">Gitea</span>
|
|
</div>
|
|
<div class="card-content">
|
|
<div class="url-display">git.sori.studio</div>
|
|
<p class="desc">"zenn"의 개발 리소스 저장소</p>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- gitea -->
|
|
<a href="https://api.sori.studio" class="card" data-url="https://api.sori.studio">
|
|
<span class="bolt tl" data-rotate="45"></span><span class="bolt tr" style="--r: 160deg"></span><span class="bolt bl" data-rotate="-20"></span><span class="bolt br" data-rotate="100"></span>
|
|
<div class="card-icon">
|
|
<div class="icon-nova">Pocket Base</div>
|
|
<span class="icon-ruby">Pocket Base</span>
|
|
</div>
|
|
<div class="card-content">
|
|
<div class="url-display">api.sori.studio</div>
|
|
<p class="desc">sori.studio 맞춤형 API 서버</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="category-section">
|
|
|
|
<h2 class="section-title">Public Services</h2>
|
|
<div class="container">
|
|
<!-- union arena deck builder -->
|
|
<a href="https://uniare.sori.studio" class="card" data-url="https://uniare.sori.studio">
|
|
<span class="bolt tl" style="--r: 22deg"></span><span class="bolt tr status-online" style="--r: 145deg"></span><span class="bolt bl" style="--r: -35deg"></span><span class="bolt br" style="--r: 85deg"></span>
|
|
<div class="card-icon">
|
|
<div class="icon-nova">UNIARE</div>
|
|
<span class="icon-ruby">Union Arena Deck Builder</span>
|
|
</div>
|
|
<div class="card-content">
|
|
<div class="url-display">uniare.sori.studio</div>
|
|
<p class="desc">반다이 남코의 TCG 'Union Arena'의 덱 빌더</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="category-section">
|
|
|
|
<h2 class="section-title">Personal Archive</h2>
|
|
<div class="container">
|
|
|
|
<!-- mastodon -->
|
|
<a href="https://sns.sori.studio" class="card" data-url="https://sns.sori.studio">
|
|
<span class="bolt tl" style="--r: 22deg"></span><span class="bolt tr status-online" style="--r: 145deg"></span><span class="bolt bl" style="--r: -35deg"></span><span class="bolt br" style="--r: 85deg"></span>
|
|
<div class="card-icon">
|
|
<div class="icon-nova">Mastodon</div>
|
|
<span class="icon-ruby">SoRi.Space</span>
|
|
</div>
|
|
<div class="card-content">
|
|
<div class="url-display">sns.sori.studio</div>
|
|
<p class="desc">소리 스튜디오(Sori Studio)의 공식 마스토돈 인스턴스입니다.</p>
|
|
<p class="desc">운영자 zenn의 개인적인 기록과 소소한 이야기를 공유하는 독립적인 공간입니다.</p>
|
|
</div>
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html>
|