* added favicons and replaced the links in site_header.html with a state of the art implementation.

This commit is contained in:
Stephan Hadan 2025-01-29 08:11:00 +01:00
parent 7df1c67da9
commit 713fe673e4
9 changed files with 38 additions and 16 deletions

View file

@ -10,22 +10,25 @@ To see more, [check out my blog which is rendered with this theme](http://jnjosh
## Contents
- [Installation](#installation)
- [Getting started](#getting-started)
- [Configuring Your Blog](#configuring-your-blog)
- [Where Should Blog Post Markdown Files be Stored?](#where-should-blog-post-markdown-files-be-stored)
- [How to Configure the Menu in the Blog's Navigation](#how-to-configure-the-menu-in-the-blogs-navigation)
- [Defining Yourself as the Author](#defining-yourself-as-the-author)
- [Customizing the Bio Section, 404 Page, Javascript, or Stylesheets](#customizing-the-bio-section-404-page-javascript-or-stylesheets)
- [Creating a Link Post](#creating-a-link-post)
- [Specifying a Featured Image for Social Media](#specifying-a-featured-image-for-social-media)
- [Preferred Dark Appearance](#preferred-dark-appearance)
- [internet-weblog Theme for Hugo](#internet-weblog-theme-for-hugo)
- [Contents](#contents)
- [Installation](#installation)
- [Getting Started](#getting-started)
- [Configuring your Blog](#configuring-your-blog)
- [Where should blog post markdown files be stored?](#where-should-blog-post-markdown-files-be-stored)
- [How to configure the menu in the blog's navigation](#how-to-configure-the-menu-in-the-blogs-navigation)
- [Defining yourself as the Author](#defining-yourself-as-the-author)
- [Customizing the Bio Section, 404 page, javascript, or stylesheets](#customizing-the-bio-section-404-page-javascript-or-stylesheets)
- [Creating a Link Post](#creating-a-link-post)
- [Specifying a featured image for social media](#specifying-a-featured-image-for-social-media)
- [Preferred Dark Appearance](#preferred-dark-appearance)
- [Variables](#variables)
- [Overrides](#overrides)
- [Contributing](#contributing)
- [3rd Party Libraries](#3rd-party-libraries)
- [License](#license)
- [Contact](#contact)
- [Changing favicon](#changing-favicon)
- [Contributing](#contributing)
- [3rd Party Libraries](#3rd-party-libraries)
- [License](#license)
- [Contact](#contact)
## Installation
@ -225,11 +228,24 @@ The theme expects you to override a few files in your blog to finalize the custo
| `custom_stylesheets.html` | If you need all pages to have your own custom stylesheets referenced, you can do so here. | No |
| `custom_image_handler.html` | The footer of the blog features a photo stream. If you want to customize it or use a different source, you can override this behavior. | No |
### Changing favicon
You have to add the following files in your `/static` folder:
* android-chrome-192x192.png
* android-chrome-512x512.png
* apple-touch-icon.png
* favicon-16x16.png
* favicon-32x32.png
* favicon.ico
* site.webmanifest
You can generate these files i.e. at [favicon.io](https://favicon.io).
## Contributing
Did you find a bug or have an ideas for new features? Feel free to use the issue tracker to let me know or make a pull request.
## 3rd Party Libraries
This theme makes use of the following 3rd Party Libraries.

View file

@ -19,7 +19,12 @@
{{ hugo.Generator }}
{{ $.Scratch.Add "title" .Site.Title }}
<title>{{ with .Title }}{{ if ne . ($.Scratch.Get "title") }}{{ . }} &middot; {{ end }}{{ end }}@{{ .Site.Params.Author.handle }} {{ .Site.Title }}</title>
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="stylesheet" href="{{.Site.BaseURL}}css/joshin-color-palette.css" media="screen" charset="utf-8" />
<link rel="stylesheet" href="{{.Site.BaseURL}}css/joshin-color-light.css" media="screen" charset="utf-8" />
{{ if .Site.Params.EnablePreferredDarkAppearance }}

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 82 KiB

BIN
static/apple-touch-icon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

BIN
static/favicon-16x16.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 630 B

BIN
static/favicon-32x32.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.4 KiB

After

Width:  |  Height:  |  Size: 15 KiB

1
static/site.webmanifest Normal file
View file

@ -0,0 +1 @@
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}