zenn/ugreen-homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
5db14159d05ce69717a10d321b7dda3606c32426
ugreen-homepage/index.html
zenn 5db14159d0 [260115] 
- 네트워크 종속 항목 트리
- 효율적인 캐쉬 수명 사용
- 브라우저 오류가 콘솔에 로그되는 현상 제거
- 메타 설명 추가
- robots.txt 추가
2026-01-14 23:58:23 +09:00

155 lines
7.7 KiB
HTML
Raw Blame History

<!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?v=1.0.1" />
<!-- Preconnect and DNS Prefetch -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Anton&family=Orbitron:wght@800&family=Staatliches&family=Tenor+Sans&display=swap">
<link rel="preload" href="./font/NovaBySoristudio-Regular.otf" as="font" type="font/otf" crossorigin>
<link rel="preload" href="./font/Solaris-3-Script.otf" as="font" type="font/otf" crossorigin>
<link rel="preconnect" href="https://cdn.jsdelivr.net">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="dns-prefetch" href="https://npm.sori.studio">
<link rel="dns-prefetch" href="https://git.sori.studio">
<title>sori.studio</title>
<meta name="description" content="소리스튜디오: 인프라 상태 모니터링 및 개인용 웹 서비스 대시보드입니다.">
</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>
<main>
<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>
</main>
<footer class="text-center p-4">
<p>&copy; 2025 sori.studio</p>
</footer>
<script src="script.js?v=1.0.1" defer></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink