thohlt/archtika
1
0
Fork 0
mirror of https://github.com/thiloho/archtika.git synced 2025-11-22 10:51:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

Make all section headers anchors

Browse Source
This commit is contained in:
thiloho
2024-08-24 21:43:15 +02:00
parent b7601f46bb
commit 079b6d8f8a
11 changed files with 75 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web-app/src/app.css
View File

@@ -68,7 +68,7 @@ label[for="toggle-mobile-preview"],
:is(button, input, textarea, select):focus,
#toggle-mobile-preview:checked + label {
outline: 0.125rem solid var(--color-accent);
outline: 0.125rem solid currentColor;
outline-offset: 0.25rem;
}

4
web-app/src/lib/templates/docs/DocsIndex.svelte
View File

@@ -38,11 +38,9 @@
</header>
<main>
<section>
{@html mainContent}
</section>
{#if articles.length > 0}
<section>
<section class="articles" id="articles">
<h2>Articles</h2>
{#each articles as article}

12
web-app/src/routes/(authenticated)/+page.svelte
View File

@@ -12,8 +12,10 @@
<SuccessOrError success={form?.success} message={form?.message} />
<section>
<h2>Create website</h2>
<section id="create-website">
<h2>
<a href="#create-website">Create website</a>
</h2>
<Modal id="create-website" text="Create website">
<h3>Create website</h3>
@@ -46,8 +48,10 @@
</section>
{#if data.totalWebsiteCount > 0}
<section>
<h2>All websites</h2>
<section id="all-websites">
<h2>
<a href="#all-websites">All websites</a>
</h2>
<details>
<summary>Search & Sort & Filter</summary>

18
web-app/src/routes/(authenticated)/account/+page.svelte
View File

@@ -9,8 +9,10 @@
<SuccessOrError success={form?.success} message={form?.message} />
<section>
<h2>Overview</h2>
<section id="overview">
<h2>
<a href="#overview">Overview</a>
</h2>
<ul>
<li>
@@ -24,16 +26,20 @@
</ul>
</section>
<section>
<h2>Logout</h2>
<section id="logout">
<h2>
<a href="#logout">Logout</a>
</h2>
<form method="POST" action="?/logout" use:enhance>
<button type="submit">Logout</button>
</form>
</section>
<section>
<h2>Delete account</h2>
<section id="delete-account">
<h2>
<a href="#delete-account">Delete account</a>
</h2>
<Modal id="delete-account" text="Delete account">
<h3>Delete account</h3>

24
web-app/src/routes/(authenticated)/website/[websiteId]/+page.svelte
View File

@@ -34,8 +34,10 @@
{previewContent}
previewScrollTop={textareaScrollTop}
>
<section>
<h2>Global</h2>
<section id="global">
<h2>
<a href="#global">Global</a>
</h2>
<form
action="?/updateGlobal"
method="POST"
@@ -85,8 +87,10 @@
</form>
</section>
<section>
<h2>Header</h2>
<section id="header">
<h2>
<a href="#header">Header</a>
</h2>
<form
action="?/updateHeader"
@@ -139,8 +143,10 @@
</form>
</section>
<section>
<h2>Home</h2>
<section id="home">
<h2>
<a href="#home">Home</a>
</h2>
<form
action="?/updateHome"
@@ -168,8 +174,10 @@
</form>
</section>
<section>
<h2>Footer</h2>
<section id="footer">
<h2>
<a href="#footer">Footer</a>
</h2>
<form
action="?/updateFooter"

12
web-app/src/routes/(authenticated)/website/[websiteId]/articles/+page.svelte
View File

@@ -17,8 +17,10 @@
title={data.website.title}
previewContent={data.home.main_content}
>
<section>
<h2>Create article</h2>
<section id="create-article">
<h2>
<a href="#create-article">Create article</a>
</h2>
<Modal id="create-article" text="Create article">
<h3>Create article</h3>
@@ -44,8 +46,10 @@
</section>
{#if data.totalArticleCount > 0}
<section>
<h2>All articles</h2>
<section id="all-articles">
<h2>
<a href="#all-articles">All articles</a>
</h2>
<details>
<summary>Search & Sort & Filter</summary>

6
web-app/src/routes/(authenticated)/website/[websiteId]/articles/[articleId]/+page.svelte
View File

@@ -35,8 +35,10 @@
"Put some markdown content in main content to see a live preview here"}
previewScrollTop={textareaScrollTop}
>
<section>
<h2>Edit article</h2>
<section id="edit-article">
<h2>
<a href="#edit-article">Edit article</a>
</h2>
<form
method="POST"

12
web-app/src/routes/(authenticated)/website/[websiteId]/collaborators/+page.svelte
View File

@@ -15,8 +15,10 @@
title={data.website.title}
previewContent={data.home.main_content}
>
<section>
<h2>Add collaborator</h2>
<section id="add-collaborator">
<h2>
<a href="#add-collaborator">Add collaborator</a>
</h2>
<Modal id="add-collaborator" text="Add collaborator">
<h3>Add collaborator</h3>
@@ -51,8 +53,10 @@
</section>
{#if data.collaborators.length > 0}
<section>
<h2>All collaborators</h2>
<section id="all-collaborators">
<h2>
<a href="#all-collaborators">All collaborators</a>
</h2>
<ul class="unpadded">
{#each data.collaborators as { website_id, user_id, permission_level, user: { username } } (`${website_id}-${user_id}`)}

6
web-app/src/routes/(authenticated)/website/[websiteId]/publish/+page.svelte
View File

@@ -15,8 +15,10 @@
previewContent={data.websitePreviewUrl}
fullPreview={true}
>
<section>
<h2>Publish website</h2>
<section id="publish-website">
<h2>
<a href="#publish-website">Publish website</a>
</h2>
<p>
The preview area on this page allows you to see exactly how your website will look when it is

3
web-app/src/routes/+layout.svelte
View File

@@ -53,7 +53,8 @@
<footer>
<p>
<small
>&copy; {new Date().getFullYear()} &mdash; <a href="https://archtika.com">archtika</a></small
>Copyright &copy; {new Date().getFullYear()} &mdash;
<a href="https://archtika.com">archtika</a></small
>
</p>
</footer>

11
web-app/template-styles/common-styles.css
View File

@@ -116,6 +116,15 @@ a {
color: var(--color-accent);
}
:is(h1, h2, h3, h4, h5, h6) > a {
color: var(--color-text);
text-decoration: none;
}
:is(h1, h2, h3, h4, h5, h6) > a:hover {
text-decoration: underline;
}
details[open] summary {
margin-block-end: var(--space-s);
}
@@ -216,6 +225,6 @@ summary {
}
:is(a, summary):focus {
outline: 0.125rem solid var(--color-accent);
outline: 0.125rem solid currentColor;
outline-offset: 0.25rem;
}