(init)

Signed-off-by: Muthu Kumar <muthukumar@thefeathers.in>

public/custom.css

@@ -0,0 +1,209 @@
+:root {
+	--fonts-proportional: Inter, Arial, Helvetica, sans-serif !important;
+	--fonts-monospace: "Roboto Mono", monospace !important;
+
+	--clr-dark-base: #0d1117;
+	--clr-link-primary: #c9d1d9;
+	--clr-link-secondary: #89949e;
+	--clr-repo-title: #58a6ff;
+	--clr-btn-bg: #21262d;
+	--clr-btn-hover-border: #89949e;
+
+	--color-primary: #58a6ff !important;
+	--color-secondary: #30363d !important;
+	--color-tertiary: #161b22 !important;
+	--color-body: #000000 !important;
+	--color-code-bg: var(--clr-dark-base) !important;
+	--color-navbar: var(--clr-dark-base) !important;
+	--color-box-body: var(--clr-dark-base) !important;
+	--color-box-header: var(--clr-dark-base) !important;
+
+	--color-primary-light-1: #3f8be2;
+	--color-primary-light-2: #2677d3;
+	--color-primary-light-3: #1571da;
+	--color-primary-light-4: #0f5db6;
+	--color-primary-light-5: #084080;
+	--color-primary-light-6: #042d5c;
+	--color-primary-light-7: #00152c;
+
+	--color-primary-dark-1: #67aeff;
+	--color-primary-dark-2: #83bdff;
+	--color-primary-dark-3: #9fccff;
+	--color-primary-dark-4: #bddcff;
+	--color-primary-dark-5: #d7eaff;
+	--color-primary-dark-6: #f1f8ff;
+	--color-primary-dark-7: #ffffff;
+}
+
+body .full.height {
+	background: var(--color-body);
+}
+
+.page-content.home,
+.page-content.home > div {
+	height: 100%;
+}
+
+.page-content div.hero-flex {
+	height: 100% !important;
+	display: flex !important;
+	gap: 3rem !important;
+	justify-content: center !important;
+	align-items: center !important;
+}
+
+.ui.icon.header.title {
+	font-size: 5em;
+	line-height: 1em;
+	margin: 0;
+}
+
+@media screen and (max-width: 620px) {
+	.page-content div.hero-flex {
+		flex-direction: column;
+	}
+
+	.ui.icon.header.title {
+		font-size: 3em;
+	}
+}
+
+.hero-explore {
+	display: block;
+	text-align: right;
+	margin-top: 15px;
+}
+
+.hero-explore button {
+	border: none !important;
+}
+
+.right.stackable.menu a:first-of-type {
+	display: none;
+}
+
+.ui.avatar.image,
+.ui.avatar.image img,
+.ui.avatar.images .image,
+.ui.avatar.images img,
+.ui.avatar.images svg,
+.ui.avatar.image svg,
+.ui.card .avatar img,
+.ui.card img.avatar,
+.ui.cards > .card .avatar img,
+.ui.cards > .card img.avatar {
+	border-radius: 100%;
+}
+
+.feeds .list ul li.private {
+	background: var(--color-tertiary);
+}
+
+.ui.menu,
+.ui.vertical.menu {
+	background: var(--clr-dark-base);
+	border-color: transparent;
+}
+
+.ui.pagination.menu.narrow .item {
+	padding-left: 16px;
+	padding-right: 16px;
+}
+
+.ui.ui.menu .item.disabled {
+	color: var(--color-text-light-3) !important;
+}
+
+.repo-title a {
+	font-weight: 600;
+	color: var(--clr-repo-title) !important;
+}
+
+.ui.breadcrumb a,
+a {
+	color: var(--clr-link-primary) !important;
+}
+
+.ui.basic.button,
+.ui.basic.buttons .button {
+	background: var(--clr-btn-bg);
+	transition: all 300ms ease;
+}
+
+hero-explore .button:hover,
+.ui.basic.button:hover,
+.ui.basic.buttons .button:hover {
+	background: var(--clr-btn-bg);
+	border-color: var(--clr-btn-hover-border);
+}
+
+.ui.tabular.menu .item:hover {
+	background: var(--color-tertiary);
+}
+
+.message a {
+	color: var(--clr-link-secondary) !important;
+}
+
+.following.bar.light {
+	background: var(--clr-dark-base) !important;
+}
+
+.ui.secondary.menu {
+	margin-left: 0;
+	margin-right: 0;
+}
+
+.ui.fitted.menu .item,
+.ui.fitted.menu .item .menu .item,
+.ui.menu .fitted.item {
+	margin: 0;
+}
+
+.ui.table > thead > tr > th {
+	background: var(--clr-dark-base) !important;
+	border-bottom: 1px solid var(--color-secondary);
+}
+
+.repository.file.list #repo-files-table tbody .svg.octicon-file-directory,
+.repository.file.list #repo-files-table tbody .svg.octicon-file-submodule {
+	color: var(--color-primary);
+}
+
+.repository.file.list #repo-files-table tr {
+	background: var(--clr-dark-base) !important;
+}
+
+.repository.file.list #repo-files-table tr:hover {
+	background: var(--color-tertiary) !important;
+}
+
+.repository #file-buttons {
+	visibility: hidden;
+}
+
+.repository #clone-panel {
+	width: auto;
+}
+
+.repository #clone-panel .clone.button {
+	padding: 7.5px 10px;
+}
+
+.markdown:not(code) h3 {
+	font-size: 1.25em;
+}
+
+footer {
+	background: var(--clr-dark-base);
+	border: 0;
+}
+
+footer,
+footer * {
+	font-size: 0.8rem;
+}
+
+footer .ui.language .svg {
+	display: none;
+}

templates/custom/header.tmpl

@@ -0,0 +1,4 @@
+<link rel="stylesheet" href="/custom.css" />
+<link rel="preconnect" href="https://fonts.gstatic.com">
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> 
+<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital@0;1&display=swap" rel="stylesheet"> 

templates/home.tmpl

@@ -0,0 +1,17 @@
+{{template "base/head" .}}
+<div class="page-content home">
+	<div class="sixteen wide center aligned centered column hero-flex">
+		<div>
+			<img class="logo" width="100" height="100" src="/img/logo.svg"/>
+		</div>
+		<div class="hero">
+			<h1 class="ui icon header title">
+				{{AppName}}
+			</h1>
+			<a class="hero-explore" href="/explore/repos">
+				<button id="new-pull-request" class="ui compact basic button">explore</button>
+			</a>
+		</div>
+	</div>
+</div>
+{{template "base/footer" .}}