Rewrite the site using Astro.
This commit is contained in:
parent
7077f2362b
commit
65c3c8509c
GPG Key ID:
C1C0F29952BCF558
|
|
@ -2,7 +2,7 @@
|
|||
[tasks.build]
|
||||
clear = true
|
||||
command = "pnpm"
|
||||
args = ["vite", "build"]
|
||||
args = ["astro", "build"]
|
||||
|
||||
# Remove build directories.
|
||||
[tasks.clean]
|
||||
|
|
@ -38,4 +38,4 @@ args = ["stylelint", "source/**/*.scss"]
|
|||
[tasks.watch]
|
||||
clear = true
|
||||
command = "pnpm"
|
||||
args = ["vite", "start"]
|
||||
args = ["astro", "dev"]
|
||||
|
|
|
|||
|
|
@ -0,0 +1,16 @@
|
|||
import path from "node:path";
|
||||
import {defineConfig} from "astro/config";
|
||||
|
||||
const relative = (input: string) => new URL(input, import.meta.url).pathname;
|
||||
|
||||
const buildDir = relative("build");
|
||||
const sourceDir = relative("source");
|
||||
|
||||
export default defineConfig({
|
||||
// eslint-disable-next-line @typescript-eslint/naming-convention
|
||||
compressHTML: true,
|
||||
outDir: buildDir,
|
||||
publicDir: path.join(sourceDir, "assets/"),
|
||||
site: "https://holllo.org",
|
||||
srcDir: sourceDir,
|
||||
});
|
||||
|
|
@ -11,13 +11,12 @@
|
|||
"@bauke/stylelint-config": "^0.1.5",
|
||||
"@types/node": "^20.11.5",
|
||||
"@types/nunjucks": "^3.2.6",
|
||||
"astro": "^4.1.3",
|
||||
"netlify-cli": "^17.14.0",
|
||||
"sass": "^1.69.7",
|
||||
"stylelint": "^16.1.0",
|
||||
"trash-cli": "^5.0.0",
|
||||
"typescript": "^5.3.3",
|
||||
"vite": "^5.0.11",
|
||||
"vite-plugin-nunjucks": "^0.2.0",
|
||||
"xo": "^0.56.0"
|
||||
},
|
||||
"prettier": "@bauke/prettier-config",
|
||||
|
|
@ -26,10 +25,8 @@
|
|||
},
|
||||
"xo": {
|
||||
"extends": "@bauke/eslint-config",
|
||||
"extensions": ["astro"],
|
||||
"prettier": true,
|
||||
"rules": {
|
||||
"@typescript-eslint/consistent-type-definitions": "off"
|
||||
},
|
||||
"space": true
|
||||
}
|
||||
}
|
||||
|
|
|
|||
1295
pnpm-lock.yaml
1295
pnpm-lock.yaml
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,47 @@
|
|||
---
|
||||
/** Props for the WebExtensionStore component. */
|
||||
export interface Props {
|
||||
/** The name of the WebExtension. */
|
||||
name: string;
|
||||
/** The store to create the link for. */
|
||||
store: string;
|
||||
/** The ID of the WebExtension to append to the store link. */
|
||||
webExtensionId: string;
|
||||
}
|
||||
|
||||
const {name, store, webExtensionId} = Astro.props;
|
||||
let [storeImage, storeName, storeUrl] = ["", "", ""];
|
||||
|
||||
switch (store) {
|
||||
case "chrome": {
|
||||
storeImage = "/chrome-web-store.png";
|
||||
storeName = "Chrome";
|
||||
storeUrl = `https://chrome.google.com/webstore/detail/${webExtensionId}`;
|
||||
break;
|
||||
}
|
||||
|
||||
case "edge": {
|
||||
storeImage = "/microsoft.png";
|
||||
storeName = "Edge";
|
||||
storeUrl = `https://microsoftedge.microsoft.com/addons/detail/${webExtensionId}`;
|
||||
break;
|
||||
}
|
||||
|
||||
case "firefox": {
|
||||
storeImage = "/mozilla-addons.png";
|
||||
storeName = "Firefox";
|
||||
storeUrl = `https://addons.mozilla.org/firefox/addon/${webExtensionId}`;
|
||||
break;
|
||||
}
|
||||
|
||||
default: {
|
||||
throw new Error(`Unrecognized WebExtension store: ${store}`);
|
||||
}
|
||||
}
|
||||
|
||||
const altText = `Get ${name} for ${storeName}`;
|
||||
---
|
||||
|
||||
<a href={storeUrl} title={altText}>
|
||||
<img alt={altText} src={storeImage} />
|
||||
</a>
|
||||
|
|
@ -1,19 +1,8 @@
|
|||
// eslint-disable-next-line @typescript-eslint/triple-slash-reference
|
||||
/// <reference types="astro/client" />
|
||||
|
||||
declare global {
|
||||
// See Vite documentation for `import.meta.env` usage.
|
||||
// https://vitejs.dev/guide/env-and-mode.html
|
||||
|
||||
interface ImportMeta {
|
||||
readonly env: ImportMetaEnv;
|
||||
}
|
||||
|
||||
interface ImportMetaEnv {
|
||||
readonly BASE_URL: string;
|
||||
readonly DEV: boolean;
|
||||
readonly MODE: string;
|
||||
readonly PROD: boolean;
|
||||
readonly VITE_BROWSER: "chromium" | "firefox";
|
||||
}
|
||||
|
||||
// eslint-disable-next-line @typescript-eslint/consistent-type-definitions
|
||||
interface Window {
|
||||
"Re-Nav": {
|
||||
decodeBase64<T>(base64: string): T;
|
||||
|
|
@ -1,45 +0,0 @@
|
|||
{% extends "source/includes/base.html" %}
|
||||
{% import "source/includes/macros.html" as macros %}
|
||||
|
||||
{% set title = "Fangs 🧛" %}
|
||||
|
||||
{% block head %}
|
||||
<link rel="stylesheet" href="/scss/fangs/fangs.scss">
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<header class="page-header">
|
||||
<h1>
|
||||
<img src="../assets/fangs-128-opaque.png" alt="Fangs Logo">
|
||||
Fangs
|
||||
</h1>
|
||||
<p class="byline">Inject custom DuckDuckGo Bangs.</p>
|
||||
</header>
|
||||
|
||||
<main class="page-main">
|
||||
<p class="store-links">
|
||||
<a title="Get Fangs for Firefox"
|
||||
href="https://addons.mozilla.org/firefox/addon/fangs">
|
||||
<img src="../assets/mozilla-addons.png" alt="Get Fangs for Firefox">
|
||||
</a>
|
||||
<a title="Get Fangs for Chrome"
|
||||
href="https://chrome.google.com/webstore/detail/fangs/dlllfannplfkhbiidhihagjkbmcolclf">
|
||||
<img src="../assets/chrome-web-store.png" alt="Get Fangs for Chrome">
|
||||
</a>
|
||||
<a title="Get Fangs for Edge"
|
||||
href="https://microsoftedge.microsoft.com/addons/detail/fangs/fgfkpbflhnljpfniippaagjjlncobhjd">
|
||||
<img src="../assets/microsoft.png" alt="Get Fangs for Edge">
|
||||
</a>
|
||||
</p>
|
||||
|
||||
<img class="screenshot" alt="Fangs Screenshot" title="Fangs Screenshot"
|
||||
src="../assets/fangs-screenshot.png">
|
||||
</main>
|
||||
|
||||
<footer class="page-footer">
|
||||
©
|
||||
<a href="https://git.bauke.xyz/Holllo/fangs">AGPL-3.0-or-later</a>
|
||||
💖
|
||||
<a href="mailto:helllo@holllo.org">helllo@holllo.org</a>
|
||||
</footer>
|
||||
{% endblock %}
|
||||
|
|
@ -1,21 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{{ title }}</title>
|
||||
<link rel="shortcut icon" href="/assets/holllo-mark-square.png" type="image/png">
|
||||
<link rel="stylesheet" href="/scss/modern-normalize.scss">
|
||||
<link rel="stylesheet" href="/scss/love.scss">
|
||||
<link rel="stylesheet" href="/scss/common.scss">
|
||||
{% block head %}{% endblock %}
|
||||
</head>
|
||||
|
||||
<body class="love">
|
||||
{% block body %}{% endblock %}
|
||||
<script src="/ts/common.ts" type="module"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -1,43 +0,0 @@
|
|||
{%- macro iconLink(link, text='Unknown', icon='none') -%}
|
||||
{%- set link = linkFromType(link, icon) -%}
|
||||
<a class="icon-link" href="{{ link }}" rel="noopener noreferrer">
|
||||
<img alt="{{ text }}" src="/assets/{{ icon }}.png">
|
||||
</a>
|
||||
{%- endmacro -%}
|
||||
|
||||
{%- macro link(link, text='', type='default', linkAsText=false) -%}
|
||||
{%- if linkAsText -%}
|
||||
{%- set text = link -%}
|
||||
{%- endif -%}
|
||||
|
||||
{%- set link = linkFromType(link, type) -%}
|
||||
<a href="{{ link }}" rel="noopener noreferrer">{{ text }}</a>
|
||||
{%- endmacro -%}
|
||||
|
||||
{%- macro linkFromType(link, type='default') -%}
|
||||
{%- if type === 'github' -%}
|
||||
{%- set text = 'GitHub' -%}
|
||||
{%- set link = 'https://github.com/' + link -%}
|
||||
{%- elif type === 'mozilla-firefox' -%}
|
||||
{%- set text = 'Mozilla Firefox' -%}
|
||||
{%- set link = 'https://addons.mozilla.org/firefox/addon/' + link -%}
|
||||
{%- elif type === 'google-chrome' -%}
|
||||
{%- set text = 'Google Chrome' -%}
|
||||
{%- set link = 'https://chrome.google.com/webstore/detail/' + link -%}
|
||||
{%- elif type === 'microsoft-edge' -%}
|
||||
{%- set text = 'Microsoft Edge' -%}
|
||||
{%- set link = 'https://microsoftedge.microsoft.com/addons/detail/' + link -%}
|
||||
{%- elif type === 'crates-io' -%}
|
||||
{%- set text = 'Crates.io' -%}
|
||||
{%- set link = 'https://crates.io/crates/' + link -%}
|
||||
{%- elif type === 'pypi' -%}
|
||||
{%- set text = 'Python Package Index' -%}
|
||||
{%- set link = 'https://pypi.org/project/' + link -%}
|
||||
{%- elif type === 'npm' -%}
|
||||
{%- set text = 'npm' -%}
|
||||
{%- set link = 'https://www.npmjs.com/package/' + link -%}
|
||||
{%- endif -%}
|
||||
|
||||
{{- link -}}
|
||||
|
||||
{%- endmacro -%}
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
---
|
||||
import "@fontsource/inter/latin.css";
|
||||
import "../scss/common.scss";
|
||||
|
||||
/** Properties for the base layout. */
|
||||
export interface Props {
|
||||
/** Page frontmatter data. */
|
||||
frontmatter: {
|
||||
/** Path to an image to use as the favicon, defaults to the Holllo logo. */
|
||||
favicon?: string;
|
||||
/** The text to use for the `<title>` element. */
|
||||
pageTitle: string;
|
||||
};
|
||||
}
|
||||
|
||||
const {frontmatter} = Astro.props;
|
||||
const favicon = "/" + (frontmatter.favicon ?? "holllo-mark-square.png");
|
||||
---
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>{frontmatter.pageTitle}</title>
|
||||
<link rel="shortcut icon" href={favicon} type="image/png" />
|
||||
</head>
|
||||
|
||||
<body class="love">
|
||||
<slot />
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,80 @@
|
|||
---
|
||||
import WebExtensionStore from "../components/web-extension-store.astro";
|
||||
import BaseLayout, {Props as BaseProps} from "./base.astro";
|
||||
|
||||
/** Props for the WebExtension layout. */
|
||||
export interface Props {
|
||||
frontmatter: {
|
||||
/** A one-liner for a short description. */
|
||||
byline?: string;
|
||||
/** Data for the footer. */
|
||||
footer: {
|
||||
/** A link to the code's git repository. */
|
||||
link: string;
|
||||
/** The SPDX license identifier of the project. */
|
||||
license: string;
|
||||
};
|
||||
/** The name of the WebExtension to use in the header. */
|
||||
name: string;
|
||||
/** The path for the screenshot image. */
|
||||
screenshot: string;
|
||||
/** All the stores the WebExtension is available in. */
|
||||
stores: {
|
||||
/** The ID for the Chrome Web Store page. */
|
||||
chrome?: string;
|
||||
/** The ID for the Microsoft Edge Marketplace page. */
|
||||
edge?: string;
|
||||
/** The ID for the Mozilla Addons page. */
|
||||
firefox?: string;
|
||||
};
|
||||
} & BaseProps["frontmatter"];
|
||||
}
|
||||
|
||||
const {frontmatter} = Astro.props;
|
||||
---
|
||||
|
||||
<BaseLayout {...Astro.props}>
|
||||
<header class="page-header">
|
||||
<h1>
|
||||
<slot name="header-image" />
|
||||
{frontmatter.name}
|
||||
</h1>
|
||||
|
||||
{
|
||||
frontmatter.byline ? (
|
||||
<p class="byline">{frontmatter.byline}</p>
|
||||
) : undefined
|
||||
}
|
||||
</header>
|
||||
|
||||
<main class="page-main">
|
||||
<slot name="main-content">
|
||||
<p class="store-links">
|
||||
{
|
||||
Object.entries(frontmatter.stores).map(([key, value]) => (
|
||||
<WebExtensionStore
|
||||
name={frontmatter.name}
|
||||
store={key}
|
||||
webExtensionId={value as string}
|
||||
/>
|
||||
))
|
||||
}
|
||||
</p>
|
||||
|
||||
<img
|
||||
class="screenshot"
|
||||
alt=`${frontmatter.name} Screenshot`
|
||||
title=`${frontmatter.name} Screenshot`
|
||||
src={frontmatter.screenshot}
|
||||
/>
|
||||
</slot>
|
||||
</main>
|
||||
|
||||
<footer class="page-footer">
|
||||
©
|
||||
<a href={frontmatter.footer.link}>{frontmatter.footer.license}</a>
|
||||
💖
|
||||
<a href="mailto:helllo@holllo.org">helllo@holllo.org</a>
|
||||
<slot name="extra-footer-content" />
|
||||
</footer>
|
||||
</BaseLayout>
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
---
|
||||
import "../scss/pages/fangs.scss";
|
||||
import WebExtensionLayout, {
|
||||
Props as WebExtensionProps,
|
||||
} from "../layouts/web-extension.astro";
|
||||
|
||||
const props: WebExtensionProps = {
|
||||
frontmatter: {
|
||||
byline: "Inject custom DuckDuckGo Bangs.",
|
||||
footer: {
|
||||
link: "https://git.bauke.xyz/Holllo/fangs",
|
||||
license: "AGPL-3.0-or-later",
|
||||
},
|
||||
name: "Fangs",
|
||||
pageTitle: "Fangs 🧛",
|
||||
screenshot: "/fangs-screenshot.png",
|
||||
stores: {
|
||||
firefox: "fangs",
|
||||
chrome: "fangs/dlllfannplfkhbiidhihagjkbmcolclf",
|
||||
edge: "fangs/fgfkpbflhnljpfniippaagjjlncobhjd",
|
||||
},
|
||||
},
|
||||
};
|
||||
---
|
||||
|
||||
<WebExtensionLayout {...props}>
|
||||
<img alt="Fangs Logo" slot="header-image" src="/fangs-128-opaque.png" />
|
||||
</WebExtensionLayout>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
---
|
||||
import "../scss/pages/home.scss";
|
||||
import BaseLayout, {Props as BaseProps} from "../layouts/base.astro";
|
||||
|
||||
const props: BaseProps = {
|
||||
frontmatter: {
|
||||
pageTitle: "Holllo",
|
||||
},
|
||||
};
|
||||
---
|
||||
|
||||
<BaseLayout {...props}>
|
||||
<header class="page-header">
|
||||
<img alt="Holllo" src="/holllo-mark.png" />
|
||||
|
||||
<p class="byline">Developing free and open-source software, forever.</p>
|
||||
|
||||
<a href="mailto:helllo@holllo.org">helllo@holllo.org</a>
|
||||
</header>
|
||||
</BaseLayout>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
---
|
||||
import "../scss/pages/queue.scss";
|
||||
import WebExtensionLayout, {
|
||||
Props as WebExtensionProps,
|
||||
} from "../layouts/web-extension.astro";
|
||||
|
||||
const props: WebExtensionProps = {
|
||||
frontmatter: {
|
||||
byline: "Effortless temporary bookmarks.",
|
||||
footer: {
|
||||
link: "https://github.com/Holllo/queue",
|
||||
license: "AGPL-3.0-or-later",
|
||||
},
|
||||
name: "Queue",
|
||||
pageTitle: "Queue ⇥",
|
||||
screenshot: "/queue-screenshot.png",
|
||||
stores: {
|
||||
firefox: "holllo-queue",
|
||||
chrome: "queue/epnbikemcmienphlfmidkimpjnmohcbl",
|
||||
edge: "queue/aanjampfdpcnhoeglmfefmmegdbifaak",
|
||||
},
|
||||
},
|
||||
};
|
||||
---
|
||||
|
||||
<WebExtensionLayout {...props}>
|
||||
<span class="icon" slot="header-image">⇥</span>
|
||||
<span slot="extra-footer-content">
|
||||
📚
|
||||
<a href="https://git.bauke.xyz/Holllo/queue/wiki">Wiki</a>
|
||||
</span>
|
||||
</WebExtensionLayout>
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
---
|
||||
import "../../scss/pages/re-nav.scss";
|
||||
import WebExtensionLayout, {
|
||||
Props as WebExtensionProps,
|
||||
} from "../../layouts/web-extension.astro";
|
||||
|
||||
export const props: WebExtensionProps = {
|
||||
frontmatter: {
|
||||
byline: "Navigation redirects for the masses.",
|
||||
footer: {
|
||||
link: "https://github.com/Holllo/re-nav",
|
||||
license: "AGPL-3.0-or-later",
|
||||
},
|
||||
name: "Re-Nav",
|
||||
pageTitle: "Re-Nav ↩",
|
||||
screenshot: "/re-nav-screenshot.png",
|
||||
stores: {
|
||||
firefox: "re-nav",
|
||||
chrome: "re-nav/efjignaelidacjdhleaojfmkklganjjb",
|
||||
edge: "renav/efnkhmlaemggdlpalglioeolbbhfpiic",
|
||||
},
|
||||
},
|
||||
};
|
||||
---
|
||||
|
||||
<WebExtensionLayout {...props}>
|
||||
<img alt="Re-Nav Logo" src="/re-nav.png" slot="header-image" />
|
||||
</WebExtensionLayout>
|
||||
|
|
@ -0,0 +1,43 @@
|
|||
---
|
||||
import "../../scss/pages/re-nav.scss";
|
||||
import "../../scss/pages/re-nav-share.scss";
|
||||
import WebExtensionLayout from "../../layouts/web-extension.astro";
|
||||
import {props} from "./index.astro";
|
||||
|
||||
delete props.frontmatter.byline;
|
||||
---
|
||||
|
||||
<WebExtensionLayout {...props}>
|
||||
<img alt="Re-Nav Logo" src="/re-nav.png" slot="header-image" />
|
||||
|
||||
<slot slot="main-content">
|
||||
<p class="subtitle">
|
||||
Welcome to Re-Nav's share page!
|
||||
<br />
|
||||
Use the share button in Re-Nav's options page to create a link with your redirect.
|
||||
</p>
|
||||
|
||||
<div class="hidden-by-default redirect">
|
||||
<p class="matcher-data">
|
||||
<span class="matcher-type"></span>
|
||||
<span class="matcher-value"></span>
|
||||
</p>
|
||||
<p class="arrow">↓</p>
|
||||
<p class="redirect-data">
|
||||
<span class="redirect-type"></span>
|
||||
<span class="redirect-value"></span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- This element will be shown by JS on page load, and if Re-Nav is installed,
|
||||
it will be used as the root container for the import button. -->
|
||||
<div class="hidden-by-default re-nav-import">
|
||||
<p>
|
||||
With <a href="..">Re-Nav</a> installed, you'll see a button here to import
|
||||
this redirect.
|
||||
</p>
|
||||
</div>
|
||||
</slot>
|
||||
|
||||
<script src="../../ts/re-nav-share.ts"></script>
|
||||
</WebExtensionLayout>
|
||||
|
|
@ -1,47 +0,0 @@
|
|||
{% extends "source/includes/base.html" %}
|
||||
{% import "source/includes/macros.html" as macros %}
|
||||
|
||||
{% set title = "Queue ⇥" %}
|
||||
|
||||
{% block head %}
|
||||
<link rel="stylesheet" href="/scss/queue/queue.scss">
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<header class="page-header">
|
||||
<h1>
|
||||
<span class="icon">⇥</span>
|
||||
Queue
|
||||
</h1>
|
||||
<p class="byline">Effortless temporary bookmarks.</p>
|
||||
</header>
|
||||
|
||||
<main class="page-main">
|
||||
<p class="store-links">
|
||||
<a title="Get Queue for Firefox"
|
||||
href="https://addons.mozilla.org/firefox/addon/holllo-queue">
|
||||
<img src="../assets/mozilla-addons.png" alt="Get Queue for Firefox">
|
||||
</a>
|
||||
<a title="Get Queue for Chrome"
|
||||
href="https://chrome.google.com/webstore/detail/queue/epnbikemcmienphlfmidkimpjnmohcbl">
|
||||
<img src="../assets/chrome-web-store.png" alt="Get Queue for Chrome">
|
||||
</a>
|
||||
<a title="Get Queue for Edge"
|
||||
href="https://microsoftedge.microsoft.com/addons/detail/queue/aanjampfdpcnhoeglmfefmmegdbifaak">
|
||||
<img src="../assets/microsoft.png" alt="Get Queue for Edge">
|
||||
</a>
|
||||
</p>
|
||||
|
||||
<img class="screenshot" alt="Queue Screenshot" title="Queue Screenshot"
|
||||
src="../assets/queue-screenshot.png">
|
||||
</main>
|
||||
|
||||
<footer class="page-footer">
|
||||
©
|
||||
<a href="https://git.bauke.xyz/Holllo/queue">AGPL-3.0-or-later</a>
|
||||
💖
|
||||
<a href="mailto:helllo@holllo.org">helllo@holllo.org</a>
|
||||
📚
|
||||
<a href="https://git.bauke.xyz/Holllo/queue/wiki">Wiki</a>
|
||||
</footer>
|
||||
{% endblock %}
|
||||
|
|
@ -1,50 +0,0 @@
|
|||
{% 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="https://addons.mozilla.org/firefox/addon/re-nav">
|
||||
<img src="../assets/mozilla-addons.png" alt="Get Re-Nav for Firefox">
|
||||
</a>
|
||||
<a title="Get Re-Nav for Chrome"
|
||||
href="https://chrome.google.com/webstore/detail/efjignaelidacjdhleaojfmkklganjjb">
|
||||
<img src="../assets/chrome-web-store.png" alt="Get Re-Nav for Chrome">
|
||||
</a>
|
||||
<a title="Get Re-Nav for Edge"
|
||||
href="https://microsoftedge.microsoft.com/addons/detail/efnkhmlaemggdlpalglioeolbbhfpiic">
|
||||
<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">
|
||||
|
||||
<p class="timasomo-2022">
|
||||
Re-Nav was created in one month during
|
||||
<a href="https://tildes.net/~creative.timasomo/12ua/timasomo_2022_roll_call#comment-7htb">TiMaSoMo 2022</a>!
|
||||
</p>
|
||||
</main>
|
||||
|
||||
<footer class="page-footer">
|
||||
©
|
||||
<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 %}
|
||||
|
|
@ -1,61 +0,0 @@
|
|||
{% extends "source/includes/base.html" %}
|
||||
{% import "source/includes/macros.html" as macros %}
|
||||
|
||||
{% set title = "Re-Nav ↩ Share" %}
|
||||
|
||||
{% block head %}
|
||||
<link rel="stylesheet" href="/scss/re-nav/re-nav.scss">
|
||||
<link rel="stylesheet" href="/scss/re-nav/share.scss">
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<header class="page-header">
|
||||
<h1>
|
||||
<img src="../../assets/re-nav.png" alt="Re-Nav Logo">
|
||||
Re-Nav
|
||||
</h1>
|
||||
</header>
|
||||
|
||||
<main class="page-main">
|
||||
<p class="subtitle">
|
||||
Welcome to Re-Nav's share page!
|
||||
<br />
|
||||
Use the share button in Re-Nav's options page to create a link with your
|
||||
redirect.
|
||||
</p>
|
||||
|
||||
<div class="hidden-by-default redirect">
|
||||
<p class="matcher-data">
|
||||
<span class="matcher-type"></span>
|
||||
{{-":"-}}
|
||||
<span class="matcher-value"></span>
|
||||
</p>
|
||||
<p class="arrow">↓</p>
|
||||
<p class="redirect-data">
|
||||
<span class="redirect-type"></span>
|
||||
{{-":"-}}
|
||||
<span class="redirect-value"></span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{#
|
||||
This element will be shown by JS on page load, and if Re-Nav is installed,
|
||||
it will be used as the root container for the import button.
|
||||
#}
|
||||
<div class="hidden-by-default re-nav-import">
|
||||
<p>
|
||||
With <a href="..">Re-Nav</a> installed, you'll see a button here to import
|
||||
this redirect.
|
||||
</p>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="page-footer">
|
||||
©
|
||||
<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>
|
||||
|
||||
<script src="../../ts/re-nav/share.ts" type="module"></script>
|
||||
{% endblock %}
|
||||
|
|
@ -1,4 +1,6 @@
|
|||
@use "modern-normalize/modern-normalize.css";
|
||||
@use "reset";
|
||||
@use "love";
|
||||
|
||||
html {
|
||||
font-size: 62.5%;
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@ $large-breakpoint: 1200px;
|
|||
&::after {
|
||||
--shadow-size: #{$size};
|
||||
|
||||
background: url("/assets/shadow-pattern.png") repeat;
|
||||
background: url("/shadow-pattern.png") repeat;
|
||||
content: "";
|
||||
height: 100%;
|
||||
left: var(--shadow-size);
|
||||
|
|
|
|||
|
|
@ -1 +0,0 @@
|
|||
@use "../../node_modules/modern-normalize/modern-normalize.css";
|
||||
|
|
@ -1,5 +1,5 @@
|
|||
@use "../mixins";
|
||||
@use "sections";
|
||||
@use "home-sections";
|
||||
|
||||
.page-header {
|
||||
@include mixins.responsive-container;
|
||||
|
|
@ -1 +0,0 @@
|
|||
import "../../node_modules/@fontsource/inter/latin.css";
|
||||
|
|
@ -1,15 +1,14 @@
|
|||
{
|
||||
"compilerOptions": {
|
||||
"esModuleInterop": true,
|
||||
"module": "ESNext",
|
||||
"module": "ES2022",
|
||||
"moduleResolution": "Node",
|
||||
"noEmit": true,
|
||||
"outDir": "build",
|
||||
"strict": true,
|
||||
"target": "ESNext"
|
||||
"target": "ES2022"
|
||||
},
|
||||
"include": [
|
||||
"source/**/*.ts",
|
||||
"vite.config.ts"
|
||||
"source/**/*.ts"
|
||||
]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,34 +0,0 @@
|
|||
import path from "node:path";
|
||||
import {defineConfig} from "vite";
|
||||
import nunjucks from "vite-plugin-nunjucks";
|
||||
|
||||
const relative = (input: string) => new URL(input, import.meta.url).pathname;
|
||||
|
||||
const buildDir = relative("build");
|
||||
const sourceDir = relative("source");
|
||||
|
||||
export default defineConfig({
|
||||
build: {
|
||||
minify: false,
|
||||
outDir: buildDir,
|
||||
rollupOptions: {
|
||||
input: {
|
||||
fangs: path.join(sourceDir, "fangs/index.html"),
|
||||
home: path.join(sourceDir, "index.html"),
|
||||
queue: path.join(sourceDir, "queue/index.html"),
|
||||
"re-nav": path.join(sourceDir, "re-nav/index.html"),
|
||||
"re-nav/share": path.join(sourceDir, "re-nav/share/index.html"),
|
||||
},
|
||||
},
|
||||
sourcemap: true,
|
||||
},
|
||||
plugins: [
|
||||
nunjucks({
|
||||
nunjucksConfigure: {
|
||||
throwOnUndefined: true,
|
||||
},
|
||||
}),
|
||||
],
|
||||
publicDir: path.join(sourceDir, "static"),
|
||||
root: sourceDir,
|
||||
});
|
||||
Loading…
Reference in New Issue