Basic Workflows

So you want to:

Change the order of the sections on the main page

• Go to _layouts/2023_home.html and change the order of the include statements (e.g. {% include 2023_data/newIntro.html %})

Make a new subpage

• Create a new file in _2023_pages/ including the yaml header that is included in the other files and write away

Change a picture

• If the picture belongs to a section, find out where the picture is being taken from in the corresponding html file in _includes/2023_data/. Then add the picture there and if necessary, change the value of the thumbnail key in the corresponding yaml file in _data/twenty_23/ (which should correspond to the name of the file).
• Otherwise just put the picture in the css/2023_style/img/ folder and reference it in the html file using the relative path to the picture

Make a button

• "btn-sm", "btn-xl" - small and large buttons, specified in the corresponding html element as can be seen below in the examples:
  • The 'click on me and I scroll to somewhere on the same page'- button - <a href="../agenda" class="page-scroll btn btn-xl">AGENDA</a> - scrolls to the agenda section on the main page
  • The 'click on me and I lead to another website' - button
    • <a href="https://www.uni-saarland.de/en/home.html" class="btn-sm">Universität des Saarlandes</a> - leads to the Saarland University website

Change the color scheme

• Main color palette is set in _data/template.yml but a bunch of other changes may have to be made in _includes/2023_css/agency.css