Lesson 6 - File Types

There are several file types in this project. Generally, you can edit Markdown files (anything with a .md extension). Other file types, such as JavaScript (.js), Nunjucks (.njk), CSS (.css), or XML (.xml) should be avoided as they control the structure, style, and functionality of the site.

Exceptions and special cases

Don't edit

Markdown front matter

If a Markdown file has front matter that you have not defined yourself, please leave it be! For example, the About page is included in the site navigation bar based on its front matter.

Do edit

content/index.njk controls your home page. You may want to add things there. It can support 2 types of content:

• Nunjucks templating language (content between curly braces) - you shouldn't need to use this
• HTML (content between carets) - after I have built out starter content, you can copy that and edit as needed

metadata.js

You may end up wanting to edit specific lines in the file _data/metadata.js if you'd like to change the way links to your site preview on other platforms. For this purpose, you will likely want to change either the "title" or "description" field. These can be changed to any string and can use any characters except quotation marks.

Color changes

If you want to change the site colors, navigate to css/index.css and find the following lines:

--color-light: #eee3db;
--color-light-alt: #e4cfba;
--color-dark: #1e1a20;
--color-dark-alt: #28242c;
--color-accent-light: #de7082;
--color-accent-dark: #690f1d;

Those lines control the site color, and the hex codes can be changed.

Do not change the lines following these, as they control how the site swaps between light and dark mode.