From 0f90863e79673dc97d689156047c4e1a06de2b64 Mon Sep 17 00:00:00 2001
From: Che <st4t3@abysmal.mx>
Date: Wed, 21 Jun 2023 11:30:48 -0600
Subject: [PATCH] initial commit

---
 kernelpanic.lol/assets/static/style.css       | 42 +++++++++++
 kernelpanic.lol/content/about/contents.lr     |  7 ++
 kernelpanic.lol/content/blog/contents.lr      |  3 +
 .../content/blog/first-post/contents.lr       |  9 +++
 kernelpanic.lol/content/contents.lr           | 15 ++++
 kernelpanic.lol/content/projects/contents.lr  |  9 +++
 kernelpanic.lol/kernelpanic.lol.lektorproject |  2 +
 kernelpanic.lol/models/blog-post.ini          | 29 ++++++++
 kernelpanic.lol/models/blog.ini               | 16 +++++
 kernelpanic.lol/models/page.ini               | 11 +++
 kernelpanic.lol/templates/blog-post.html      |  6 ++
 kernelpanic.lol/templates/blog.html           | 11 +++
 kernelpanic.lol/templates/changling.html      | 71 +++++++++++++++++++
 kernelpanic.lol/templates/layout.html         | 29 ++++++++
 kernelpanic.lol/templates/macros/blog.html    | 20 ++++++
 .../templates/macros/pagination.html          | 15 ++++
 kernelpanic.lol/templates/page.html           |  6 ++
 17 files changed, 301 insertions(+)
 create mode 100644 kernelpanic.lol/assets/static/style.css
 create mode 100644 kernelpanic.lol/content/about/contents.lr
 create mode 100644 kernelpanic.lol/content/blog/contents.lr
 create mode 100644 kernelpanic.lol/content/blog/first-post/contents.lr
 create mode 100644 kernelpanic.lol/content/contents.lr
 create mode 100644 kernelpanic.lol/content/projects/contents.lr
 create mode 100644 kernelpanic.lol/kernelpanic.lol.lektorproject
 create mode 100644 kernelpanic.lol/models/blog-post.ini
 create mode 100644 kernelpanic.lol/models/blog.ini
 create mode 100644 kernelpanic.lol/models/page.ini
 create mode 100644 kernelpanic.lol/templates/blog-post.html
 create mode 100644 kernelpanic.lol/templates/blog.html
 create mode 100644 kernelpanic.lol/templates/changling.html
 create mode 100644 kernelpanic.lol/templates/layout.html
 create mode 100644 kernelpanic.lol/templates/macros/blog.html
 create mode 100644 kernelpanic.lol/templates/macros/pagination.html
 create mode 100644 kernelpanic.lol/templates/page.html

diff --git a/kernelpanic.lol/assets/static/style.css b/kernelpanic.lol/assets/static/style.css
new file mode 100644
index 0000000..7ff6e0b
--- /dev/null
+++ b/kernelpanic.lol/assets/static/style.css
@@ -0,0 +1,42 @@
+body {
+    font-family: 'Verdana', sans-serif;
+    margin: 50px 25px;
+}
+
+a {
+    color: #2a99b6;
+}
+
+a:hover {
+    color: #33bbdf;
+}
+
+header, footer, div.page {
+    width: 760px;
+    margin: 0 auto;
+    background: #daeef3;
+    padding: 20px 30px;
+}
+
+header h1 {
+    color: #169bbd;
+    margin: 0;
+    font-weight: normal;
+    font-size: 42px;
+}
+
+header nav ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+header nav ul li {
+    display: inline;
+    margin: 0 8px 0 0;
+    padding: 0;
+}
+
+div.page {
+    background: #f1fbfe;
+}
diff --git a/kernelpanic.lol/content/about/contents.lr b/kernelpanic.lol/content/about/contents.lr
new file mode 100644
index 0000000..9edb4d5
--- /dev/null
+++ b/kernelpanic.lol/content/about/contents.lr
@@ -0,0 +1,7 @@
+title: About this Website
+---
+body:
+
+This is a website that was made with the Lektor quickstart.
+
+And it does not contain a lot of information.
diff --git a/kernelpanic.lol/content/blog/contents.lr b/kernelpanic.lol/content/blog/contents.lr
new file mode 100644
index 0000000..56be89d
--- /dev/null
+++ b/kernelpanic.lol/content/blog/contents.lr
@@ -0,0 +1,3 @@
+_model: blog
+---
+title: Blog
diff --git a/kernelpanic.lol/content/blog/first-post/contents.lr b/kernelpanic.lol/content/blog/first-post/contents.lr
new file mode 100644
index 0000000..b117c50
--- /dev/null
+++ b/kernelpanic.lol/content/blog/first-post/contents.lr
@@ -0,0 +1,9 @@
+title: Hello Website
+---
+pub_date: 2023-06-21
+---
+author: o
+---
+body:
+
+This is an example blog post.  Not much here but that's not the point :)
diff --git a/kernelpanic.lol/content/contents.lr b/kernelpanic.lol/content/contents.lr
new file mode 100644
index 0000000..06ac059
--- /dev/null
+++ b/kernelpanic.lol/content/contents.lr
@@ -0,0 +1,15 @@
+title: Una fortaleza de la soledad, pero con compañía
+---
+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?
+
+En Kernel Panic Space, creemos que nadie debería tener que enfrentarse a ese viaje a solas.
+
+Cuando tengas un error misterioso, un bug críptico, un problema transcendental de informática, un proyecto compilable que necesitas sacar de tu sistema, busca nuestro pequeño refugio, acércate a la luz (de los LEDs) y enchúfate a nuestro ethernet.
+
+Aquí, tu kernel panic es una experiencia compartida que te tocó para crecer tú y ayudar crecer a quien se preste.
+
+¿Cuándo vienes?
+---
+_template: changling.html
diff --git a/kernelpanic.lol/content/projects/contents.lr b/kernelpanic.lol/content/projects/contents.lr
new file mode 100644
index 0000000..f3658c6
--- /dev/null
+++ b/kernelpanic.lol/content/projects/contents.lr
@@ -0,0 +1,9 @@
+title: Projects
+---
+body:
+
+This is a list of the projects:
+
+* Project 1
+* Project 2
+* Project 3
diff --git a/kernelpanic.lol/kernelpanic.lol.lektorproject b/kernelpanic.lol/kernelpanic.lol.lektorproject
new file mode 100644
index 0000000..1c7fff6
--- /dev/null
+++ b/kernelpanic.lol/kernelpanic.lol.lektorproject
@@ -0,0 +1,2 @@
+[project]
+name = kernelpanic.lol
diff --git a/kernelpanic.lol/models/blog-post.ini b/kernelpanic.lol/models/blog-post.ini
new file mode 100644
index 0000000..edccc34
--- /dev/null
+++ b/kernelpanic.lol/models/blog-post.ini
@@ -0,0 +1,29 @@
+[model]
+name = Blog Post
+label = {{ this.title }}
+hidden = yes
+
+[fields.title]
+label = Title
+type = string
+size = large
+
+[fields.author]
+label = Author
+type = string
+width = 1/2
+
+[fields.twitter_handle]
+label = Twitter Handle
+type = string
+width = 1/4
+addon_label = @
+
+[fields.pub_date]
+label = Publication date
+type = date
+width = 1/4
+
+[fields.body]
+label = Body
+type = markdown
diff --git a/kernelpanic.lol/models/blog.ini b/kernelpanic.lol/models/blog.ini
new file mode 100644
index 0000000..0a3a3ca
--- /dev/null
+++ b/kernelpanic.lol/models/blog.ini
@@ -0,0 +1,16 @@
+[model]
+name = Blog
+label = Blog
+hidden = yes
+
+[fields.title]
+label = Title
+type = string
+
+[children]
+model = blog-post
+order_by = -pub_date, title
+
+[pagination]
+enabled = yes
+per_page = 10
diff --git a/kernelpanic.lol/models/page.ini b/kernelpanic.lol/models/page.ini
new file mode 100644
index 0000000..dcddfe8
--- /dev/null
+++ b/kernelpanic.lol/models/page.ini
@@ -0,0 +1,11 @@
+[model]
+name = Page
+label = {{ this.title }}
+
+[fields.title]
+label = Title
+type = string
+
+[fields.body]
+label = Body
+type = markdown
diff --git a/kernelpanic.lol/templates/blog-post.html b/kernelpanic.lol/templates/blog-post.html
new file mode 100644
index 0000000..6f24d52
--- /dev/null
+++ b/kernelpanic.lol/templates/blog-post.html
@@ -0,0 +1,6 @@
+{% extends "layout.html" %}
+{% from "macros/blog.html" import render_blog_post %}
+{% block title %}{{ this.title }}{% endblock %}
+{% block body %}
+  {{ render_blog_post(this) }}
+{% endblock %}
diff --git a/kernelpanic.lol/templates/blog.html b/kernelpanic.lol/templates/blog.html
new file mode 100644
index 0000000..cb79934
--- /dev/null
+++ b/kernelpanic.lol/templates/blog.html
@@ -0,0 +1,11 @@
+{% extends "layout.html" %}
+{% from "macros/blog.html" import render_blog_post %}
+{% from "macros/pagination.html" import render_pagination %}
+{% block title %}{{ this.title }}{% endblock %}
+{% block body %}
+  {% for child in this.pagination.items %}
+    {{ render_blog_post(child, from_index=true) }}
+  {% endfor %}
+
+  {{ render_pagination(this.pagination) }}
+{% endblock %}
diff --git a/kernelpanic.lol/templates/changling.html b/kernelpanic.lol/templates/changling.html
new file mode 100644
index 0000000..34bfbea
--- /dev/null
+++ b/kernelpanic.lol/templates/changling.html
@@ -0,0 +1,71 @@
+<!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">
+        <div class="button">Button 1</div>
+        <div class="button">Button 2</div>
+        <div class="button">Button 3</div>
+        <!-- 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>
\ No newline at end of file
diff --git a/kernelpanic.lol/templates/layout.html b/kernelpanic.lol/templates/layout.html
new file mode 100644
index 0000000..8a5f98a
--- /dev/null
+++ b/kernelpanic.lol/templates/layout.html
@@ -0,0 +1,29 @@
+<!doctype html>
+<meta charset="utf-8">
+<link rel="stylesheet" href="{{ '/static/style.css'|url }}">
+<title>{% block title %}Welcome{% endblock %} — kernelpanic.lol</title>
+<body>
+  <header>
+    <h1>kernelpanic.lol</h1>
+    <nav>
+      <ul class="nav navbar-nav">
+        <li{% if this._path == '/' %} class="active"{% endif
+          %}><a href="{{ '/'|url }}">Welcome</a></li>
+        {% for href, title in [
+          ['/blog', 'Blog'],
+          ['/projects', 'Projects'],
+          ['/about', 'About']
+        ] %}
+          <li{% if this.is_child_of(href) %} class="active"{% endif
+            %}><a href="{{ href|url }}">{{ title }}</a></li>
+        {% endfor %}
+      </ul>
+    </nav>
+  </header>
+  <div class="page">
+    {% block body %}{% endblock %}
+  </div>
+  <footer>
+    &copy; Copyright 2023 by o.
+  </footer>
+</body>
diff --git a/kernelpanic.lol/templates/macros/blog.html b/kernelpanic.lol/templates/macros/blog.html
new file mode 100644
index 0000000..d345b90
--- /dev/null
+++ b/kernelpanic.lol/templates/macros/blog.html
@@ -0,0 +1,20 @@
+{% macro render_blog_post(post, from_index=false) %}
+  <div class="blog-post">
+  {% if from_index %}
+    <h2><a href="{{ post|url }}">{{ post.title }}</a></h2>
+  {% else %}
+    <h2>{{ post.title }}</h2>
+  {% endif %}
+  <p class="meta">
+    written by
+    {% if post.twitter_handle %}
+      <a href="https://twitter.com/{{ post.twitter_handle
+        }}">{{ post.author or post.twitter_handle }}</a>
+    {% else %}
+      {{ post.author }}
+    {% endif %}
+    on {{ post.pub_date }}
+  </p>
+  {{ post.body }}
+  </div>
+{% endmacro %}
diff --git a/kernelpanic.lol/templates/macros/pagination.html b/kernelpanic.lol/templates/macros/pagination.html
new file mode 100644
index 0000000..077cc5a
--- /dev/null
+++ b/kernelpanic.lol/templates/macros/pagination.html
@@ -0,0 +1,15 @@
+{% macro render_pagination(pagination) %}
+  <div class="pagination">
+    {% if pagination.has_prev %}
+      <a href="{{ pagination.prev|url }}">&laquo; Previous</a>
+    {% else %}
+      <span class="disabled">&laquo; Previous</span>
+    {% endif %}
+    | {{ pagination.page }} |
+    {% if pagination.has_next %}
+      <a href="{{ pagination.next|url }}">Next &raquo;</a>
+    {% else %}
+      <span class="disabled">Next &raquo;</span>
+    {% endif %}
+  </div>
+{% endmacro %}
diff --git a/kernelpanic.lol/templates/page.html b/kernelpanic.lol/templates/page.html
new file mode 100644
index 0000000..0430577
--- /dev/null
+++ b/kernelpanic.lol/templates/page.html
@@ -0,0 +1,6 @@
+{% extends "layout.html" %}
+{% block title %}{{ this.title }}{% endblock %}
+{% block body %}
+  <h2>{{ this.title }}</h2>
+  {{ this.body }}
+{% endblock %}