pretty invite page

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

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 2.3 MiB

After

Width:  |  Height:  |  Size: 2.3 MiB

Before After
Before After

View file

@ -1,6 +1,51 @@
* {
font-family: 'Courier New', Courier, monospace;
}
.badge { .badge {
border: 2px solid black; border: 2px solid black;
border-radius: 10px; border-radius: 10px;
margin: 5px; margin: 5px;
padding: 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;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 123 KiB

View file

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