body {
font-family: ‘SolaimanLipi’, ‘Bangla’, Arial, sans-serif;
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: #f5f5f5;
}
.quiz-container {
background-color: white;
border-radius: 10px;
padding: 20px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
h1 {
text-align: center;
color: #2196F3;
}
.question {
font-weight: bold;
margin-bottom: 10px;
font-size: 18px;
}
.options {
margin-bottom: 20px;
}
.option {
padding: 10px;
margin: 5px 0;
border: 1px solid #ddd;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s;
}
.option:hover {
background-color: #f0f0f0;
}
.correct {
background-color: #4CAF50;
color: white;
}
.incorrect {
background-color: #f44336;
color: white;
}
.score-display {
margin-top: 20px;
padding: 15px;
background-color: #2196F3;
color: white;
border-radius: 5px;
text-align: center;
font-size: 20px;
display: none;
}
.nav-buttons {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.nav-btn {
background-color: #2196F3;
color: white;
border: none;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
}
.nav-btn:hover {
background-color: #0b7dda;
}
.nav-btn:disabled {
background-color: #cccccc;
cursor: not-allowed;
}
.progress {
margin-top: 20px;
text-align: center;
font-weight: bold;
}
#try-again {
display: block;
margin: 20px auto;
padding: 10px 20px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
display: none;
}
#try-again:hover {
background-color: #45a049;
}

/* Add Google Font for Bengali support */
@import url(‘https://fonts.maateen.me/solaiman-lipi/font.css’);

/* Fallback font-face declaration */
@font-face {
font-family: ‘SolaimanLipi’;
src: url(‘https://fonts.maateen.me/solaiman-lipi/SolaimanLipi.ttf’) format(‘truetype’);
}

let currentQuestion = 1;
let score = 0;
let answered = Array(20).fill(false); // Track which questions have been answered

function checkAnswer(questionNum, element, correctAnswer) {
if (answered[questionNum-1]) return; // Don’t allow changing answers

const options = element.parentElement.children;

// Disable all options
for (let option of options) {
option.style.pointerEvents = ‘none’;
}

// Check if selected answer is correct
if (element.textContent === correctAnswer) {
element.classList.add(‘correct’);
score++;
} else {
element.classList.add(‘incorrect’);
// Highlight correct answer
for (let option of options) {
if (option.textContent === correctAnswer) {
option.classList.add(‘correct’);
}
}
}

answered[questionNum-1] = true;
updateNextButton();
}

function updateNextButton() {
const nextBtn = document.getElementById(‘next-btn’);
if (currentQuestion === 20) {
nextBtn.textContent = ‘সমাপ্ত’;
} else {
nextBtn.textContent = ‘Next’;
}

// Enable next button only if current question is answered
nextBtn.disabled = !answered[currentQuestion-1];
}

function nextQuestion() {
if (currentQuestion 1) {
// Hide current question
document.getElementById(`question${currentQuestion}`).style.display = ‘none’;
currentQuestion–;
// Show previous question
document.getElementById(`question${currentQuestion}`).style.display = ‘block’;
document.getElementById(‘current-q’).textContent = currentQuestion;

// Update previous button
document.getElementById(‘prev-btn’).disabled = currentQuestion === 1;

updateNextButton();
}
}

function showResults() {
// Hide all questions and navigation
document.getElementById(`question${currentQuestion}`).style.display = ‘none’;
document.querySelector(‘.nav-buttons’).style.display = ‘none’;

// Show score
document.getElementById(‘total-score’).textContent = score;
document.getElementById(‘score’).style.display = ‘block’;

// Show try again button
document.getElementById(‘try-again’).style.display = ‘block’;
}

function resetQuiz() {
// Reset variables
currentQuestion = 1;
score = 0;
answered = Array(20).fill(false);

// Hide score and try again button
document.getElementById(‘score’).style.display = ‘none’;
document.getElementById(‘try-again’).style.display = ‘none’;

// Show navigation buttons
document.querySelector(‘.nav-buttons’).style.display = ‘flex’;

// Reset all questions
for (let i = 1; i <= 20; i++) {
const questionDiv = document.getElementById(`question${i}`);
if (i === 1) {
questionDiv.style.display = 'block';
} else {
questionDiv.style.display = 'none';
}

// Reset options
const options = questionDiv.querySelectorAll('.option');
for (let option of options) {
option.classList.remove('correct', 'incorrect');
option.style.pointerEvents = 'auto';
}
}

// Reset progress and buttons
document.getElementById('current-q').textContent = '1';
document.getElementById('prev-btn').disabled = true;
document.getElementById('next-btn').disabled = false;
document.getElementById('next-btn').textContent = 'পরবর্তী';
}

তপনের লেখা গল্প সন্ধ্যা তারা পত্রিকায় প্রকাশিত হওয়ার পর চারিদিকে শুধু মেসোর কৃতিত্বের কথাই বলতে থাকে । গল্পের যে আসল লেখক তার কোন কৃতিত্বই যেন খুঁজে পাই না । অনেকে আবার বলে মেসো না থাকলে হয়তো কোনদিন সন্ধ্যা তারা পত্রিকায় তপনের লেখা প্রকাশিত হতো না । এইসব দেখেই তপনের আহ্লাদ আর হয় না । 

তপনের লেখা যখন সন্ধ্যা তারা পত্রিকায় প্রকাশিত হয় , তারপর তার মায়ের কথা অনুসারে গল্পটি পড়তে গিয়ে তপন দেখে গল্পের প্রতিটি লাইন তার কাছে অপরিচিত । তার ছোট মেসো সংশোধনের নামে তপনের পুরো গল্প পরিবর্তন করে নতুন একটি গল্প প্রকাশিত করেছে । এই গল্পের মধ্যে তপন তার নিজের কোন লাইন খুঁজে পাই না । নিজের লেখা পড়তে গিয়ে যখন তখন অন্যের লেখা পড়ে তার থেকে দুঃখের কিছু আছে বলে তখনই মনে হয় না। এখানে তার চেয়ে বলতে এই ঘটনা কোথায় বলা হয়েছে ।