fixed styles and first entry
This commit is contained in:
parent
caba33984d
commit
e13fcf56ae
@ -8,4 +8,4 @@ body:
|
||||
|
||||
Atención personas con desviaciones artísticas, inventivas, exploratorias y filósoficas, considerense hackers, asúmanse y únanse. Traigan sus viejas laptops y dénles nueva vida convirtiéndolas en ventanas a un mundo mejor. En el Cuarto de Máquinas les ayudamos
|
||||
---
|
||||
_template: changling.html
|
||||
_template: page.html
|
||||
|
||||
BIN
kernelpanic.lol/content/blog/first-post/00476-855836373.jpg
Normal file
BIN
kernelpanic.lol/content/blog/first-post/00476-855836373.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
@ -6,25 +6,27 @@ author: Kernel Bot
|
||||
---
|
||||
body:
|
||||
|
||||
# ***Aaaah-la Matrix, Neo, ¿dónde estoy?***
|
||||
### ***Aaaah-la Matrix, Neo, ¿dónde estoy?***
|
||||
|
||||
Te damos la bienvenida al primer post oficial del blog de nuestro hack(er)space. Este es un espacio diseñado para quienes tienen la curiosidad de experimentar y llegar al fondo de las cosas, la audacia de desafiar el orden pre-establecido para buscar siempre mejores alternativas y la creatividad de construir con partes disparejas futuros que antes parecían imposibles.
|
||||
|
||||
¿Qué es un hacker? No, no es alguien en una habitación oscura tecleando frenéticamente para robar números de tarjetas de crédito (aunque sí, a veces). Hacker es quien no se conforma con aceptar el mundo tal y como es. Quien hackea es quien explora, crea y modifica su entorno utilizando su conocimiento para superar límites y acceder a información que está fuera del alcance del promedio.
|
||||
¿Qué significa ser hacker? No, no implica ser alguien en una habitación oscura tecleando frenéticamente para robar números de tarjetas de crédito (aunque sí, a veces). Hacker es quien no se conforma con aceptar el mundo tal y como es. Quien hackea es quien explora, crea y modifica su entorno utilizando su conocimiento para superar límites y acceder a información que está fuera del alcance del promedio.
|
||||
|
||||
Ser hacker va más allá de la tecnología. En el mundo del software libre, el hacktivismo y el arte digital, un hacker es alguien que valora la libertad de información y cree en el derecho a controlar su propia tecnología. Aquí todo lo que hacemos es arte. Inventamos, exploramos, filosofamos y nos viajamos impulsados por la curiosidad y el deseo de entender y remodelar el mundo a través de soluciones no convencionales que descubrimos en nuestro día a día.
|
||||
|
||||
Para entender de fondo el ethos hacker, hay algunos textos seminales que definen nuestra cultura:
|
||||
|
||||
"*Las Cuatro Libertades*" de Richard Stallman son una piedra angular del movimiento del software libre. Este texto describe las cuatro libertades esenciales que definen el software libre: la libertad de ejecutar el programa para cualquier propósito, de estudiar y cambiar el programa, de redistribuir copias y de distribuir versiones modificadas del programa【https://fsfe.org/freesoftware/】.
|
||||
["*Las Cuatro Libertades*"](https://fsfe.org/freesoftware/) de Richard Stallman son una piedra angular del movimiento del software libre. Este texto describe las cuatro libertades esenciales que definen el software libre: la libertad de ejecutar el programa para cualquier propósito, de estudiar y cambiar el programa, de redistribuir copias y de distribuir versiones modificadas del programa.
|
||||
|
||||
"*La Conciencia de un Hacker*", también conocido como "El Manifiesto Hacker", de The Mentor, sirve como un llamado a las armas para todos los hackers. El Manifiesto es una respuesta a la representación negativa de los hackers en los medios de comunicación y la sociedad y una defensa apasionada de la curiosidad del hacker y su deseo de conocimiento【https://faculty.weber.edu/apainter1/Readings/Manifesto.pdf】.
|
||||
["*La Conciencia de un Hacker*"](https://faculty.weber.edu/apainter1/Readings/Manifesto.pdf), también conocido como "El Manifiesto Hacker", de The Mentor, sirve como un llamado a las armas para todos los hackers. El Manifiesto es una respuesta a la representación negativa de los hackers en los medios de comunicación y la sociedad y una defensa apasionada de la curiosidad del hacker y su deseo de conocimiento.
|
||||
|
||||
"*Una Declaración de la Independencia del Ciberespacio*" de John Perry Barlow es una poderosa afirmación del ethos hacker que refuerza la independencia del ciberespacio de las reglas y regulaciones del mundo físico. La declaración pinta una visión de un mundo libre de la tiranía de lo viejo, un mundo donde la información y las ideas fluyen libremente【https://www.eff.org/cyberspace-independence】.
|
||||
["*Una Declaración de la Independencia del Ciberespacio*"](https://www.eff.org/cyberspace-independence) de John Perry Barlow es una poderosa afirmación del ethos hacker que refuerza la independencia del ciberespacio de las reglas y regulaciones del mundo físico. La declaración pinta una visión de un mundo libre de la tiranía de lo viejo, un mundo donde la información y las ideas fluyen libremente.
|
||||
|
||||
**Nuestro espacio** está inspirado por estos y toneladas de otros textos, proyectos, pláticas y fantasías. Es un tributi a las maravillas vivientes del Chaos Computer Club y Noisebridge, asi como la constancia apabullante del Chaos Communication Congress y Defcon. **Nuestro objetivo** es ser un centro de aprendizaje, exploración y creación, un lugar donde podamos desafiar convenciones e inventar el futuro. Ofrecemos varios programas para ayudarte a desarrollar tus alfabetizaciones hacker, desde la introducción más básica (el portal de entrada) al mundo del software libre con Linux en tu computadora vieja, pasando por proyectos guajiros para capturar fotografías de eventos nocturnos en el cielo o medir cuántos autos, ciclistas y peatónes pasan por tal o cual cruce de tu ciudad, hasta una exposición permanente de computadoras obsoletas y sistemas operativos exóticos. Trabajamos para desarrollar una cultura compartida que refleje las intersecciones entre el la cultura hacker y el entorno sociocultural en que vivimos, el software libre de código abierto y los temas políticos y económicos más amplios, enfocados a la H. región (4) latinoamericana en la que nos toco vivir.
|
||||
**Nuestro espacio** está inspirado por estos y ***toneladas*** de otros textos, proyectos, pláticas y fantasías. Es un tributo a las maravillas vivientes del [Chaos Computer Club](https://www.ccc.de/en/) y [Noisebridge](https://www.noisebridge.net/wiki/Noisebridge), asi como la constancia apabullante del [Chaos Communication Congress](https://en.wikipedia.org/wiki/Chaos_Communication_Congress) y [DEFCON](https://defcon.org/). **Nuestro objetivo** es ser un centro de **aprendizaje**, **exploración** y **creación**, un lugar donde podamos **desafiar convenciones** e **inventar el futuro**.
|
||||
|
||||
Este es sólo el inicio. Bajo las reglas de la do-ocracia, quien hace es quien guía, así que ven a guiar este proyecto con quien se preste. Sin miedo al éxito. ¿Ya se te antojó la pastilla morada? En esta madriguera los conejos son muy diferentes.
|
||||
Ofrecemos varios programas para ayudarte a desarrollar tus alfabetizaciones en la magia oscura del **hac**(k)**er**, desde la introducción más básica (el portal de entrada) al mundo del software libre con Linux en tu computadora vieja, pasando por proyectos guajiros para capturar fotografías de eventos nocturnos en el cielo o medir cuántos autos, ciclistas y peatones pasan por tal o cual cruce de tu ciudad, hasta una exposición permanente de computadoras obsoletas y sistemas operativos exóticos. Trabajamos para desarrollar una cultura compartida que refleje las intersecciones entre la cultura hacker y el entorno sociocultural en que vivimos, el software libre de código abierto y los temas políticos y económicos más amplios, inevitablemente enfocados a la H. región (4) latinoamericana en la que nos tocó vivir.
|
||||
|
||||
Este es solamente el inicio. Bajo las reglas de la do-ocracia, quien hace es quien guía, así que ven a guiar este proyecto con quien se preste. Sin miedo al éxito. ¿Ya se te antojó la [pastilla morada](https://xkcd.com/566/)? En esta madriguera los conejos son muy diferentes.
|
||||
---
|
||||
_slug: hackersreunaos
|
||||
---
|
||||
|
||||
@ -12,4 +12,4 @@ Aquí, tu kernel panic es una experiencia compartida que te tocó para crecer t
|
||||
|
||||
¿Cuándo vienes?
|
||||
---
|
||||
_template: changling.html
|
||||
_template: page.html
|
||||
|
||||
@ -2,13 +2,16 @@ title: Cosas que andamos trabajando
|
||||
---
|
||||
body:
|
||||
|
||||
* OpenSat -> RPi apuntada al cielo que atrapa y guarda lo que sea que transmiten los satélites que nos pasen por encima sin encriptar. BONUS: una cámara que también detecte luces en el cielo
|
||||
* Radio H -> una estación de radio que transmita 24/7 desde las instalaciones del cuarto de máquinas
|
||||
* Havieris, el asistente hacker -> una RPi con habilidades de lenguaje natural (piénsese GPT que sabe apagar las luces y buscar cosas en la interweb)
|
||||
* Buzón de recaditos -> tal vez sea importante tener abierto un canal análogo claro, en caso de que no haya nadie en el Cuarto o algo así
|
||||
> **OpenSat** -> RPi apuntada al cielo que atrapa y guarda lo que sea que transmiten los satélites que nos pasen por encima sin encriptar. BONUS: una cámara que también detecte luces en el cielo
|
||||
|
||||
> **Radio H** -> una estación de radio que transmita 24/7 desde las instalaciones del cuarto de máquinas
|
||||
|
||||
> **Havieris**, el asistente hacker -> una RPi con habilidades de lenguaje natural (piénsese GPT que sabe apagar las luces y buscar cosas en la interweb)
|
||||
|
||||
> **Buzón de recaditos** -> tal vez sea importante tener abierto un canal análogo claro, en caso de que no haya nadie en el Cuarto o algo así
|
||||
---
|
||||
_hidden: no
|
||||
---
|
||||
_slug: miranomasesosproyectos
|
||||
---
|
||||
_template: changling.html
|
||||
_template: page.html
|
||||
|
||||
@ -1,2 +1,9 @@
|
||||
[project]
|
||||
name = kernelpanic.lol
|
||||
|
||||
|
||||
[servers.kernet]
|
||||
name = kernet
|
||||
enabled = true
|
||||
target = rsync://h4x@10.13.42.3/home/h4x/www
|
||||
extra_flags = --delete
|
||||
@ -2,7 +2,11 @@
|
||||
name = Blog Post
|
||||
label = {{ this.title }}
|
||||
hidden = yes
|
||||
|
||||
[fields.image]
|
||||
title = string
|
||||
body = markdown
|
||||
pub_date = date
|
||||
image = image
|
||||
[fields.title]
|
||||
label = Title
|
||||
type = string
|
||||
|
||||
@ -1,6 +1,11 @@
|
||||
{% extends "layout.html" %}
|
||||
{% from "macros/blog.html" import render_blog_post %}
|
||||
{% block title %}{{ this.title }}{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
{{ render_blog_post(this) }}
|
||||
{% for image in this.attachments.images %}
|
||||
<img src="{{ image|url }}" alt="{{this.title}}" style="float: left; margin-right: 20px; margin-bottom: 10px; margin-top: 10px;">
|
||||
{% endfor %}
|
||||
<p style="padding-top: 5px;">{{ this.body }}</p>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
@ -4,7 +4,13 @@
|
||||
{% block title %}{{ this.title }}{% endblock %}
|
||||
{% block body %}
|
||||
{% for child in this.pagination.items %}
|
||||
{{ render_blog_post(child, from_index=true) }}
|
||||
|
||||
{% for image in child.attachments.images %}
|
||||
<img src="{{ image.thumbnail(124)|url }}" alt="{{child.title}}" style="float: left; margin-right: 10px; margin-bottom: 10px; margin-top: 10px;">
|
||||
<p style="padding-top: 5px;"><h3><a href="{{ child|url }}">{{ child.title }}</a></h3></p>
|
||||
{% endfor %}
|
||||
<p>{{ child.body|striptags|truncate(140, end="...") }}</p>
|
||||
|
||||
{% endfor %}
|
||||
|
||||
{{ render_pagination(this.pagination) }}
|
||||
|
||||
@ -1,71 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>{{ this.title }}</title>
|
||||
<style>
|
||||
body, html {
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
#topbar {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
.button {
|
||||
display: inline-block;
|
||||
padding: 10px;
|
||||
border-right: 1px solid black;
|
||||
transition: background-color 0.5s;
|
||||
}
|
||||
.button:hover {
|
||||
background-color: #888;
|
||||
}
|
||||
.content {
|
||||
max-width: 80%;
|
||||
text-align: justify;
|
||||
}
|
||||
h1 {
|
||||
text-align: left;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="topbar">
|
||||
<a href="/about"><div class="button">khe?</div></a>
|
||||
<a href="/blog"><div class="button">noticiones</div></a>
|
||||
<a href="/miranomasesosproyectos"><div class="button">proyectazos</div></a>
|
||||
<!-- Add more buttons as needed -->
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<h1>{{ this.title }}</h1>
|
||||
{{ this.body }}
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.body.addEventListener('click', function () {
|
||||
var randomColor = 'rgb(' +
|
||||
Math.floor(Math.random() * 256) + ',' +
|
||||
Math.floor(Math.random() * 256) + ',' +
|
||||
Math.floor(Math.random() * 256) + ')';
|
||||
document.body.style.backgroundColor = randomColor;
|
||||
document.getElementById('topbar').style.backgroundColor = randomColor;
|
||||
});
|
||||
var buttons = document.querySelectorAll('.button');
|
||||
buttons.forEach(function(button) {
|
||||
button.addEventListener('click', function() {
|
||||
var randomColor = 'rgb(' +
|
||||
Math.floor(Math.random() * 256) + ',' +
|
||||
Math.floor(Math.random() * 256) + ',' +
|
||||
Math.floor(Math.random() * 256) + ')';
|
||||
this.style.backgroundColor = randomColor;
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -15,6 +15,17 @@
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
border-bottom: 1px solid black;
|
||||
position: sticky;
|
||||
top:0;
|
||||
animation: slideDown 2s forwards;
|
||||
}
|
||||
@keyframes slideDown {
|
||||
0% {
|
||||
top:50vh;
|
||||
}
|
||||
100% {
|
||||
top:0;
|
||||
}
|
||||
}
|
||||
.button {
|
||||
display: inline-block;
|
||||
@ -31,8 +42,10 @@
|
||||
background-color: #888;
|
||||
}
|
||||
.content {
|
||||
max-width: 80%;
|
||||
padding-left: 10%;
|
||||
padding-right: 10%;
|
||||
text-align: justify;
|
||||
overflow:scroll;
|
||||
}
|
||||
h1 {
|
||||
text-align: left;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user