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

cool card

Browse source
This commit is contained in:
counterweight 2025-02-27 19:00:36 +01:00
parent 7f84889968
commit c6e48af792
Signed by: counterweight
GPG key ID: 883EDBAA726BD96C
3 changed files with 50 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

39
src/public/css/invite.css
View file

@ -0,0 +1,39 @@
@media (max-width: 768px) {
#nostr-signup-button {
width: 200px;
}
#invite-card-content {
width:100%;
}
}
@media (min-width: 769px) {
#nostr-signup-button {
width: 300px;
}
#invite-card-content {
width: 40%;
min-width: min-content;
}
}
#laseca-logo {
width: 200px;
}
#nostr-signup-button p {
font-size: 1.5rem;
}
#invite-card-content {
margin-right: auto;
margin-left: auto;
padding: 20px;
}
#invite-card-content > * {
margin: 1vh auto;
text-align: center;
}

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

@ -157,6 +157,10 @@ h1 {
margin: 1%; margin: 1%;
} }
.shadowed-round-area {
border-radius: 20px;
box-shadow: 0 0 13px #ccc;
}
#login-card > * { #login-card > * {
text-align: center; text-align: center;
margin-right: auto; margin-right: auto;
@ -204,21 +208,6 @@ h1 {
padding: 0.5em; padding: 0.5em;
} }
.invite-card {
margin: 5vh 20vw;
height: 100%;
}
.invite-card-content {
margin: 3% 5%;
padding: 0 10%;
}
.invite-card-content > * {
margin: 1vh auto;
text-align: center;
}
.card-secondary { .card-secondary {
background-color: #369; background-color: #369;
border-radius: 1vw; border-radius: 1vw;
@ -240,6 +229,7 @@ h1 {
color: white; color: white;
padding: 1%; padding: 1%;
cursor: pointer; cursor: pointer;
border: 0;
} }
.button-nostr:hover { .button-nostr:hover {
@ -251,12 +241,3 @@ h1 {
cursor: default; cursor: default;
border: 0; border: 0;
} }
#nostr-signup-button {
width: 20vw;
border: 0;
}
#nostr-signup-button p {
font-size: 1.5rem;
}

8
src/views/invite.ejs
View file

@ -11,10 +11,14 @@
<body> <body>
<main> <main>
<div class="invite-card over-background"> <div class="invite-card over-background">
<div class="invite-card-content"> <div id="invite-card-content" class="shadowed-round-area">
<h1>¡Has sido invitado a la seca!</h1> <h1>¡Has sido invitado a la seca!</h1>
<figure> <figure>
<img class="logo" src="/img/laseca_logo_white.png" width="25%" /> <img
id="laseca-logo"
src="/img/laseca_logo_white.png"
width="25%"
/>
</figure> </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">