Uyuşturucu İle Mücadele Federasyonu

What does it do?

It brings together every page such an organisation usually needs: home, bylaws, founders, board of directors, supervisory board, members, authors, activities, training, events, news, bank details and dues payment.

News and banners are fed from JSON files, so adding content means appending a line to a file — something anyone can do without touching HTML.

Highlights

• News management — haberler.json and banners.json drive the pages automatically.
• Consistent template — same header, menu and footer everywhere, with the organisation's identity.
• Responsive — every page collapses to a single column on small screens.
• Easy hosting — being static it runs on any host, or locally via a small server.py.

Page structure

site/
├─ index.html                  → home
├─ tuzugumuz.html              → bylaws
├─ kurucularimiz.html          → founders
├─ yonetim-kurulu.html         → board of directors
├─ denetleme-kurulu.html       → supervisory board
├─ uyelerimiz.html             → members
├─ yazarlarimiz.html           → authors
├─ faaliyetlerimiz.html        → activities
├─ egitim.html                 → training
├─ etkinliklerimiz.html        → events
├─ haberler.html               → news feed
├─ banka-bilgilerimiz.html     → bank details
└─ aidat-odemesi.html          → dues payment

Technical notes

CSS is split into three files (style.css, kurumsal.css, haberler.css) so the global layout never collides with content-page styles. Live news can optionally be pulled from a service, documented in a separate file inside the project.

The key decision on a corporate site: pull content out of the code and into JSON. That way the site owner can update it themselves without me deploying anything.