Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/fusion/nexus-zteo-com

Source code for my static zteo.com blog
https://github.com/fusion/nexus-zteo-com

Last synced: 6 days ago
JSON representation

Source code for my static zteo.com blog

Awesome Lists containing this project

README

        

# To create a new post:
```
hugo new posts/{filename.md}
```

# To serve locally:
```
hugo server -D
```

# Where is my theme? Where are my shortcodes?
```
cp -r theme_bleak_tweaked/* themes/bleak/
```

# Notes

Before deploying/building, we should pull our `public` submodule:
```
git submodule update --init --remote -- public
```

# Short Codes

## alert title content
TODO: Example
## anycaption title="caption"
```
{{< anycaption title="Nice picture caption" >}}
...
{{< /anycaption >}}
```
## button href="href" [icon="icon"] [icon-position="left|right"]
```
{{% button href="https://getgrav.org/" icon="fas fa-download" %}}Get Grav with icon{{% /button %}}
```
## codecaption title="caption" [lang="lang"]
```
{{< codecaption lang="html" title="Code caption shortcode" >}}
...
{{< /codecaption >}}
```
## expand
```
{{%expand "Is this a good test?" %}}
```
## flex
```
{{< flex >}}
{{< flex-column >}}

this is your first (leftmost) column!



{{< /flex-column >}}
{{< flex-column >}}

this is your second (rightmost) column!



{{< /flex-column >}}
{{< /flex >}}
```
## fluid-imgs
```
{{< fluid-imgs
"pure-u-1-3|/images/Grumpy-Cat.jpg"
"pure-u-1-3|/images/Grumpy-Cat.jpg"
"pure-u-1-3|/images/Grumpy-Cat.jpg"
>}}
```
## gist
```
{{< gist index >}}
```
## gistf
```
{{< gistf id="index" file="file" >}}
```
## img-post
```
{{< img-post "/images" "Grumpy-Cat.jpg" "Grumpy Cat" "left" >}}
lorem ipsum...
{{< /img-post >}}
```
## img-process
```
{{< img-process ProgrammerInterrupted.png Resize "60x" prgint >}}
```
## imgblur
```
{{< imgblur prefix="path" >}}
```
## keypress
```
{{< keypress "key" >}}
```
## lightbox
```
{{< lightbox id="prgint" type=scrollable >}}{{< /lightbox >}}
```
## linkprevieew
```
{{}}

```
## mermaid
```
{{}}
...
{{}}
```
## notice
```
{{% notice tip %}}
A tip disclaimer
{{% /notice %}}
```
## raw-html
```
{{}}hello{{}}
```
## section
```
{{}}
lorem ipsum
{{}}
```
## simpleitem
```
{{}}Security and Privacy{{}}
```
## simpletab
```
go to the {{< simpletab 1>}}Privacy{{< /simpletab >}} tab
```
## table
```
{{< table caption="Configuration parameters" >}}
Parameter | Description | Default
:---------|:------------|:-------
`timeout` | The timeout for requests | `30s`
`logLevel` | The log level for log output | `INFO`
{{< /table >}}
```

# Alternatives

Lightbox: https://micro.json.blog/2019/12/30/223827.html (https://biati-digital.github.io/glightbox/)

# Web Mentions

We are already including a Javascript header that leverages https://webmention.io/

For now, visiting this website and logging in using RelMeAuth lets me access the configuration and mentions.

To display mentions, an easy method would be to download https://github.com/PlaidWeb/webmention.js and including it under each post.

This being said, I should also include an h-card (as defined in microforrmats2 spec):

```


{{ .Site.Author.name }} /
{{ .Site.Author.nick }}
“”


```

More here: http://microformats.org/wiki/microformats2#h-card

Finally, **done**: research Bridgy (https://indieweb.org/Bridgy)

In the end, this blog implements:

- mf2: h-feed, h-entry, e-content, p-name, dt-published, u-url
- Webmention (including pingback)
- IndieAuth (rel=me)
- Open Graph (https://oqp.me)