commit ee5a06dc3dcf9356093663bd832abe1f5c41a348 Author: serxoz Date: Mon Sep 13 21:59:13 2021 +0200 first commit diff --git a/README.md b/README.md new file mode 100644 index 0000000..5341b26 --- /dev/null +++ b/README.md @@ -0,0 +1,21 @@ +# [xinu.me](https://xinu.me/) +Sitio web de xinu.me + +``` + _ + __ _(_)_ __ _ _ _ __ ___ ___ + \ \/ / | '_ \| | | | | '_ ` _ \ / _ \ + > <| | | | | |_| | _| | | | | | __/ + /_/\_\_|_| |_|\__,_|(_)_| |_| |_|\___| +``` + +Este repositorio contiene la página web de xinu.me + +## Contribución +¿Quieres contribuir a este sitio web? + +1. Haz un fork + +2. Implementa tus cambios + +3. Envíanos un PR diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..f6241a9 --- /dev/null +++ b/css/style.css @@ -0,0 +1,216 @@ + +@-webkit-keyframes acidmove { + 0% {left:-10px; opacity: 0.3;} + 5% {left:-5px; opacity: 0.4;} + 10% {left:-8px; opacity: 0.3;} + 15% {left:-4px; opacity: 0.1;} + 20% {left:-5px; opacity: 0.1;} + 25% {left:-4px; opacity: 0.1;} + 30% {left:-9px; opacity: 0.2;} + 35% {left:-6px; opacity: 0.4;} + 40% {left:-3px; opacity: 0.2;} + 45% {left:-8px; opacity: 0.2;} + 100% {left:-4px; opacity: 0.2;} +} + +@-webkit-keyframes acidmove-retina { + 0% {left:-11px; opacity: 0.3;} + 5% {left:-6px; opacity: 0.4;} + 10% {left:-9px; opacity: 0.3;} + 15% {left:-6px; opacity: 0.1;} + 20% {left:-4px; opacity: 0.1;} + 25% {left:-4px; opacity: 0.1;} + 30% {left:-9px; opacity: 0.2;} + 35% {left:-6px; opacity: 0.4;} + 40% {left:-3px; opacity: 0.2;} + 45% {left:-8px; opacity: 0.2;} + 100% {left:-4px; opacity: 0.2;} +} + +@-webkit-keyframes static { + 0% {top: 0; height: 0; opacity: 0.5;} + 10% {top: 0; height: 10%;} + 11% {opacity: 0.8;} + 12% {opacity: 0.5;} + 20% {opacity: 0.3;} + 21% {opacity: 0.8;} + 23% {opacity: 0.3;} + 41% {opacity: 0.7;} + 44% {opacity: 0.6;} + 50% {opacity: 0.4;} + 60% {opacity: 0.3;} + 61% {opacity: 0.5;} + 63% {opacity: 0.6;} + 90% {top: 90%; height: 10%;} + 100% {top: 100%; height: 0; opacity: 0.5;} +} + +@-webkit-keyframes static-retina { + 0% {top: 0; height: 0; opacity: 0.5;} + 10% {top: 0; height: 10%;} + 11% {opacity: 0.7;} + 12% {opacity: 0.6;} + 20% {opacity: 0.3;} + 21% {opacity: 0.7;} + 23% {opacity: 0.3;} + 41% {opacity: 0.7;} + 44% {opacity: 0.5;} + 50% {opacity: 0.4;} + 60% {opacity: 0.3;} + 61% {opacity: 0.5;} + 63% {opacity: 0.7;} + 90% {top: 90%; height: 10%;} + 100% {top: 100%; height: 0; opacity: 0.5;} +} + + + +html { + box-sizing: border-box; +} +*, *:before, *:after { + box-sizing: inherit; +} + +html, body { + height: 100%; + margin: 0; +} + +body { + background-color: black; + background-image: url('/img/broken_noise_@2X.png'); + + color: #00DF00; + font-family: 'VT323', 'Courier', monospace; + font-size: 26px; +} + +pre { + margin: 0; +} + +::selection { + background: #00DF00; /* Safari */ + color: black; +} +::-moz-selection { + background: #ffb7b7; /* Firefox */ +} +.content { + z-index: 100; + background-image: url('/img/line.png'); + position: absolute; + left: 0; + top: 0; + right: 0; + min-height: 100%; + padding-bottom: 100px; +} +.content:last-child { + z-index: 1; + left: -2px; + opacity: 0.3; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +@media (-webkit-min-device-pixel-ratio: 1) { +.content:last-child { + -webkit-animation: acidmove 8s ease-in; + -webkit-animation-delay: 2s; + -webkit-animation-iteration-count: infinite; +} + +.fuzz { + -webkit-animation: static 40s linear; + -webkit-animation-delay: 2s; + -webkit-animation-iteration-count: infinite; +} +} + + +@media (-webkit-min-device-pixel-ratio: 2) { +.content:last-child { + -webkit-animation: acidmove-retina 8s ease-in; + -webkit-animation-delay: 2s; + -webkit-animation-iteration-count: infinite; +} +.fuzz { + -webkit-animation: static-retina 40s linear; + -webkit-animation-delay: 2s; + -webkit-animation-iteration-count: infinite; +} + + + +} + +.fuzz { + position: absolute; + top: 0; + left: 0; + right: 0; + background-color: rgba(80,80,80,0.2); + z-index: 20; + height: 0; + transform: translate3d(0,0,0); + pointer-events: none; +} + +.content:last-child .fuzz { + display: none; +} + +.logo-area { + text-align: center; + margin-top: 60px; + text-shadow: 0 0 20px #00DF00; +} +.logo { + display: inline-block; + text-align: left; +} +.logo-area-quote { + margin-top: 0; + margin-bottom: 0; +} + +.instructions-wrapper { + text-align: center; + margin-top: 50px; + margin-bottom: 10px; +} +.instructions { + display: inline-block; + width: 40em; + text-align: left; +} +.green { + color: #00DF00; + text-shadow: 0 0 20px #00DF00; +} +.white{ + color: white; + text-shadow: 0 0 20px rgba(255,255,255,0.5); +} +.cyan { + color: #00E3E3; + text-shadow: 0 0 20px #00E3E3; +} +.yellow { + color: #E7E700; + text-shadow: 0 0 20px #E7E700; +} +.magenta { + color: #E100E1; + text-shadow: 0 0 20px #E100E1; +} +ul, +ol { + list-style: none; +} diff --git a/css/style2.css b/css/style2.css new file mode 100644 index 0000000..3707658 --- /dev/null +++ b/css/style2.css @@ -0,0 +1,148 @@ +html { + box-sizing: border-box; +} +*, *:before, *:after { + box-sizing: inherit; +} + +html, body { + height: 100%; + margin: 0; +} + +body { + background-color: black; + + color: #00DF00; + font-family: 'VT323', 'Courier', monospace; + font-size: 26px; +} + +pre { + margin: 0; +} + +::selection { + background: #00DF00; /* Safari */ + color: black; +} +::-moz-selection { + background: #ffb7b7; /* Firefox */ +} +.content { + z-index: 100; + background-image: url('/img/line.png'); + position: absolute; + left: 0; + top: 0; + right: 0; + min-height: 100%; + padding-bottom: 100px; +} +.content:last-child { + z-index: 1; + left: -2px; + opacity: 0.3; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +@media (-webkit-min-device-pixel-ratio: 1) { +.content:last-child { + -webkit-animation: acidmove 8s ease-in; + -webkit-animation-delay: 2s; + -webkit-animation-iteration-count: infinite; +} + +.fuzz { + -webkit-animation: static 40s linear; + -webkit-animation-delay: 2s; + -webkit-animation-iteration-count: infinite; +} +} + + +@media (-webkit-min-device-pixel-ratio: 2) { +.content:last-child { + -webkit-animation: acidmove-retina 8s ease-in; + -webkit-animation-delay: 2s; + -webkit-animation-iteration-count: infinite; +} +.fuzz { + -webkit-animation: static-retina 40s linear; + -webkit-animation-delay: 2s; + -webkit-animation-iteration-count: infinite; +} + + + +} + +.fuzz { + position: absolute; + top: 0; + left: 0; + right: 0; + background-color: rgba(80,80,80,0.2); + z-index: 20; + height: 0; + transform: translate3d(0,0,0); + pointer-events: none; +} + +.content:last-child .fuzz { + display: none; +} + +.logo-area { + text-align: center; + margin-top: 60px; + text-shadow: 0 0 20px #00DF00; +} +.logo { + display: inline-block; + text-align: left; +} +.logo-area-quote { + margin-top: 0; + margin-bottom: 0; +} + +.instructions-wrapper { + text-align: center; + margin-top: 50px; + margin-bottom: 10px; +} +.instructions { + display: inline-block; + width: 40em; + text-align: left; +} +.green { + color: #00DF00; + text-shadow: 0 0 20px #00DF00; +} +.white{ + color: white; + text-shadow: 0 0 20px rgba(255,255,255,0.5); +} +.cyan { + color: #00E3E3; + text-shadow: 0 0 20px #00E3E3; +} +.yellow { + color: #E7E700; + text-shadow: 0 0 20px #E7E700; +} +.magenta { + color: #E100E1; + text-shadow: 0 0 20px #E100E1; +} +ul, +ol { + list-style: none; +} diff --git a/faq.html b/faq.html new file mode 100644 index 0000000..69fee12 --- /dev/null +++ b/faq.html @@ -0,0 +1,75 @@ + + + + + + + xinu.me + + + +
+
+
+ +
"pequeño sistema UNIX de acceso público"
+
+
+
+ +

¿Quieres unirte?¡Estaremos encantados de conocerte!

+

+ Echa un ojo aquí. +

+ +

Ya estoy en xinu.me, ¿ahora qué?

+

+ Nos gustaría que xinu.me tuviese un gran espíritu de comunidad. Mientras redactamos unas + normas de netiqueta para los recien llegados... +

    +
  1. - ¡NO PIRATEES EL GIBSON!
    2. +
  2. - Nada de dramas. Se respetuoso. Diviértete. Nos estamos esforzando y estamos todos juntos en esto.
    3. +
+

+ +

Vale, lo he pillado: no seas un capullo. Pero... ¿cómo hago cosas?

+

+ Aquí podrás encontrar un pequeño tutorial introductorio con lo más básico. + +

+ +

Estamos deseando conocerte

+ 
+                \||/
+                |  @___oo
+      /\  /\   / (__,,,,|
+     ) /^\) ^\/ _)
+     )   /^\/   _)
+     )   _ /  / _)
+ /\  )/\/ ||  | )_)
+<  >      |(,,) )__)
+ ||      /    \)___)\
+ | \____(      )___) )___
+  \______(_______;;; __;;;
+
+ +
100% compatible con Lynx. En serio. +
+
+
+ + + + + diff --git a/index.php b/index.php new file mode 100644 index 0000000..10872c7 --- /dev/null +++ b/index.php @@ -0,0 +1,86 @@ + + + + + + + xinu.me + + + +
+
+
+ +
"pequeño sistema UNIX de acceso público"
+
+
+
+

+ xinu.me no es una red social. Es una comunidad experimental para socializar, desarrollar habilidades digitales y colaborar a través de la shell del sistema.
+

+ PRINCIPIOS: +
    +
  • + FUERA DE LA WEB: + Aunque los usuarios puede crear sitios web, cápsulas gemini y contenido gopher, lo interesante pasa en la línea de comandos donde tu controlas quién ve tu contenido. +
    • +
  • + DIY: + El entorno UNIX facilita la "fabricación" de tus propias herramientas. +
    • +
  • + MINIMALISMO: + xine.me corre sobre un VPS con 1 GB de RAM y 30 GB de disco duro. Usando interfaces basadas en texto se minimiza el consumo de recursos. +
    • +
  • + NO COMERCIAL: + Sin cuota de miembro, sin publicidad y nadie crea un perfil con tus movimientos online para venderlo. En xine.me pagas tu cuota de miembro participando en la comunidad, creando cosas molonas, testeando lo que crearon otros miembros y enseñando a otros lo que sabes. +
    • +
  • + ASÍNCRONO: + Aunque puedes usar el IRC para la comunicación en tiempo real, mucha de la interacción es asíncrona en el sentido de que puedes ver lo que están haciendo el resto de usuarios, darle unas vueltas y luego comentarlo en el BBS tranquílamente, sin prisa. +
    • +
+

+ Inspirado fuertemente por los principios del "tildeverso" y el servidor tilde rawtext.club. +

+ Enlaces de interés:
+ +
    +
  1. 1. FAQ
    2. +
  2. 2. Inscríbete!
    3. + +
+ + USUARIOS:
+ +
100% compatible con Lynx. En serio. +
+
+
+ + + + + diff --git a/inscripcion.html b/inscripcion.html new file mode 100644 index 0000000..c6a2791 --- /dev/null +++ b/inscripcion.html @@ -0,0 +1,68 @@ + + + + + + + xinu.me + + + +
+
+
+ +
"pequeño sistema UNIX de acceso público"
+
+
+
+

Solicitar una cuenta:

+

+ Para solicitar una cuenta de usuario en xinu.me envíame un email a serxoz en xinu.me con los siguientes datos: +

+
    +
  1. 1. Un nombre de usuario que te mole.
    2. +
  2. 2. Tu clave ssh pública.
    3. +
  3. 3. Tu shell favorita, si es que tienes alguna.
    4. +
+

+ Cuentanos también algo de tí, intereses o como has oído hablar de xinu.me +

+

Como conectarte:

+

+ Desde linux puedes generar tu clave pública así:
+ + mkdir ~/.ssh || ssh-keygen -t rsa -b 2048 -f ~/.ssh/xinu.me + +

+ Así podrás enviarme por email el archivo ~/.ssh/xinu.me.pub y podrás configurar tu archivo ~/.ssh/config con el siguiente contenido para conectarte por ssh sin tener que especificar la clave privada:
+ + Host xinu.me
+     IdentityFile ~/.ssh/xinu.me + +

+ Ahora ya podrás acceder por SSH al sistema:
+ + ssh @xinu.me + +

+
100% compatible con Lynx. En serio. +
+
+
+ + + + + diff --git a/tutorial.html b/tutorial.html new file mode 100644 index 0000000..4f7f71f --- /dev/null +++ b/tutorial.html @@ -0,0 +1,121 @@ + + + + + + + xinu.me + + + +
+
+
+ +
"pequeño sistema UNIX de acceso público"
+
+
+
+ +

¡Bienvenido!

+

+ ¿Nuevo con la línea de comandos y todo la movida web? ¡Estás de suerte! Aquí encontrarás un pequeño tutorial básico al estilo "Hola Mundo". +

+ +

Iniciando sesión

+ 
+       _______________________________________
+      / Bienvenido a xinu.me! Un lugar para   \
+      \ alojar tus páginas web.               /
+       ---------------------------------------
+              \   ^__^
+               \  (oo)\_______
+                  (__)\       )\/\
+                      ||----w |
+                      ||     ||
+
+

+

    +
  1. 1. En un Mac abre la aplicación Terminal, en un Windows necesitas un cliente SSH. + PuTTY es una buena opción.
    2. +
  2. 2. Teclea: ssh tuusuariomolón@xinu.me y pulsa la tecla "Entrar".
    3. +
  3. 3. Teclea tuclave y pulsa la tecla "Entrar".
    4. + +
+

+ +

Encuentra tu archivo index.hml

+

+ Hay varios comandos básicos que querrás aprender, pero para este tutorial solo necesitarás unos pocos: +

+
    +
  1. ls sirve para listar los archivos en el directorio actual.
    2. +
  2. cd sirve para cambiar de directorio.
    3. +
  3. nano es un editor de línea de comandos.
    4. +
+ +
    +
  1. 1. Teclea: ls y pulsa "Entrar" para ver donde estás. Deberías + ver un directorio llamado "public_html".
    2. +
  2. 2. Teclea: cd public_html y pulsa "Entrar" para moverte a ese directorio.
    3. +
  3. 3. Teclea: ls y pulsa "Entrar" para ver donde estás. Deberías + ver tu archivo index.html.
    4. +
+ +

Edita tu archivo index.html

+
    +
  1. 1. Teclea: nano index.html y pulsa "Entrar" para abrir tu archivo + index.html y empezar a editarlo.
    2. +
  2. 2. Edita tu archivo, quiera o no quiera :D
    3. +
  3. 3. Cuando acabes, usa CTRL+X para cerrar el archivo.
    4. +
  4. 4. Te preguntará si quieres guardarlo; responde y y pulsa "Entrar" + para volver a la línea de comandos.
    5. +
  5. 5. Refresca tu página https://xinu.me/~tuusuariomolón en tu navegador y verás tu nuevo sitio web.
    6. +
+ +

Actualiza la vista de tu editor

+

+ Te pueden haber pillado con la guardia baja mientras editabas algún archivo y algún mensaje + aleatorio de chat la ha liado con tu vista. No la ha liado realmente y tu página HTML no + se ha editado pero necesitas refrescar la vista de tu editor. + Para ello: +

    +
  1. 1. CTRL+L refrescará tu vista.
    2. +
+

+ +

Charlar

+

+ Mientras estás en la línea de comandos puedes participar en el chat. Si hay algún chat o bien, + si tienes alguna duda. +

+
    +
  1. 1. Teclea: wall y pulsa "Entrar" para decirle a tu shell que + estás listo para chatear.
    2. +
  2. 2. Teclea tu mensaje y pulsa "Entrar".
    3. +
  3. 3. Teclea CTRL+D para enviar el mensaje o CTRL+C si quieres cancelarlo.
    4. +
  4. 4. ¡Diviértete!
    5. +
+ +
100% compatible con Lynx. En serio. +
+
+
+ + + + +