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

689
other/branding/logo_workbench.svg
View file

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

Before

Width:  |  Height:  |  Size: 2.3 MiB

After

Width:  |  Height:  |  Size: 2.3 MiB

Before After
Before After

45
src/public/css/seca.css
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;
}

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

69
src/views/invite.ejs
View file

@ -5,79 +5,69 @@
<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">
<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> <p>Usa tu extensión de Nostr para darte de alta:</p>
<form onsubmit="acceptInvite();return false"> <form onsubmit="acceptInvite();return false">
<button id="nostr-signup" type="submit">Alta con Nostr</button> <button id="nostr-signup" type="submit">Alta con Nostr</button>
</form> </form>
<div id="rejected-nostr-nudges" style="display: none"> <div id="rejected-nostr-nudges" class="invite-card-popup" style="display: none">
<p> <p>
Ups, parece que no has aceptado que usemos tus claves. Si te has Ups, parece que no has aceptado que usemos tus claves. Si te has
equivocado, puedes intentarlo de nuevo. equivocado, puedes intentarlo de nuevo.
</p> </p>
</div> </div>
<div id="no-extension-nudges" style="display: none"> <div id="no-extension-nudges" class="invite-card-popup" style="display: none">
<p> <p>
¡Atención! No se ha encontrado una extensión de Nostr en tu navegador. ¡Atención! No se ha encontrado una extensión de Nostr en tu
Puedes usar: navegador. Puedes usar:
</p> </p>
<ul> <p><strong>Firefox</strong></p>
<li> <p><a
Firefox
<ul>
<li>
<a
href="https://addons.mozilla.org/en-US/firefox/addon/alby/" href="https://addons.mozilla.org/en-US/firefox/addon/alby/"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
>Alby</a >Alby</a
> ></p>
</li> <p><a
<li>
<a
href="https://addons.mozilla.org/en-US/firefox/addon/nos2x-fox/" href="https://addons.mozilla.org/en-US/firefox/addon/nos2x-fox/"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
>nos2x-fox</a >nos2x-fox</a
> ></p>
</li> <p><strong>Chrome</strong></p>
</ul> <p><a
</li>
<li>
Chrome
<ul>
<li>
<a
href="https://chromewebstore.google.com/detail/alby-bitcoin-wallet-for-l/iokeahhehimjnekafflcihljlcjccdbe?pli=1" href="https://chromewebstore.google.com/detail/alby-bitcoin-wallet-for-l/iokeahhehimjnekafflcihljlcjccdbe?pli=1"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
>Alby</a >Alby</a
> ></p>
</li> <p><a
<li>
<a
href="https://chromewebstore.google.com/detail/nos2x/kpgefcfmnafjgpblomihpgmejjdanjjp" href="https://chromewebstore.google.com/detail/nos2x/kpgefcfmnafjgpblomihpgmejjdanjjp"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
>nos2x</a >nos2x</a
> ></p>
</li>
</ul>
</li>
</ul>
</div> </div>
<div id="sign-up-success" style="display: none"> <div id="sign-up-success" class="invite-card-popup" style="display: none">
<p>¡Bien! Hemos dado de alta tu clave de Nostr.</p> <p>¡Bien! Hemos dado de alta tu clave de Nostr.</p>
<p>Te vamos a redirigir a la seca, espera un momento.</p> <p>Te vamos a redirigir a la seca, espera un momento.</p>
</div> </div>
<p>¿No tienes cuenta de Nostr?</p>
<p> <p>
¿No tienes cuenta de Nostr?
<a <a
href="https://start.njump.me/" href="https://start.njump.me/"
target="_blank" target="_blank"
@ -85,5 +75,8 @@
>Crea una aquí.</a >Crea una aquí.</a
> >
</p> </p>
</div>
</div>
</main>
</body> </body>
</html> </html>