diff --git a/src/templates/components/card_repos.tmpl b/src/templates/components/card_repos.tmpl
new file mode 100644
index 0000000..55a281d
--- /dev/null
+++ b/src/templates/components/card_repos.tmpl
@@ -0,0 +1,135 @@
+<style>
+	.ui.cards-column {
+		display: flex;
+		flex-direction: column;
+		gap: 1.5rem;
+		width: 100%;
+		max-width: 700px;
+		margin: auto;
+		padding: 2rem 1rem;
+	}
+
+	.ui.card {
+		width: 100%;
+		margin: 0 !important;
+		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+		transition: transform 0.2s, box-shadow 0.2s;
+		background-color: hsl(213, 12%, 10%);
+		border: 1px solid hsl(213, 12%, 18%);
+	}
+
+	.ui.card:hover {
+		transform: translateY(-2px);
+		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
+		background-color: hsl(213, 12%, 13%);
+	}
+
+	.ui.card .content {
+		padding: 1.5rem;
+	}
+
+	.ui.card h3 {
+		color: hsl(204deg, 90%, 60%);
+		margin-bottom: 1rem;
+		font-size: 1.5rem;
+	}
+
+	.ui.card .description {
+		color: #bbc0ca;
+		font-size: 1.1rem;
+	}
+
+	.ui.card .description p {
+		margin: 0;
+		line-height: 1.6;
+	}
+
+	.button-container {
+		text-align: center;
+	}
+
+	.ui.button.primary {
+		background-color: hsl(204deg, 90%, 60%);
+		color: #f0f0f0;
+		padding: 1em 2em;
+		border-radius: 4px;
+		border: none;
+		cursor: pointer;
+		width: auto;
+		display: inline-block;
+		font-size: 1.1rem;
+	}
+
+	.ui.button.primary:hover {
+		background-color: hsl(204deg, 90%, 50%);
+	}
+
+	.ui.button.primary a {
+		color: #f0f0f0;
+		text-decoration: none;
+		display: block;
+	}
+
+	@media (max-width: 768px) {
+		.ui.cards-column {
+			padding: 2rem 1rem;
+		}
+
+		.ui.card .content {
+			padding: 1.25rem;
+		}
+
+		.ui.card h3 {
+			font-size: 1.25rem;
+		}
+
+		.ui.card .description {
+			font-size: 1rem;
+		}
+
+		.ui.button.primary {
+			font-size: 1rem;
+			padding: 0.8em 1.5em;
+		}
+	}
+</style>
+
+<div class="ui cards-column stackable">
+	<div class="ui card">
+		<div class="content">
+			<a href="{{ AppSubUrl }}/zeldon/mineping">
+				<h3>Mineping</h3>
+			</a>
+			<div class="description">
+				<p>Javascript library for pinging Minecraft servers</p>
+			</div>
+		</div>
+	</div>
+	<div class="ui card">
+		<div class="content">
+			<a href="{{ AppSubUrl }}/zeldon/razer-battery-report">
+				<h3>Razer Battery Report</h3>
+			</a>
+			<div class="description">
+				<p>Razer Mouse Battery Level Tray Indicator</p>
+			</div>
+		</div>
+	</div>
+	<div class="ui card">
+		<div class="content">
+			<a href="{{ AppSubUrl }}/zeldon/zeldon-site">
+				<h3>Website</h3>
+			</a>
+			<div class="description">
+				<p>Sources of my personal website</p>
+			</div>
+		</div>
+	</div>
+</div>
+<div class="button-container">
+	<button class="ui button primary">
+		<a class="item" rel="nofollow" href="{{ AppSubUrl }}/explore/repos">
+			Explore other!
+		</a>
+	</button>
+</div>
diff --git a/src/templates/custom/header.tmpl b/src/templates/custom/header.tmpl
new file mode 100644
index 0000000..eb519c5
--- /dev/null
+++ b/src/templates/custom/header.tmpl
@@ -0,0 +1,170 @@
+<style>
+	:root {
+		--border-radius: 0.33rem;
+		--transition-speed: 150ms;
+
+		--color-timeline: var(--color-secondary);
+	}
+
+	/* Light-theme specific. */
+	.theme-gitea {
+		--color-primary: hsl(204deg, 90%, 60%);
+	}
+
+	/* Revert the red color in dashboard header buttons. */
+	.dashboard.feeds .right.stackable.menu > .item.active,
+	.dashboard.issues .right.stackable.menu > .item.active {
+		color: unset;
+	}
+
+	/* Global tweaks (all themes) */
+	/* Buttons. */
+	.ui.button,
+	a.ui.label {
+		transition: background-color var(--transition-speed),
+			color var(--transition-speed);
+	}
+
+	/* Avatars. */
+	img.ui.avatar {
+		border-radius: 50%;
+	}
+
+	/* Dim the "header" of sections in dropdown menus. */
+	.ui.dropdown .menu > .header:not(.ui) {
+		color: var(--color-text-light-3);
+	}
+
+	/* Homepage. */
+	/* By default Gitea colors links green */
+	.home a {
+		color: var(--color-primary);
+	}
+
+	/* Hide brand navbar completely when not in mobile. */
+	@media (min-width: 768px) {
+		.following.bar #navbar .brand {
+			display: none;
+		}
+	}
+
+	/* Repository page. */
+	.repository .file-view.markdown a {
+		color: var(--color-primary);
+	}
+
+	.repository .file-view .markup img {
+		border-radius: var(--border-radius);
+	}
+
+	/* Repository folder icon. */
+	.repository.file.list
+		#repo-files-table
+		tbody
+		.svg.octicon-file-directory-fill {
+		color: currentColor;
+	}
+
+	/* Repository stats. */
+	.repository-summary-language-stats {
+		height: unset;
+	}
+
+	.repository .repository-summary .segment.language-stats {
+		height: 4px;
+	}
+
+	/* Repository: Activity page. */
+	.stats-table {
+		margin-bottom: var(--spacer);
+	}
+
+	/* Hide branches from PR list. */
+	.issue.list .branches {
+		display: none !important;
+	}
+
+	/* Footer. */
+	footer {
+		color: hsl(224, 9.2%, 60%);
+	}
+
+	footer a {
+		color: hsl(204deg, 90%, 60%);
+	}
+
+	/* Manual preview tweaks. */
+	.restructuredtext a {
+		color: var(--color-accent) !important;
+	}
+	.restructuredtext :is(section, dd) > div {
+		background-color: var(--color-markup-code-block);
+		padding-bottom: 8px;
+		margin-bottom: 16px;
+		padding: 0;
+		border-radius: 5px;
+	}
+	.restructuredtext section div > p:first-child {
+		font-weight: 700;
+	}
+	.restructuredtext section div * {
+		margin: 0 !important;
+	}
+	.restructuredtext section div > :is(p, dl) {
+		padding: 8px 12px;
+	}
+	.restructuredtext section div > ul {
+		padding-bottom: 12px;
+	}
+	.restructuredtext section dl dt {
+		font-style: normal;
+	}
+
+	/* Alert blocks. */
+	blockquote.attention-note {
+		background-color: var(--color-info-bg);
+		border-left-color: hsl(206, 56%, 45%);
+	}
+	strong.attention-note,
+	span.attention-note {
+		color: hsl(206, 56%, 45%);
+	}
+
+	blockquote.attention-tip {
+		background-color: var(--color-success-bg);
+		border-left-color: hsl(124deg, 41%, 30%);
+	}
+	strong.attention-tip,
+	span.attention-tip {
+		color: hsl(124deg, 41%, 30%);
+	}
+
+	blockquote.attention-important {
+		background-color: var(--color-violet-dark-bg);
+		border-left-color: hsl(259.2, 66.5%, 60%);
+	}
+
+	strong.attention-important,
+	span.attention-important {
+		color: hsl(259.2, 66.5%, 60%);
+	}
+
+	blockquote.attention-warning {
+		background-color: var(--color-warning-bg);
+		border-left-color: hsl(44.8, 97%, 38%);
+	}
+
+	strong.attention-warning,
+	span.attention-warning {
+		color: hsl(44.8, 97%, 38%);
+	}
+
+	blockquote.attention-caution {
+		background-color: var(--color-error-bg);
+		border-left-color: hsl(0, 56.4%, 50%);
+	}
+	strong.attention-caution,
+	span.attention-caution {
+		color: hsl(0, 56.4%, 50%);
+	}
+</style>
diff --git a/src/templates/home.tmpl b/src/templates/home.tmpl
new file mode 100644
index 0000000..16394da
--- /dev/null
+++ b/src/templates/home.tmpl
@@ -0,0 +1,55 @@
+{{template "base/head" .}}
+<style>
+	.page-content.home {
+		max-width: 850px;
+		margin: 0 auto;
+	}
+
+	.hero {
+		text-align: center;
+	}
+
+	.hero .title {
+		color: hsl(204deg, 90%, 60%);
+		margin-bottom: 1.5rem;
+		font-size: 3rem;
+	}
+
+	.hero p {
+		font-size: 1.25rem;
+		color: #bbc0ca;
+	}
+
+	@media (max-width: 768px) {
+		.page-content.home {
+			padding: 1rem;
+		}
+
+		.hero .title {
+			font-size: 2rem;
+		}
+
+		.hero p,
+		.intro-text {
+			font-size: 1rem;
+		}
+	}
+</style>
+
+<div class="page-content home">
+	<div class="ui stackable middle very relaxed page grid">
+		<div class="sixteen wide aligned column">
+			<div class="hero">
+				<h2 class="ui header title">
+					{{ AppName }}
+				</h2>
+				<p>
+					Welcome to the Zeldon's Projects portal! This is where all the
+					codebases are coordinated and managed.
+				</p>
+			</div>
+			{{template "components/card_repos" .}}
+		</div>
+	</div>
+</div>
+{{template "base/footer" .}}
diff --git a/src/templates/repo/create_helper.tmpl b/src/templates/repo/create_helper.tmpl
new file mode 100644
index 0000000..739e2da
--- /dev/null
+++ b/src/templates/repo/create_helper.tmpl
@@ -0,0 +1,6 @@
+<p class="ui center">
+    Create repository of an open source <b>software project</b>.<br>
+</p>
+<p class="ui center">
+    Please be careful to not use too much disk space in repositories, don't store big files.
+</p>
\ No newline at end of file
diff --git a/src/templates/repo/migrate/helper.tmpl b/src/templates/repo/migrate/helper.tmpl
new file mode 100644
index 0000000..ff2012f
--- /dev/null
+++ b/src/templates/repo/migrate/helper.tmpl
@@ -0,0 +1,6 @@
+<p class="ui center">
+    Migrate repository of an open source <b>software project</b>.<br>
+</p>
+<p class="ui center">
+    Please be careful to not use too much disk space in repositories, don't store big files.
+</p>
\ No newline at end of file