1
Fork 0

Add the Re-Nav page without store links.

This commit is contained in:
Bauke 2022-11-02 12:45:11 +01:00
parent 4d247bad32
commit 4bb22a3b4b
Signed by: Bauke
GPG Key ID: C1C0F29952BCF558
5 changed files with 124 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 329 KiB

BIN
source/assets/re-nav.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

45
source/re-nav/index.html Normal file
View File

@ -0,0 +1,45 @@
{% extends "source/includes/base.html" %}
{% import "source/includes/macros.html" as macros %}
{% set title = "Re-Nav ↩" %}
{% block head %}
<link rel="stylesheet" href="/scss/re-nav/re-nav.scss">
{% endblock %}
{% block body %}
<header class="page-header">
<h1>
<img src="../assets/re-nav.png" alt="Re-Nav Logo">
Re-Nav
</h1>
<p class="byline">Navigation redirects for the masses.</p>
</header>
<main class="page-main">
<!--<p class="store-links">
<a title="Get Re-Nav for Firefox"
href="">
<img src="../assets/mozilla-addons.png" alt="Get Re-Nav for Firefox">
</a>
<a title="Get Re-Nav for Chrome"
href="">
<img src="../assets/chrome-web-store.png" alt="Get Re-Nav for Chrome">
</a>
<a title="Get Re-Nav for Edge"
href="">
<img src="../assets/microsoft.png" alt="Get Re-Nav for Edge">
</a>
</p>-->
<img class="screenshot" alt="Re-Nav Screenshot" title="Re-Nav Screenshot"
src="../assets/re-nav-screenshot.png">
</main>
<footer class="page-footer">
&copy;
<a href="https://git.bauke.xyz/Holllo/re-nav">AGPL-3.0-or-later</a>
💖
<a href="mailto:helllo@holllo.org">helllo@holllo.org</a>
</footer>
{% endblock %}

View File

@ -0,0 +1,78 @@
@use '../mixins';
body {
padding: var(--spacing-16);
}
.page-header {
@include mixins.responsive-container($width-breakpoint: 600px);
margin-bottom: var(--spacing-16);
h1 {
align-items: center;
border: 1px solid var(--foreground-2);
display: flex;
font-size: 2.5rem;
margin-bottom: var(--spacing-08);
}
img {
align-items: center;
background-color: var(--df-2);
color: var(--db-1);
display: inline-flex;
height: 4.5rem;
justify-content: center;
margin-right: var(--spacing-08);
padding: var(--spacing-08);
width: 4.5rem;
}
.byline {
background-color: var(--background-2);
font-weight: bold;
padding: var(--spacing-08);
text-align: center;
}
}
.page-main {
@include mixins.responsive-container($width-breakpoint: 900px);
margin-bottom: var(--spacing-16);
display: flex;
flex-direction: column;
.store-links {
align-items: center;
display: flex;
gap: var(--spacing-08);
justify-content: center;
margin-bottom: var(--spacing-16);
@media (max-width: 600px) {
flex-direction: column;
}
a {
padding: var(--spacing-04);
text-decoration: none;
}
img {
display: block;
height: fit-content;
}
}
.screenshot {
border: 1px solid var(--foreground-2);
}
}
.page-footer {
@include mixins.responsive-container($width-breakpoint: 600px);
text-align: center;
}

View File

@ -4,3 +4,4 @@
# Redirect projects to Gitea
/fangs/gitea https://git.bauke.xyz/Holllo/fangs 301
/queue/gitea https://git.bauke.xyz/Holllo/queue 301
/re-nav/gitea https://git.bauke.xyz/Holllo/re-nav 301