From 8776b30df3bcf787d641d13d3c3ce1ecd1dd8395 Mon Sep 17 00:00:00 2001 From: Jens Tirsvad Nielsen Date: Sun, 25 Oct 2026 00:00:25 +0800 Subject: [PATCH] Add README, screenshot and wiki in en, da and ms (MIL-003) README from the framework template. Wiki pages Home, Getting-Started, Usage and Development in English, Danish and Bahasa Malaysia with sidebar and footer. Milestone links added to the Project Plan. Task: MIL-003#1 Task: MIL-003#2 Task: MIL-003#3 Task: MIL-003#4 Task: MIL-003#5 --- README.md | 104 ++++++++++++++++- docs/images/favorite-movie-page.jpg | Bin 0 -> 17948 bytes docs/project-plan.md | 174 ++++++++++++++-------------- docs/wiki/Development-da.md | 32 +++++ docs/wiki/Development-ms.md | 32 +++++ docs/wiki/Development.md | 32 +++++ docs/wiki/Getting-Started-da.md | 31 +++++ docs/wiki/Getting-Started-ms.md | 31 +++++ docs/wiki/Getting-Started.md | 31 +++++ docs/wiki/Home-da.md | 17 +++ docs/wiki/Home-ms.md | 17 +++ docs/wiki/Home.md | 17 +++ docs/wiki/Usage-da.md | 30 +++++ docs/wiki/Usage-ms.md | 30 +++++ docs/wiki/Usage.md | 30 +++++ docs/wiki/_Footer.md | 1 + docs/wiki/_Sidebar.md | 20 ++++ 17 files changed, 540 insertions(+), 89 deletions(-) create mode 100644 docs/images/favorite-movie-page.jpg create mode 100644 docs/wiki/Development-da.md create mode 100644 docs/wiki/Development-ms.md create mode 100644 docs/wiki/Development.md create mode 100644 docs/wiki/Getting-Started-da.md create mode 100644 docs/wiki/Getting-Started-ms.md create mode 100644 docs/wiki/Getting-Started.md create mode 100644 docs/wiki/Home-da.md create mode 100644 docs/wiki/Home-ms.md create mode 100644 docs/wiki/Home.md create mode 100644 docs/wiki/Usage-da.md create mode 100644 docs/wiki/Usage-ms.md create mode 100644 docs/wiki/Usage.md create mode 100644 docs/wiki/_Footer.md create mode 100644 docs/wiki/_Sidebar.md diff --git a/README.md b/README.md index 25c45ca..974a6fb 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,102 @@ -# 041-web-movie-ranking - +# 🚀 041 Web Movie Ranking + +My solution to Day 41 of Udemy's "100 Days of Code: The Complete Python Pro Bootcamp": a plain HTML page that ranks my top 3 movies of all time. It is for fellow course participants and for anyone who browses the repository for ideas. + +![The Best Movies According to Tirsvad][screenshot] + +## 📚 Table of Contents + +- [Overview](#-overview) +- [Requirements](#-requirements) +- [Setup](#-setup) +- [Run](#-run) +- [Tests](#-tests) +- [License](#-license) +- [Links](#-links) +- [Appendix: Project documents](#-appendix-project-documents) + +## 🧭 Overview + +"The Favorite Movie Project" asks for a web page with a title (`h1`), a subtitle (`h2`), a horizontal rule (`hr`), and at least three movies, each as an `h3` followed by a `p` that says why it is a favourite. This page has the title "The Best Movies According to Tirsvad" and ranks 13 element, 5th element and Drive. + +The repository holds only HTML and CSS, with no dependencies: + +- `src/index.html`: the page. +- `src/styles.css`: the typography and spacing. +- `tests/manual-checklist.md`: the checks that prove the page structure. +- `docs/`: the project documents and the wiki (English, Danish and Bahasa Malaysia). + +## 📋 Requirements + +A web browser. Nothing else is needed: there is no build step, no package to install and no server. + +## 🛠️ Setup + +Clone the repository: + +```bash +git clone https://git.tirsystem.com/Tirsvad-Udemy-100-days-of-code/041-web-movie-ranking.git +cd 041-web-movie-ranking +``` + +## ▶️ Run + +Open `src/index.html` in a browser by double-clicking it, or from a terminal: + +```bash +# Windows +start src/index.html +# macOS +open src/index.html +# Linux +xdg-open src/index.html +``` + +## 🧪 Tests + +The tests are a manual checklist, because the whole product is one static page. Open `src/index.html`, then go through the items of [`tests/manual-checklist.md`](./tests/manual-checklist.md) (one `h1`, one `h2`, one `hr`, three `h3` each followed by a `p`, no external request, and a narrow window without sideways scroll). + +## 📄 License + +[GNU Affero General Public License v3.0][license]. + +## 🔗 Links + +- [Repository][repository] +- [Documentation][documentation] +- [Issue tracker][issues] + +## 📎 Appendix: Project documents + +The documents a newcomer needs, in reading order. + +| Document | What it tells you | +| --- | --- | +| [AGENTS.md][agents] | The rules AI agents follow in this repository | +| [Business Case][BC-001] | Why the project exists, its scope and success criteria | +| [Stakeholder Analysis][SA-001] | Who is involved; the stakeholder IDs used for owners and reviewers | +| [Project Plan][PP-001] | The gateways and their schedule | +| [Milestones][milestones] | One document per gateway: Go/No-Go criteria and tasks | +| [Artifact registry][registry] | Where each artifact type lives, the next version, the PO language and domain | +| [Traceability matrix][TM-001] | How the artifacts link and when each was last reviewed | +| [Framework README][framework-readme] | The framework this project uses | +| [Framework changelog][framework-changelog] | What changed in each framework release | + +The workflows installed from `TirSystem/github-action` need these secrets in the organisation: `TOKEN_FOR_GITEA` (publish accepted milestones) and `TOKEN_FOR_GITEA_WIKI` (publish the wiki, which must be enabled in the repository settings). + +--- + +[screenshot]: ./docs/images/favorite-movie-page.jpg +[license]: ./LICENSE +[repository]: https://git.tirsystem.com/Tirsvad-Udemy-100-days-of-code/041-web-movie-ranking +[documentation]: https://git.tirsystem.com/Tirsvad-Udemy-100-days-of-code/041-web-movie-ranking/wiki +[issues]: https://git.tirsystem.com/Tirsvad-Udemy-100-days-of-code/041-web-movie-ranking/issues +[agents]: ./AGENTS.md +[BC-001]: ./docs/business-case.md +[SA-001]: ./docs/stakeholder-analysis.md +[PP-001]: ./docs/project-plan.md +[milestones]: ./docs/milestones/ +[registry]: ./docs/artifact-registry.md +[TM-001]: ./docs/sqa/traceability-matrix.md +[framework-readme]: ./framework/README.md +[framework-changelog]: ./framework/CHANGELOG.md diff --git a/docs/images/favorite-movie-page.jpg b/docs/images/favorite-movie-page.jpg new file mode 100644 index 0000000000000000000000000000000000000000..dc1e72f91926c85cac1ec34968abdb16b4e09a4b GIT binary patch literal 17948 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±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 Q_*(;iYvBJM4V;esA5osyWB>pF literal 0 HcmV?d00001 diff --git a/docs/project-plan.md b/docs/project-plan.md index 5e76771..df572c0 100644 --- a/docs/project-plan.md +++ b/docs/project-plan.md @@ -1,87 +1,87 @@ -# Project Plan - -## Metadata -| Key | Value | -| --- | --- | -| ID | PP-001 | -| CrossReference | [BC-001], [SA-001], [MIL-001], [MIL-002], [MIL-003] | -| Language | en | -| Domain | it | - -## Version History -| Date | Status | Author | Reviewer | Change | Commit | -| --- | --- | --- | --- | --- | --- | -| 2026-10-24 | Accepted | Jens Tirsvad Nielsen | AI as stand-in for S01 | Initial version | [e8d24b2] | - ---- - -## Purpose - -This plan schedules the three gateways of the HTML-only Favorite Movie project over the Business Case constraint of one week (2026-10-24 to 2026-10-31). - -## Planning Assumptions - -- Week 1 starts 2026-10-24; the plan ends by 2026-10-31, per [BC-001]. -- Phase length: one to two days per gateway, one pull request per milestone. -- S01 is owner and reviewer of every gateway; in autonomous mode the AI is the stand-in reviewer and says so in the review record. -- The project is too small for use-case artifacts; every task is a plain task and cites the Business Case objective it serves. -- The product is HTML only. The Python quality-check workflow is not installed because the repository has no Python or shell files. - -## Gateway Schedule - -| Gateway | Document | Window | Decision date | Owner | Stories | Main deliverable | Milestone | -| --- | --- | --- | --- | --- | --- | --- | --- | -| Foundation | [MIL-001] | 2026-10-24 to 2026-10-25 | 2026-10-25 | S01 | none | Folder skeleton, workflows, repository metadata | | -| Movie page | [MIL-002] | 2026-10-25 to 2026-10-26 | 2026-10-26 | S01 | none | index.html, styles.css, manual checklist | | -| Documentation | [MIL-003] | 2026-10-26 to 2026-10-27 | 2026-10-27 | S01 | none | README, screenshots, wiki in en, da, ms | | - -```plantuml -@startgantt -Project starts 2026-10-24 -[Foundation] starts 2026-10-24 and ends 2026-10-25 -[Foundation Go/No-Go] happens 2026-10-25 -[Movie page] starts 2026-10-25 and ends 2026-10-26 -[Movie page Go/No-Go] happens 2026-10-26 -[Documentation] starts 2026-10-26 and ends 2026-10-27 -[Documentation Go/No-Go] happens 2026-10-27 -@endgantt -``` - -## Scope Coverage - -| Business Case scope item | Gateway | -| --- | --- | -| `src/`, `tests/` and `docs/` folders, `.gitignore` | [MIL-001] | -| Repository description, topics and installed workflows | [MIL-001] | -| The HTML page and its manual checklist | [MIL-002] | -| README with screenshot | [MIL-003] | -| Wiki in en, da and ms with screenshots | [MIL-003] | - -## Dependencies - -``` -MIL-001 -> MIL-002 -> MIL-003 -``` - -A No-Go moves every later date by the time needed to fix the gateway. - -## Plan Risks - -| Risk | Impact | Mitigation | -| --- | --- | --- | -| Workflow secrets are not yet created on the git host | Workflow runs fail after merge | The README lists the secrets; the failure does not block the milestones | -| Translation effort larger than planned | MIL-003 slips | English is written first; da and ms follow page by page | - -## Open Issues - -- The runner and the secrets `TOKEN_FOR_GITEA` and `TOKEN_FOR_GITEA_WIKI` of the organisation are S01's to confirm. -- The wiki must be enabled in the repository settings for the publish workflow to work. - ---- - -[BC-001]: ./business-case.md -[SA-001]: ./stakeholder-analysis.md -[MIL-001]: ./milestones/mil-001-foundation.md -[MIL-002]: ./milestones/mil-002-movie-page.md -[MIL-003]: ./milestones/mil-003-documentation.md -[e8d24b2]: https://git.tirsystem.com/Tirsvad-Udemy-100-days-of-code/041-web-movie-ranking/commit/e8d24b2d32ce1ef8276123b0efa05b8a15e27d52 +# Project Plan + +## Metadata +| Key | Value | +| --- | --- | +| ID | PP-001 | +| CrossReference | [BC-001], [SA-001], [MIL-001], [MIL-002], [MIL-003] | +| Language | en | +| Domain | it | + +## Version History +| Date | Status | Author | Reviewer | Change | Commit | +| --- | --- | --- | --- | --- | --- | +| 2026-10-24 | Accepted | Jens Tirsvad Nielsen | AI as stand-in for S01 | Initial version | [e8d24b2] | + +--- + +## Purpose + +This plan schedules the three gateways of the HTML-only Favorite Movie project over the Business Case constraint of one week (2026-10-24 to 2026-10-31). + +## Planning Assumptions + +- Week 1 starts 2026-10-24; the plan ends by 2026-10-31, per [BC-001]. +- Phase length: one to two days per gateway, one pull request per milestone. +- S01 is owner and reviewer of every gateway; in autonomous mode the AI is the stand-in reviewer and says so in the review record. +- The project is too small for use-case artifacts; every task is a plain task and cites the Business Case objective it serves. +- The product is HTML only. The Python quality-check workflow is not installed because the repository has no Python or shell files. + +## Gateway Schedule + +| Gateway | Document | Window | Decision date | Owner | Stories | Main deliverable | Milestone | +| --- | --- | --- | --- | --- | --- | --- | --- | +| Foundation | [MIL-001] | 2026-10-24 to 2026-10-25 | 2026-10-25 | S01 | none | Folder skeleton, workflows, repository metadata | [Foundation](https://git.tirsystem.com/Tirsvad-Udemy-100-days-of-code/041-web-movie-ranking/milestones/247) | +| Movie page | [MIL-002] | 2026-10-25 to 2026-10-26 | 2026-10-26 | S01 | none | index.html, styles.css, manual checklist | [Movie page](https://git.tirsystem.com/Tirsvad-Udemy-100-days-of-code/041-web-movie-ranking/milestones/248) | +| Documentation | [MIL-003] | 2026-10-26 to 2026-10-27 | 2026-10-27 | S01 | none | README, screenshots, wiki in en, da, ms | [Documentation](https://git.tirsystem.com/Tirsvad-Udemy-100-days-of-code/041-web-movie-ranking/milestones/249) | + +```plantuml +@startgantt +Project starts 2026-10-24 +[Foundation] starts 2026-10-24 and ends 2026-10-25 +[Foundation Go/No-Go] happens 2026-10-25 +[Movie page] starts 2026-10-25 and ends 2026-10-26 +[Movie page Go/No-Go] happens 2026-10-26 +[Documentation] starts 2026-10-26 and ends 2026-10-27 +[Documentation Go/No-Go] happens 2026-10-27 +@endgantt +``` + +## Scope Coverage + +| Business Case scope item | Gateway | +| --- | --- | +| `src/`, `tests/` and `docs/` folders, `.gitignore` | [MIL-001] | +| Repository description, topics and installed workflows | [MIL-001] | +| The HTML page and its manual checklist | [MIL-002] | +| README with screenshot | [MIL-003] | +| Wiki in en, da and ms with screenshots | [MIL-003] | + +## Dependencies + +``` +MIL-001 -> MIL-002 -> MIL-003 +``` + +A No-Go moves every later date by the time needed to fix the gateway. + +## Plan Risks + +| Risk | Impact | Mitigation | +| --- | --- | --- | +| Workflow secrets are not yet created on the git host | Workflow runs fail after merge | The README lists the secrets; the failure does not block the milestones | +| Translation effort larger than planned | MIL-003 slips | English is written first; da and ms follow page by page | + +## Open Issues + +- The runner and the secrets `TOKEN_FOR_GITEA` and `TOKEN_FOR_GITEA_WIKI` of the organisation are S01's to confirm. +- The wiki must be enabled in the repository settings for the publish workflow to work. + +--- + +[BC-001]: ./business-case.md +[SA-001]: ./stakeholder-analysis.md +[MIL-001]: ./milestones/mil-001-foundation.md +[MIL-002]: ./milestones/mil-002-movie-page.md +[MIL-003]: ./milestones/mil-003-documentation.md +[e8d24b2]: https://git.tirsystem.com/Tirsvad-Udemy-100-days-of-code/041-web-movie-ranking/commit/e8d24b2d32ce1ef8276123b0efa05b8a15e27d52 diff --git a/docs/wiki/Development-da.md b/docs/wiki/Development-da.md new file mode 100644 index 0000000..7e3a966 --- /dev/null +++ b/docs/wiki/Development-da.md @@ -0,0 +1,32 @@ +[English](Development) · **Dansk** · [Bahasa Malaysia](Development-ms) + +# Udvikling + +## Mapper + +| Mappe | Indhold | +| --- | --- | +| `src/` | `index.html` og `styles.css` | +| `tests/` | Den manuelle tjekliste | +| `docs/` | Business Case, interessentanalyse, projektplan, milepæle, gennemgangsnotater, billeder og denne wiki | +| `framework/` | SQA- og QC-rammeværket (et git-submodul, som ikke redigeres her) | + +## Sådan foregår arbejdet + +Projektet har tre milepæle: Foundation, Movie page og Documentation. Hver milepæl har sin egen gren og pull request, og hver opgave er en issue. En milepæl udgives til issue-systemet af et workflow, når dens dokument er godkendt med en `Go`-gennemgang. + +## Workflows + +Workflows kommer fra `TirSystem/github-action` (version `v2.2.0`): + +| Workflow | Hvornår | Hvad det gør | +| --- | --- | --- | +| English comments | Pull request | Kontrollerer, at tilføjede kommentarer er på engelsk | +| Publish accepted milestones | Push til `main`, der ændrer milepæle eller gennemgange | Opretter milepæle og issues. Hemmelighed: `TOKEN_FOR_GITEA` | +| Publish wiki | Push til `main`, der ændrer `docs/wiki/` | Kopierer disse sider til wikien. Hemmelighed: `TOKEN_FOR_GITEA_WIKI` | + +Python- og shell-kvalitetskontrollerne er ikke installeret, fordi repositoryet ikke har sådanne filer. + +## Wikien + +Wikien findes på engelsk, dansk og bahasa malaysia. Engelsk er den gældende tekst; de andre sprog følger den side for side (`Page.md`, `Page-da.md`, `Page-ms.md`). diff --git a/docs/wiki/Development-ms.md b/docs/wiki/Development-ms.md new file mode 100644 index 0000000..2e71fc4 --- /dev/null +++ b/docs/wiki/Development-ms.md @@ -0,0 +1,32 @@ +[English](Development) · [Dansk](Development-da) · **Bahasa Malaysia** + +# Pembangunan + +## Folder + +| Folder | Kandungan | +| --- | --- | +| `src/` | `index.html` dan `styles.css` | +| `tests/` | Senarai semak manual | +| `docs/` | Kes Perniagaan, Analisis Pihak Berkepentingan, Pelan Projek, pencapaian, rekod semakan, imej dan wiki ini | +| `framework/` | Rangka kerja SQA dan QC (submodul git, tidak diubah di sini) | + +## Cara kerja dijalankan + +Projek ini mempunyai tiga pencapaian: Foundation, Movie page dan Documentation. Setiap pencapaian mempunyai cabang dan pull request sendiri, dan setiap tugas ialah satu issue. Sesuatu pencapaian diterbitkan ke penjejak isu oleh satu workflow selepas dokumennya diterima dengan semakan `Go`. + +## Workflow + +Workflow datang daripada `TirSystem/github-action` (versi `v2.2.0`): + +| Workflow | Bila | Fungsi | +| --- | --- | --- | +| English comments | Pull request | Menyemak bahawa komen yang ditambah dalam bahasa Inggeris | +| Publish accepted milestones | Push ke `main` yang mengubah pencapaian atau semakan | Mencipta pencapaian dan issue. Rahsia: `TOKEN_FOR_GITEA` | +| Publish wiki | Push ke `main` yang mengubah `docs/wiki/` | Menyalin halaman ini ke wiki. Rahsia: `TOKEN_FOR_GITEA_WIKI` | + +Semakan kualiti Python dan shell tidak dipasang kerana repositori ini tiada fail sedemikian. + +## Wiki + +Wiki ini dalam bahasa Inggeris, Denmark dan Bahasa Malaysia. Bahasa Inggeris ialah teks utama; bahasa lain mengikutinya halaman demi halaman (`Page.md`, `Page-da.md`, `Page-ms.md`). diff --git a/docs/wiki/Development.md b/docs/wiki/Development.md new file mode 100644 index 0000000..ada32a5 --- /dev/null +++ b/docs/wiki/Development.md @@ -0,0 +1,32 @@ +**English** · [Dansk](Development-da) · [Bahasa Malaysia](Development-ms) + +# Development + +## Folders + +| Folder | Content | +| --- | --- | +| `src/` | `index.html` and `styles.css` | +| `tests/` | The manual checklist | +| `docs/` | Business Case, Stakeholder Analysis, Project Plan, milestones, review records, images and this wiki | +| `framework/` | The SQA and QC framework (a git submodule, not edited here) | + +## How the work is done + +The project has three milestones: Foundation, Movie page and Documentation. Each milestone has its own branch and pull request, and each task is an issue. A milestone is published to the issue tracker by a workflow after its document is accepted with a `Go` review. + +## Workflows + +The workflows come from `TirSystem/github-action` (version `v2.2.0`): + +| Workflow | When | What it does | +| --- | --- | --- | +| English comments | Pull request | Checks that added comments are English | +| Publish accepted milestones | Push to `main` that changes milestones or reviews | Creates milestones and issues. Secret: `TOKEN_FOR_GITEA` | +| Publish wiki | Push to `main` that changes `docs/wiki/` | Copies these pages to the wiki. Secret: `TOKEN_FOR_GITEA_WIKI` | + +The Python and shell quality checks are not installed, because the repository has no such files. + +## The wiki + +The wiki is in English, Danish and Bahasa Malaysia. English is the authoritative text; the other languages follow it page by page (`Page.md`, `Page-da.md`, `Page-ms.md`). diff --git a/docs/wiki/Getting-Started-da.md b/docs/wiki/Getting-Started-da.md new file mode 100644 index 0000000..78a0fbf --- /dev/null +++ b/docs/wiki/Getting-Started-da.md @@ -0,0 +1,31 @@ +[English](Getting-Started) · **Dansk** · [Bahasa Malaysia](Getting-Started-ms) + +# Kom i gang + +## Krav + +En webbrowser. Der er intet byggetrin, ingen pakke og ingen server. + +## Hent filerne + +```bash +git clone https://git.tirsystem.com/Tirsvad-Udemy-100-days-of-code/041-web-movie-ranking.git +cd 041-web-movie-ranking +``` + +## Åbn siden + +Dobbeltklik på `src/index.html`, eller kør en af disse kommandoer: + +```bash +# Windows +start src/index.html +# macOS +open src/index.html +# Linux +xdg-open src/index.html +``` + +Du skulle gerne se siden nedenfor. + +![Siden i en browser](https://git.tirsystem.com/Tirsvad-Udemy-100-days-of-code/041-web-movie-ranking/raw/branch/main/docs/images/favorite-movie-page.jpg) diff --git a/docs/wiki/Getting-Started-ms.md b/docs/wiki/Getting-Started-ms.md new file mode 100644 index 0000000..d407c7a --- /dev/null +++ b/docs/wiki/Getting-Started-ms.md @@ -0,0 +1,31 @@ +[English](Getting-Started) · [Dansk](Getting-Started-da) · **Bahasa Malaysia** + +# Bermula + +## Keperluan + +Sebuah pelayar web. Tiada langkah binaan, tiada pakej dan tiada pelayan. + +## Dapatkan fail + +```bash +git clone https://git.tirsystem.com/Tirsvad-Udemy-100-days-of-code/041-web-movie-ranking.git +cd 041-web-movie-ranking +``` + +## Buka halaman + +Klik dua kali `src/index.html`, atau jalankan salah satu arahan ini: + +```bash +# Windows +start src/index.html +# macOS +open src/index.html +# Linux +xdg-open src/index.html +``` + +Anda patut melihat halaman di bawah. + +![Halaman dalam pelayar web](https://git.tirsystem.com/Tirsvad-Udemy-100-days-of-code/041-web-movie-ranking/raw/branch/main/docs/images/favorite-movie-page.jpg) diff --git a/docs/wiki/Getting-Started.md b/docs/wiki/Getting-Started.md new file mode 100644 index 0000000..894f3a8 --- /dev/null +++ b/docs/wiki/Getting-Started.md @@ -0,0 +1,31 @@ +**English** · [Dansk](Getting-Started-da) · [Bahasa Malaysia](Getting-Started-ms) + +# Getting started + +## Requirements + +A web browser. There is no build step, no package and no server. + +## Get the files + +```bash +git clone https://git.tirsystem.com/Tirsvad-Udemy-100-days-of-code/041-web-movie-ranking.git +cd 041-web-movie-ranking +``` + +## Open the page + +Double-click `src/index.html`, or run one of these commands: + +```bash +# Windows +start src/index.html +# macOS +open src/index.html +# Linux +xdg-open src/index.html +``` + +You should see the page below. + +![The page in a browser](https://git.tirsystem.com/Tirsvad-Udemy-100-days-of-code/041-web-movie-ranking/raw/branch/main/docs/images/favorite-movie-page.jpg) diff --git a/docs/wiki/Home-da.md b/docs/wiki/Home-da.md new file mode 100644 index 0000000..de21bdd --- /dev/null +++ b/docs/wiki/Home-da.md @@ -0,0 +1,17 @@ +[English](Home) · **Dansk** · [Bahasa Malaysia](Home-ms) + +# Forside + +En almindelig HTML-side, der rangerer mine 3 bedste film nogensinde. Det er min løsning på dag 41 i Udemys "100 Days of Code: The Complete Python Pro Bootcamp", projektet "The Favorite Movie Project". + +![The Best Movies According to Tirsvad](https://git.tirsystem.com/Tirsvad-Udemy-100-days-of-code/041-web-movie-ranking/raw/branch/main/docs/images/favorite-movie-page.jpg) + +Siden har en titel (`h1`), en undertitel (`h2`), en vandret streg (`hr`) og tre film, hver som en `h3` efterfulgt af en `p` med begrundelsen. Der er ingen kode at bygge, og intet skal installeres. + +Sider: + +- [Kom i gang](Getting-Started-da): åbn siden i en browser. +- [Brug](Usage-da): hvad der står på siden, og hvordan du ændrer filmene. +- [Udvikling](Development-da): mapper, kontroller, grene og workflows. + +Repository: diff --git a/docs/wiki/Home-ms.md b/docs/wiki/Home-ms.md new file mode 100644 index 0000000..a6a5f85 --- /dev/null +++ b/docs/wiki/Home-ms.md @@ -0,0 +1,17 @@ +[English](Home) · [Dansk](Home-da) · **Bahasa Malaysia** + +# Laman Utama + +Satu halaman HTML biasa yang menyusun 3 filem terbaik saya sepanjang zaman. Ini penyelesaian saya untuk Hari 41 kursus Udemy "100 Days of Code: The Complete Python Pro Bootcamp", projek "The Favorite Movie Project". + +![The Best Movies According to Tirsvad](https://git.tirsystem.com/Tirsvad-Udemy-100-days-of-code/041-web-movie-ranking/raw/branch/main/docs/images/favorite-movie-page.jpg) + +Halaman ini mempunyai tajuk (`h1`), subtajuk (`h2`), garis mendatar (`hr`) dan tiga filem, setiap satu sebagai `h3` diikuti `p` yang memberi sebabnya. Tiada kod untuk dibina dan tiada apa yang perlu dipasang. + +Halaman: + +- [Bermula](Getting-Started-ms): buka halaman dalam pelayar web. +- [Penggunaan](Usage-ms): apa yang ada pada halaman dan cara menukar filem. +- [Pembangunan](Development-ms): folder, semakan, cabang dan workflow. + +Repositori: diff --git a/docs/wiki/Home.md b/docs/wiki/Home.md new file mode 100644 index 0000000..c4c826f --- /dev/null +++ b/docs/wiki/Home.md @@ -0,0 +1,17 @@ +**English** · [Dansk](Home-da) · [Bahasa Malaysia](Home-ms) + +# Home + +A plain HTML page that ranks my top 3 movies of all time. It is my solution to Day 41 of Udemy's "100 Days of Code: The Complete Python Pro Bootcamp", the project "The Favorite Movie Project". + +![The Best Movies According to Tirsvad](https://git.tirsystem.com/Tirsvad-Udemy-100-days-of-code/041-web-movie-ranking/raw/branch/main/docs/images/favorite-movie-page.jpg) + +The page has a title (`h1`), a subtitle (`h2`), a horizontal rule (`hr`), and three movies, each an `h3` followed by a `p` with the reason. There is no code to build and nothing to install. + +Pages: + +- [Getting started](Getting-Started): open the page in a browser. +- [Usage](Usage): what is on the page and how to change the movies. +- [Development](Development): folders, checks, branches and workflows. + +Repository: diff --git a/docs/wiki/Usage-da.md b/docs/wiki/Usage-da.md new file mode 100644 index 0000000..1aefaff --- /dev/null +++ b/docs/wiki/Usage-da.md @@ -0,0 +1,30 @@ +[English](Usage) · **Dansk** · [Bahasa Malaysia](Usage-ms) + +# Brug + +## Hvad der står på siden + +| Element | Tekst | +| --- | --- | +| `h1` | The Best Movies According to Tirsvad | +| `h2` | My top 3 movies of all-time. | +| `hr` | En vandret streg | +| `h3` og `p` (tre gange) | 13 element, 5th element, Drive, hver med en kort begrundelse | + +## Ændr filmene + +Åbn `src/index.html` i en teksteditor og ret parrene af `h3` og `p`. Lad hver `p` stå lige efter sin `h3`: + +```html +

The Best Movies According to Tirsvad

+

My top 3 movies of all-time.

+
+

13 element

+

This is my favourite anime. I love the beautiful images.

+``` + +Gem filen og genindlæs browseren. + +## Kontrollér siden + +Gå `tests/manual-checklist.md` igennem: én `h1`, én `h2`, én `hr`, tre `h3` hver efterfulgt af en `p`, ingen eksterne forespørgsler og ingen sidelæns rulning i et smalt vindue. diff --git a/docs/wiki/Usage-ms.md b/docs/wiki/Usage-ms.md new file mode 100644 index 0000000..d257812 --- /dev/null +++ b/docs/wiki/Usage-ms.md @@ -0,0 +1,30 @@ +[English](Usage) · [Dansk](Usage-da) · **Bahasa Malaysia** + +# Penggunaan + +## Apa yang ada pada halaman + +| Elemen | Teks | +| --- | --- | +| `h1` | The Best Movies According to Tirsvad | +| `h2` | My top 3 movies of all-time. | +| `hr` | Garis mendatar | +| `h3` dan `p` (tiga kali) | 13 element, 5th element, Drive, masing-masing dengan sebab yang ringkas | + +## Tukar filem + +Buka `src/index.html` dalam penyunting teks dan ubah pasangan `h3` dan `p`. Pastikan setiap `p` berada tepat selepas `h3`nya: + +```html +

The Best Movies According to Tirsvad

+

My top 3 movies of all-time.

+
+

13 element

+

This is my favourite anime. I love the beautiful images.

+``` + +Simpan fail dan muat semula pelayar web. + +## Semak halaman + +Ikut senarai semak `tests/manual-checklist.md`: satu `h1`, satu `h2`, satu `hr`, tiga `h3` yang masing-masing diikuti `p`, tiada permintaan luaran dan tiada tatal ke sisi dalam tetingkap sempit. diff --git a/docs/wiki/Usage.md b/docs/wiki/Usage.md new file mode 100644 index 0000000..cf3e485 --- /dev/null +++ b/docs/wiki/Usage.md @@ -0,0 +1,30 @@ +**English** · [Dansk](Usage-da) · [Bahasa Malaysia](Usage-ms) + +# Usage + +## What is on the page + +| Element | Text | +| --- | --- | +| `h1` | The Best Movies According to Tirsvad | +| `h2` | My top 3 movies of all-time. | +| `hr` | A horizontal rule | +| `h3` and `p` (three times) | 13 element, 5th element, Drive, each with a short reason | + +## Change the movies + +Open `src/index.html` in a text editor and edit the `h3` and `p` pairs. Keep each `p` directly after its `h3`: + +```html +

The Best Movies According to Tirsvad

+

My top 3 movies of all-time.

+
+

13 element

+

This is my favourite anime. I love the beautiful images.

+``` + +Save the file and reload the browser. + +## Check the page + +Go through `tests/manual-checklist.md`: one `h1`, one `h2`, one `hr`, three `h3` each followed by a `p`, no external request, and no sideways scroll in a narrow window. diff --git a/docs/wiki/_Footer.md b/docs/wiki/_Footer.md new file mode 100644 index 0000000..daa2ea3 --- /dev/null +++ b/docs/wiki/_Footer.md @@ -0,0 +1 @@ +[Repository](https://git.tirsystem.com/Tirsvad-Udemy-100-days-of-code/041-web-movie-ranking) · AGPL-3.0 diff --git a/docs/wiki/_Sidebar.md b/docs/wiki/_Sidebar.md new file mode 100644 index 0000000..64344d3 --- /dev/null +++ b/docs/wiki/_Sidebar.md @@ -0,0 +1,20 @@ +**English** + +- [Home](Home) +- [Getting started](Getting-Started) +- [Usage](Usage) +- [Development](Development) + +**Dansk** + +- [Forside](Home-da) +- [Kom i gang](Getting-Started-da) +- [Brug](Usage-da) +- [Udvikling](Development-da) + +**Bahasa Malaysia** + +- [Laman Utama](Home-ms) +- [Bermula](Getting-Started-ms) +- [Penggunaan](Usage-ms) +- [Pembangunan](Development-ms) -- 2.54.0