alecodes/compendium
2
0
Fork 0
generated from alecodes/base-template
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

wip: change assets handling to vite-rs

Browse source
This commit is contained in:
Alexander Navarro 2025-04-17 16:48:46 -04:00
parent 6cf98d1f1a
commit adbade7411
26 changed files with 761 additions and 112 deletions
Download patch file Download diff file Expand all files Collapse all files

1
frontend/assets/css/dummy.css Normal file
View file

@ -0,0 +1 @@
@import "style.scss";

6
frontend/css/style.scss → frontend/assets/css/style.scss
View file

@ -1,3 +1,5 @@
/* Required for Vite to consider this a css file if it's empty */
@use "@mini-strap/core";
@use "@picocss/pico/scss/pico.scss" with (
@ -9,3 +11,7 @@
--pico-form-element-spacing-vertical: 0.25rem;
--pico-form-element-spacing-horizontal: 0.5rem;
}
body {
background-color: red;
}

1
frontend/assets/feather-sprite.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 59 KiB

1
frontend/assets/js/index.ts Normal file
View file

@ -0,0 +1 @@
import "htmx.org";

0
frontend/js/index.ts
View file

39
frontend/templates/base.html
View file

@ -1,26 +1,29 @@
<!DOCTYPE html>
<html lang="en">
<head>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="color-scheme" content="dark light">
<link rel="stylesheet" href="../css/style.scss" />
<script type="module" src="htmx.org"></script>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="dark light" name="color-scheme">
<!-- if development -->
<script src="http://localhost:21012/@vite/client" type="module"></script>
<link href="http://localhost:21012/frontend/assets/css/style.scss" rel="stylesheet"/>
<script src="/assets/js/index.ts" type="module"></script>
<script src="htmx.org" type="module"></script>
<title>
{% block title %}Axum web service!{% endblock %}
{% block title %}Axum web service!{% endblock %}
</title>
</head>
</head>
<body>
<header>
{% include "partials/header.html" ignore missing %}
</header>
<main>
{% block content %}{% endblock %}
</main>
<footer>
{% include "partials/footer.html" ignore missing %}
</footer>
</body>
<body>
<header>
{% include "partials/header.html" ignore missing %}
</header>
<main>
{% block content %}{% endblock %}
</main>
<footer>
{% include "partials/footer.html" ignore missing %}
</footer>
</body>
</html>

35
frontend/templates/partials/header.html
View file

@ -0,0 +1,35 @@
<nav>
<ul>
<li>
<strong>Compendium</strong>
</li>
</ul>
<ul>
<li>
<a class="secondary" href="#">About</a>
</li>
<li>
<details class="dropdown">
<summary>
<link href="feather-icons/dist/feather-sprite.svg" />
</summary>
<ul>
<li>
<a href="#">Solid</a>
</li>
<li>
<a href="#">Liquid</a>
</li>
<li>
<a href="#">Gas</a>
</li>
<li>
<a href="#">Plasma</a>
</li>
</ul>
</details>
</li>
</ul>
</nav>