diff --git a/README.md b/README.md index e9db67e3..90db0868 100755 --- a/README.md +++ b/README.md @@ -19,22 +19,13 @@ A simple, clean, flexible Hugo theme. Ported to and customized for [Micro.blog]( ## Installing the theme -Paper will soon be available as a full plugin on Micro.blog. Set the theme to `blank` in the design section of your blog. Make sure there are no other custom CSS configured for the previous theme. Then install the Paper theme from the plugin directory. Once the theme is successfully installed, you can configure the social icons displayed in the header as described below. - -## Configure Social Icons in Header - -Available options in `config.json` to configure the social icons displayed in the header. Remove any pramater that you don't want to be displayed in the header. - -```json -{ - "params": { - "twitter": "YOUR_TWITTER_ID", - "github": "YOUR_GITHUB_ID", - "instagram": "YOUR_INSTAGRAM_ID", - "microdotblog": "YOUR_MICRODOTBLOG_ID" - } -} -``` +Paper is [available in Micro.blog's Plug-ins directory](https://micro.blog/account/plugins/view/43) and can directly be installed from there. Note that **the theme is compatible with Hugo 0.91** which is available as a setting on Micro.blog. You can follow the below general steps to install the theme. + +- Uninstall any theme that you have installed as a plugin. +- Set you current theme to blank and Hugo Version to 0.91 in the design section of your blog. +- Make sure there are no other conflicting custom CSS configured for the previous theme. +- Install the "[Paper theme](https://micro.blog/account/plugins/view/43)" plug-in from the directory. +- Once the theme is successfully installed, you can configure the social icons displayed in the header by modifying the available options as plug-in's settings. ## License diff --git a/assets/app.css b/assets/app.css index e889b293..23e0aa3b 100644 --- a/assets/app.css +++ b/assets/app.css @@ -171,6 +171,8 @@ textarea:-webkit-autofill { img { display: block; max-width: 100%; + height: auto; + margin-block-end: 1em; } /* Header @@ -676,3 +678,51 @@ img { padding-bottom: 8rem; font-size: 16rem; } + +/* ========================================================================== + Webmentions Customizations + ========================================================================== */ + .microblog_conversation { + margin-top: 50px; + padding-top: 20px; + border-top: 1px solid var(--air); + } + + .microblog_post { + padding-top: 20px; + padding-bottom: 20px; + } + + .microblog_user { + margin-bottom: 10px; + } + + .microblog_avatar { + border-radius: 5px; + vertical-align: middle; + float: left; + display: inline; + margin: 0 10px 0 0; + width: 30px; + height: 30px; + max-width: 30px !important; + } + + .microblog_time { + font-size: 1.6rem; + color: var(--air); + } + + .microblog_time a { + color: var(--air); + text-decoration: none; + } + + .microblog_text a { + padding-bottom: 0.2rem; + font-weight: 500; + } + + .microblog_text p { + margin-bottom: 5px; + } diff --git a/config.json b/config.json index c6714f5b..7a73a41b 100644 --- a/config.json +++ b/config.json @@ -1,8 +1,2 @@ { - "params": { - "twitter": "YOUR_TWITTER_ID", - "github": "YOUR_GITHUB_ID", - "instagram": "YOUR_INSTAGRAM_ID", - "microdotblog": "YOUR_MICRODOTBLOG_ID" - } } \ No newline at end of file diff --git a/layouts/_default/single.html b/layouts/_default/single.html index bc071214..d676d877 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -5,16 +5,9 @@ {{if eq .Type "post" }}
- - {{ with .Params.categories }} - {{ range . }} - {{ $name := . }} - {{ with $.Site.GetPage "taxonomy" (printf "categories/%s" $name) | default ($.Site.GetPage "taxonomy" (printf "categories/%s" ($name | urlize))) }} - #{{ $name }} - {{ end -}} - {{ end }} + {{ if or .Params.Author site.Author.name }} + {{ .Params.Author | default site.Author.name }} {{ end }} -
{{ end }}