Render HTML out of markdown content

This commit is contained in:
Thilo Hohlt
2024-08-03 13:49:41 +02:00
parent d306872179
commit 0b2a9f2383
12 changed files with 171 additions and 25 deletions

View File

@@ -79,7 +79,7 @@
</form>
<div class="website-grid">
{#each data.websites as { id, content_type, title, created_at }}
{#each data.websites as { id, content_type, title, created_at } (id)}
<article class="website-card">
<h3>
<a href="/website/{id}">{title}</a>

View File

@@ -11,14 +11,16 @@
<section>
<h2>Overview</h2>
<p>
<strong>Username:</strong>
{data.user.username}
</p>
<p>
<strong>ID:</strong>
{data.user.id}
</p>
<ul>
<li>
<strong>Id:</strong>
{data.user.id}
</li>
<li>
<strong>Username:</strong>
{data.user.username}
</li>
</ul>
</section>
<section>

View File

@@ -98,7 +98,7 @@
>
<label>
Main content:
<textarea name="main-content">{data.home.main_content}</textarea>
<textarea name="main-content" rows="20">{data.home.main_content}</textarea>
</label>
<button type="submit">Submit</button>
@@ -119,7 +119,7 @@
>
<label>
Additional text:
<textarea name="additional-text">{data.footer.additional_text}</textarea>
<textarea name="additional-text" rows="5">{data.footer.additional_text}</textarea>
</label>
<button type="submit">Submit</button>

View File

@@ -68,7 +68,7 @@
<button type="submit">Submit</button>
</form>
{#each data.articles as { id, title }}
{#each data.articles as { id, title } (id)}
<article class="article-card">
<h3>{title}</h3>

View File

@@ -32,7 +32,7 @@
</label>
<label>
Description:
<textarea name="description">{data.article.meta_description}</textarea>
<textarea name="description" rows="5">{data.article.meta_description}</textarea>
</label>
<label>
Author:
@@ -48,7 +48,7 @@
</label>
<label>
Main content:
<textarea name="main-content">{data.article.main_content}</textarea>
<textarea name="main-content" rows="20">{data.article.main_content}</textarea>
</label>
<button type="submit">Submit</button>

View File

@@ -67,8 +67,9 @@
.editor {
inline-size: min(100% - 2rem, 1536px);
block-size: calc(100vh - 7rem);
border: var(--border-primary);
display: flex;
border-block-start: var(--border-primary);
display: grid;
grid-template-columns: 1fr 1fr;
padding-block: 0;
}
</style>