From a82f0919d535ba5d86abfbe653bad8ba0fdcf51f Mon Sep 17 00:00:00 2001 From: Ariel Costas <94913521+arielcostas@users.noreply.github.com> Date: Fri, 24 Nov 2023 23:51:48 +0100 Subject: More development --- README.md | 6 ++++ assets/css/base.scss | 41 ++++++++++++++++++++++++++ assets/css/fonts.scss | 15 ++++++++++ assets/css/markup/render-heading.scss | 13 +++++++++ assets/css/partials/footer.scss | 10 +++++++ assets/css/partials/header.scss | 42 +++++++++++++++++++++++++++ assets/css/root.scss | 14 +++++++++ content/_index.md | 13 ++++----- content/blog/_index.md | 1 + content/info.md | 8 +++++ layouts/_default/_markup/render-heading.html | 2 +- layouts/_default/baseof.html | 12 ++++++-- layouts/partials/footer.html | 10 ++----- layouts/partials/header.html | 14 ++++++++- static/fonts/aleo-italic.ttf | Bin 0 -> 152620 bytes static/fonts/aleo.ttf | Bin 0 -> 146636 bytes 16 files changed, 181 insertions(+), 20 deletions(-) create mode 100644 assets/css/base.scss create mode 100644 assets/css/fonts.scss create mode 100644 assets/css/markup/render-heading.scss create mode 100644 assets/css/partials/footer.scss create mode 100644 assets/css/partials/header.scss create mode 100644 assets/css/root.scss create mode 100644 content/info.md create mode 100644 static/fonts/aleo-italic.ttf create mode 100644 static/fonts/aleo.ttf 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 @@ # {{ .Text | safeHTML }} - + \ 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 @@ - + {{ .Page.Title }} - Ariel Costas + + {{ $stylesheetOptions := dict "transpiler" "libsass" }} + {{ $stylesheet := resources.Get "css/base.scss" | resources.ToCSS $stylesheetOptions | minify }} + {{ partial "partials/header.html" . }} - {{ block "main" . }} - {{ end }} +
+ {{ block "main" . }} + {{ end }} +
{{ partial "partials/footer.html" . }} 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 @@ \ 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 @@ -

CostasDEV

\ No newline at end of file +
+

+ + CostasDEV + +

+ + +
\ 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 Binary files /dev/null and b/static/fonts/aleo-italic.ttf differ diff --git a/static/fonts/aleo.ttf b/static/fonts/aleo.ttf new file mode 100644 index 0000000..c2e699f Binary files /dev/null and b/static/fonts/aleo.ttf differ -- cgit v1.3