yabo1234/oromo3.html

oromo nres and views # Oromo News & Views A simple, fast, accessible static website delivering news, cultural stories, and community perspectives for the Oromo people — hosted on **GitHub Pages**. --- ## 🚀 View the Live Site **yabo1234.github.io --- ## 💻 View Locally No build step or server required: 1. **Clone or download** this repository: ```bash git clone github.com cd oromo3.html ``` 2. **Open** `index.html` directly in your browser: - **macOS:** `open index.html` - **Windows:** `start index.html` - **Linux:** `xdg-open index.html` - Or simply drag the file into any browser window. That's it — the site is pure HTML + CSS with no dependencies to install. --- ## 📁 File Structure ``` oromo3.html/ ├── index.html ← Main entry page ├── styles.css ← Shared stylesheet (responsive, accessible) └── README.md ← This file ``` --- ## ✨ What Was Improved | Area | Changes | |---|---| | **HTML validity** | Added ` `, `lang="en"`, ` `, ` ` | | **Semantic structure** | Proper ` `, ` `, ` `, ` `, ` `, ` `, headings hierarchy | | **Accessibility** | Skip-to-content link, `aria-label` / `aria-labelledby` / `aria-current`, `role` landmarks, `prefers-reduced-motion` support | | **Responsiveness** | Mobile-first CSS, `clamp()` fluid typography, CSS Grid auto-fill cards, sticky header | | **SEO** | Descriptive ` `, ` `, OpenGraph and Twitter Card tags | | **Performance** | Single external stylesheet, no render-blocking scripts, tiny inline JS for the year only | | **Design** | CSS custom properties (color tokens), smooth hover/focus transitions, accessible color contrast | | **Cleanup** | Consistent formatting, `prefers-reduced-motion` media query for users who prefer less animation | --- ## 🔧 GitHub Pages Setup 1. Go to **Settings → Pages** in the repository. 2. Set **Source** to the `main` branch, root (`/`) folder. 3. Click **Save** — the site will be live at `yabo1234.github.io`. --- ## 📝 Follow-up S …