Compare commits

...

2 Commits

Author SHA1 Message Date
ekzyis 64e5478c5f Fix error pages 2024-07-12 07:13:01 +02:00
ekzyis 79c6302af3 Use hx-* attributes 2024-07-12 07:13:01 +02:00
7 changed files with 93 additions and 77 deletions

View File

@ -29,17 +29,23 @@
@apply pb-1;
}
a {
a,
button[hx-get],
button[hx-post] {
text-decoration: underline;
transition: background-color 150ms ease-in, color 150ms ease-in;
}
a:hover {
a:hover,
button[hx-get]:hover,
button[hx-post]:hover {
background-color: var(--color);
color: var(--background-color);
}
nav a {
nav a,
button[hx-get],
button[hx-post] {
padding: 0 0.25em;
}

View File

@ -7,66 +7,66 @@ templ About() {
@components.Head()
<body class="container">
@components.Header()
<div class="flex flex-col text-center">
<div id="content" class="flex flex-col text-center">
@components.Figlet("random", "about")
</div>
<div class="flex flex-col mb-3">
<h1>📈 Prediction market?</h1>
<p>Here is an animated corgi that explains everything you need to know about prediction markets in 7 minutes:</p>
<iframe
class="my-3 mx-auto"
src="https://www.youtube.com/embed/DB5TfX7eaVY?si=FFG9wEun1VRl5p6w"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin"
allowfullscreen
></iframe>
<h1>👨‍💻 FOSS?</h1>
<p class="mb-3">
Yes! The code is available on
<a href="https://github.com/ekzyis/delphi.market/" target="_blank" rel="noopener noreferrer">Github</a>
or
<a href="https://git.ekzy.is/ekzyis/delphi.market/" target="_blank" rel="noopener noreferrer">Gitea</a>
under the MIT License.
</p>
<h1>💬 Contact?</h1>
<p class="mb-3">
If you have feedback, questions, bugs, ideas or anything else, feel free to reach out to me:
<br/>
</p>
<div class="text-center">
<a
href="https://stacker.news/ek"
target="_blank"
rel="noopener noreferrer"
>
stacker news
</a> |
<a
href="https://simplex.chat/contact#/?v=1-2&smp=smp%3A%2F%2F6iIcWT_dF2zN_w5xzZEY7HI2Prbh3ldP07YTyDexPjE%3D%40smp10.simplex.im%2FxNnPk9DkTbQJ6NckWom9mi5vheo_VPLm%23%2F%3Fv%3D1-2%26dh%3DMCowBQYDK2VuAyEAnFUiU0M8jS1JY34LxUoPr7mdJlFZwf3pFkjRrhprdQs%253D%26srv%3Drb2pbttocvnbrngnwziclp2f4ckjq65kebafws6g4hy22cdaiv5dwjqd.onion"
target="_blank"
rel="noopener noreferrer"
>
simplex
</a> |
<a
href="https://t.me/ekzyis"
target="_blank"
rel="noopener noreferrer"
>telegram</a> |
<a
href="https://signal.me/#eu/Qa/0P3M1keYAUju1LMktobIwHvEKTEMaQfGjjkL5U5ajYpsa6uFKvp165NDCTOXK"
target="_blank"
rel="noopener noreferrer"
>
signal
</a> |
<a
href="https://njump.me/npub16x07c4qz05yhqe2gy2q2u9ax359d2lc0tsh6wn3y70dmk8nv2j2s96s89d"
target="_blank"
rel="noopener noreferrer"
>nostr</a>
<div class="flex flex-col mb-3">
<h1>📈 Prediction market?</h1>
<p>Here is an animated corgi that explains everything you need to know about prediction markets in 7 minutes:</p>
<iframe
class="my-3 mx-auto"
src="https://www.youtube.com/embed/DB5TfX7eaVY?si=FFG9wEun1VRl5p6w"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin"
allowfullscreen
></iframe>
<h1>👨‍💻 FOSS?</h1>
<p class="mb-3">
Yes! The code is available on
<a href="https://github.com/ekzyis/delphi.market/" target="_blank" rel="noopener noreferrer">Github</a>
or
<a href="https://git.ekzy.is/ekzyis/delphi.market/" target="_blank" rel="noopener noreferrer">Gitea</a>
under the MIT License.
</p>
<h1>💬 Contact?</h1>
<p class="mb-3">
If you have feedback, questions, bugs, ideas or anything else, feel free to reach out to me:
<br/>
</p>
<div class="text-center">
<a
href="https://stacker.news/ek"
target="_blank"
rel="noopener noreferrer"
>
stacker news
</a> |
<a
href="https://simplex.chat/contact#/?v=1-2&smp=smp%3A%2F%2F6iIcWT_dF2zN_w5xzZEY7HI2Prbh3ldP07YTyDexPjE%3D%40smp10.simplex.im%2FxNnPk9DkTbQJ6NckWom9mi5vheo_VPLm%23%2F%3Fv%3D1-2%26dh%3DMCowBQYDK2VuAyEAnFUiU0M8jS1JY34LxUoPr7mdJlFZwf3pFkjRrhprdQs%253D%26srv%3Drb2pbttocvnbrngnwziclp2f4ckjq65kebafws6g4hy22cdaiv5dwjqd.onion"
target="_blank"
rel="noopener noreferrer"
>
simplex
</a> |
<a
href="https://t.me/ekzyis"
target="_blank"
rel="noopener noreferrer"
>telegram</a> |
<a
href="https://signal.me/#eu/Qa/0P3M1keYAUju1LMktobIwHvEKTEMaQfGjjkL5U5ajYpsa6uFKvp165NDCTOXK"
target="_blank"
rel="noopener noreferrer"
>
signal
</a> |
<a
href="https://njump.me/npub16x07c4qz05yhqe2gy2q2u9ax359d2lc0tsh6wn3y70dmk8nv2j2s96s89d"
target="_blank"
rel="noopener noreferrer"
>nostr</a>
</div>
</div>
</div>
@components.Footer()

View File

@ -13,6 +13,16 @@ templ Head() {
<link rel="stylesheet" href="/css/tailwind.css"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="theme-color" content="#091833"/>
<meta
name="htmx-config"
content='{
"responseHandling": [
{ "code": "204", "swap": false },
{ "code": "[23]..", "swap": true },
{ "code": "[45]..", "swap": true, "error": true }
]
}'
/>
<script src="/js/htmx.js" integrity="sha384-Xh+GLLi0SMFPwtHQjT72aPG19QvKB8grnyRbYBNIdHWc2NkCrz65jlU7YrzO6qRp" crossorigin="anonymous"></script>
if ctx.Value(c.EnvContextKey) == "development" {
<script defer src="/js/hotreload.js"></script>

View File

@ -4,16 +4,16 @@ import c "git.ekzyis.com/ekzyis/delphi.market/server/router/context"
templ Header() {
<header class="mt-3">
<nav class="flex flex-row">
<nav class="flex flex-row" hx-target="#content" hx-swap="outerHTML" hx-select="#content" hx-push-url="true">
<div>
<a href="/">home</a>
<button hx-get="/">home</button>
</div>
<div class="ms-auto">
<a href="/about">about</a>
<button hx-get="/about">about</button>
if ctx.Value(c.SessionContextKey) != nil {
<a href="/user">user</a>
<button hx-get="/user">user</button>
} else {
<a href="/login">login</a>
<button hx-get="/signup">signup</button>
}
</div>
</nav>

View File

@ -11,7 +11,7 @@ templ Error(code int) {
@components.Head()
<body class="container">
@components.Header()
<div class="flex flex-col text-center">
<div id="content" class="flex flex-col text-center">
@components.Figlet("random", strconv.Itoa(code))
<div class="font-mono mb-3">{ http.StatusText(code) }</div>
</div>

View File

@ -7,7 +7,7 @@ templ Index() {
@components.Head()
<body class="container">
@components.Header()
<div class="flex flex-col text-center">
<div id="content" class="flex flex-col text-center">
@components.Figlet("random", "delphi")
<div class="font-mono my-3">A prediction market using the lightning network</div>
</div>

View File

@ -7,15 +7,15 @@ templ Login() {
@components.Head()
<body class="container">
@components.Header()
<div class="flex flex-col text-center">
<div id="content" class="flex flex-col text-center">
@components.Figlet("random", "login")
</div>
<div class="flex flex-col mb-3 text-center">
<button class="login lightning my-3">login with lightning</button>
<button class="login nostr my-3">login with nostr</button>
</div>
<div class="flex flex-col mb-3 text-center">
<small><a class="text-muted" href="/signup">new here?</a></small>
<div class="flex flex-col mb-3 text-center">
<button class="login lightning my-3">login with lightning</button>
<button class="login nostr my-3">login with nostr</button>
</div>
<div class="flex flex-col mb-3 text-center">
<small><a class="text-muted" href="/signup">new here?</a></small>
</div>
</div>
@components.Footer()
</body>