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, :is(button, input, textarea, select):focus,
#toggle-mobile-preview:checked + label { #toggle-mobile-preview:checked + label {
outline: 0.125rem solid var(--color-accent); outline: 0.125rem solid currentColor;
outline-offset: 0.25rem; outline-offset: 0.25rem;
} }

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

@@ -38,11 +38,9 @@
</header> </header>
<main> <main>
<section> {@html mainContent}
{@html mainContent}
</section>
{#if articles.length > 0} {#if articles.length > 0}
<section> <section class="articles" id="articles">
<h2>Articles</h2> <h2>Articles</h2>
{#each articles as article} {#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} /> <SuccessOrError success={form?.success} message={form?.message} />
<section> <section id="create-website">
<h2>Create website</h2> <h2>
<a href="#create-website">Create website</a>
</h2>
<Modal id="create-website" text="Create website"> <Modal id="create-website" text="Create website">
<h3>Create website</h3> <h3>Create website</h3>
@@ -46,8 +48,10 @@
</section> </section>
{#if data.totalWebsiteCount > 0} {#if data.totalWebsiteCount > 0}
<section> <section id="all-websites">
<h2>All websites</h2> <h2>
<a href="#all-websites">All websites</a>
</h2>
<details> <details>
<summary>Search & Sort & Filter</summary> <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} /> <SuccessOrError success={form?.success} message={form?.message} />
<section> <section id="overview">
<h2>Overview</h2> <h2>
<a href="#overview">Overview</a>
</h2>
<ul> <ul>
<li> <li>
@@ -24,16 +26,20 @@
</ul> </ul>
</section> </section>
<section> <section id="logout">
<h2>Logout</h2> <h2>
<a href="#logout">Logout</a>
</h2>
<form method="POST" action="?/logout" use:enhance> <form method="POST" action="?/logout" use:enhance>
<button type="submit">Logout</button> <button type="submit">Logout</button>
</form> </form>
</section> </section>
<section> <section id="delete-account">
<h2>Delete account</h2> <h2>
<a href="#delete-account">Delete account</a>
</h2>
<Modal id="delete-account" text="Delete account"> <Modal id="delete-account" text="Delete account">
<h3>Delete account</h3> <h3>Delete account</h3>

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

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

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

@@ -17,8 +17,10 @@
title={data.website.title} title={data.website.title}
previewContent={data.home.main_content} previewContent={data.home.main_content}
> >
<section> <section id="create-article">
<h2>Create article</h2> <h2>
<a href="#create-article">Create article</a>
</h2>
<Modal id="create-article" text="Create article"> <Modal id="create-article" text="Create article">
<h3>Create article</h3> <h3>Create article</h3>
@@ -44,8 +46,10 @@
</section> </section>
{#if data.totalArticleCount > 0} {#if data.totalArticleCount > 0}
<section> <section id="all-articles">
<h2>All articles</h2> <h2>
<a href="#all-articles">All articles</a>
</h2>
<details> <details>
<summary>Search & Sort & Filter</summary> <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"} "Put some markdown content in main content to see a live preview here"}
previewScrollTop={textareaScrollTop} previewScrollTop={textareaScrollTop}
> >
<section> <section id="edit-article">
<h2>Edit article</h2> <h2>
<a href="#edit-article">Edit article</a>
</h2>
<form <form
method="POST" method="POST"

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

@@ -15,8 +15,10 @@
title={data.website.title} title={data.website.title}
previewContent={data.home.main_content} previewContent={data.home.main_content}
> >
<section> <section id="add-collaborator">
<h2>Add collaborator</h2> <h2>
<a href="#add-collaborator">Add collaborator</a>
</h2>
<Modal id="add-collaborator" text="Add collaborator"> <Modal id="add-collaborator" text="Add collaborator">
<h3>Add collaborator</h3> <h3>Add collaborator</h3>
@@ -51,8 +53,10 @@
</section> </section>
{#if data.collaborators.length > 0} {#if data.collaborators.length > 0}
<section> <section id="all-collaborators">
<h2>All collaborators</h2> <h2>
<a href="#all-collaborators">All collaborators</a>
</h2>
<ul class="unpadded"> <ul class="unpadded">
{#each data.collaborators as { website_id, user_id, permission_level, user: { username } } (`${website_id}-${user_id}`)} {#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} previewContent={data.websitePreviewUrl}
fullPreview={true} fullPreview={true}
> >
<section> <section id="publish-website">
<h2>Publish website</h2> <h2>
<a href="#publish-website">Publish website</a>
</h2>
<p> <p>
The preview area on this page allows you to see exactly how your website will look when it is 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> <footer>
<p> <p>
<small <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> </p>
</footer> </footer>

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

@@ -116,6 +116,15 @@ a {
color: var(--color-accent); 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 { details[open] summary {
margin-block-end: var(--space-s); margin-block-end: var(--space-s);
} }
@@ -216,6 +225,6 @@ summary {
} }
:is(a, summary):focus { :is(a, summary):focus {
outline: 0.125rem solid var(--color-accent); outline: 0.125rem solid currentColor;
outline-offset: 0.25rem; outline-offset: 0.25rem;
} }