142 lines
6.5 KiB
HTML
142 lines
6.5 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 class="semi-nova m-0 p-0 flex flex-column align-center keep-all">
|
|
<header class="flex align-center h-20 pt-20 px-4 pb-12 text-center">
|
|
<h1 class="header-title m-0 p-0">sori<span class="dot-point">.</span>studio</h1>
|
|
</header>
|
|
|
|
<section class="category-section mx-auto pt-5 px-0 pb-10">
|
|
|
|
<h2 class="section-title flex align-center h-6 pl-1 mb-6">Core Infrastructure</h2>
|
|
<div class="container w-full grid grid-col-3 gap-6">
|
|
|
|
<!-- Nginx Proxy Manager -->
|
|
<a href="https://npm.sori.studio" class="card" data-url="https://npm.sori.studio">
|
|
<!-- Decorative Element -->
|
|
<div class="card__decor-layer"><span class="card__decor card__decor--tl"></span><span class="card__decor card__decor--tr"></span><span class="card__decor card__decor--bl"></span><span class="card__decor card__decor--br"></span></div>
|
|
|
|
<!-- Card Title -->
|
|
<div class="card__header w-full min-w-0 flex flex-column justify-center align-center overflow-hidden">
|
|
<div class="card__title max-w-full min-w-0 mt-2 text-center text-ellipsis glyph">Proxy Manager</div>
|
|
<div class="card__subtitle">Nginx Proxy Manager</div>
|
|
</div>
|
|
|
|
<!-- Card Body -->
|
|
<div class="card__body">
|
|
<div class="card__meta--url">npm.sori.studio</div>
|
|
<p class="card__desc" data-lang="ko">리버스 프록시 관리자</p>
|
|
<p class="card__desc" data-lang="en">Reverse proxy manager</p>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- gitea -->
|
|
<a href="https://git.sori.studio" class="card" data-url="https://git.sori.studio">
|
|
<!-- Decorative Element -->
|
|
<div class="card__decor-layer"><span class="card__decor card__decor--tl"></span><span class="card__decor card__decor--tr"></span><span class="card__decor card__decor--bl"></span><span class="card__decor card__decor--br"></span></div>
|
|
|
|
<!-- Card Title -->
|
|
<div class="card__header w-full min-w-0 flex flex-column justify-center align-center overflow-hidden">
|
|
<div class="card__title max-w-full min-w-0 mt-2 text-center text-ellipsis glyph">Gitea</div>
|
|
<div class="card__subtitle">Gitea</div>
|
|
</div>
|
|
|
|
<!-- Card Body -->
|
|
<div class="card__body">
|
|
<div class="card__meta--url">git.sori.studio</div>
|
|
<p class="card__desc" data-lang="ko">개발 리소스 저장소</p>
|
|
<p class="card__desc" data-lang="en">Development resource repository</p>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- Pocket Base -->
|
|
<a href="https://api.sori.studio" class="card" data-url="https://api.sori.studio">
|
|
<!-- Decorative Element -->
|
|
<div class="card__decor-layer"><span class="card__decor card__decor--tl"></span><span class="card__decor card__decor--tr"></span><span class="card__decor card__decor--bl"></span><span class="card__decor card__decor--br"></span></div>
|
|
|
|
<!-- Card Title -->
|
|
<div class="card__header w-full min-w-0 flex flex-column justify-center align-center overflow-hidden">
|
|
<div class="card__title max-w-full min-w-0 mt-2 text-center text-ellipsis glyph">Pocket Base</div>
|
|
<div class="card__subtitle">Pocket Base</div>
|
|
</div>
|
|
|
|
<!-- Card Body -->
|
|
<div class="card__body">
|
|
<div class="card__meta--url">api.sori.studio</div>
|
|
<p class="card__desc" data-lang="ko">개인화 API 서버</p>
|
|
<p class="card__desc" data-lang="en">Custom API Server</p>
|
|
</div>
|
|
</a>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<section class="category-section mx-auto pt-5 px-0 pb-10">
|
|
|
|
<h2 class="section-title flex align-center pl-1 mb-6">Public Services</h2>
|
|
<div class="container w-full grid grid-col-3 gap-6">
|
|
|
|
<!-- union arena deck builder -->
|
|
<a href="https://uniare.sori.studio" class="card" data-url="https://uniare.sori.studio">
|
|
<!-- Decorative Element -->
|
|
<div class="card__decor-layer"><span class="card__decor card__decor--tl"></span><span class="card__decor card__decor--tr"></span><span class="card__decor card__decor--bl"></span><span class="card__decor card__decor--br"></span></div>
|
|
|
|
<!-- Card Title -->
|
|
<div class="card__header w-full min-w-0 flex flex-column justify-center align-center overflow-hidden">
|
|
<div class="card__title max-w-full min-w-0 mt-2 text-center text-ellipsis glyph">UNIARE</div>
|
|
<div class="card__subtitle">Union Arena Deck Builder</div>
|
|
</div>
|
|
|
|
<!-- Card Body -->
|
|
<div class="card__body">
|
|
<div class="card__meta--url">uniare.sori.studio</div>
|
|
<p class="card__desc" data-lang="ko">반다이 남코의 TCG 'Union Arena'의 덱 빌더</p>
|
|
<p class="card__desc" data-lang="en">Deck builder for the TCG 'Union Arena' by Bandai Namco</p>
|
|
</div>
|
|
</a>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<section class="category-section mx-auto pt-5 px-0 pb-10">
|
|
|
|
<h2 class="section-title flex align-center pl-1 mb-6">Personal Archive</h2>
|
|
<div class="container w-full grid grid-col-3 gap-6">
|
|
|
|
<!-- mastodon -->
|
|
<a href="https://sns.sori.studio" class="card" data-url="https://sns.sori.studio">
|
|
<!-- Decorative Element -->
|
|
<div class="card__decor-layer"><span class="card__decor card__decor--tl"></span><span class="card__decor card__decor--tr"></span><span class="card__decor card__decor--bl"></span><span class="card__decor card__decor--br"></span></div>
|
|
|
|
<!-- Card Title -->
|
|
<div class="card__header w-full min-w-0 flex flex-column justify-center align-center overflow-hidden">
|
|
<div class="card__title max-w-full min-w-0 mt-2 text-center text-ellipsis glyph">Mastodon</div>
|
|
<div class="card__subtitle">Sori.Space Mastodon</div>
|
|
</div>
|
|
|
|
<!-- Card Body -->
|
|
<div class="card__body">
|
|
<div class="card__meta--url">sns.sori.studio</div>
|
|
<p class="card__desc" data-lang="ko">소리 스튜디오(Sori Studio)의 공식 마스토돈 인스턴스입니다.<br />운영자 zenn의 개인적인 기록과 소소한 이야기를
|
|
공유하는 독립적인 공간입니다.</p>
|
|
<p class="card__desc" data-lang="en">This is the official Mastodon instance of Sori Studio.<br />It is an
|
|
independent space where operator zenn shares his personal records and small stories.</p>
|
|
</div>
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<script src="script.js"></script>
|
|
</body>
|
|
|
|
</html> |