Landing page for the CDEteaching GitHub organisation. This platform is hosted by the Centre for Development and Environment (CDE), a leading research centre for sustainable development. CDE combines research, education, and practice to co-create knowledge for just and sustainable transformations worldwide.
This platform provides an overview of all open education resources (OER) developed at CDE with a focus on Education for Sustainable Development (ESD) and Sustainability Transformations.
| File | Purpose |
|---|---|
index.html | The complete landing page — single self-contained file, no build step |
README.md | This file |
Each course appears as a card in the "Course Materials" section of index.html. To add a new course, copy one of the existing <div class="card"> blocks and update the four fields:
<divclass="card"><divclass="card-accent"></div><!-- green accent bar; use class="card-accent teal" for methods/tools --><divclass="card-body"><spanclass="card-tag">Course Material</span><!-- or "Methods & Tools" --><h3>Your Course Title</h3><p>A short description of the course — 2–3 sentences is enough.</p></div><divclass="card-footer"><ahref="https://cdeteaching.github.io/YOUR-REPO/" class="card-link" target="_blank" rel="noopener">Open course</a><spanclass="card-gh"><ahref="https://github.com/CDEteaching/YOUR-REPO" target="_blank" rel="noopener">GitHub</a></span></div></div>Only list repos that have an active GitHub Pages site. Repos without a published page should not appear as cards — they have no destination to link to.
Before adding a repo to the landing page, make sure it has:
- A clear description set on GitHub (Settings → About → Description)
- Relevant topic tags set (e.g.
oer,sustainability,course-material,esd) - A clean
README.mdin the repo itself — this is what visitors see when they click through to GitHub - GitHub Pages enabled and working (Settings → Pages)
No build tools required. Open index.html directly in any browser:
open index.html # macOS
start index.html # Windows
xdg-open index.html # LinuxThis repo is served automatically by GitHub Pages. Any push to the main branch updates the live site within ~1 minute.
git add index.html
git commit -m "add course card: Your Course Title"
git pushNo CI/CD, no build step, no dependencies.
The page uses CDE's official brand colours and Inter as the typeface (loaded from Google Fonts). The layout is fully responsive and works without JavaScript — no frameworks, no bundlers.
| Token | Value | Usage |
|---|---|---|
--green-dark | #0c641f | Header, hero background, primary accents |
--teal | #046178 | Methods & Tools card accent |
--red | #d6002b | Reserved for University of Bern institutional use |
Teaching materials across the CDEteaching repositories are published under Creative Commons Attribution 4.0 International (CC BY 4.0) unless stated otherwise in the individual repository.
The landing page code (index.html) is released under MIT.
Centre for Development and Environment (CDE) · University of Bern · www.cde.unibe.ch