diff --git a/src/public/css/seca.css b/src/public/css/seca.css index 7df0d5e..9c9fddd 100644 --- a/src/public/css/seca.css +++ b/src/public/css/seca.css @@ -3,11 +3,17 @@ box-sizing: border-box; } +.badges { + display: grid; + grid-template-columns: repeat(2, 1fr); + grid-template-rows: repeat(3, 1fr); +} + .badge { - border: 2px solid black; + border: 2px solid #e1c300; border-radius: 10px; - margin: 5px; - padding: 5px; + padding: 2%; + margin: 2%; } body { @@ -18,12 +24,59 @@ h1 { color: #e1c300; } +.over-background { + background-color: white; + border-radius: 1vw; + padding: 2vw; + margin: 1%; +} + +#create-profile-card-content > * { + text-align: center; + margin-right: auto; + margin-left: auto; + display: block; + max-width: 1000px; +} + +.create-profile-card-section > * { + text-align: center; + margin-right: auto; + margin-left: auto; + display: block; + max-width: 1000px; +} + +.create-profile-card-section .badge img { + width: 10%; +} + +.button-primary { + background: #e1c300; + border-radius: 1vw; + border: 0; + color: white; + padding: 1%; + cursor: pointer; +} + +.button-primary:hover { + background-color: #dfca41; +} + +.button-primary:disabled { + background-color: #d8d8d8; + cursor: default; +} + +.button-large { + font-weight: bold; + font-size: 1.5em; +} + .invite-card { margin: 5vh 20vw; - background-color: white; height: 100%; - padding: 2vw; - border-radius: 1vw; } .invite-card-content { @@ -36,18 +89,18 @@ h1 { text-align: center; } -.invite-card-popup { +.card-secondary { background-color: #369; border-radius: 1vw; padding: 1vw; color: white; } -.invite-card-popup a { +.card-secondarya { color: white; } -.invite-card-popup a:hover { +.card-secondarya:hover { color: #e1c300; } @@ -57,7 +110,6 @@ h1 { border-radius: 1vw; border: 0; color: white; - font-weight: bold; padding: 1%; cursor: pointer; } diff --git a/src/public/img/envelope.svg b/src/public/img/envelope.svg new file mode 100644 index 0000000..879c222 --- /dev/null +++ b/src/public/img/envelope.svg @@ -0,0 +1,40 @@ + + + + + + + + diff --git a/src/public/img/lasecagold_ostrich.svg b/src/public/img/lasecagold_ostrich.svg new file mode 100644 index 0000000..16881c0 --- /dev/null +++ b/src/public/img/lasecagold_ostrich.svg @@ -0,0 +1,40 @@ + + + + + + diff --git a/src/public/img/message-exclamation.svg b/src/public/img/message-exclamation.svg new file mode 100644 index 0000000..52d4cb8 --- /dev/null +++ b/src/public/img/message-exclamation.svg @@ -0,0 +1,6 @@ + + + + \ No newline at end of file diff --git a/src/public/img/phone.svg b/src/public/img/phone.svg new file mode 100644 index 0000000..94dae70 --- /dev/null +++ b/src/public/img/phone.svg @@ -0,0 +1,40 @@ + + + + + + + + diff --git a/src/public/img/signal-messenger.svg b/src/public/img/signal-messenger.svg new file mode 100644 index 0000000..442edc3 --- /dev/null +++ b/src/public/img/signal-messenger.svg @@ -0,0 +1,40 @@ + + + + + + + + diff --git a/src/public/img/square-whatsapp.svg b/src/public/img/square-whatsapp.svg new file mode 100644 index 0000000..08fc447 --- /dev/null +++ b/src/public/img/square-whatsapp.svg @@ -0,0 +1,40 @@ + + + + + + + + diff --git a/src/public/img/telegram.svg b/src/public/img/telegram.svg new file mode 100644 index 0000000..fca7d4d --- /dev/null +++ b/src/public/img/telegram.svg @@ -0,0 +1,40 @@ + + + + + + + + diff --git a/src/public/img/white_ostrich.svg b/src/public/img/white_ostrich.svg index a06e4d7..ba04054 100644 --- a/src/public/img/white_ostrich.svg +++ b/src/public/img/white_ostrich.svg @@ -1,3 +1,39 @@ - - + + + + + diff --git a/src/views/createProfile.ejs b/src/views/createProfile.ejs index 25be8bb..2e75bf2 100644 --- a/src/views/createProfile.ejs +++ b/src/views/createProfile.ejs @@ -9,69 +9,100 @@ -

Crea tu perfil

-

Tu clave de Nostr ya es parte de la seca.

-

Añade detalles a tu perfil para poder empezar a comerciar.

-
-
- -
-

Añade métodos de contacto para poder hablar con otros miembros.

-
-
- 📱 Teléfono -
-
- 📱 WhatsApp -
-
- 📩 Telegram -
-
- 📧 Email -
-
- 📧 Nostr -
-
- 📧 Signal -
-
- 📧 Matrix -
-
- 📧 XMPP -
-
- 📧 Simplex -
+
+
+
+

Crea tu perfil

+

Tu clave de Nostr ya es parte de la seca.

+

Añade detalles a tu perfil para poder empezar a comerciar.

-
-

Contactos añadidos

-
+
+
+

Perfil

+ +
- - +
+
+

Datos de contacto

+
+

+ Añade métodos de contacto para poder hablar con otros miembros. + Debes añadir al menos uno. Siempre puedes editarlos más adelante. +

+ + + +
+

+ Tus métodos de contacto son necesarios para hablar con otros + miembros y poder comerciar. +

+

+ Tus métodos de contacto se guardan encriptados con tu clave de + nostr. La seca no puede verlos. +

+

Solo los miembros con los que tú decidas podrán verlos.

+
+ +
+
+ + +

Teléfono

+ +
+
+ +

Whatsapp

+ +
+
+ +

Telegram

+ +
+
+ +

Email

+ +
+
+ +

Nostr

+ +
+
+ +

Signal

+ +
+
+
+ +
+
+
diff --git a/src/views/invite.ejs b/src/views/invite.ejs index 519bb83..03d8a4d 100644 --- a/src/views/invite.ejs +++ b/src/views/invite.ejs @@ -10,7 +10,7 @@
-
+

¡Has sido invitado a la seca!

@@ -18,7 +18,7 @@

Usa tu extensión de Nostr para darte de alta:

-