🕒 Modern Clock Website

A modern, bilingual (TR/EN) clock & time-tools website: world clocks, timer, stopwatch, exam countdowns and more.

Dünya saatleri, zamanlayıcı, kronometre ve sınav geri sayımları gibi araçları bir araya getiren modern, iki dilli (TR/EN) saat ve zaman aracı sitesi.

🌐 English • 🇹🇷 Türkçe

---

🚀 Live Demo

_{Try it live in your browser, no setup needed. / Kurulum gerekmeden tarayıcında canlı dene.}

🌐 English

---

📖 About

Modern Clock Website is a modern, responsive, multi-page website built with vanilla HTML, CSS and JavaScript that brings together every time-related tool you need in daily life — world clocks, a timer, a stopwatch, a calculator, and countdowns for Turkish national exams (LGS, TYT, AYT, MSÜ) — all wrapped in a clean dark/light-themed interface with full Turkish 🇹🇷 / English 🇬🇧 language support.

📸 Screenshots

World Clocks	Stopwatch	Important Dates

✨ Features

• 🌍 World Clocks — Real-time clocks for İstanbul, New York, London, Tokyo, Paris, Moscow, Dubai and Beijing
• ⏱️ Stopwatch — Millisecond-precision stopwatch with lap recording
• ⏳ Timer — Countdown timer for any custom duration
• 📅 Important Dates — Countdown to religious holidays, sacred nights and national holidays
• 🎓 Exam Countdowns — Dedicated countdown pages for LGS, TYT, AYT and MSÜ
• 🧮 Calculator — Built-in calculator tool
• 🌗 Dark / Light Mode — One-click theme switch, remembers your preference
• 🖥️ Fullscreen Mode — Distraction-free fullscreen clock view
• 🌐 Full i18n Support — Instantly switch the entire site between Turkish and English
• 📱 Responsive Design — Works smoothly on desktop, tablet and mobile
• 📝 Comments & Suggestions, About, Privacy Policy, Terms of Use pages included

🛠️ Tech Stack

• HTML5 — Semantic, multi-page structure
• CSS3 — Custom styling per page (css/)
• Vanilla JavaScript — No frameworks, no build step (js/)
• Font Awesome — Icon set
• Custom i18n engine — Simple data-i18n attribute-based translation system

📁 Project Structure

ModernClockWebsite/
├── index.html                 # Home page — World Clocks & Date
├── LICENSE                    # MIT License
├── README.md                  # Project documentation
├── html/
│   ├── ayt.html                # AYT exam countdown
│   ├── gizlilik.html           # Privacy Policy
│   ├── hakkımda.html           # About
│   ├── hesapmakinesi.html      # Calculator
│   ├── kronometre.html         # Stopwatch
│   ├── kullanımsartları.html   # Terms of Use
│   ├── lgs.html                 # LGS exam countdown
│   ├── msüsayaç.html           # MSÜ exam countdown
│   ├── önemlitarih.html         # Important Dates countdown
│   ├── tarihsaat.html          # World Clocks & Date
│   ├── tytsayac.html           # TYT exam countdown
│   ├── yorumveöneriler.html    # Comments & Suggestions
│   └── zamanlayıcı.html        # Timer
├── css/
│   ├── ayt.css
│   ├── common.css              # Shared styles (header, footer, theme)
│   ├── gizlilik.css
│   ├── hakkimda.css
│   ├── hesapmakinesi.css
│   ├── kronometre.css
│   ├── kullanimsartlari.css
│   ├── lgs.css
│   ├── msusayac.css
│   ├── onemlitarih.css
│   ├── tarihsaat.css
│   ├── tytsayac.css
│   ├── yorumveoneriler.css
│   └── zamanlayici.css
├── js/
│   ├── ayt.js
│   ├── common.js               # Shared logic (theme, nav, fullscreen)
│   ├── hakkimda.js
│   ├── hesapmakinesi.js
│   ├── i18n.js                 # Translation engine
│   ├── kronometre.js
│   ├── lgs.js
│   ├── msusayac.js
│   ├── onemlitarih.js
│   ├── tarihsaat.js
│   ├── tytsayac.js
│   ├── yorumveoneriler.js
│   └── zamanlayici.js
├── img/
│   ├── clock.png                # Logo
│   ├── gecegündüzmodu.png       # Dark/Light mode screenshot
│   ├── img1.png                 # Screenshot — World Clocks
│   ├── img2.png                 # Screenshot — Stopwatch
│   ├── img3.png                 # Screenshot — Important Dates
│   └── tamekran.png             # Fullscreen mode screenshot
└── music/
    └── alarm.mp3                # Timer alarm sound

🚀 Usage

This is a static site — no build tools or dependencies required.

1. Clone the repository

   git clone https://github.com/<your-username>/ModernClockWebsite.git

2. Open index.html directly in your browser, or serve it locally:

   npx serve .

🤝 Contributing

1. Fork the repository
2. Create a new branch
3. Commit your changes
4. Push the branch
5. Open a pull request

📝 License

This project is licensed under the MIT License.

🇹🇷 Türkçe

---

📖 Hakkında

Modern Saat Sitesi, saf HTML, CSS ve JavaScript ile geliştirilmiş modern, duyarlı (responsive) ve çok sayfalı bir web sitesidir. Günlük hayatta ihtiyaç duyulan tüm zaman araçlarını bir araya getirir: dünya saatleri, zamanlayıcı, kronometre, hesap makinesi ve LGS, TYT, AYT, MSÜ gibi sınav geri sayımları. Tamamı karanlık/aydınlık tema desteği ve eksiksiz Türkçe 🇹🇷 / İngilizce 🇬🇧 dil seçeneğiyle sunulur.

📸 Ekran Görüntüleri (Fotoğraflar)

Dünya Saatleri	Kronometre	Önemli Tarihler

✨ Özellikler

• 🌍 Dünya Saatleri — İstanbul, New York, Londra, Tokyo, Paris, Moskova, Dubai ve Pekin için gerçek zamanlı saatler
• ⏱️ Kronometre — Milisaniye hassasiyetinde tur (lap) kaydı yapabilen kronometre
• ⏳ Zamanlayıcı — İstediğiniz süre için geri sayım zamanlayıcısı
• 📅 Önemli Tarihler — Dini bayramlar, kandiller ve resmi tatillere geri sayım
• 🎓 Sınav Sayaçları — LGS, TYT, AYT ve MSÜ için özel geri sayım sayfaları
• 🧮 Hesap Makinesi — Dahili hesap makinesi aracı
• 🌗 Karanlık / Aydınlık Mod — Tek tıkla tema değişimi, tercihinizi hatırlar
• 🖥️ Tam Ekran Modu — Dikkat dağıtmayan tam ekran saat görünümü
• 🌐 Tam i18n Desteği — Tüm siteyi anında Türkçe ve İngilizce arasında değiştirin
• 📱 Duyarlı Tasarım — Masaüstü, tablet ve mobilde sorunsuz çalışır
• 📝 Yorum ve Öneriler, Hakkımda, Gizlilik Politikası, Kullanım Şartları sayfaları dahildir

🛠️ Kullanılan Teknolojiler

• HTML5 — Semantik, çok sayfalı yapı
• CSS3 — Sayfa bazlı özel stiller (css/)
• Vanilla JavaScript — Framework ve build aracı yok (js/)
• Font Awesome — İkon seti
• Özel i18n motoru — data-i18n özniteliğine dayalı basit çeviri sistemi

📁 Proje Yapısı

ModernClockWebsite/
├── index.html                 # Ana sayfa — Dünya Saatleri ve Tarih
├── LICENSE                    # MIT Lisansı
├── README.md                  # Proje dokümantasyonu
├── html/
│   ├── ayt.html                # AYT geri sayım sayacı
│   ├── gizlilik.html           # Gizlilik Politikası
│   ├── hakkımda.html           # Hakkımda
│   ├── hesapmakinesi.html      # Hesap Makinesi
│   ├── kronometre.html         # Kronometre
│   ├── kullanımsartları.html   # Kullanım Şartları
│   ├── lgs.html                 # LGS geri sayım sayacı
│   ├── msüsayaç.html           # MSÜ geri sayım sayacı
│   ├── önemlitarih.html         # Önemli Tarih Sayacı
│   ├── tarihsaat.html          # Dünya Saatleri ve Tarih
│   ├── tytsayac.html           # TYT geri sayım sayacı
│   ├── yorumveöneriler.html    # Yorum ve Öneriler
│   └── zamanlayıcı.html        # Zamanlayıcı
├── css/
│   ├── ayt.css
│   ├── common.css              # Ortak stiller (header, footer, tema)
│   ├── gizlilik.css
│   ├── hakkimda.css
│   ├── hesapmakinesi.css
│   ├── kronometre.css
│   ├── kullanimsartlari.css
│   ├── lgs.css
│   ├── msusayac.css
│   ├── onemlitarih.css
│   ├── tarihsaat.css
│   ├── tytsayac.css
│   ├── yorumveoneriler.css
│   └── zamanlayici.css
├── js/
│   ├── ayt.js
│   ├── common.js               # Ortak mantık (tema, menü, tam ekran)
│   ├── hakkimda.js
│   ├── hesapmakinesi.js
│   ├── i18n.js                 # Çeviri motoru
│   ├── kronometre.js
│   ├── lgs.js
│   ├── msusayac.js
│   ├── onemlitarih.js
│   ├── tarihsaat.js
│   ├── tytsayac.js
│   ├── yorumveoneriler.js
│   └── zamanlayici.js
├── img/
│   ├── clock.png                # Logo
│   ├── gecegündüzmodu.png       # Karanlık/Aydınlık mod ekran görüntüsü
│   ├── img1.png                 # Ekran görüntüsü — Dünya Saatleri
│   ├── img2.png                 # Ekran görüntüsü — Kronometre
│   ├── img3.png                 # Ekran görüntüsü — Önemli Tarihler
│   └── tamekran.png             # Tam ekran modu ekran görüntüsü
└── music/
    └── alarm.mp3                # Zamanlayıcı alarm sesi

🚀 Kullanım

Bu statik bir sitedir — herhangi bir build aracı veya bağımlılık gerekmez.

1. Depoyu klonlayın

   git clone https://github.com/<kullanici-adiniz>/ModernClockWebsite.git

2. index.html dosyasını doğrudan tarayıcınızda açın veya yerel olarak sunun:

   npx serve .

🤝 Katkıda Bulunma

1. Projeyi fork'layın
2. Yeni bir branch oluşturun
3. Değişikliklerinizi commit edin
4. Branch'i push edin
5. Pull request oluşturun

📝 Lisans

Bu proje MIT Lisansı ile lisanslanmıştır.