[260112]
- 코드 정리 - 클래스명 정리 - Bolt 테스트 모드 추가 - Nova 모드 추가
This commit is contained in:
178
index.html
178
index.html
@@ -1,105 +1,151 @@
|
||||
<!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>
|
||||
<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="">
|
||||
<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 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>
|
||||
<div class="card-content">
|
||||
<div class="url-display">spm.sori.studio</div>
|
||||
<p class="desc">리버스 프록시 관리자</p>
|
||||
|
||||
<div class="card__header">
|
||||
<div class="card__title">Proxy Manager</div>
|
||||
<div class="card__subtitle">Nginx Proxy Manager</div>
|
||||
</div>
|
||||
|
||||
<div class="card__body">
|
||||
<div class="card__meta 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://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>
|
||||
<a href="https://git.sori.studio" class="card" data-url="https://git.sori.studio">
|
||||
<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>
|
||||
<div class="card-content">
|
||||
<div class="url-display">git.sori.studio</div>
|
||||
<p class="desc">"zenn"의 개발 리소스 저장소</p>
|
||||
|
||||
<div class="card__header">
|
||||
<div class="card__title">Gitea</div>
|
||||
<div class="card__subtitle">Gitea</div>
|
||||
</div>
|
||||
|
||||
<div class="card__body">
|
||||
<div class="card__meta 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>
|
||||
|
||||
<!-- gitea -->
|
||||
<!-- Pocket Base -->
|
||||
<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 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>
|
||||
<div class="card-content">
|
||||
<div class="url-display">api.sori.studio</div>
|
||||
<p class="desc">sori.studio 맞춤형 API 서버</p>
|
||||
|
||||
<div class="card__header">
|
||||
<div class="card__title">Pocket Base</div>
|
||||
<div class="card__subtitle">Pocket Base</div>
|
||||
</div>
|
||||
|
||||
<div class="card__body">
|
||||
<div class="card__meta card__meta--url">api.sori.studio</div>
|
||||
<p class="card__desc">Custom API Server</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="category-section">
|
||||
|
||||
<h2 class="section-title">Public Services</h2>
|
||||
</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 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>
|
||||
<div class="card-content">
|
||||
<div class="url-display">uniare.sori.studio</div>
|
||||
<p class="desc">반다이 남코의 TCG 'Union Arena'의 덱 빌더</p>
|
||||
|
||||
<div class="card__header">
|
||||
<div class="card__title">UNIARE</div>
|
||||
<div class="card__subtitle">Union Arena Deck Builder</div>
|
||||
</div>
|
||||
|
||||
<div class="card__body">
|
||||
<div class="card__meta 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">
|
||||
|
||||
<h2 class="section-title">Personal Archive</h2>
|
||||
</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 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>
|
||||
<div class="card-content">
|
||||
<div class="url-display">sns.sori.studio</div>
|
||||
<p class="desc">소리 스튜디오(Sori Studio)의 공식 마스토돈 인스턴스입니다.</p>
|
||||
<p class="desc">운영자 zenn의 개인적인 기록과 소소한 이야기를 공유하는 독립적인 공간입니다.</p>
|
||||
|
||||
<div class="card__header">
|
||||
<div class="card__title">Mastodon</div>
|
||||
<div class="card__subtitle">Sori.Space Mastodon</div>
|
||||
</div>
|
||||
|
||||
<div class="card__body">
|
||||
<div class="card__meta 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>
|
||||
</section>
|
||||
|
||||
<script src="script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
<script src="script.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user