Skip to content

Pictures

Anna Sophia Stein edited this page Aug 28, 2023 · 1 revision

All pictures are in the folder css/2023_style/img/. Some subfolders reference specific sections of the main page that the html file of the respective section draws pictures from. For example, the team section looks for pictures in the css/2023_style/img/team/ folder (full code snippet above here):

...
<img src="../css/2023_style/img/team/{{ team.thumbnail }}" class="img-responsive img-centered" alt="">
...

The scss parameter {{ team.thumbnail }} refers to the thumbnail key in the yaml file in _data/twenty_23/team_members.yml. The value of that key, the name of the picture, is therefore the name of the picture file in the css/2023_style/img/team/ folder.

If you want to reference pictures yourself, for example if you make a new subpage and want to include pictures, you can do it using the sass syntax or by giving the relative path to css/2023_style/img/.

Clone this wiki locally