counterweight/secajs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

pretty invite page

Browse source
This commit is contained in:
counterweight 2025-02-19 01:19:36 +01:00
parent bf1adcb358
commit 1305370561
Signed by: counterweight
GPG key ID: 883EDBAA726BD96C
4 changed files with 511 additions and 370 deletions
Download patch file Download diff file Expand all files Collapse all files

45
src/public/css/seca.css
View file

@ -1,6 +1,51 @@
* {
font-family: 'Courier New', Courier, monospace;
}
.badge {
border: 2px solid black;
border-radius: 10px;
margin: 5px;
padding: 5px;
}
body {
background-color: #bdd5ea;
}
h1 {
color: #e1c300;
}
.invite-card {
margin: 5vh 20vw;
background-color: white;
height: 100%;
padding: 2vw;
border-radius: 1vw;
}
.invite-card-content {
margin: 3% 20%;
}
.invite-card-content * {
margin: 1vh auto;
text-align: center;
}
.invite-card-popup {
background-color: #369;
border-radius: 1vw;
padding: 1vw;
color: white;
}
.invite-card-popup a {
color: white;
}
.invite-card-popup a:hover {
color: #E1C300;
}

BIN
src/public/img/laseca_logo_white.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 123 KiB

147
src/views/invite.ejs
View file

@ -5,85 +5,78 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="/javascript/invite.js"></script>
<link rel="stylesheet" href="/public/styles.css" />
<link rel="stylesheet" href="/css/seca.css" />
</head>
<body>
<h1>¡Has sido invitado!</h1>
<p>Has sido invitado a la seca.</p>
<p>Invite UUID: <%= invite.uuid %></p>
<p>Usa tu extensión de Nostr para darte de alta:</p>
<form onsubmit="acceptInvite();return false">
<button id="nostr-signup" type="submit">Alta con Nostr</button>
</form>
<div id="rejected-nostr-nudges" style="display: none">
<p>
Ups, parece que no has aceptado que usemos tus claves. Si te has
equivocado, puedes intentarlo de nuevo.
</p>
</div>
<div id="no-extension-nudges" style="display: none">
<p>
¡Atención! No se ha encontrado una extensión de Nostr en tu navegador.
Puedes usar:
</p>
<ul>
<li>
Firefox
<ul>
<li>
<a
href="https://addons.mozilla.org/en-US/firefox/addon/alby/"
target="_blank"
rel="noopener noreferrer"
>Alby</a
>
</li>
<li>
<a
href="https://addons.mozilla.org/en-US/firefox/addon/nos2x-fox/"
target="_blank"
rel="noopener noreferrer"
>nos2x-fox</a
>
</li>
</ul>
</li>
<li>
Chrome
<ul>
<li>
<a
href="https://chromewebstore.google.com/detail/alby-bitcoin-wallet-for-l/iokeahhehimjnekafflcihljlcjccdbe?pli=1"
target="_blank"
rel="noopener noreferrer"
>Alby</a
>
</li>
<li>
<a
href="https://chromewebstore.google.com/detail/nos2x/kpgefcfmnafjgpblomihpgmejjdanjjp"
target="_blank"
rel="noopener noreferrer"
>nos2x</a
>
</li>
</ul>
</li>
</ul>
</div>
<div id="sign-up-success" style="display: none">
<p>¡Bien! Hemos dado de alta tu clave de Nostr.</p>
<p>Te vamos a redirigir a la seca, espera un momento.</p>
</div>
<p>
¿No tienes cuenta de Nostr?
<a
href="https://start.njump.me/"
target="_blank"
rel="noopener noreferrer"
>Crea una aquí.</a
>
</p>
<main>
<div class="invite-card">
<div class="invite-card-content">
<h1>¡Has sido invitado a la seca!</h1>
<figure>
<img
class="logo"
src="/img/laseca_logo_white.png"
width="50%"
></img>
</figure>
<p>Usa tu extensión de Nostr para darte de alta:</p>
<form onsubmit="acceptInvite();return false">
<button id="nostr-signup" type="submit">Alta con Nostr</button>
</form>
<div id="rejected-nostr-nudges" class="invite-card-popup" style="display: none">
<p>
Ups, parece que no has aceptado que usemos tus claves. Si te has
equivocado, puedes intentarlo de nuevo.
</p>
</div>
<div id="no-extension-nudges" class="invite-card-popup" style="display: none">
<p>
¡Atención! No se ha encontrado una extensión de Nostr en tu
navegador. Puedes usar:
</p>
<p><strong>Firefox</strong></p>
<p><a
href="https://addons.mozilla.org/en-US/firefox/addon/alby/"
target="_blank"
rel="noopener noreferrer"
>Alby</a
></p>
<p><a
href="https://addons.mozilla.org/en-US/firefox/addon/nos2x-fox/"
target="_blank"
rel="noopener noreferrer"
>nos2x-fox</a
></p>
<p><strong>Chrome</strong></p>
<p><a
href="https://chromewebstore.google.com/detail/alby-bitcoin-wallet-for-l/iokeahhehimjnekafflcihljlcjccdbe?pli=1"
target="_blank"
rel="noopener noreferrer"
>Alby</a
></p>
<p><a
href="https://chromewebstore.google.com/detail/nos2x/kpgefcfmnafjgpblomihpgmejjdanjjp"
target="_blank"
rel="noopener noreferrer"
>nos2x</a
></p>
</div>
<div id="sign-up-success" class="invite-card-popup" style="display: none">
<p>¡Bien! Hemos dado de alta tu clave de Nostr.</p>
<p>Te vamos a redirigir a la seca, espera un momento.</p>
</div>
<p>¿No tienes cuenta de Nostr?</p>
<p>
<a
href="https://start.njump.me/"
target="_blank"
rel="noopener noreferrer"
>Crea una aquí.</a
>
</p>
</div>
</div>
</main>
</body>
</html>