ekzyis/delphi.market
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use hx-* attributes

Browse Source
This commit is contained in:
ekzyis 2024-07-12 05:40:45 +02:00
parent 5993001316
commit 45e6a6f32a
6 changed files with 83 additions and 77 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
public/css/_tw-input.css
View File

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

118
server/router/pages/about.templ
View File

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

10
server/router/pages/components/header.templ
View File

@ -4,16 +4,16 @@ import c "git.ekzyis.com/ekzyis/delphi.market/server/router/context"
templ Header() { templ Header() {
<header class="mt-3"> <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> <div>
<a href="/">home</a> <button hx-get="/">home</button>
</div> </div>
<div class="ms-auto"> <div class="ms-auto">
<a href="/about">about</a> <button hx-get="/about">about</button>
if ctx.Value(c.SessionContextKey) != nil { if ctx.Value(c.SessionContextKey) != nil {
<a href="/user">user</a> <button hx-get="/user">user</button>
} else { } else {
<a href="/login">login</a> <button hx-get="/login">login</button>
} }
</div> </div>
</nav> </nav>

2
server/router/pages/error.templ
View File

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

2
server/router/pages/index.templ
View File

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

16
server/router/pages/login.templ
View File

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