moar colors! the temple's first stone
This commit is contained in:
parent
411bbc5d89
commit
7eee397f3b
@ -2,7 +2,7 @@ title: Una fortaleza de la soledad, pero con compañía
|
|||||||
---
|
---
|
||||||
body:
|
body:
|
||||||
|
|
||||||
El Kernel Panic es un viaje solitario a través del laberinto de la información. Uno se abre camino a tientas entre las enredaderas de los manuales, los callejones sin salida de los foros y los pozos sin fondo de las listas de correo. ¿Qué habrá visto, de veras, DenverCoder9?
|
El __***kernel panic***__ es un viaje solitario a través del laberinto de la información. Uno se abre camino a tientas entre las enredaderas de los manuales, los callejones sin salida de los foros y los pozos sin fondo de las listas de correo. ¿Qué habrá visto, de veras, [DenverCoder9](https://gprivate.com/66mft)?
|
||||||
|
|
||||||
En Kernel Panic Space, creemos que nadie debería tener que enfrentarse a ese viaje a solas.
|
En Kernel Panic Space, creemos que nadie debería tener que enfrentarse a ese viaje a solas.
|
||||||
|
|
||||||
|
|||||||
@ -0,0 +1,5 @@
|
|||||||
|
_model: page
|
||||||
|
---
|
||||||
|
title: Templo de la Entropía
|
||||||
|
---
|
||||||
|
_template: temple.html
|
||||||
@ -3,6 +3,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<title>{% block title %}{% endblock %}</title>
|
<title>{% block title %}{% endblock %}</title>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
::-webkit-scrollbar {
|
::-webkit-scrollbar {
|
||||||
display: none;
|
display: none;
|
||||||
@ -19,6 +20,9 @@
|
|||||||
width: 80vw;
|
width: 80vw;
|
||||||
scrollbar-width: none; /* For Firefox */
|
scrollbar-width: none; /* For Firefox */
|
||||||
-ms-overflow-style: none;
|
-ms-overflow-style: none;
|
||||||
|
{% block bgstuff %}
|
||||||
|
background-color: white;
|
||||||
|
{% endblock %}
|
||||||
}
|
}
|
||||||
#topbar {
|
#topbar {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -71,8 +75,9 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
padding-right: 10px;
|
padding-right: 10px;
|
||||||
position: sticky;
|
position: absolute;
|
||||||
bottom: 0;
|
display: block;
|
||||||
|
bottom: -75px;
|
||||||
background-color: inherit;
|
background-color: inherit;
|
||||||
border-top: 1px solid #e7e7e7;
|
border-top: 1px solid #e7e7e7;
|
||||||
}
|
}
|
||||||
@ -94,7 +99,7 @@
|
|||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
<!-- Llegaste al código, a ver cáele al telegram -> [arroba]kprftw -->
|
||||||
<div id="topbar">
|
<div id="topbar">
|
||||||
{% block topbar %}
|
{% block topbar %}
|
||||||
<a href="/about"><div class="button">khe?</div></a>
|
<a href="/about"><div class="button">khe?</div></a>
|
||||||
@ -120,15 +125,34 @@
|
|||||||
Math.floor(Math.random() * 256) + ')';
|
Math.floor(Math.random() * 256) + ')';
|
||||||
document.body.style.backgroundColor = randomColor;
|
document.body.style.backgroundColor = randomColor;
|
||||||
document.getElementById('topbar').style.backgroundColor = randomColor;
|
document.getElementById('topbar').style.backgroundColor = randomColor;
|
||||||
|
var rgb = randomColor.match(/\d+/g).map(Number);
|
||||||
|
|
||||||
|
// Calculate the brightness of the color
|
||||||
|
var brightness = Math.round((parseInt(rgb[0]) * 299 + parseInt(rgb[1]) * 587 + parseInt(rgb[2]) * 114) / 1000);
|
||||||
|
|
||||||
|
// Choose black or white for the font color based on the brightness
|
||||||
|
var randomFontColor = brightness > 150 ? 'black' : 'white';
|
||||||
|
document.body.style.color = randomFontColor;
|
||||||
});
|
});
|
||||||
var buttons = document.querySelectorAll('.button');
|
var buttons = document.querySelectorAll('.button');
|
||||||
buttons.forEach(function(button) {
|
buttons.forEach(function(button) {
|
||||||
button.addEventListener('click', function() {
|
button.addEventListener('mouseover', function() {
|
||||||
var randomColor = 'rgb(' +
|
var randomColor = 'rgb(' +
|
||||||
Math.floor(Math.random() * 256) + ',' +
|
Math.floor(Math.random() * 256) + ',' +
|
||||||
Math.floor(Math.random() * 256) + ',' +
|
Math.floor(Math.random() * 256) + ',' +
|
||||||
Math.floor(Math.random() * 256) + ')';
|
Math.floor(Math.random() * 256) + ')';
|
||||||
|
|
||||||
|
// Convert the RGB color to an array of numbers
|
||||||
|
var rgb = randomColor.match(/\d+/g).map(Number);
|
||||||
|
|
||||||
|
// Calculate the brightness of the color
|
||||||
|
var brightness = Math.round((parseInt(rgb[0]) * 299 + parseInt(rgb[1]) * 587 + parseInt(rgb[2]) * 114) / 1000);
|
||||||
|
|
||||||
|
// Choose black or white for the font color based on the brightness
|
||||||
|
var randomFontColor = brightness > 150 ? 'black' : 'white';
|
||||||
|
|
||||||
this.style.backgroundColor = randomColor;
|
this.style.backgroundColor = randomColor;
|
||||||
|
this.style.color = randomFontColor;
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
8
kernelpanic.lol/templates/temple.html
Normal file
8
kernelpanic.lol/templates/temple.html
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
{% extends "layout.html" %}
|
||||||
|
{% block bgstuff %}
|
||||||
|
background-color: black;
|
||||||
|
{% endblock %}
|
||||||
|
{% block title %}{{ this.title }}{% endblock %}
|
||||||
|
{% block body %}
|
||||||
|
{{ this.body }}
|
||||||
|
{% endblock %}
|
||||||
63
temple.html
Normal file
63
temple.html
Normal file
@ -0,0 +1,63 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="es">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Templo del Software Libre - San Ignucio</title>
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
font-family: Arial, sans-serif;
|
||||||
|
background-color: #f7f7f7;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
header {
|
||||||
|
background-color: #333;
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
margin: 0;
|
||||||
|
font-size: 2rem;
|
||||||
|
}
|
||||||
|
main {
|
||||||
|
max-width: 800px;
|
||||||
|
margin: 2rem auto;
|
||||||
|
padding: 1rem;
|
||||||
|
background-color: white;
|
||||||
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
footer {
|
||||||
|
text-align: center;
|
||||||
|
padding: 1rem;
|
||||||
|
background-color: #333;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<h1>Templo de la Entropía</h1>
|
||||||
|
<p>un Santuario para alabar al Espíritu del Código Abierto en todas su personificaciones</p>
|
||||||
|
</header>
|
||||||
|
<main>
|
||||||
|
<h2>San Ignucio</h2>
|
||||||
|
<p>San Ignucio, el santo patrón del software libre y del código abierto, nos guía en la búsqueda de la libertad digital. A través de sus enseñanzas, abrazamos la colaboración, la transparencia y el poder de la innovación impulsada por la comunidad. Su palabra fue la primera piedra de la Sagrada Catedral de la Internet.</p>
|
||||||
|
<h3>Principios de San Ignucio:</h3>
|
||||||
|
<ul>
|
||||||
|
<li><strong>Libertad:</strong> El derecho a usar, estudiar, compartir y modificar software es un derecho humano fundamental.</li>
|
||||||
|
<li><strong>Comunidad:</strong> La colaboración y el intercambio de conocimiento conducen al progreso tecnológico y al empoderamiento.</li>
|
||||||
|
<li><strong>Transparencia:</strong> La apertura en el código y el desarrollo aseguran la responsabilidad y la confianza.</li>
|
||||||
|
</ul>
|
||||||
|
<h3>Adoración en el Templo:</h3>
|
||||||
|
<p>Visita nuestro templo para rendir homenaje a San Ignucio. Explora los textos sagrados de las licencias de código abierto, asiste a seminarios sobre ética digital y colabora con peregrinos afines en nuestra comunidad.</p>
|
||||||
|
</main>
|
||||||
|
<footer>
|
||||||
|
<p>© 2023 Templo del Software Libre. Todos los derechos reservados.</p>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in New Issue
Block a user