zenn/ugreen-homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[260114]

Browse Source 
- 박스 사이즈 조절
 - CSS 코드 정렬
This commit is contained in:
zenn
2026-01-14 00:50:50 +09:00
parent 586c36602f
commit 0e3368901a
3 changed files with 299 additions and 497 deletions
Download Patch File Download Diff File Expand all files Collapse all files

107
index.html
View File

@@ -9,32 +9,30 @@
<style></style>
</head>
<body class="semi-nova">
<header>
<h1 class="glyph">sori<span class="dot-point">.</span>studio</h1>
<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">
<section class="category-section mx-auto pt-5 px-0 pb-10">
<h2 class="section-title">Core Infrastructure</h2>
<div class="container">
<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">
<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>
<!-- 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>
<div class="card__header">
<div class="card__title glyph">Proxy Manager</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 card__meta--url">npm.sori.studio</div>
<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>
@@ -42,20 +40,18 @@
<!-- gitea -->
<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>
<!-- 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>
<div class="card__header">
<div class="card__title glyph">Gitea</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 card__meta--url">git.sori.studio</div>
<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>
@@ -63,48 +59,45 @@
<!-- Pocket Base -->
<a href="https://api.sori.studio" class="card" data-url="https://api.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>
<!-- 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>
<div class="card__header">
<div class="card__title glyph">Pocket Base</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 card__meta--url">api.sori.studio</div>
<p class="card__desc">Custom API Server</p>
<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">
<section class="category-section mx-auto pt-5 px-0 pb-10">
<h2 class="section-title">Public Services</h2>
<div class="container">
<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">
<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>
<!-- 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>
<div class="card__header">
<div class="card__title glyph">UNIARE</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 card__meta--url">uniare.sori.studio</div>
<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>
@@ -113,27 +106,25 @@
</div>
</section>
<section class="category-section">
<section class="category-section mx-auto pt-5 px-0 pb-10">
<h2 class="section-title">Personal Archive</h2>
<div class="container">
<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">
<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>
<!-- 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>
<div class="card__header">
<div class="card__title glyph">Mastodon</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 card__meta--url">sns.sori.studio</div>
<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