Tirsvad-Udemy-100-days-of-code/042-web-birthday-invitation
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add Danish and Bahasa Melayu wiki pages and fix wiki screenshot #4

Merged
Tirsvad merged 3 commits from docs/wiki-languages into main 2026-10-28 06:12:38 +01:00
Conversation 0 Commits 3 Files Changed 5
+115 -35
5 changed files with 115 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 733181b07a - Show all commits
README.md
+4 -1
View File
@@ -23,4 +23,7 @@ No build step. Open `src/index.html` in a browser.
| `src/index.html` | The page: headings, image, list and anchor tag | | `src/index.html` | The page: headings, image, list and anchor tag |
| `src/style.css` | The retro 90s look | | `src/style.css` | The retro 90s look |
More in the [wiki](https://git.tirsystem.com/Tirsvad-Udemy-100-days-of-code/042-web-birthday-invitation/wiki). More in the wiki, in three languages:
[English](https://git.tirsystem.com/Tirsvad-Udemy-100-days-of-code/042-web-birthday-invitation/wiki/Home) ·
[Dansk](https://git.tirsystem.com/Tirsvad-Udemy-100-days-of-code/042-web-birthday-invitation/wiki/Home-da) ·
[Bahasa Melayu](https://git.tirsystem.com/Tirsvad-Udemy-100-days-of-code/042-web-birthday-invitation/wiki/Home-ms).
docs/wiki/Home-da.md
+34
View File
@@ -0,0 +1,34 @@
# Fødselsdagsinvitation
🌐 [English](Home) · **Dansk** · [Bahasa Melayu](Home-ms)
En fødselsdagsinvitation i retro 90'er-stil, lavet med almindelig HTML og CSS.
Dag 42 af Udemy-kurset "100 Days of Code" i webudvikling.
![Fødselsdagsinvitationen](images/birthday-invitation.png)
## Hvad siden bruger
| Element | Bruges til |
| --- | --- |
| `<h1>`, `<h2>`, `<h3>` | Titlen, datoen og overskrifterne |
| `<img>` | Fødselsdagskagen, med `alt`-tekst |
| `<ul>` og `<li>` | Hvad gæsterne tager med |
| `<a>` | Google Maps-linket til festen |
## Filer
| Fil | Formål |
| --- | --- |
| `src/index.html` | Selve siden |
| `src/style.css` | Farver, skrifttype, rammer og layout, linket fra siden |
## Kør den
Intet build-trin. Åbn `src/index.html` i en browser.
## Styling
Stilene ligger i `src/style.css`, ikke i HTML'en. Fire brugerdefinerede
egenskaber øverst (`--bg`, `--ink`, `--accent`, `--link`) sætter farverne, så et
nyt udseende er en ændring af fire værdier.
docs/wiki/Home-ms.md
+34
View File
@@ -0,0 +1,34 @@
# Jemputan Hari Lahir
🌐 [English](Home) · [Dansk](Home-da) · **Bahasa Melayu**
Halaman jemputan hari lahir bergaya retro 90-an, dibina dengan HTML dan CSS
biasa. Hari ke-42 kursus pembangunan web "100 Days of Code" di Udemy.
![Halaman jemputan hari lahir](images/birthday-invitation.png)
## Apa yang digunakan halaman ini
| Elemen | Digunakan untuk |
| --- | --- |
| `<h1>`, `<h2>`, `<h3>` | Tajuk, tarikh dan tajuk bahagian |
| `<img>` | Kek hari lahir, dengan teks `alt` |
| `<ul>` dan `<li>` | Apa yang tetamu bawa |
| `<a>` | Pautan Google Maps ke majlis |
## Fail
| Fail | Tujuan |
| --- | --- |
| `src/index.html` | Halaman itu sendiri |
| `src/style.css` | Warna, fon, bingkai dan reka letak, dipaut dari halaman |
## Jalankan
Tiada langkah binaan. Buka `src/index.html` dalam pelayar.
## Penggayaan
Gaya berada dalam `src/style.css`, bukan dalam HTML. Empat sifat tersuai di
bahagian atas (`--bg`, `--ink`, `--accent`, `--link`) menetapkan warna, jadi
rupa baharu hanya perlu menukar empat nilai.
docs/wiki/Home.md
+34 -34
View File
@@ -1,34 +1,34 @@
# Birthday Invitation # Birthday Invitation
**English** 🌐 **English** · [Dansk](Home-da) · [Bahasa Melayu](Home-ms)
A retro 90s birthday invitation page, built with plain HTML and CSS. Day 42 of A retro 90s birthday invitation page, built with plain HTML and CSS. Day 42 of
the Udemy "100 Days of Code" web development course. the Udemy "100 Days of Code" web development course.
![The birthday invitation page](images/birthday-invitation.png) ![The birthday invitation page](images/birthday-invitation.png)
## What the page uses ## What the page uses
| Element | Used for | | Element | Used for |
| --- | --- | | --- | --- |
| `<h1>`, `<h2>`, `<h3>` | The title, the date and the section headings | | `<h1>`, `<h2>`, `<h3>` | The title, the date and the section headings |
| `<img>` | The birthday cake, with `alt` text | | `<img>` | The birthday cake, with `alt` text |
| `<ul>` and `<li>` | What the guests bring | | `<ul>` and `<li>` | What the guests bring |
| `<a>` | The Google Maps link to the party | | `<a>` | The Google Maps link to the party |
## Files ## Files
| File | Purpose | | File | Purpose |
| --- | --- | | --- | --- |
| `src/index.html` | The page itself | | `src/index.html` | The page itself |
| `src/style.css` | Colours, font, borders and layout, linked from the page | | `src/style.css` | Colours, font, borders and layout, linked from the page |
## Run it ## Run it
No build step. Open `src/index.html` in a browser. No build step. Open `src/index.html` in a browser.
## Styling ## Styling
The styles live in `src/style.css`, not in the HTML. Four custom properties at The styles live in `src/style.css`, not in the HTML. Four custom properties at
the top (`--bg`, `--ink`, `--accent`, `--link`) set the colours, so a new look the top (`--bg`, `--ink`, `--accent`, `--link`) set the colours, so a new look
is a change of four values. is a change of four values.
docs/wiki/_Sidebar.md
+9
View File
@@ -0,0 +1,9 @@
## Wiki
- [Home](Home)
🌐 Languages
- [English](Home)
- [Dansk](Home-da)
- [Bahasa Melayu](Home-ms)