From be9f40b6169c3285c8590fdb5367eea482723296 Mon Sep 17 00:00:00 2001 From: BEIDI DINA SAMUEL <77502731+samglish@users.noreply.github.com> Date: Thu, 5 Jun 2025 20:35:59 -0400 Subject: [PATCH 1/3] Create README.md --- README.md | 1 + 1 file changed, 1 insertion(+) create mode 100644 README.md diff --git a/README.md b/README.md new file mode 100644 index 000000000..b244b845d --- /dev/null +++ b/README.md @@ -0,0 +1 @@ +# Git collaboration From f59eff8d1c9e082345ab3ab002ee5d78b0ed5eae Mon Sep 17 00:00:00 2001 From: BEIDI DINA SAMUEL <77502731+samglish@users.noreply.github.com> Date: Thu, 5 Jun 2025 20:36:19 -0400 Subject: [PATCH 2/3] Update cities.html --- cities.html | 63 +++++++++++++++++++++++++++++++++++++++++++---------- 1 file changed, 51 insertions(+), 12 deletions(-) diff --git a/cities.html b/cities.html index bab3bfab4..71fac50b3 100644 --- a/cities.html +++ b/cities.html @@ -1,31 +1,70 @@ - + - Git Collab Exercise - -

Top cities, by population

+

Les villes les plus peuplées au monde

- Taken (borrowed?) from - - Wikipedia + Données extraites de  + + Wikipédia

    -
  1. Shanghai (17,836,133)
    2. -
  2. Istanbul (13,854,740)
    3. -
  3. Karachi (12,991,000)
    4. -
  4. Mumbai (12,478,447)
    5. +
  5. Shanghai – 17 836 133 habitants
    6. +
  6. Istanbul – 13 854 740 habitants
    7. +
  7. Karachi – 12 991 000 habitants
    8. +
  8. Mumbai – 12 478 447 habitants
    9. +
  9. São Paulo – 12 252 023 habitants
    10. +
  10. Pékin – 11 716 620 habitants
    11. +
  11. Delhi – 11 007 835 habitants
    12. +
  12. Lagos – 10 578 000 habitants
From 8df01f58b44e3e824190fd72f62b9c38aaa43ee2 Mon Sep 17 00:00:00 2001 From: BEIDI DINA SAMUEL <77502731+samglish@users.noreply.github.com> Date: Thu, 5 Jun 2025 20:43:39 -0400 Subject: [PATCH 3/3] Update README.md --- README.md | 50 +++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 49 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index b244b845d..455d8f772 100644 --- a/README.md +++ b/README.md @@ -1 +1,49 @@ -# Git collaboration +# Git collaboration, @Mania + +## 🌐 Web Standards and Accessibility + +| Before | After | +|--------------------------------|------------------------------------------------------------------------| +| No `lang` attribute | Added `lang="fr"` to specify the content language (French) | +| No character encoding | Added `` to properly display special characters | +| Not mobile-friendly | Added `` for responsive design | + +--- + +## Visual Presentation (CSS Styling) + +| Before | After | +|----------------------------|-----------------------------------------------------------------------| +| Only `font-size` defined | Added modern font, background color, text color, padding, and spacing | +| Plain list | Bold city names and proper spacing between items | +| Unstyled links | Colored links with hover effect | + +--- + +## Content Quality + +| Before | After | +|-------------------------|-------------------------------------------------------------------------| +| Only 4 cities listed | Extended to 8 major cities | +| Hard-to-read numbers | Formatted numbers using non-breaking spaces (e.g. `17 836 133`) | +| Content in English | Translated fully into **French** to match `lang="fr"` | + +--- + +## External Link Best Practices + +| Before | After | +|-----------------------------------|------------------------------------------------------------------------| +| Just a basic link | Added `target="_blank"` to open in a new tab | +| — | Added `rel="noopener noreferrer"` for security and performance | + +--- + +## Professional HTML Structure + +- Clean indentation +- Proper semantic tags: `

`, `
    `, `
  1. `, `` +- Organized internal CSS +- Full, valid HTML5 structure + +---