Skip to content

change or upload images

Jump to bottom
bmen edited this page Mar 10, 2022 · 2 revisions

How to change or upload an image

All images can be found in the following directory: /assets/img/. In the directory for the images you can see more subdirectories. These reflect the respective sections on the website.

Important: Remember that this is a Git repository where every change is stored. Therefore upload the images right away with the right caption and the right size (max. 1 MB / image)!

Path to the images folder

To upload files in a Github Repository you can find more help here: https://asknet-open-training.github.io/Github-Guidance/pages/github-repo/image-upload/

Change image on home page

The contents of the home page are all in the sitetext.yml. You can find this file under /data/sitetext.yml. If you search for the word image in the file, you will find the corresponding path to the image file.

image path in sitetext.yml

Either you create an image file with exactly the same name and location (directory) or you adjust the path in the sitetext.yml.

Change or add an image for a hub

The Markdown files of the hubs can be found in the directory /_hubs.

image path in hub.md

There are several predefined image types for the hubs:

  • 01-thumbnail.jpg
    • Thumbnail images in the hub overview on the home page.
    • It should ideally be a landscape image and have the size 400x300 px.
    • It is obligatory
  • 01-logo.png
    • The logo of the hub
    • It should ideally be max. 800 px wide
    • It is not obligatory
  • 01-full.jpg
    • The first image displayed on a hub page.
    • It should ideally be max. 1280 px wide.
    • It is obligatory
  • 01-content.jpg
    • Any number of images can be used in the description text
    • Any number of images can be used. For this purpose hyphen and an incrementing number (01-content-1.jpg, 01-content-2.jpg, 01-content-3.jpg, etc.) must be used at the end of the file name.
    • It is not obligatory

The first number in the file name is the number of the hub, followed by the image type (thumbnail, logo, full, content, etc.) and optionally for content images an incrementing number at the end (-X).

image path in hub.md

If only one image is to be changed, then either the new image can be placed in the same location with exactly the same file name. Or it must be adjusted in the Markdown file from a hub the paths.

Clone this wiki locally