josephhutch / aether Goto Github PK

View Code? Open in Web Editor NEW

145.0 6.0 70.0 10.75 MB

A responsive and clean Hugo theme for blogs

License: MIT License

HTML 45.53% CSS 53.14% JavaScript 1.33%

hugo hugo-theme hugo-blog-theme responsive

aether's Issues

Aether Theme Assets missing on the Hugo website

Hello @josephhutch

I am one of the people who maintain the Hugo Themes repository and I noticed that the theme demo does not load its assets on the Hugo website.

As stated in the README of the Hugo Themes repository if a forward slash / is used in the beginning of a URL, it will point to the host root and Hugo will not generate the correct URL for the demo's assets because it is published in a subdirectory of the Hugo Themes website.

For example you need to change line 16 of partials/head.html to <link rel="stylesheet" href="{{ "css/style.css" | absURL}}" />

Please look into the above so that your theme demo is rendered as it should be.

Thank you.

cc: @digitalcraftsman

Workaround for rel="alternate" due to google podcasts rule

I'm using your theme on my podcast home page. By default, aether creates the following index.html code
"<link rel="alternate" type="application/rss+xml" href="/index.xml" title="Title" />

However, google has a rule that to a podcast be indexed it can only have one instance of <link rel="alternate" and needs to the the one from google
<link type="application/rss+xml" rel="alternate" title="Title" href="feed.xml"/>

My question is how can i hardcode the index.html or even your theme to bypass this situation.

Add icon on title bar

Hi folks, I've been struggling with this simple task.
I've followed everything on aether README in the Favicon section and it still not working.

I realized my layout folder was empty, so I copied everything from themes/aether/layouts.
So far, so good.

From layouts/partials my head.md is like so:

<head>
  <meta charset="utf-8" />
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>{{ if not .IsHome }}{{with .Title }}{{ . }} &middot; {{ end }}{{ end }}{{ .Site.Title }}</title>
  <meta name="description" content="{{if .IsHome}}{{ $.Site.Params.description }}{{else}}{{.Description}}{{end}}" />
  {{ if (fileExists "static/favicon.ico") -}}
    <link rel="shortcut icon" href="/favicon.ico">
  {{ end -}}
  {{ if (fileExists "static/favicon-32x32.png") -}}
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  {{ end -}}
  {{ if (fileExists "static/favicon-16x16.png") -}}
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  {{ end -}}
  {{ if (fileExists "static/site.webmanifest") -}}
  <link rel="manifest" href="/site.webmanifest">
  {{ end -}}
  {{ if (fileExists "static/safari-pinned-tab.svg") -}}
    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
  {{ end -}}
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" />
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css" integrity="sha384-9eLZqc9ds8eNjO3TmqPeYcDj8n+Qfa4nuSiGYa6DjLNcv9BtN69ZIulL9+8CqC9Y" crossorigin="anonymous">
  {{ $mainStyle := resources.Get "css/style.css" }}
  {{ $xcodeStyle := resources.Get "css/xcode.css" }}
  {{ $fontStyle := resources.Get "css/latolatinfonts.css" }}
  {{ $overrideStyle := resources.Get "css/override.css" }}
  {{ $style := slice $xcodeStyle $fontStyle $mainStyle $overrideStyle | resources.Concat "css/concated.css" | minify }}
  <link href="{{ $style.Permalink }}" rel="stylesheet">
  {{ range .AlternativeOutputFormats -}}
    {{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
  {{ end -}}
  {{ template "_internal/google_analytics.html" . }}
  {{ if isset $.Site.Params "bgimg" -}}
  <style>
    body {
      background: #ecedef url("{{ $.Site.Params.bgimg | absURL | safeCSS }}") repeat;
    }
  </style>
  {{- end }}
</head>
---------

Inside static I've placed all the images extracted from the favicon generator downloaded folder.
Like so:

android-chrome-192x192.png  apple-touch-icon.png  favicon-16x16.png  favicon.ico  mstile-150x150.png
android-chrome-512x512.png  browserconfig.xml     favicon-32x32.png  img          site.webmanifest

Also, my config.toml:

baseURL = "https://raphaelsilv.github.io/raphael/"
languageCode = "The language code for the language the website is written in"
title = "Raphael Ramos | Code Insights"
theme = "aether"
googleAnalytics = "Your google analytics tracking ID - optional"
disqusShortname = "basquiatraphaeu"
tags = ["Blog", "Personal", "Raphael", "Shell", "Simple", "Code", "Programmer", "Technical", "Github", "UFSC", "C++", "Shell"]
features = ["Responsive", "Highlight.js", "KaTeX", "Google analytics", "Disqus"]
min_version = "0.01"
publishDir = "docs"

[params]
brand = "By: Raphael Ramos"
description = "The website's description"
homeimg = "img/fancy-pants.jpg"
bgimg = "img/ignasi_pattern_s.png"

[author]
name = "Raphael Ramos"
homepage = "https://www.linkedin.com/in/raphaelramosdasilva/"

[markup.goldmark.renderer]
unsafe= true---

What am I missing, guys?

[feature request] add option to override/extend css

It would be great if one could customize the theme with additional css files.

Something like:

[params]
    custom_css = ["css/foo.css", "css/bar.css"]

Create categories page to view all posts in a category

featured image for a post not working

I added the image to the static folder and gave the filename for source but no change is reflected

Footer partial template not used anywhere

An empty footer partial template exists at layout/partials, but it is not used anywhere, i.e. {{ partial "footer.html" . }} is not present in any of the templates.

According to my understanding, this makes adding a custom footer impossible without forking the whole theme.
Since /layouts/partials/footer.html is empty by default, it would not hurt using it in the site templates.

I am very new to all of Hugo and also its themes, so if I have missed a key concept here feel free to correct me.

Add home button at bottom of singles page

Best practice for page bundle image paths in smallimg?

Love the theme - many thanks for sharing it. What's the best way to reference a page bundle image in a post?

Given this structure:

content/
  posts/
     article1/
       headshot.png
       index.md

What should the src of a in index.md be?

Support for Email newsletters

Hi,

Love this theme. I'm currently using it for my blog. I tried to integrate some kind of email newsletter service (using MailChimp or Tinyletter), but almost every method requires a RSS feed for the service to work. Is there any way that we can generate a RSS feed of the content?

How do ichange the color of certain text, html tags dont seem to work

Show the post only in categories

Is there any way to show some posts only through the Categories section? For example, by setting both "displayInMenu" and "displayInList" as false, while applying it to some category by setting "categories". When I do exactly this, it doesn't show up in the categories at all.

Navigation menu broken when JavaScript is disabled

STR:

Disable JavaScript (such as in about:config in Firefox)
Open an Aether site
Attempt to open the navigation menu

Expected behaviour: Navigation is somehow possible when JavaScript is disabled.

Actual behaviour: Internal navigation is impossible with JavaScript disabled.

cannot use static images for card image

I may be missing something of how to configure this properly. It seems like static images cannot be used as a card image anymore. If I revert the changes for li.html it works fine. I use the same images for the posts that fall into similar categories so it doesn't make sense for me to have different card images for every posts. Is it possible to add this feature back?

Faceshot not shown

I'm just getting started with this theme, and I copied the example site into my site. Everything's working great, except that there's no card shown at the right of the blob (see screenshot below). faceshot.jpg is in assets/img/. Any ideas why this is happening?

Is it possible to change the blob colors?

Wanting to change the blob colour to better match my color scheme but can't see where this can be done

Remove calls to Google Services and host dynamic content locally.

Currently, the theme comes bundled with calls to several websites, including some googleapis. They are mostly calls for javascript files that are used to render content.

It could improve performance and would improve privacy to have theses files locally hosted, and updated with the theme when needed, rather than serve third-party code to the website.

It was stated in the original blog post of aether :

Today’s web is a frustrating mess of pop-ups, intrusive banners, and ads obstructing the content. I designed aether to be free of all these distractions and simply highlight the content.

And indeed, they are no distractions, but the web of today is also about privacy, I think.

I can submit a patch to close this issue if needed.

Add Open Graph Meta Tags

Adding these should result in a better preview for instance when linking a website build with aether

https://ogp.me/

[feature request] add APlayer

APlayer is a powerful and elegant HTML5+JS Player

This Player is widely used on the third large video streaming site in China, bilibili.com. and also other sites.

This player offers a beautiful and easy-to-integrate ability for both blog writer and theme devs.

As a man who was trying to migrate from Hexo to Hugo with your theme, this might be the last but the hardest barrier.

Could you please consider add it to your theme? Thank you so much.

Thanks for your hard work again. I really love this theme.

Using local images for background does not work.

The following does not work, maybe because it's a gif, maybe because it's a locally-hosted image ?

In config.toml

... 
homeimg = "/home/user/blog/static/img/background.gif"
bgimg = "/home/user/blog/static/img/background.gif"
...

Thanks for your work !

Featured Image without Page Bundles

Hi,

I'm trying to get this theme set up with Forestry CMS, but it doesn't support page bundles. I'm trying to essentially roll back to this commit by filling in the changes: 85960b6

However, that doesn't seem to be working. I'm new to editing these themes, but was wondering if you could help me figure this out.

Thanks,
Sebi

Add support for self hosting external js libraries.

It would be good to provide the option to self host the external javascript and css libraries ie. highlights.js, katex, etc. As an alternative to using the scripts provided by the CDNs.

Unable to create post because of unexpected key when processing archetypes.

Hello.

First of all, thanks a lot for this theme, it's really beautiful.

I've tried to use it and install it, but when I create a new post I get this error :

ERROR: 2019/01/02 19:12:16 content.go:61: Error processing archetype file /home/user/blog/themes/aether/archetypes/post.md: yaml: line 1: did not find expected key
Error: yaml: line 1: did not find expected key

It seems to have been fixed by deleting the content of the Date and Title line of the aether/archetypes/post.md file, leaving them blank upon generating the website.

I hope it will be fixed in future releases !

failed to render shortcode "smallimg", featuredImage didn't show up

when I copy all the files from exampleSite folder this is what happened,
Result:

I try this in localhost and Netlify and has the same result.

If I delete aether-features.md site work normally but the featuredImage didn't show up
Result:

I just want to see the themes work like in your screenshot.

How to enable RSS feed support

It looks like there is built in support for RSS in Hugo but I can't figure out how to enable it. Is that a theme level setting?

homepage layout don't support mobile browser

iphone 8 plus, iOS 12 safari
my site: https://lvv.me

Image rotation ?

I love your great theme, a lot of thanks!

Just a problem on my side: I try to include an (portrait) image in my article (in the body or with the featuredImage parameter. After building, it appears that the image is always rotated (in landscape). Do you have any idea to tackle this issue?

Many thanks again

Define specific category that should be rendered on a home page

Hi Joe,

I would like to ask if it's possible to define specific category that should be rendered on a home page.
I saw that there is no index html template, but as I understand it, it's rendered from single & home-card templates.

I am not sure how to change template so it's not iterating over all articles by date, but to show just one category (as listed by selecting some menu item)

Thanks for great template, have a nice day,
Peter

Create image card

[Feature Request] add featuredImageLink

It would be great if we can add a link to the main featured image sometimes

How do you change the home-blob-text and home-blob-title parameters? Maybe add a way in the config.toml file?

Hello! I'm new to Hugo, so I apologize if this is a silly question. 😅

I was wondering how one goes about changing the blob title/text that goes beside the head shot. Is there any reason why parameters do not seem to exist in the config.toml for these two strings?

multiple srcset images with webp suport

hi there
do you know if we can use the resize pipeline to create multiple .webp images?
im following https://dev.to/stereobooster/responsive-images-for-hugo-dn9 to create a srcset, tried adapting your .webp import but you get only the original right?

cheers

Create quote card

Add Dark Mode

Hi,
It'll be cool if you can add dark mode option in the theme. Nowadays lot of people prefer dark themes. 😃

img/grey-cloud.jpg is too big

It is neccesary? load slowly... sad...

Social media sharing buttons?

If I wanted to enable twitter/linkedin sharing for posts it appears I'd need to update the theme. I'm happy to make this enhancement but want to make sure this isn't already in the works. Is anyone else working on social media sharing yet?

featuredImage does not show for non-index.md pages

I have articles in many places. For example
/content/page1.md
/content/post/page2.md
/content/post/page3/page3.md
/content/post/page4/index.md
Even when they have identical content, only page4 featuredImage will show up. I am getting no relevant warnings or other messages when running hugo with --verbose --debug.

Safari: sometimes code block can't scroll

test page here, tested macOS 10.14.3/Safari and macOS 10.14.2/Safari
sometimes refresh page is OK, I check the css and found that:

Switch menu to use javascript and clean up css

bgimg not working

bgimg is set, but not working.

I Just copy pasted the whole exampleSite directory, but the background image is not showing.
I really loved this theme, but this thing is holding me back.
dont take this as disturbance.
Thank you.

Can't use smallimg shortcode

It seems the smallimg shortcode isn't working properly. Does anyone else have the same issue?

Render fails if no "bgimg" setting

The sample config in the README says

	bgimg = "Path, within the 'assets' folder, of the image used for the page background - optional"

However, it isn't optional -- if there is no bgimg entry in [params], rendering the site fails with a bunch of errors of the form:

Building sites … ERROR 2020/07/31 12:11:39 render of "page" failed: execute of template failed: template: _default/single.html:3:5: executing "_default/single.html" at <partial "head.html" .>: error calling partial: "/Users/snej/Websites/recordings/themes/aether/layouts/partials/head.html:36:19": execute of template failed: template: partials/head.html:36:19: executing "partials/head.html" at <resources.Get>: error calling Get: dirs not supported resource types: &{0xc00087e2b0 map[baseDir:/Users/snej/Websites/recordings/themes/aether/ filename:assets isOrdered:false lang: module:aether mountRoot: mountWeight:1 opener:0x4837490 watch:true]}

The error points to this line in partials/head.html:

  {{ with resources.Get .Site.Params.bgimg -}}

I'm not familiar with Hugo templates, but it looks as though it needs to test for the existence of the bgimg property before using it...

add option to show full content on index

I would like to have an option to display full posts on main page, and only if I specify a summary it's displayed.

I know I can remove description, but then the text loses all format. maybe an option to not losing format when removing description could be enough.

thanks in advance

I get this error whe i try to use short codes for images

Create a 404 page

add theme as submodule

well, this theme is really OK. there is not issue with it but the problem is when in install the theme by using git clone (git repo url) then its installed and work perfectly, but when i deploy site to github pages by using actions, the action show error that please add themes/aether as submodule

Link in post summary breaks layout in list

In a post-list view (as on the front page), if any post's description/summary contains a hyperlink, the display of that post is mangled: the text falls out of the box and appears below it:

The reason is that the li.html template uses an <a> tag as the outermost element of the post. But the HTML A element doesn't nest! So when another <a> tag appears within as part of the description text, the parser enforces proper structure by forcing the outer element to end before starting the new one.

To fix this the template needs use a different element that does nest, such as <div> ... but then another mechanism (JS?) needs to be used to make the linking work. Unfortunately my web-dev skills are very rusty so I'm not sure what the best fix is.

╰─ hugo --minify --gc --verbose                                                                                                                                                      (-127) ↵  9516  20:37:25 
INFO 2019/04/15 20:37:27 No translation bundle found for default language "en"
INFO 2019/04/15 20:37:27 Translation func for language en not found, use default.
INFO 2019/04/15 20:37:27 i18n not initialized; if you need string translations, check that you have a bundle in /i18n that matches the site language or the default language.
INFO 2019/04/15 20:37:27 Using config file: 
Building sites … INFO 2019/04/15 20:37:27 syncing static files to /media/kmahyyg/linuxdata/WorkData/HostedOnGithub/kmahyyg.github.io/public/
INFO 2019/04/15 20:37:27 found taxonomies: map[string]string{"tag":"tags", "category":"categories"}
INFO 2019/04/15 20:37:27 Alias "/categories/page/1/index.html" translated to "categories/page/1/index.html"
INFO 2019/04/15 20:37:27 Alias "/categories/code/page/1/index.html" translated to "categories/code/page/1/index.html"
INFO 2019/04/15 20:37:27 Alias "/categories/network/page/1/index.html" translated to "categories/network/page/1/index.html"
INFO 2019/04/15 20:37:27 Alias "/categories/life/page/1/index.html" translated to "categories/life/page/1/index.html"
INFO 2019/04/15 20:37:27 Alias "/page/1/index.html" translated to "page/1/index.html"
INFO 2019/04/15 20:37:27 Alias "/categories/school/page/1/index.html" translated to "categories/school/page/1/index.html"
INFO 2019/04/15 20:37:27 Alias "/tags/page/1/index.html" translated to "tags/page/1/index.html"
INFO 2019/04/15 20:37:27 Alias "/categories/tech/page/1/index.html" translated to "categories/tech/page/1/index.html"
Total in 154 ms
Error: Error building site: failed to render pages: parse error:2:73: unexpected ending in qualified rule, expected left brace token
    2:   href="https://www.kmahyyg.xyz/installation-and-configure-of-riot-im-ser

Not working with the --minify parameters while trying to generate, please check if there's anything wrong with your template. I've already checked that my front matter is correct.

josephhutch / aether Goto Github PK

aether's Issues

bgimg is set, but not working.

Recommend Projects

Recommend Topics

Recommend Org