150 lines
4.4 KiB
HTML
150 lines
4.4 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">
|
|
</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="" />
|
|
</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 lang1">
|
|
<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 lang2">
|
|
<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 lang3">
|
|
<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 lang4">
|
|
<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 lang5">
|
|
<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>
|
|
</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>
|