Full Text
அக்டோபர் மாதத்தில் சூரியன் மேதுராசிக்கு செல்வதைக் குறிப்பிடும் ‘சங்கராந்தி’ திருவிழாவின் தேதி மற்றும் நேரம் குறித்த விவரங்களுடன் ஒரு வலைத்தளத்தை உருவாக்கவும். மேலும், அடுத்த 10 ஆண்டுகளுக்கு மேது சங்கராந்தி நிகழும் தேதியையும் நேரத்தையும் பட்டியலிடவும்.
வலைத்தளத்தில் பின்வரும் பிரிவுகள் இருக்க வேண்டும்:
1. முகப்பு பக்கம் (Home Page)
2. சங்கராந்தி பற்றி (About Sankranti)
3. மேது சங்கராந்தி தேதிகள் (Meṣa Saṅkrānti Dates)
4. எங்களைத் தொடர்புகொள்ள (Contact Us)
**வளங்கள்:**
* மெது சங்கராந்தி என்பது சூரியன் மேதுராசிக்கு (மேஷம்) கடக்கும் நிகழ்வு. இது தமிழ் மாதமான சித்திரை முதல் நாளாகும்.
* இந்தியாவில் உள்ள முக்கிய பஞ்சாங்கங்களை அடிப்படையாகக் கொண்ட பிரபலமான ஜோதிட வலைத்தளங்கள், பொதுவாக மெது சங்கராந்தியை ஏப்ரல் 13 அல்லது ஏப்ரல் 14 அன்று குறிப்பிடுகின்றன. சில சமயங்களில் லீப் ஆண்டுகளில் ஏப்ரல் 15 அன்று வரலாம்.
* நேரம் ஆண்டுதோறும் சற்று மாறுபடும்.
**உதாரண வெளியீடு (Expected Output):**
ஒரு வலைத்தளத்தின் HTML, CSS, மற்றும் JavaScript குறியீடு. இதில் ஒவ்வொரு பகுதியும் தனித்தனி HTML கோப்பில் இருக்கலாம் (அல்லது ஒரே HTML கோப்பில் பிரிவுகளாக இருக்கலாம்).
---
**யோசனைக்கான குறிப்புகள்:**
* HTML கோப்பில் தலைப்பு, மெனு, ஒவ்வொரு பகுதிக்கும் தேவையான உள்ளடக்கம் ஆகியவற்றைச் சேர்க்கவும்.
* CSS கோப்பில் தளவமைப்பு, வண்ணங்கள், எழுத்துருக்கள் மற்றும் பொறுப்புணர்வு (responsive design) ஆகியவற்றை நிர்வகிக்கவும்.
* JavaScript பயன்படுத்தி அடுத்த 10 ஆண்டுகளுக்கு சங்கராந்தி தேதிகளைக் கணக்கிட்டு அல்லது பட்டியலிட்டு (ஹார்ட்கோடிங் தேவைப்படலாம், ஏனெனில் துல்லியமான வானியல் கணக்கீடுகள் சிக்கலானவை) வலைத்தளத்தில் காட்டவும்.
* தேதிகளின் துல்லியத்திற்காக நம்பகமான பஞ்சாங்க வலைத்தளங்களை (எ.கா. drikpanchang.com, prokerala.com) பயன்படுத்தலாம். 2024 முதல் 2033 வரையிலான தேதிகள் மற்றும் நேரங்களை எடுத்துக்காட்டாக பயன்படுத்தலாம்.
---
**குறிப்பு:** இந்த பணிக்கு, துல்லியமான வானியல் கணக்கீடுகள் தேவைப்படாது. அதற்கு பதிலாக, ஒரு குறிப்பிட்ட பட்டியலை (Hardcoding) பயன்படுத்தி தேதிகளைக் காண்பிக்கலாம்.
**2024 - 2033 க்கான மேது சங்கராந்தி தேதிகள் (தோராயமானவை - துல்லியத்திற்காக சரிபார்க்கவும்):**
* **2024:** ஏப்ரல் 13, சனிக்கிழமை, 09:10 PM
* **2025:** ஏப்ரல் 14, திங்கட்கிழமை, 04:30 AM
* **2026:** ஏப்ரல் 14, செவ்வாய்க்கிழமை, 10:00 AM
* **2027:** ஏப்ரல் 14, புதன்கிழமை, 03:50 PM
* **2028:** ஏப்ரல் 14, வெள்ளிக்கிழமை, 09:30 PM
* **2029:** ஏப்ரல் 14, சனிக்கிழமை, 03:00 AM
* **2030:** ஏப்ரல் 14, ஞாயிற்றுக்கிழமை, 08:30 AM
* **2031:** ஏப்ரல் 14, திங்கட்கிழமை, 02:20 PM
* **2032:** ஏப்ரல் 14, புதன்கிழமை, 08:00 PM
* **2033:** ஏப்ரல் 14, வியாழக்கிழமை, 01:30 AM
---
இந்த திட்டமானது ஒரு சிறிய, ஸ்டாடிக் (static) வலைத்தளத்தை உருவாக்குவதை நோக்கமாகக் கொண்டது, இது இந்திய ஜோதிடம் மற்றும் கலாச்சாரத்தில் ஒரு குறிப்பிட்ட நிகழ்வைப் பற்றி தகவல்களை வழங்குகிறது.
I will create a static website with HTML, CSS, and JavaScript. The website will have four main sections: Home, About Sankranti, Mesha Sankranti Dates, and Contact Us. The "Mesha Sankranti Dates" section will list the dates and times for the next 10 years (2024-2033) based on the provided approximate data.
I'll structure the website as a single HTML file with different sections, styled by a CSS file, and use JavaScript to dynamically display the dates.
**File Structure:**
* `index.html` (main content, including all sections)
* `style.css` (for styling)
* `script.js` (for date generation, though in this case, it will primarily just list hardcoded data)
**HTML (`index.html`):**
* Basic HTML5 structure.
* Header with navigation links (Home, About Sankranti, Mesha Sankranti Dates, Contact Us).
* Sections for Home, About Sankranti, Mesha Sankranti Dates, and Contact Us.
* Footer.
* Tamil text for all content.
**CSS (`style.css`):**
* Basic styling for body, header, navigation, sections, and footer.
* Responsive design considerations (e.g., using flexbox or media queries for smaller screens).
* Colors, fonts, padding, margins to make it presentable.
**JavaScript (`script.js`):**
* An array of objects to store the Mesha Sankranti dates and times for 2024-2033.
* A function to iterate over this array and dynamically create list items or table rows to display the dates in the "Mesha Sankranti Dates" section.
**Mesha Sankranti Dates (2024-2033) to be used:**
* **2024:** ஏப்ரல் 13, சனிக்கிழமை, 09:10 PM
* **2025:** ஏப்ரல் 14, திங்கட்கிழமை, 04:30 AM
* **2026:** ஏப்ரல் 14, செவ்வாய்க்கிழமை, 10:00 AM
* **2027:** ஏப்ரல் 14, புதன்கிழமை, 03:50 PM
* **2028:** ஏப்ரல் 14, வெள்ளிக்கிழமை, 09:30 PM
* **2029:** ஏப்ரல் 14, சனிக்கிழமை, 03:00 AM
* **2030:** ஏப்ரல் 14, ஞாயிற்றுக்கிழமை, 08:30 AM
* **2031:** ஏப்ரல் 14, திங்கட்கிழமை, 02:20 PM
* **2032:** ஏப்ரல் 14, புதன்கிழமை, 08:00 PM
* **2033:** ஏப்ரல் 14, வியாழக்கிழமை, 01:30 AM
I will create the HTML, CSS, and JavaScript code.நிச்சயமாக, மெது சங்கராந்தி பற்றிய வலைத்தளத்திற்கான HTML, CSS மற்றும் JavaScript குறியீடு இங்கே கொடுக்கப்பட்டுள்ளது.
இந்தத் திட்டம் மூன்று தனித்தனி கோப்புகளாகப் பிரிக்கப்பட்டுள்ளது:
1. `index.html` (வலைத்தளத்தின் கட்டமைப்பு மற்றும் உள்ளடக்கம்)
2. `style.css` (வலைத்தளத்தின் வடிவமைப்பு)
3. `script.js` (மெது சங்கராந்தி தேதிகளைக் காண்பிக்க)
---
**1. `index.html`**
```html
<!DOCTYPE html>
<html lang="ta">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>மெது சங்கராந்தி திருவிழா</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Tamil:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
<header>
<div class="container">
<h1>மெது சங்கராந்தி</h1>
<nav>
<ul>
<li><a href="#home">முகப்பு பக்கம்</a></li>
<li><a href="#about">சங்கராந்தி பற்றி</a></li>
<li><a href="#dates">மெது சங்கராந்தி தேதிகள்</a></li>
<li><a href="#contact">எங்களைத் தொடர்புகொள்ள</a></li>
</ul>
</nav>
</div>
</header>
<main class="container">
<section id="home" class="hero-section">
<h2>அனைவருக்கும் மெது சங்கராந்தி நல்வாழ்த்துக்கள்!</h2>
<p>சூரிய பகவான் மேதுராசிக்கு (மேஷம்) கடக்கும் இந்த புனித தினத்தில் உங்கள் அனைவருக்கும் எங்கள் வாழ்த்துக்கள். இந்த வலைத்தளத்தில் மெது சங்கராந்தி பற்றிய தகவல்கள் மற்றும் அடுத்த 10 ஆண்டுகளுக்கான தேதிகளை நீங்கள் காணலாம்.</p>
<img src="https://via.placeholder.com/600x300?text=Mesha+Sankranti" alt="மெது சங்கராந்தி கொண்டாட்டம்" class="responsive-img">
</section>
<section id="about" class="section-padding">
<h2>சங்கராந்தி பற்றி</h2>
<p>சங்கராந்தி என்பது சூரியன் ஒரு ராசியிலிருந்து மற்றொரு ராசிக்கு மாறும் வானியல் நிகழ்வை குறிக்கும் ஒரு இந்து பண்டிகையாகும். மொத்தம் பன்னிரண்டு சங்கராந்திகள் இருந்தாலும், மகர சங்கராந்தி (தைப்பொங்கல்) மற்றும் மெது சங்கராந்தி (சித்திரை வருடப்பிறப்பு) ஆகியவை இந்தியாவில் பரவலாக கொண்டாடப்படுகின்றன.</p>
<p><strong>மெது சங்கராந்தி:</strong> இது சூரியன் மேதுராசிக்கு (மேஷம்) கடக்கும் நிகழ்வு. இது தமிழ் மாதமான சித்திரையின் முதல் நாளாகும், இது தமிழ்ப் புத்தாண்டு அல்லது சித்திரை விஷு என்றும் அழைக்கப்படுகிறது. இந்த நாள் வசந்த காலத்தின் தொடக்கத்தையும், அறுவடை காலத்தின் மகிழ்ச்சியையும் குறிக்கிறது. இந்த நாளில் மக்கள் கோவில்களுக்குச் சென்று சிறப்பு பூஜைகள் செய்து, உறவினர்களுடன் சேர்ந்து பாரம்பரிய உணவுகளை உண்டு மகிழ்வர். இது புதிய தொடக்கங்கள், செழிப்பு மற்றும் நல்ல அதிர்ஷ்டத்திற்கான அடையாளமாகக் கருதப்படுகிறது.</p>
</section>
<section id="dates" class="section-padding">
<h2>மெது சங்கராந்தி தேதிகள் (அடுத்த 10 ஆண்டுகளுக்கு)</h2>
<p>அடுத்த 10 ஆண்டுகளுக்கு மெது சங்கராந்தி நிகழும் தேதி மற்றும் நேரம் கீழே பட்டியலிடப்பட்டுள்ளது. இந்த தேதிகள் தோராயமானவை, மேலும் துல்லியமான உள்ளூர் பஞ்சாங்கங்களின்படி சற்று மாறுபடலாம்.</p>
<div id="sankranti-dates-list">
<!-- JavaScript will populate this section -->
</div>
</section>
<section id="contact" class="section-padding">
<h2>எங்களைத் தொடர்புகொள்ள</h2>
<p>மெது சங்கராந்தி பற்றி வேறு ஏதேனும் தகவல் தேவைப்பட்டால் அல்லது ஏதேனும் கருத்துக்கள் இருந்தால், நீங்கள் எங்களைத் தொடர்புகொள்ளலாம்.</p>
<form class="contact-form">
<div class="form-group">
<label for="name">உங்கள் பெயர்:</label>
<input type="text" id="name" name="name" required>
</div>
<div class="form-group">
<label for="email">மின்னஞ்சல்:</label>
<input type="email" id="email" name="email" required>
Login to read full text