From 35b398a0f824a6849b9e4b58733c6a9972e4a17d Mon Sep 17 00:00:00 2001 From: Roger Gonzalez Date: Sat, 14 Jan 2023 09:45:32 -0300 Subject: Installed lugo --- config.toml | 62 ++------- content/_index.md | 5 +- static/style.css | 187 +++++++++++++++++++++++++++ themes/lugo/README.md | 21 +++ themes/lugo/archetypes/default.md | 6 + themes/lugo/config.toml | 8 ++ themes/lugo/layouts/_default/baseof.html | 36 ++++++ themes/lugo/layouts/_default/list.html | 17 +++ themes/lugo/layouts/_default/rss.xml | 26 ++++ themes/lugo/layouts/_default/single.html | 3 + themes/lugo/layouts/partials/nav.html | 8 ++ themes/lugo/layouts/partials/nextprev.html | 10 ++ themes/lugo/layouts/partials/taglist.html | 13 ++ themes/lugo/layouts/shortcodes/hidvid.html | 10 ++ themes/lugo/layouts/shortcodes/img.html | 20 +++ themes/lugo/layouts/shortcodes/tagcloud.html | 3 + themes/lugo/layouts/shortcodes/vid.html | 6 + themes/lugo/static/rss.svg | 1 + themes/lugo/static/style.css | 45 +++++++ 19 files changed, 433 insertions(+), 54 deletions(-) create mode 100644 static/style.css create mode 100644 themes/lugo/README.md create mode 100644 themes/lugo/archetypes/default.md create mode 100644 themes/lugo/config.toml create mode 100644 themes/lugo/layouts/_default/baseof.html create mode 100644 themes/lugo/layouts/_default/list.html create mode 100644 themes/lugo/layouts/_default/rss.xml create mode 100644 themes/lugo/layouts/_default/single.html create mode 100644 themes/lugo/layouts/partials/nav.html create mode 100644 themes/lugo/layouts/partials/nextprev.html create mode 100644 themes/lugo/layouts/partials/taglist.html create mode 100644 themes/lugo/layouts/shortcodes/hidvid.html create mode 100644 themes/lugo/layouts/shortcodes/img.html create mode 100644 themes/lugo/layouts/shortcodes/tagcloud.html create mode 100644 themes/lugo/layouts/shortcodes/vid.html create mode 100644 themes/lugo/static/rss.svg create mode 100644 themes/lugo/static/style.css diff --git a/config.toml b/config.toml index 1d6d845..a777369 100644 --- a/config.toml +++ b/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" - - -[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 +baseURL = 'https://rogs.me' +languageCode = 'en-us' +title = 'rogs' +theme = 'lugo' + +[markup] + [markup.goldmark] + [markup.goldmark.renderer] + unsafe = true diff --git a/content/_index.md b/content/_index.md index a3d97e0..48bd039 100644 --- a/content/_index.md +++ b/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/) diff --git a/static/style.css b/static/style.css new file mode 100644 index 0000000..9e538f3 --- /dev/null +++ b/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: "πŸ₯¦" ; } diff --git a/themes/lugo/README.md b/themes/lugo/README.md new file mode 100644 index 0000000..a39a9e8 --- /dev/null +++ b/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. diff --git a/themes/lugo/archetypes/default.md b/themes/lugo/archetypes/default.md new file mode 100644 index 0000000..00e77bd --- /dev/null +++ b/themes/lugo/archetypes/default.md @@ -0,0 +1,6 @@ +--- +title: "{{ replace .Name "-" " " | title }}" +date: {{ .Date }} +draft: true +--- + diff --git a/themes/lugo/config.toml b/themes/lugo/config.toml new file mode 100644 index 0000000..8d4a4f5 --- /dev/null +++ b/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" diff --git a/themes/lugo/layouts/_default/baseof.html b/themes/lugo/layouts/_default/baseof.html new file mode 100644 index 0000000..57e17ce --- /dev/null +++ b/themes/lugo/layouts/_default/baseof.html @@ -0,0 +1,36 @@ + + + + {{ if not .IsHome }}{{ .Title | title }} | {{ end }}{{ .Site.Title }} + + + + {{ with .Site.Params.favicon }} + {{ end -}} + + {{ if isset .Params "tags" }} + {{ end -}} + + + + + +{{ if .Site.Menus.main }}{{ partial "nav.html" . }}{{ end -}} +
+

{{ block "title" . }}{{ end }}

+
+{{ block "main" . }} +{{ .Content }} +{{ end }} +{{ if .Param "nextprev" }}{{ partial "nextprev.html" . -}}{{ end -}} +{{ if .Param "taglist" }}{{ partial "taglist.html" . }}{{ end -}} +
+
+{{ block "footer" . }} + +{{ end }} + + diff --git a/themes/lugo/layouts/_default/list.html b/themes/lugo/layouts/_default/list.html new file mode 100644 index 0000000..b05c0a2 --- /dev/null +++ b/themes/lugo/layouts/_default/list.html @@ -0,0 +1,17 @@ +{{ define "title" -}} +{{ .Title | title }} +{{- end }} +{{ define "main" -}} +{{ .Content }} + +{{- end }} diff --git a/themes/lugo/layouts/_default/rss.xml b/themes/lugo/layouts/_default/rss.xml new file mode 100644 index 0000000..38dbe3d --- /dev/null +++ b/themes/lugo/layouts/_default/rss.xml @@ -0,0 +1,26 @@ + + + {{ .Site.Title }} + {{ .Permalink }} + Recent content {{ if ne .Title .Site.Title }}{{ with .Title }}in {{.}} {{ end }}{{ end }}on {{ .Site.Title }} + Hugo -- gohugo.io{{ with .Site.LanguageCode }} + {{.}}{{end}}{{ with .Site.Author.email }} + {{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}{{end}}{{ with .Site.Author.email }} + {{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}{{end}}{{ with .Site.Copyright }} + {{.}}{{end}}{{ if not .Date.IsZero }} + {{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}{{ end }} + {{ with .OutputFormats.Get "RSS" }} + {{ printf "" .Permalink .MediaType | safeHTML }} + {{ end }} + {{ range .Site.RegularPages }} + + {{ .Title }} + {{ .Permalink }} + {{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }} + {{ with .Site.Author.email }}{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}{{end}} + {{ .Permalink }} + {{- .Content | html -}} + + {{ end }} + + diff --git a/themes/lugo/layouts/_default/single.html b/themes/lugo/layouts/_default/single.html new file mode 100644 index 0000000..56c5a11 --- /dev/null +++ b/themes/lugo/layouts/_default/single.html @@ -0,0 +1,3 @@ +{{ define "title" -}} +{{ .Title }} +{{- end }} diff --git a/themes/lugo/layouts/partials/nav.html b/themes/lugo/layouts/partials/nav.html new file mode 100644 index 0000000..a7318fe --- /dev/null +++ b/themes/lugo/layouts/partials/nav.html @@ -0,0 +1,8 @@ + diff --git a/themes/lugo/layouts/partials/nextprev.html b/themes/lugo/layouts/partials/nextprev.html new file mode 100644 index 0000000..099f16d --- /dev/null +++ b/themes/lugo/layouts/partials/nextprev.html @@ -0,0 +1,10 @@ +{{ if or .Next .Prev -}} +
+{{- with .Prev }} +
Previous:
{{.Title}}
 +{{ end -}} +{{- with .Next -}} +
Next:
{{.Title}}
 +{{ end -}} +
+{{ end -}} diff --git a/themes/lugo/layouts/partials/taglist.html b/themes/lugo/layouts/partials/taglist.html new file mode 100644 index 0000000..757db6f --- /dev/null +++ b/themes/lugo/layouts/partials/taglist.html @@ -0,0 +1,13 @@ + {{- if isset .Params "tags" -}} + {{- $tagsLen := len .Params.tags -}} + {{- if gt $tagsLen 0 -}} +
+ {{- with .Site.Params.relatedtext }}{{ . }}
{{ end -}} + {{- range $k, $v := .Params.tags -}} + {{- $url := printf "tags/%s" (. | urlize | lower) -}} + {{ . | title }} + {{- if lt $k (sub $tagsLen 1) }} · {{ end -}} + {{- end -}} +
+ {{- end -}} + {{- end }} diff --git a/themes/lugo/layouts/shortcodes/hidvid.html b/themes/lugo/layouts/shortcodes/hidvid.html new file mode 100644 index 0000000..14f592d --- /dev/null +++ b/themes/lugo/layouts/shortcodes/hidvid.html @@ -0,0 +1,10 @@ +
+ Click to reveal video. + +
diff --git a/themes/lugo/layouts/shortcodes/img.html b/themes/lugo/layouts/shortcodes/img.html new file mode 100644 index 0000000..ff7959b --- /dev/null +++ b/themes/lugo/layouts/shortcodes/img.html @@ -0,0 +1,20 @@ + +
+ {{- with .Get "link"}}{{ end -}} + {{.}} + {{- if .Get "link"}}{{ end -}} + {{- with .Get "caption" -}} +
+ {{- . -}} +
+ {{- end -}} +
diff --git a/themes/lugo/layouts/shortcodes/tagcloud.html b/themes/lugo/layouts/shortcodes/tagcloud.html new file mode 100644 index 0000000..0cf0118 --- /dev/null +++ b/themes/lugo/layouts/shortcodes/tagcloud.html @@ -0,0 +1,3 @@ +{{ if isset .Site.Taxonomies "tags" }}{{ if not (eq (len .Site.Taxonomies.tags) 0) }} {{ end }}{{ end }} diff --git a/themes/lugo/layouts/shortcodes/vid.html b/themes/lugo/layouts/shortcodes/vid.html new file mode 100644 index 0000000..4c612fe --- /dev/null +++ b/themes/lugo/layouts/shortcodes/vid.html @@ -0,0 +1,6 @@ + diff --git a/themes/lugo/static/rss.svg b/themes/lugo/static/rss.svg new file mode 100644 index 0000000..dfda038 --- /dev/null +++ b/themes/lugo/static/rss.svg @@ -0,0 +1 @@ + diff --git a/themes/lugo/static/style.css b/themes/lugo/static/style.css new file mode 100644 index 0000000..d3b2088 --- /dev/null +++ b/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% ; +} -- cgit v1.2.3