# Project Overview

This project stores the Interface code for an economics experiment on school choice, framed as travelers going to islands (A–F). In the baseline treatment, there are 150 travelers, 6 islands, 25 spots per island.

You will help design and edit the interface.


# Workflow

The code is designed for oTree version 6.0.14.

# App Structure

- `stb_rdm_intro` — intro/tutorial app (Intro pages)
- `stb_rdm_main` — main pages: rankings, beliefs, valuations
- `survey` — post-experiment survey 
- `device_check`, `dq_fail` — utility apps
- More apps will be added as more treatments are built.


# HTML Coding Conventions

- **No `<br>` tags.** Always use `<p>` paragraph tags for line breaks, regardless of how spacing appears in the PDF sketch.
- **Use oTree constants in templates.** Reference `{{ C.NUM_PLAYERS }}`, `{{ C.NUM_QUOTA }}`, `{{ C.NUM_CAP }}` etc. instead of hardcoding numbers.
- **Space before next button.** Always place a `<p></p>` immediately before `{{ next_button }}` to add spacing between the page body and the button.
- **Center the next button.** Already handled globally in `_templates/global/Page.html` via `.otree-btn-next` CSS — do not override per page.
- **Each `NAME_IN_URL` must be unique** across all apps and match the app's folder name.
- **Section divider.** Use `<hr class="section-divider">` with CSS `border: none; border-top: 4px solid #999; margin: 20px 0;` to separate instruction text from interactive elements on intro pages.
- **Indented paragraphs.** Use `<p class="indented">` with CSS `margin-left: 2.5em;` for indented text (e.g. sub-points that appear indented in the PDF sketch). Do not use `<ul>` unless bullet points are explicitly shown.
- **Island colors.** The six canonical island colors are:
  - A: `rgb(21, 96, 130)`, white text
  - B: `rgb(233, 113, 50)`, white text
  - C: `rgb(25, 107, 36)`, white text
  - D: `rgb(15, 158, 213)`, white text
  - E: `rgb(160, 43, 147)`, white text
  - F: `rgb(209, 209, 209)`, `#222` text