Documented developer preview

Typo corregido

.devcontainer/devcontainer.json

@@ -0,0 +1,22 @@
+// For format details, see https://aka.ms/devcontainer.json. For config options, see the
+// README at: https://github.com/devcontainers/templates/tree/main/src/debian
+{
+	"name": "Debian",
+	// Or use a Dockerfile or Docker Compose file. More info: https://containers.dev/guide/dockerfile
+	"image": "mcr.microsoft.com/devcontainers/base:bookworm",
+	"features": {
+		"ghcr.io/devcontainers/features/hugo:1": {}
+	}
+
+	// Features to add to the dev container. More info: https://containers.dev/features.
+	// "features": {},
+
+	// Use 'forwardPorts' to make a list of ports inside the container available locally.
+	// "forwardPorts": [],
+
+	// Configure tool-specific properties.
+	// "customizations": {},
+
+	// Uncomment to connect as root instead. More info: https://aka.ms/dev-containers-non-root.
+	// "remoteUser": "root"
+}

.editorconfig

@@ -0,0 +1,12 @@
+# EditorConfig is awesome: https://EditorConfig.org
+
+# top-most EditorConfig file
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true

.gitignore

@@ -1,50 +1,2 @@
-# These are some examples of commonly ignored file patterns.
+/public
-# You should customize this list as applicable to your project.
+/.hugo_build.lock
-# Learn more about .gitignore:
-#     https://www.atlassian.com/git/tutorials/saving-changes/gitignore
-
-# Node artifact files
-node_modules/
-dist/
-
-# Compiled Java class files
-*.class
-
-# Compiled Python bytecode
-*.py[cod]
-
-# Log files
-*.log
-
-# Package files
-*.jar
-
-# Maven
-target/
-dist/
-
-# JetBrains IDE
-.idea/
-
-# Unit test reports
-TEST*.xml
-
-# Generated by MacOS
-.DS_Store
-
-# Generated by Windows
-Thumbs.db
-
-# Applications
-*.app
-*.exe
-*.war
-
-# Large media files
-*.mp4
-*.tiff
-*.avi
-*.flv
-*.mov
-*.wmv
-

README.md

@@ -0,0 +1,26 @@
+*WIP*
+
+# Website for Open Bokeron
+
+This repo hosts the website for Open Bokeron which is a student organization in University of Málaga whose aim is to promote the use of free(as in freedom) software.
+
+The philosophy with this website for now is to KISS(keep it stupid simple) using only HTML5 & CSS 3.
+
+## Developer preview
+
+You need [Hugo](https://gohugo.io/) installed.
+To get a local preview you can run the server on your host or using [Development Containers](https://containers.dev/) included.
+
+```sh
+hugo server
+```
+
+## TODO
+
+- [x] Add our logo on the website, favicon.
+- [ ] Add content describing our association and other pages as needed.
+- [x] Work on SEO (OpenGraph, Twitter meta tags...)
+- [x] Multilingual support(English + Spanish)
+- [x] Support for RSS (index.xml)
+- [x] Use a minimal CMS
+- [x] Basic robots.txt

archetypes/default.md

@@ -0,0 +1,6 @@
++++
+title = '{{ replace .File.ContentBaseName "-" " " | title }}'
+description =  ''
+date = {{ .Date }}
+draft = true
++++

archetypes/projects.md

@@ -0,0 +1,8 @@
++++
+title: '{{ replace .File.ContentBaseName "-" " " | title }}'
+description:  ''
+image: ''
+date: {{ .Date }}
+draft: true
+finished: false
++++

assets/css/main.css

@@ -0,0 +1,12 @@
+/* Override colors from CSS library */
+:root {
+  --accent: green;
+  --accent-hover: darkgreen;
+}
+
+/* Custom style for the logo */
+img.icon {
+  max-width: 128px;
+  max-height: 128px;
+  margin-top: 10px;
+}

content/en/_index.md

@@ -0,0 +1,14 @@
+---
+title: Welcome
+---
+
+## About us
+Have you ever been curious about Linux and don't know where to begin with?
+
+Do you want to know more about open source?
+
+Do you want to contribute to the cause?
+
+Welcome to OpenBokeron! 👋
+
+We're a group of students from the ETSII (UMA) that promotes free software.

content/en/contact.md

@@ -0,0 +1,20 @@
+---
+title: Contact
+---
+
+## Talk with us!
+If you are at the ETSII of the University of Malaga (UMA), don't hesitate to look for us! OpenBokeron members
+are easy to find in the hallways, classrooms and laboratories.
+
+No luck meeting us in person? Don't worry! You can always contact us through email
+[openbokeron@geeklab.es](mailto:openbokeron@geeklab.es)
+
+We'd be happy to answer your questions, get suggestions, or just chat about free software!
+
+### Our social media
+Don't miss the latest news, events and projects from Open Bokeron on Twitter!
+Follow us on our account [@OpenBokeron](https://twitter.com/OpenBokeron)
+
+Here we share real-time updates, curiosities and everything related to the world of free software.
+
+You can also talk to our community using Telegram with [this link](https://t.me/+-0oloTKiIo00ZmM0)

content/en/posts/_index.md

@@ -0,0 +1,6 @@
+---
+title: "Posts"
+description: "Nuestro blog"
+---
+
+## Posts

content/en/posts/hello-world.md

@@ -0,0 +1,8 @@
+---
+title: Welcome
+description: Our first post
+date: 2024-02-21T12:14:19+01:00
+---
+
+We will be adding new blog entries with information from both
+the organization and news about open source.

content/en/projects/_index.md

@@ -0,0 +1,10 @@
+---
+title: Projects
+description: Projects and events
+---
+
+## Projects and events
+We try to carry out various activities, projects and events to promote the use of
+free software at the University of Malaga.
+
+This page lists all of our projects, both current and past ones.

content/en/projects/bash-tutorial.md

@@ -0,0 +1,22 @@
+---
+title: Bash Workshop
+description: Begin using the console with confidence. Learn to manipulate and automate different tasks using the command line.
+image: assets/bash-tutorial.png
+date: 2024-04-18T12:30:00+01:00
+place: Room 4.1.1 (Coworking Room) of the ETSI Informática
+finished: true
+---
+
+# Bash Workshop
+
+Have you wanted to use the console but you are intimidated by it?
+Would you like to use it like the hackers in the movies, moving through black screens without problems?
+Well, then Open Bokeron's Bash workshop is for you.
+Our objective is to guide you from basics concepts to advanced bash concepts so you can starting using the shell with confidence.
+After this workshop you will feel very comfortable with the terminal and be fluid with your commands.
+
+## An interactive workshop
+
+In Open Bokeron's workshops fun and interaction are a must. We make sure that no-one has to sit down like dumb ducks listening to gibberish.
+Our workshop will be interactive and will be gamified including different challenges and Capture the Flags to make sure that no-one looses excitement and dedication.
+So prepare yourselves for a learning experience like none other where every single step will take you towards dominating Bash.

content/en/projects/linux-party.md

@@ -0,0 +1,8 @@
+---
+title: Linux Party
+description: An introduction to the world of free software with a Linux install
+image: assets/linux-party.png
+date: 2024-02-29T17:00:00+01:00
+place: Room 4.1.1 (Coworking room)
+finished: true
+---

content/es/_index.md

@@ -0,0 +1,15 @@
+---
+title: Bienvenido
+---
+
+## Sobre nosotros
+¿Has tenido curiosidad sobre Linux y no sabes por dónde empezar?
+
+¿Quieres conocer más sobre el software libre?
+
+¿Quieres aportar a la causa?
+
+¡Bienvenido a Open Bokeron! 👋
+
+Somos un grupo de estudiantes de la ETSI Informática de la UMA que nos dedicamos a
+promocionar el software libre.

content/es/contact.md

@@ -0,0 +1,24 @@
+---
+title: Contacto
+---
+
+## ¡Habla con nosotros!
+Si te encuentras en la Escuela Técnica Superior de Ingeniería Informática y Teleco de la Universidad de Málaga
+(UMA), ¡no dudes en buscarnos! Los miembros de Open Bokeron
+son fáciles de encontrar por los pasillos, aulas y laboratorios.
+
+
+¿No has tenido suerte encontrándonos en persona? ¡No te preocupes! Siempre puedes ponerte en contacto con
+nosotros a través de nuestro correo electrónico [openbokeron@geeklab.es](mailto:openbokeron@geeklab.es)
+
+¡Estaremos encantados de responder a tus preguntas, recibir tus sugerencias o simplemente charlar sobre software libre!
+
+### Nuestras redes sociales
+¡No te pierdas las últimas noticias, eventos y proyectos de Open Bokeron en Twitter! Síguenos en nuestra cuenta
+oficial [@OpenBokeron](https://twitter.com/OpenBokeron)
+
+Aquí compartimos actualizaciones en tiempo real, curiosidades y todo lo relacionado con el mundo del software libre.
+
+También puedes charlar con nosotros y toda la comunidad open source usando Telegram con [este enlace](https://t.me/+-0oloTKiIo00ZmM0)
+
+¡Os esperamos!

content/es/posts/_index.md

@@ -0,0 +1,6 @@
+---
+title: Publicaciones
+description: Nuestro blog
+---
+
+## Publicaciones

content/es/posts/hello-world.md

@@ -0,0 +1,8 @@
+---
+title: Hola mundo
+description: Nuestra primera publicación
+date: 2024-02-21T12:14:19+01:00
+---
+
+En este blog iremos aportando información tanto de la organización
+como de noticias de relevancia.

content/es/projects/_index.md

@@ -0,0 +1,10 @@
+---
+title: Proyectos
+description: Proyectos y Eventos
+---
+
+## Proyectos y eventos
+En Open Bokeron, intentamos llevar a cabo varias actividades, proyectos y eventos para promover el uso de
+software libre en la Universidad de Málaga.
+
+Esta página enumera todos nuestros proyectos, tanto actuales como antiguos.

content/es/projects/bash-tutorial.md

@@ -0,0 +1,22 @@
+---
+title: 'Taller de Bash'
+description: 'Empieza a utilizar la consola con confianza. Aprende manipular y automatizar diversas tareas desde la línea de comandos.'
+image: 'assets/bash-tutorial.png'
+date: 2024-04-18T12:30:00+01:00
+place: 'Aula 4.1.1 (Sala Coworking) de la ETSI Informática'
+finished: true
+---
+
+# Taller de Bash
+
+¿Alguna vez has sentido temor al enfrentarte a la consola?
+¿Te gustaría dominarla como esos hackers en las películas, navegando por las cajas negras con facilidad?
+¡Entonces este taller es para ti!
+Nuestro objetivo es guiarte a través de los conceptos básicos y avanzados de Bash para que puedas dar el salto inicial y comenzar a utilizar el Shell con confianza.
+Después de este taller, te sentirás cómodo utilizando la consola y serás fluido en sus comandos.
+
+## Un taller interactivo
+
+¡En los talleres de Open Bokeron, la diversión y la interacción son primordiales! Nos aseguramos de que nadie se aburra escuchando monólogos interminables.
+Nuestra dinámica será altamente interactiva, con un enfoque gamificado que incluirá desafíos y Capture The Flags (CTFs) para mantener a todos comprometidos y emocionados.
+¡Prepárate para sumergirte en una experiencia de aprendizaje única y emocionante donde cada paso te acerca más a dominar Bash!

content/es/projects/linux-party.md

@@ -0,0 +1,21 @@
+---
+title: Linux Party
+description: Una introducción al mundo de software libre con la instalación de Linux.
+image: assets/linux-party.png
+date: 2024-02-29T17:00:00+01:00
+place: Aula 4.1.1 (Sala Coworking)
+finished: true
+---
+
+### Presentación Introductoria a Linux
+* Conoce las bases del sistema operativo Linux y sus diferencias con otros sistemas.
+* Descubre las ventajas de utilizar Linux en tu día a día.
+
+### Instalación de Distribuciones GNU/Linux
+* Los miembros de Open Bokeron estarán disponibles para ayudarte a elegir la distribución de GNU/Linux más adecuada para tus necesidades
+* Asistencia personalizada en la instalación del sistema operativo en tu equipo.
+
+### Exploración de Herramientas y Aplicaciones
+* Descubre una amplia gama de software libre disponible en Linux.
+* Aprende a utilizar herramientas para la programación, ofimática y más.
+* Introducción al uso del terminal de linux.

hugo.toml

@@ -0,0 +1,78 @@
+baseURL = 'https://openbokeron.uma.es'
+title = 'OpenBokeron'
+
+timeZone = 'Europe/Madrid'
+
+defaultContentLanguage = 'es'
+defaultContentLanguageInSubdir = true
+
+buildFuture = true
+
+
+[languages]
+  [languages.en]
+    disabled = false
+    contentDir = 'content/en'
+    languageCode = 'en-us'
+    languageName = 'English'
+    [languages.en.menu]
+      [[languages.en.menu.main]]
+        identifier = "home"
+        name = "Home"
+        url = "/en"
+        weight = 10
+
+      [[languages.en.menu.main]]
+        identifier = "posts"
+        name = "Posts"
+        url = "/en/posts"
+        weight = 20
+
+      [[languages.en.menu.main]]
+        identifier = "projects"
+        name = "Projects"
+        url = "/en/projects"
+        weight = 30
+
+      [[languages.en.menu.main]]
+        identifier = "contact"
+        name = "Contact"
+        url = "/en/contact"
+        weight = 40
+    [languages.en.params]
+      description = 'Open source association based in Málaga, Spain'
+  [languages.es]
+    disabled = false
+    contentDir = 'content/es'
+    languageCode = 'es-es'
+    languageName = 'Español'
+    [languages.es.menu]
+      [[languages.es.menu.main]]
+        identifier = "home"
+        name = "Inicio"
+        url = "/es"
+        weight = 10
+
+      [[languages.es.menu.main]]
+        identifier = "posts"
+        name = "Publicaciones"
+        url = "/es/posts"
+        weight = 20
+
+      [[languages.es.menu.main]]
+        identifier = "projects"
+        name = "Proyectos"
+        url = "/es/projects"
+        weight = 30
+
+      [[languages.es.menu.main]]
+        identifier = "contact"
+        name = "Contacto"
+        url = "/es/contact"
+        weight = 40
+    [languages.es.params]
+      description = 'Asociación de Software Libre basada en Málaga, España'
+
+[params]
+  [params.social]
+    twitter = 'OpenBokeron'

i18n/en.toml

@@ -0,0 +1,6 @@
+# Header
+motto = "Free your source, free your mind"
+
+# Project
+finished = "Finished"
+unfinished = "Ongoing"

i18n/es.toml

@@ -0,0 +1,4 @@
+motto = "Libera tu código, libera tu mente"
+
+finished = "Finalizado"
+unfinished = "En progreso"

index.html

@@ -1,42 +0,0 @@
-<!DOCTYPE html>
-<html lang="es">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Open Bokeron</title>
-  <link rel="stylesheet" href="style.css">
-</head>
-<body>
-
-  <header>
-    <h1>Open Bokeron</h1>
-    <p>Evangelizando el software libre</p>
-  </header>
- 
-  <nav>
-    <a href="#sobre">About</a>
-    <a href="#proyectos">Projects</a>
-    <a href="#contacto">Contact</a>
-  </nav>
-
-  <section id="sobre">
-    <h2>About Us</h2>
-    <p>Welcome to Open Bokeron, where we are dedicated to promoting and evangelizing Free/Libre software. Our mission is to...</p>
-  </section>
-
-  <section id="proyectos">
-    <h2>Projects</h2>
-    <p>Explore our latest projects that contribute to the world of Free/Libre software.</p>
-  </section>
-
-  <section id="contacto">
-    <h2>Contact Us</h2>
-    <p>Have questions or want to get involved? Reach out to us at <a href="mailto:info@openbokeron.org">info@openbokeron.org</a>.</p>
-  </section>
-
-  <footer>
-    <p>&copy; 2023 Open Bokeron. All rights reserved.</p>
-  </footer>
-
-</body>
-</html>

layouts/_default/baseof.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="{{ or site.Language.LanguageCode site.Language.Lang }}" dir="{{ or site.Language.LanguageDirection `ltr` }}">
+
+<head>
+  {{ partial "head.html" . -}}
+</head>
+
+<body>
+  <header>
+    {{ partial "header.html" . -}}
+  </header>
+  <main>
+    {{- block "main" . }}{{- end -}}
+  </main>
+  <footer>
+    {{ partial "footer.html" . -}}
+  </footer>
+</body>
+
+</html>

layouts/_default/index.html

@@ -0,0 +1,3 @@
+{{ define "main" }}
+  {{ .Content }}
+{{ end }}

layouts/_default/list.html

@@ -0,0 +1,13 @@
+{{ define "main" }}
+{{ .Content }}
+<div class="row center-xs middle-xs">
+  {{ range .Pages }}
+  <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
+    <p><strong>{{ .Title }}</strong></p>
+    <p>{{ .Description }}</p>
+    <p>📅: {{ partial "time.html" . }}</p>
+    <a class="button" href="{{ .Permalink }}">Info</a>
+  </div>
+</div>
+{{ end }}
+{{ end }}

layouts/_default/single.html

@@ -0,0 +1,3 @@
+{{ define "main" }}
+  {{ .Content }}
+{{ end }}

layouts/partials/footer.html

@@ -0,0 +1,11 @@
+<p>&#127279; 2024 Open Bokeron.</p>
+<p>
+  Made with <span style="color: #e25555;">&#9829;</span> in
+  <a href="https://openbokeron.uma.es/gitea/OpenBokeron/Web">Gitea</a>
+</p>
+
+<p>
+  {{ range $.Site.Home.AllTranslations }}
+  <a href="{{ .RelPermalink }}">{{ .Language.LanguageName }}</a>
+  {{ end }}
+</p>

layouts/partials/head.html

@@ -0,0 +1,18 @@
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>{{ .Title }} | {{ .Site.Title }}</title>
+{{ hugo.Generator }}
+{{ template "_internal/opengraph.html" . }}
+{{ template "_internal/twitter_cards.html" . }}
+<link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flexboxgrid/6.3.1/flexboxgrid.min.css" type="text/css">
+
+{{- with resources.Get "css/main.css" }}
+  {{- if eq hugo.Environment "development" }}
+    <link rel="stylesheet" href="{{ .RelPermalink }}">
+  {{- else }}
+    {{- with . | minify | fingerprint }}
+      <link rel="stylesheet" href="{{ .RelPermalink }}" integrity="{{ .Data.Integrity }}" crossorigin="anonymous">
+    {{- end }}
+  {{- end }}
+{{- end }}

layouts/partials/header.html

@@ -0,0 +1,4 @@
+<img class="icon" src="/assets/logo.png" alt="{{ .Site.Title }} logo">
+<h1>{{ .Site.Title }}</h1>
+<p>{{ T "motto" }}</p>
+{{ partial "nav.html" . }}

layouts/partials/nav.html

@@ -0,0 +1,8 @@
+<nav>
+  <!-- TODO: Add active attribute when being visited -->
+  <ul>
+    {{ range .Site.Menus.main.ByWeight -}}
+      {{ .Pre }}<li><a href="{{ .URL }}" title="{{ .Title }}">{{- .Name -}}</a></li>{{ .Post }}
+    {{- end }}
+  </ul>
+</nav>

layouts/partials/time.html

@@ -0,0 +1,3 @@
+<time datetime="{{ .Date }}">
+  {{ .Date | time.Format ":date_medium" }} {{ .Date | time.Format ":time_short" }}
+</time>

layouts/projects/list.html

@@ -0,0 +1,22 @@
+{{ define "main" }}
+{{ .Content }}
+<div class="row center-xs middle-xs">
+  {{ range .Pages.ByDate.Reverse }}
+  <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
+    <div class="row center-xs middle-xs">
+      <div class="col-xs">
+        <img src="/{{ .Params.image }}" alt="Event image">
+      </div>
+      <div class="col-xs">
+        <p><strong>{{ .Title }}</strong></p>
+        <p>{{ .Description }}</p>
+        <p>📅: {{ partial "time.html" . }}</p>
+        <p>📍: {{ .Params.place }}</p>
+        <p><i>{{ T (cond (eq (.Params.finished) true) "finished" "unfinished") }}</i></p>
+        <a class="button" href="{{ .Permalink }}">Info</a>
+      </div>
+    </div>
+  </div>
+  {{ end }}
+</div>
+{{ end }}

layouts/projects/single.html

@@ -0,0 +1,11 @@
+{{ define "main" }}
+<p class="notice">
+  {{ .Description }}
+  <br />
+  <br />
+  📅: {{ partial "time.html" . }}
+  <br />
+  📍: {{ .Params.place }}
+</p>
+{{ .Content }}
+{{ end }}

static/robots.txt

@@ -0,0 +1,2 @@
+User-agent: *
+Allow: /

style.css

@@ -1,43 +0,0 @@
-body {
-    font-family: 'Arial', sans-serif;
-    margin: 0;
-    padding: 0;
-    background-color: #f4f4f4;
-    color: #333;
-}
-
-header {
-    background-color: #333;
-    color: #fff;
-    padding: 1em;
-    text-align: center;
-}
-
-nav {
-    background-color: #444;
-    color: #fff;
-    text-align: center;
-    padding: 0.5em;
-}
-
-nav a {
-    color: #fff;
-    text-decoration: none;
-    padding: 1em;
-    margin: 0 0.5em;
-}
-
-section {
-    padding: 2em;
-}
-
-footer {
-    background-color: #333;
-    color: #fff;
-    text-align: center;
-    padding: 1em;
-    position: absolute;
-    bottom: 0;
-    width: 100%;
-}
-