Installed lugo

config.toml

@@ -1,53 +1,9 @@
-baseURL = "https://rogs.me/"
-languageCode = "en-us"
-title = "rogs"
-theme = "archie"
-staticDir = ["static"]
-paginate=3 # articles per page
-copyright = "© Rogs"
+baseURL = 'https://rogs.me'
+languageCode = 'en-us'
+title = 'rogs'
+theme = 'lugo'
 
-
-[permalinks]
-  posts = "/:year/:month/:title/"
-
-[params]
-  author = "Roger Gonzalez"
-  subtitle = "my blog, thoughts and other stuff"
-  avatar = "avatar.png"
-  mode = "dark"
-
-  [[params.social]]
-    name = "fas fa-envelope"
-    url = "mailto:roger@rogs.me"
-  [[params.social]]
-    name = "fab fa-gitlab"
-    url = "https://gitlab.com/rogs"
-  [[params.social]]
-    name = "fab fa-linkedin-in"
-    url = "https://linkedin.com/in/rogergonzalez21"
-  [[params.social]]
-    name = "fab fa-keybase"
-    url = "https://keybase.io/rogs"
-  [[params.social]]
-    name = "fas fa-rss"
-    url = "https://rogs.me/index.xml"
-
-[[menu.main]]
-name = "About"
-url = "/"
-weight = 1
-
-[[menu.main]]
-name = "Projects"
-url = "/projects"
-weight = 2
-
-[[menu.main]]
-name = "Blog"
-url = "/posts"
-weight = 3
-
-[[menu.main]]
-name = "Tags"
-url = "/tags"
-weight = 4
+[markup]
+  [markup.goldmark]
+    [markup.goldmark.renderer]
+      unsafe = true

content/_index.md

@@ -1,10 +1,11 @@
 ---
-title: "Home"
+title: "rogs"
 date: 2020-11-01T20:11:50-03:00
 lastmod: 2020-11-01T20:11:50-03:00
 tags : [ "dev", "hugo" ]
 draft: false
 ---
+
 # Who am I?
 
 Hello world! I'm a Backend web developer from Valencia, Venezuela, but now
@@ -21,6 +22,8 @@ it.
 You can check my resume in a more traditional format here:
 [English](Roger_Gonzalez-Senior_Backend_Web_Developer.pdf)
 
+{{< tagcloud >}}
+
 # Experience
 
 ## [Prometeo OpenBanking](https://prometeoapi.com/)

static/style.css

@@ -0,0 +1,187 @@
+body {
+	background: #202124 ;
+	color: white;
+	max-width: 850px ;
+	margin: auto ;
+	padding: 0 16px ;
+	scrollbar-color: gray #151515;
+	font-family: sans-serif ;
+}
+
+::-webkit-scrollbar {
+	width: .66vw;
+	background-color: #151515;
+}
+::-webkit-scrollbar-thumb {
+	background-color: gray;
+	border-radius: 5px;
+}
+
+a {
+	color: #50fa7b ;
+}
+
+#tagcloud {
+	list-style: none ;
+	text-align: center ;
+	padding: 0 ;
+}
+
+#tagcloud li {
+	display: inline-block ;
+}
+
+#tagcloud a {
+	margin: .1em .25em ;
+}
+
+a:hover {
+	color: #2a5816 ;
+}
+
+a:visited {
+	color: #38761d ;
+}
+
+h1 {
+	border-style: solid ;
+	border-width: 0px 0px 0px 0px ;
+	text-align: center ;
+}
+
+h1,h2 {
+	color: #bbeaa8 ;
+	text-align: center ;
+}
+
+footer {
+	margin-top: 3em ;
+	text-align: center ;
+	border-style: solid ;
+	border-width: 2px 0px 0px 0px ;
+	padding: 1em ;
+}
+
+img {
+	max-width: 90% ;
+	max-height: 400px ;
+	margin: auto ;
+	display: block ;
+}
+
+code {
+	overflow-wrap: break-word ;
+	color: lime ;
+}
+
+.taglist {
+	text-align: center ;
+	margin-bottom: 2em ;
+	margin-top: 2em ;
+}
+
+img[alt="BTC Logo"],
+img[alt="ETH Logo"],
+img[alt="XMR Logo"] {
+	max-width: 1em ;
+	max-height: 1em ;
+	display: inline ;
+}
+
+@media (pointer: coarse) {
+	li > a {
+	    display: inline-block;
+		padding: 0.2em 0;
+	}
+}
+
+@media print {
+	a[href] {
+		text-decoration: none ;
+		color: black ;
+	}
+
+	footer,.taglist { display: none ; }
+
+	body {
+		margin: 0;
+	}
+
+
+}
+
+@media (min-width: 55em) {
+	#artlist { column-count: 2 ;}
+}
+
+@media (min-width: 100em) {
+	#artlist { column-count: 3 ;}
+}
+
+
+input#search {
+  all: unset;
+  background: #222;
+  color: #fff;
+  padding: 0.7rem 1rem;
+  border-radius: 5px;
+  width: 100%;
+}
+
+.search {
+  width: 400px;
+  max-width: 85vw;
+  position: relative;
+  margin: 0.5rem auto 1.2rem;
+  display: flex;
+}
+
+button.clear-search {
+  all: unset;
+  position: absolute;
+  right: 4px;
+  top: 5px;
+  height: 30px;
+  width: 30px;
+  color: #888;
+  cursor: pointer;
+  transition: color 180ms ease-in-out;
+}
+button.clear-search:hover {
+  color: #eee;
+}
+
+
+.matched-recipe {
+	font-size: x-large ;
+}
+
+.list-searched {
+	column-count: 1 !important ;
+	list-style: decimal ;
+	max-width: 600px ;
+	margin: auto ;
+}
+
+#tag_hamburguesa:before { content: "🍔" ; }
+#tag_familiar:before { content: "👪" ; }
+#tag_pollo:before { content: "🐔" ; }
+#tag_fritas:before { content: "🍟" ; }
+#tag_empanadas:before { content: "🥟" ; }
+#tag_sandwiches:before { content: "🥪" ; }
+#tag_parrilla:before { content: "🔥" ; }
+#tag_uruguayo:before { content: "🇺🇾" ; }
+#tag_pizza:before { content: "🍕" ; }
+#tag_POS:before { content: "🏧" ; }
+#tag_pos:before { content: "🏧" ; }
+#tag_helado:before { content: "🍨" ; }
+#tag_vegano:before { content: "🌿" ; }
+#tag_celiaco:before { content: "🌾❌" ; }
+#tag_pancho:before { content: "🌭" ; }
+#tag_chivito:before { content: "🐐" ; }
+#tag_pasta:before { content: "🍝" ; }
+#tag_americano:before { content: "🇺🇸" ; }
+#tag_milanesa:before { content: "🥩" ; }
+#tag_mexicano:before { content: "🇲🇽" ; }
+#tag_nachos:before { content: "🔺" ; }
+#tag_vegetariano:before { content: "🥦" ; }

themes/lugo/README.md

@@ -0,0 +1,21 @@
+# Luke's Hugo Theme
+
+A simple Hugo theme I plan on using for my personal website, [Based.Cooking](https://based.cooking) and [LandChad.net](https://landchad.net).
+
+## get started
+
+```sh
+hugo new site new-site
+cd new-site
+git clone https://github.com/lukesmithxyz/lugo themes/lugo
+echo "theme = 'lugo'" >> config.toml
+cp themes/lugo/static/style.css static/
+```
+
+## stuff
+
+- Makes one RSS feed for the entire site at `/index.xml`
+- Stylesheet is in `/style.css` and includes some important stuff for partials.
+- If a post is tagged, links to the tags are placed at the bottom of the post.
+- `nextprev.html` adds links to the Next and Previous articles to the bottom of a page.
+- `taglist.html` links all tags an article is tagged to for related content.

themes/lugo/archetypes/default.md

@@ -0,0 +1,6 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+draft: true
+---
+

themes/lugo/config.toml

@@ -0,0 +1,8 @@
+title = "Website Name"
+baseURL = 'https://example.org'
+languageCode = 'en-us'
+
+[params]
+  # "relatedtext" is the text that appears above the tag list at the bottom of pages.
+  #relatedtext = "Related:"
+  favicon = "/favicon.ico"

themes/lugo/layouts/_default/baseof.html

@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="{{ .Site.Language }}">
+<head>
+	<title>{{ if not .IsHome }}{{ .Title | title }} | {{ end }}{{ .Site.Title }}</title>
+	<link rel="canonical" href="{{ .Site.BaseURL }}">
+	<link rel='alternate' type='application/rss+xml' title="{{ .Site.Title }} RSS" href='/index.xml'>
+	<link rel='stylesheet' type='text/css' href='/style.css'>
+	{{ with .Site.Params.favicon }}<link rel="icon" href="{{ . }}">
+	{{ end -}}
+	<meta name="description" content="{{ with .Params.description }}{{ . }}{{ else }}{{ .Summary }}{{ end }}">
+	{{ if isset .Params "tags" }}<meta name="keywords" content="{{ with .Params.tags }}{{ delimit . ", " }}{{ end }}">
+	{{ end -}}
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<meta name="robots" content="index, follow">
+	<meta charset="utf-8">
+</head>
+<body>
+{{ if .Site.Menus.main }}{{ partial "nav.html" . }}{{ end -}}
+<main>
+<header><h1 id="tag_{{ .Title }}">{{ block "title" . }}{{ end }}</h1></header>
+<article>
+{{ block "main" . }}
+{{ .Content }}
+{{ end }}
+{{ if .Param "nextprev" }}{{ partial "nextprev.html" . -}}{{ end -}}
+{{ if .Param "taglist" }}{{ partial "taglist.html" . }}{{ end -}}
+</article>
+</main>
+{{ block "footer" . }}
+<footer>
+	<a href="{{ .Site.BaseURL }}">{{ .Site.BaseURL }}</a>
+	{{- if .Param "showrss" }}<br><br><a href="/index.xml"><img src="/rss.svg" style="max-height:1.5em" alt="RSS Feed" title="Subscribe via RSS for updates."></a>{{ end }}
+</footer>
+{{ end }}
+</body>
+</html>

themes/lugo/layouts/_default/list.html

@@ -0,0 +1,17 @@
+{{ define "title" -}}
+{{ .Title | title }}
+{{- end }}
+{{ define "main" -}}
+{{ .Content }}
+<ul>
+{{- range.Pages }}
+	<li>
+		{{- if .Param "datesinlist" }}<time datetime="{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}">{{ .Date.Format "2006 Jan 02" }}</time> &ndash; {{ end -}}
+		<a href="{{ .RelPermalink }}">{{ .Title }}</a>
+		{{- if .Param "authorsinlist" }}
+		{{- range .Param "authors" }} by {{ . }}{{ end -}}
+		{{ end -}}
+		</li>
+{{- end }}
+</ul>
+{{- end }}

themes/lugo/layouts/_default/rss.xml

@@ -0,0 +1,26 @@
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+	<title>{{ .Site.Title }}</title>
+	<link>{{ .Permalink }}</link>
+	<description>Recent content {{ if ne  .Title  .Site.Title }}{{ with .Title }}in {{.}} {{ end }}{{ end }}on {{ .Site.Title }}</description>
+	<generator>Hugo -- gohugo.io</generator>{{ with .Site.LanguageCode }}
+	<language>{{.}}</language>{{end}}{{ with .Site.Author.email }}
+	<managingEditor>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</managingEditor>{{end}}{{ with .Site.Author.email }}
+	<webMaster>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</webMaster>{{end}}{{ with .Site.Copyright }}
+	<copyright>{{.}}</copyright>{{end}}{{ if not .Date.IsZero }}
+	<lastBuildDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</lastBuildDate>{{ end }}
+    {{ with .OutputFormats.Get "RSS" }}
+        {{ printf "<atom:link href=%q rel=\"self\" type=%q />" .Permalink .MediaType | safeHTML }}
+	{{ end }}
+	{{ range .Site.RegularPages }}
+	<item>
+		<title>{{ .Title }}</title>
+		<link>{{ .Permalink }}</link>
+		<pubDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</pubDate>
+		{{ with .Site.Author.email }}<author>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</author>{{end}}
+		<guid>{{ .Permalink }}</guid>
+		<description>{{- .Content | html -}}</description>
+	</item>
+	{{ end }}
+	</channel>
+</rss>

themes/lugo/layouts/_default/single.html

@@ -0,0 +1,3 @@
+{{ define "title" -}}
+{{ .Title }}
+{{- end }}

themes/lugo/layouts/partials/nav.html

@@ -0,0 +1,8 @@
+<nav>
+    <ul>
+	{{- $sec := .Page.Section }}{{ $file := .File.TranslationBaseName -}}
+        {{ range.Site.Menus.main.ByWeight }}{{ $base := path.Base .URL }}
+	<li><a {{ if or ( eq $sec $base ) ( eq $file $base ) ( and (eq $sec "") ( eq $file "_index") (eq $base "/") ) }}class="menuactive" {{ end }}href="{{ .URL }}"><span class=pre>{{ .Pre }}</span><span class=menuname>{{ .Name }}</span></a></li>
+        {{- end }}
+    </ul>
+</nav>

themes/lugo/layouts/partials/nextprev.html

@@ -0,0 +1,10 @@
+{{ if or .Next .Prev -}}
+<div id="nextprev">
+{{- with .Prev }}
+<a href="{{ .RelPermalink}}"><div id="prevart">Previous:<br>{{.Title}}</div></a>
+{{ end -}}
+{{- with .Next -}}
+<a href="{{ .RelPermalink}}"><div id="nextart">Next:<br>{{.Title}}</div></a>
+{{ end -}}
+</div>
+{{ end -}}

themes/lugo/layouts/partials/taglist.html

@@ -0,0 +1,13 @@
+        {{- if isset .Params "tags" -}}
+            {{- $tagsLen := len .Params.tags -}}
+            {{- if gt $tagsLen 0 -}}
+        <div style="clear:both" class=taglist>
+		{{- with .Site.Params.relatedtext }}{{ . }}<br>{{ end -}}
+                {{- range $k, $v := .Params.tags -}}
+                {{- $url := printf "tags/%s" (. | urlize | lower) -}}
+                <a id="tag_{{ . | lower }}" href="{{ $url | absURL }}">{{ . | title }}</a>
+                {{- if lt $k (sub $tagsLen 1) }} &middot; {{ end -}}
+                {{- end -}}
+        </div>
+            {{- end -}}
+        {{- end }}

themes/lugo/layouts/shortcodes/hidvid.html

@@ -0,0 +1,10 @@
+<details>
+    <summary>Click to reveal video.</summary>
+<iframe src="{{ index .Params 0 }}"
+        loading="lazy"
+        sandbox="allow-same-origin allow-scripts allow-popups"
+        allowfullscreen frameborder="0"
+        class="embvid"
+        title="Embedded Video">
+</iframe>
+</details>

themes/lugo/layouts/shortcodes/img.html

@@ -0,0 +1,20 @@
+<!--
+	class: class of the figure
+	link: url the image directs to
+	alt: alternative text
+	caption: caption
+	mouse: what the image says when moused over ("title" in HTML)
+-->
+<figure {{ with .Get "class" }}class="{{.}}"{{ end -}}>
+	{{- with .Get "link"}}<a href="{{.}}">{{ end -}}
+	<img src="{{ .Get "src" }}"
+	     {{- with .Get "mouse" }} title="{{.}}"{{ end -}}
+	     {{- with .Get "alt" }} alt="{{.}}"{{ end -}}
+	>
+	{{- if .Get "link"}}</a>{{ end -}}
+	{{- with .Get "caption" -}}
+	<figcaption>
+	{{- . -}}
+	</figcaption>
+	{{- end -}}
+</figure>

themes/lugo/layouts/shortcodes/tagcloud.html

@@ -0,0 +1,3 @@
+{{ if isset .Site.Taxonomies "tags" }}{{ if not (eq (len .Site.Taxonomies.tags) 0) }}   <ul id="tagcloud">
+    {{ range $name, $items := .Site.Taxonomies.tags }}{{ $url := printf "%s/%s" "tags" ($name | urlize | lower)}}<li><a href="{{ $url | absURL }}" id="tag_{{ $name }}">{{ $name | title }}</a></li>
+    {{ end }}</ul>{{ end }}{{ end }}

themes/lugo/layouts/shortcodes/vid.html

@@ -0,0 +1,6 @@
+<iframe src="{{ index .Params 0 }}"
+        loading="lazy"
+        sandbox="allow-same-origin allow-scripts allow-popups"
+        allowfullscreen frameborder="0"
+        title="Embedded Video">
+</iframe>

themes/lugo/static/rss.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 455.731 455.731" style="enable-background:new 0 0 455.731 455.731;" xml:space="preserve"><g><rect x="0" y="0" style="fill:#F78422;" width="455.731" height="455.731"/><g><path style="fill:#FFFFFF;" d="M296.208,159.16C234.445,97.397,152.266,63.382,64.81,63.382v64.348 c70.268,0,136.288,27.321,185.898,76.931c49.609,49.61,76.931,115.63,76.931,185.898h64.348 C391.986,303.103,357.971,220.923,296.208,159.16z"/><path style="fill:#FFFFFF;" d="M64.143,172.273v64.348c84.881,0,153.938,69.056,153.938,153.939h64.348 C282.429,270.196,184.507,172.273,64.143,172.273z"/><circle style="fill:#FFFFFF;" cx="109.833" cy="346.26" r="46.088"/></g></g></svg>

themes/lugo/static/style.css

@@ -0,0 +1,45 @@
+body {
+	font-family: sans-serif ;
+	background: #110000 ;
+	color: #ccc ;
+}
+
+main {
+	max-width: 800px ;
+	margin: auto ;
+}
+
+img {
+	max-width: 100% ;
+}
+
+header h1 {
+	text-align: center ;
+}
+
+footer {
+	text-align: center ;
+	clear: both ;
+}
+
+/* For TAGLIST.HTML */
+.taglist {
+	text-align: center ;
+	clear: both ;
+}
+
+/* For NEXTPREV.HTML */
+#nextprev {
+	/* The container for both the previous and next articles. */
+}
+#prevart {
+	float: left ;
+	text-align: left ;
+}
+#nextart {
+	float: right ;
+	text-align: right ;
+}
+#nextart,#prevart {
+	max-width: 33% ;
+}