More development

16 files changed, 181 insertions, 20 deletions

diff --git a/README.md b/README.md
index e69de29..0bf3c38 100644
--- a/README.md
+++ b/README.md
@@ -0,0 +1,6 @@
+# CostasDEV
+
+Código fuente de mi sitio web personal, [costas.dev](https://costas.dev). Creado con [Hugo](https://gohugo.io/) y un tema personalizado creado desde cero.
+
+## Licencia
+
diff --git a/assets/css/base.scss b/assets/css/base.scss
new file mode 100644
index 0000000..eaa64bc
--- /dev/null
+++ b/assets/css/base.scss
@@ -0,0 +1,41 @@
+@import "fonts.scss";
+@import "root.scss";
+
+@import "markup/render-heading.scss";
+
+@import "partials/header.scss";
+@import "partials/footer.scss";
+
+html,
+body {
+	margin: 0;
+	padding: 0;
+	box-sizing: border-box;
+}
+
+body {
+	min-height: 100vh;
+	display: flex;
+	flex-direction: column;
+}
+
+h1 {
+	font-weight: 900;
+}
+
+a {
+	color: var(--accent-500);
+}
+
+#main-footer-separator {
+	flex-grow: 1;
+	flex-shrink: 0;
+}
+
+main {
+	max-width: 80ch;
+	margin: 0 auto;
+	padding: 1rem;
+
+	font-size: 1.25rem;
+}
\ No newline at end of file
diff --git a/assets/css/fonts.scss b/assets/css/fonts.scss
new file mode 100644
index 0000000..c771f4b
--- /dev/null
+++ b/assets/css/fonts.scss
@@ -0,0 +1,15 @@
+@font-face {
+	font-family: 'Aleo';
+	font-style: normal;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url('/fonts/aleo.ttf') format('truetype-variations');
+}
+
+@font-face {
+	font-family: 'Aleo';
+	font-style: italic;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url('/fonts/aleo-italic.ttf') format('truetype-variations');
+}
\ No newline at end of file
diff --git a/assets/css/markup/render-heading.scss b/assets/css/markup/render-heading.scss
new file mode 100644
index 0000000..4fa23a8
--- /dev/null
+++ b/assets/css/markup/render-heading.scss
@@ -0,0 +1,13 @@
+main {
+	h1, h2, h3, h4, h5, h6 {
+		a {
+			color: var(--accent-1);
+			font-weight: 900;
+			text-decoration: none;
+
+			&:hover {
+				text-decoration: underline;
+			}
+		}
+	}
+}
\ No newline at end of file
diff --git a/assets/css/partials/footer.scss b/assets/css/partials/footer.scss
new file mode 100644
index 0000000..6affeac
--- /dev/null
+++ b/assets/css/partials/footer.scss
@@ -0,0 +1,10 @@
+footer {
+	background-color: #333;
+	color: white;
+
+	padding: 0.5rem 1rem;
+
+	a {
+		color: var(--accent-7);
+	}
+}
\ No newline at end of file
diff --git a/assets/css/partials/header.scss b/assets/css/partials/header.scss
new file mode 100644
index 0000000..df26fc0
--- /dev/null
+++ b/assets/css/partials/header.scss
@@ -0,0 +1,42 @@
+header {
+	background-color: var(--accent-5);
+	color: black;
+
+	display: flex;
+	flex-direction: horizontal;
+	align-items: center;
+	justify-content: space-between;
+
+	padding: 1rem 2rem;
+	margin-bottom: 1rem;
+
+	h1 {
+		font-size: 2rem;
+		margin: 0;
+		font-weight: 900;
+		letter-spacing: 0.15rem;
+
+		a {
+			text-decoration: none;
+		}
+	}
+
+	p {
+		font-size: 1.2rem;
+		font-weight: 300;
+	}
+
+	nav > a {
+		text-decoration: none;
+		font-weight: 900;
+		font-size: 1.2rem;
+		text-transform: uppercase;
+		letter-spacing: 0.1rem;
+		margin: 0 0.5rem;
+		transition: color 0.2s ease-in-out;
+
+		&:hover {
+			color: var(--accent-dark);
+		}
+	}
+}
\ No newline at end of file
diff --git a/assets/css/root.scss b/assets/css/root.scss
new file mode 100644
index 0000000..88d8614
--- /dev/null
+++ b/assets/css/root.scss
@@ -0,0 +1,14 @@
+:root {
+	font-size: 16px;
+	font-weight: 400;
+	font-family: 'Aleo', consolas;
+	line-height: 1.5;
+
+	--accent-1: hsl(152, 90%, 20%);
+	--accent-2: hsl(152, 90%, 30%);
+	--accent-3: hsl(152, 90%, 40%);
+	--accent-4: hsl(152, 90%, 50%);
+	--accent-5: hsl(152, 90%, 60%);
+	--accent-6: hsl(152, 90%, 70%);
+	--accent-7: hsl(152, 90%, 80%);
+}
\ No newline at end of file
diff --git a/content/_index.md b/content/_index.md
index faa9d24..4455680 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -1,13 +1,10 @@
 ---
-title: "Inici"
+title: "Inicio"
 ---
 
-# Bon día mon
+Te doy la bienvenida a mi web. Aquí encontrarás información sobre mí, mis proyectos y mis intereses.
+Esta web está creada con el generador [Hugo](https://gohugo.io/) y un tema creado por mí desde cero.
 
-Benvinguts i benvingudes a la meva web. Aquí trobareu informació sobre mi, els meus projectes i els meus interessos.
+## ¿Quién soy?
 
-Això es una prova del Hugo per a fer el meu web propi. A veure si funciona.
-
-## Qui sóc?
-
-Sóc un jove de 20 anys de Galícia que va estudiar un cicle superior i ara treballa de programador. M'agrada molt la informàtica i la tecnologia en general, i m'encanta aprendre coses noves. També estic aprendent català, per això aquesta web està en aquest idioma.
\ No newline at end of file
+Soy un joven de 20 años de Galicia que estudió un ciclo superior y ahora trabaja de programador. Me gusta mucho la informática y la tecnología en general, y me encanta aprender cosas nuevas.
\ No newline at end of file
diff --git a/content/blog/_index.md b/content/blog/_index.md
index ee163da..e942349 100644
--- a/content/blog/_index.md
+++ b/content/blog/_index.md
@@ -1,3 +1,4 @@
 ---
 title: "Blog"
+weight: 2
 ---
\ No newline at end of file
diff --git a/content/info.md b/content/info.md
new file mode 100644
index 0000000..e48722a
--- /dev/null
+++ b/content/info.md
@@ -0,0 +1,8 @@
+---
+title: "Info"
+weight: 1
+---
+
+Información sobre mí, mis proyectos y mis intereses.
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, nisl quis tincidunt aliquam, nunc nisl ultrices nunc, quis ultricies nis luctus eu. Nu nc sit amet nisl euismod, aliquam nisl quis, aliquam nisl. Sed euismod, nisl quis tincidunt aliquam, nunc nisl ultrices nunc, quis ultricies nis luctus eu. Nu nc sit amet nisl euismod, aliquam nisl quis, aliquam nisl.
\ No newline at end of file
diff --git a/layouts/_default/_markup/render-heading.html b/layouts/_default/_markup/render-heading.html
index 6023eb1..dd16877 100644
--- a/layouts/_default/_markup/render-heading.html
+++ b/layouts/_default/_markup/render-heading.html
@@ -1,4 +1,4 @@
 <h{{ .Level }} id="{{ .Anchor | safeURL }}">
 	<a class="anchor" href="#{{ .Anchor | safeURL }}">#</a>
 	{{ .Text | safeHTML }}
-</h{{ .Level }}>
+</h{{ .Level }}>
\ No newline at end of file
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index a4c2f56..91e6152 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -1,17 +1,23 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="es">
 
 <head>
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>{{ .Page.Title }} - Ariel Costas</title>
+
+	{{ $stylesheetOptions := dict "transpiler" "libsass" }}
+	{{ $stylesheet := resources.Get "css/base.scss" | resources.ToCSS $stylesheetOptions | minify }}
+	<link rel="stylesheet" href='{{ $stylesheet.RelPermalink }}'>
 </head>
 
 <body>
 	{{ partial "partials/header.html" . }}
 
-	{{ block "main" . }}
-	{{ end }}
+	<main>
+		{{ block "main" . }}
+		{{ end }}
+	</main>
 
 	{{ partial "partials/footer.html" . }}
 </body>
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 7c568ad..8ad681e 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -2,11 +2,7 @@
 
 <footer>
 	<p>
-		Copyright (C) {{ .Date.Year }} Ariel Costas Guerrero.
-		Tots els drets reservats.
-
-		Tots els continguts de aquest web estan sota llicència CC BY-SA 4.0,
-		per tant, es poden compartir i modificar, sempre que es reconegui la
-		autoria i es mantingui la mateixa llicència.
-	</span>
+		Copyright &copy; {{ .Date.Year }} Ariel Costas Guerrero. Todos los derechos reservados.<br>
+		Cedido bajo licencia <a href="https://creativecommons.org/licenses/by-sa/4.0/deed.es">CC BY-SA 4.0</a> salvo que se indique lo contrario.
+	</p>
 </footer>
\ No newline at end of file
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 13b2722..55002b1 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1 +1,13 @@
-<h1>CostasDEV</h1>
\ No newline at end of file
+<header>
+	<h1>
+		<a href="{{ .Site.Home.RelPermalink }}">
+			CostasDEV
+		</a>
+	</h1>
+
+	<nav>
+		{{ range .Site.Home.Pages }}
+		<a href="{{ .Permalink }}">{{ .Title }}</a>
+		{{ end }}
+	</nav>
+</header>
\ No newline at end of file
diff --git a/static/fonts/aleo-italic.ttf b/static/fonts/aleo-italic.ttf
new file mode 100644
index 0000000..f8d303f
--- /dev/null
+++ b/static/fonts/aleo-italic.ttf
diff --git a/static/fonts/aleo.ttf b/static/fonts/aleo.ttf
new file mode 100644
index 0000000..c2e699f
--- /dev/null
+++ b/static/fonts/aleo.ttf