<!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>