Mensajes

Lo curioso es que he de asumir que este sistema de reconocimiento está basado en una IA. Con cuantas fotografías de ese estilo la habrán entrenado?. ¿Se admite el uso de estas fotografías a empresas privadas (aun si so objetivo es "bueno")? Esa IA es pedofila? Preguntas que no me puedo dejar de hacer.

Comparto la idea contigo (soy muy de rehacer las cosas desde 0 cuando no me gusta algo). El tema está que que quizás para minimizar la resistencia al cambio se puede optar por una fase intermedia. Pasar de html4 a html5 tampoco es una locura, y por algo se parte. Arreglar un detallito como el menú absolute de la warzone es algo, infimo, pero es algo. Otra forma es en efecto, actualizar todo pero mantener el diseño.

No me mal entiendas, evidentemente sé que es poner un parche sobre una hemorragia, pero bueno, supongo que peor es nada. En mas de una ocasión agradecería que la web tuviera una versión dark bien hecho para que mis ojos no estallaran por las noches.

Como sea, muchas gracias por tomar en cuenta el comentario. Y de tomarse alguna decisión al respecto, no duden en que estaría encantado de ayudar. (No conozco bien REACT, prefiero VUE y odio Angula, pero bueno, uno se acomoda, haahhaha).

Yo entiendo que se quiera mejorar el sitio pero entiendo también que se quiere conservar el estilo y diseño de tantos años y mantener ese valor histórico del diseño.

Con eso diste en el clavo, me agrada la idea de mantener el diseño (tampoco me opongo a un update) no obstante una cosas es el diseño y otra cosa es el código que hay por detrás. Como lo que decía del menú, se lograría el mismo resultado (de hecho mejor), con mucho menos código, pero visualmente no cambiaría nada.

Entiendo que un rediseño completo puede ser complejo, pero a lo que voy es mucho mas pequeño. Mantener el diseño e incluso mantener las tecnologías back-end. No obstante, retocar el front-end. No me refiero a aplicar react, angular o vue, sino mas bien, html5 y css3.

Ahora respecto a los puntos a, b, c y d:

A) Si, eso es un problema. (pero por lo que explicas pareciera que estarías hasta dispuesto a hacerlo tu solo hahahaa)
B) Para eso se pueden aplicar otro medios que no sean github: slack, jira, el propio sitio web.
C) Entiendo (o quiero entender) que si el back y el front no están separados una cosa sería la web, otra el foro y otra los retos de la warzone. (incluso cada reto podría tener su repo). // no sé si existirá una separación entre la wiki, el blog, etc.
D) Me remito a lo que dije anteriormente. Para iniciar no es necesario modificar las tecnologías, solo optimizar lo que hay.

Saludos,

Modifico: Se me olvido mencionar, tu diseño está genial.

Al pasar la prueba y hacer click en el link "meter mi código" falla. (Si copias y pegas el código en el link meter mi codigo funciona). Lo dejo por si acaso.

Hola, tenía una duda sobre la website de elhacker.net. ¿En algún momento se han planteado la posibilidad de hacerle alguna pequeña mantención de código o upgrade de algún tipo?. Quiero decir, entiendo la estética del foro y de la pagina, de hecho resulta hasta nostálgico el mantener el mismo diseño y todo eso, pero a nivel de código hay algunas cosas que se podrían mejorar.

Hoy por recomendación de WHK decidí meterme en la warzone y me llamó mucho la atención un menú lateral que te sigue cuando haces scroll hacia abajo. Se estaba moviendo raro, como vibrando, al ver el código me doy cuenta que tiene una posición absoluta que se recalcula con javascript, y que de hecho, al parecer, los submenu no están anidados al mismo, así que se mueven en paralelo.
En la actualidad existen cosas como "position: sticky" que hacen lo mismo solo que mucho mas facilmente, sin esa vibración ni delay, y sobre todo sin necesidad de javascript.

No sé hasta que punto sería viable (o seguro) subir ese código a algún repo (incluso privado, al que solo tengan acceso miembros del staff) y poder hacer pull request o algo que permita optimizar o mejorar esos detallitos de forma paulatina y con la ayuda de la propia comunidad.

Saludos,

Muchísimas gracias por tu respuesta tan extensa sé que es un poco eso experiencia individual pero si no es mucho molestar crees que el trabajo es muy demandante mentalmente a diario

Creo que ya te han dicho todo lo que se puede decir respecto a tu tema. No obstante, para darte una respuesta directa:
En base a mi experiencia como programador (siendo está un área que me gusta) nunca me he sentido muy "demandado" mentalmente. Prefiero demorarme 10 horas programando algo que detecte errores de contabilidad en un excel, que pasarme 2 horas revisando el dichoso excel. Para un contador será justamente lo contrario.

Palabras cortas: Si te gusta, olvidate, te verás programando en tus tiempos libres solo para pasar el tiempo.

Genial!.
Bueno, si estas dispuesto a meterte en el mundo del desarrollo web, esa página será tu mejor amiga. Suerte y mucha energía, te queda un camino largo por delante, hahaha.

Cualquier cosa pregunta por el foro, si pillo el mensaje te respondo. Suerte!.

El header, el div o lo que sea no es importante. Tu puedes hacer de un h1 un contenedor si así lo quieres. Aca solo con un header:

Código (css) [Seleccionar] Expandir


* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
header {
background-image: url(https://image.freepik.com/free-photo/hand-painted-watercolor-background-with-sky-clouds-shape_24972-1095.jpg); /* puse una imagen random de internet */
background-repeat: no-repeat; /* le indico que si llega a su tamaño maximo no se repita */
background-size: 100% auto; /* le digo que se escale usando todo el ancho disponible, y el alto se autoajuste para mantener la proporción */
min-height: 5rem; /* le puse un alto minimo (recuerda que ahora es una imagen de fondo, osea que ya no ocupa un espacio por si mismo) */
}


Ahora puedes ponerle un h1 a tu header o lo que quieras. La imagen se verá por detras.

Para mas detalles de como usar imagenes de fondo te recomiendo buscar en MDN
https://developer.mozilla.org/es/

No entiendo mucho tu duda.
Pero si lo que quieres es que una imagen utilice el 100% de ancho, simplemente ponle ese valor en css.

Código (css) [Seleccionar] Expandir


* { /* Necesario para sobre escribir todos los elementos (estos tienen un valor por defecto que no nos interesa) */
box-sizing: border-box; /* Por defecto el ancho de los contenedores no considera el borde (solo su interior) esto dificulta los cálculos y te obliga a ocupar calc, mejor quitarlo y considerar el borde dentro del ancho y alto del elemento */
margin: 0; /* eliminamos todos los margenes externos por defecto */
padding: 0; /* eliminamos todos los margenes internos por defecto */
/* en resumen, el código de arriba es para dejar todo sin espaciado ni cosas raras por defecto */
}
img { /* seleccionamos todas las imagenes, acá puede poner la clase de tu imagen o la id, como te sea necesario */
width: 100%; /* indicamos que el ancho de la imagen ha de ser del 100% (osea todo el ancho disponible) Cabe señalar que si el contenedor padre no utiliza el 100% del ancho de la pagina o tiene un margen o padding el resultado no será el que buscas. */
}


Ahora, ten en cuenta que tu imagen ocupa un espacio. Quizas lo que quieras es que sea un background-image de algún div, no? (como para hacer un cover, o slider).

MODIFICO: Leyendo mi mensaje creo que sería mejor explicarte las primeras lineas del código. Así que le pondré comentarios.

Genial que te sirviera. Bueno, el código queda en el repositorio, cualquier persona lo puede "descargar" y hacer modificaciones de ser necesario. Suerte con tus estudios!.