Gitea-Theme/test/html/repo-home.html
2024-11-15 16:48:11 +05:30

156 lines
4.6 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Repository Home</title>
<link rel="stylesheet" href="../css/repo-home.css">
<link rel="stylesheet" href="../css/icons.css">
</head>
<body>
<header>
<div class="header-section header-left">
<a href="/" class="logo">
<img src="../images/icon1.png" alt="Gitea Logo" />
</a>
<a href="/issues">Issues</a>
<a href="/pulls">Pull Requests</a>
<a href="/milestones">Milestones</a>
<a href="/explore">Explore</a>
</div>
<div class="header-section header-right">
<a class="fa-regular fa-bell" href="/notifications"></a>
<a class="fa-solid fa-plus" href="/new_repo"></a>
<a href="/profile" class="profile-icon">
<img src="../images/icon2.png" alt="Profile" />
</a>
</div>
</header>
<div class="body-content">
<aside class="sidebar-left">
<!-- Left sidebar content, to be added later -->
</aside>
<main class="main-content">
<!-- Main content here -->
</main>
<!-- Right sidebar content -->
<aside class="sidebar-right">
<!-- Repo Info -->
<div class="repo-info">
<div class="repo-logo">
<img src="../images/repo_icon.png" alt="&#xf02e;" />
</div>
<div class="repo-details">
<a class="repo-author" href="/author_page">Author Name</a>
<a class="repo-name" href="/repo_home">Repository Name</a>
</div>
</div>
<nav class="repo-nav">
<a href="/repo_home" class="nav-link">
<i class="fa-solid fa-house"></i>
Home
</a>
<a href="/code" class="nav-link">
<i class="fa-solid fa-code"></i>
Code
</a>
<a href="/issues" class="nav-link">
<i class="fa-solid fa-exclamation-circle"></i>
Issues
</a>
<a href="/pulls" class="nav-link">
<i class="fa-solid fa-code-branch"></i>
Pull Requests
</a>
<a href="/actions" class="nav-link">
<i class="fa-solid fa-play"></i>
Actions
</a>
<a href="/packages" class="nav-link">
<i class="fa-solid fa-box"></i>
Packages
</a>
<a href="/projects" class="nav-link">
<i class="fa-solid fa-tasks"></i>
Projects
</a>
<a href="/releases" class="nav-link">
<i class="fa-solid fa-tag"></i>
Releases
</a>
<a href="/wiki" class="nav-link">
<i class="fa-solid fa-book"></i>
Wiki
</a>
<a href="/activity" class="nav-link">
<i class="fa-solid fa-chart-line"></i>
Activity
</a>
</nav>
<!-- Repo Stats (Watch, Star, Fork) -->
<div class="repo-stats">
<button class="stat-item" title="Watch">
<i class="stat-icon fa-regular fa-eye"></i>
<span class="stat-count">123</span>
</button>
<button class="stat-item" title="Star">
<i class="stat-icon fa-regular fa-star"></i>
<span class="stat-count">456</span>
</button>
<button class="stat-item" title="Fork">
<i class="stat-icon fa-solid fa-code-branch"></i>
<span class="stat-count">789</span>
</button>
</div>
<div class="repo-languages">
<!-- h3 class="repo-languages-title">Languages</h3 -->
<ul class="repo-lang-list">
<li class="repo-lang-list-item lang-1">
<i class="repo-lang-icon fa-brands fa-css3-alt"></i>
<span class="repo-lang-name">Css</span>
<span class="repo-lang-perc">40%</span>
</li>
<li class="repo-lang-list-item lang-2">
<i class="repo-lang-icon fa-brands fa-html5"></i>
<span class="repo-lang-name">Html</span>
<span class="repo-lang-perc">10%</span>
</li>
<li class="repo-lang-list-item lang-3">
<i class="repo-lang-icon fa-brands fa-sass"></i>
<span class="repo-lang-name">Scss</span>
<span class="repo-lang-perc">15%</span>
</li>
<li class="repo-lang-list-item lang-4">
<i class="repo-lang-icon fa-brands fa-rust"></i>
<span class="repo-lang-name">Rust</span>
<span class="repo-lang-perc">20%</span>
</li>
<li class="repo-lang-list-item lang-5">
<i class="repo-lang-icon fa-brands fa-golang"></i>
<span class="repo-lang-name">Go</span>
<span class="repo-lang-perc">90%</span>
</li>
<li class="repo-lang-list-item lang-4">
<i class="repo-lang-icon fa-brands fa-rust"></i>
<span class="repo-lang-name">Rust</span>
<span class="repo-lang-perc">20%</span>
</li>
</ul>
</div>
<!-- Repo Settings -->
<a href="/settings" class="nav-link settings-link">
<i class="fa-solid fa-gear"></i> Repo Settings
</a>
</aside>
</div>
</body>
</html>