Hello!

This is the html template for your DD16 Phase2.

Here is how to work with it.

Make your copy

Press the green button code and select Download ZIP.

View it locally

Once you downloaded the template on your machine, you have 3 options to view it locally:

• Use the atom-live-server plugin of Atom
• Use the live preview feature of Brackets.
• Open the project folder in Terminal and run a Python Simple Server

Folder structure and description

How to read the icons

✅ → Replace it. // 🔨 → You can edit and customize it. // ⚠️ → Edit very carefully. // 🚫 → Don't touch it.

📁 dd16-phase2-template

• 📁 assets → The folder containing stylesheets, cover image and logos.

  • 📁 css
    • 🔨 custom.css → Here you can customize colors, fonts and add new CSS styles.
    • 🚫 main.css → This is the main stylesheet that customizes the whole template. Do not touch it.
  • ✅ cover.png → The cover in your homepage. Replace it.
  • 🚫 logo_poli.png → Do not touch it.
  • 🚫 logo_density.png → Do not touch it.

• 📁 question-1 → A sample question folder. Duplicate it to create new pages for your research questions.

  • ✅ cover.png→ The cover of the question page. Replace it.
  • ✅ example-finding.png → An example of a .png image for showing a relevant finding. Replace it.
  • ✅ example-mid-viz.svg → An example of a .svg image for showing a relevant finding. Replace it.
  • ✅ example-protocol.png → An example of a research protocol diagram. Replace it.
  • ✅ viz01.png → An example of the main visualization of the research question. Replace it.
  • ⚠️ index.html → Modify only for updating metadata.
  • 🔨 question.html → Here you can add the html content of the research question.

• gitignore

• ✅ favicon.ico → You can customise the favicon by replacing it.

• ⚠️ index.hthml → Modify only for updating metadata.

• 🔨 info.yml → Here you can add: title, main description, team members. Don't change the file structure.

• 🚫 load-templates.js →Don’t touch it. This .js file generates the template according to .yml files.

• 🔨 questions.yml → Here you can add information about each research question (title, description and cover for the homepage, the name of the question folder and information about data). !Don't change the file structure!

• 🚫 README.md → The file you are reading right now.

How to add new research questions

❗ We suggest you to duplicate research questions step by step.

• Duplicate the sample folder and rename it. -- --
• Update the questions.yml by specifying the name and the index of the new research question and adding information --

How to edit authors’ information

• Add your names in the ìnfo.yml file. :heavy_exclamation_mark: Do not change the file structure. --