Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@edwardosama
edwardosama authored Oct 6, 2024
1 parent 0dcea8f commit 053b550
Show file tree
Hide file tree
Showing 9 changed files with 654 additions and 0 deletions.
8 changes: 8 additions & 0 deletions MTOsama.code-workspace
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
{
"folders": [
{
"path": "."
}
],
"settings": {}
}
41 changes: 41 additions & 0 deletions about.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="text-center py-5">
<h1>About Us</h1>
</header>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="library.html">Library</a></li>
<li class="nav-item"><a class="nav-link" href="quiz.html">Test Yourself</a></li>
<li class="nav-item"><a class="nav-link" href="projects.html">Projects</a></li>
<li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="testimonials.html">Testimonials</a></li>
<li class="nav-item"><a class="nav-link" href="about.html">About Us</a></li>
</ul>
</div>
</nav>
<section class="container my-5">
<h2>Our Mission</h2>
<p>Our mission is to provide quality resources and support to help individuals achieve their goals.</p>
<h3>Meet the Team</h3>
<ul>
<li>Osama - Founder</li>
<li>Team Member 1</li>
<li>Team Member 2</li>
</ul>
</section>
<footer class="bg-dark text-white text-center py-3">
<p>&copy; 2024 Osama's Website - All rights reserved</p>
</footer>
</body>
</html>
41 changes: 41 additions & 0 deletions blog.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blog - Osama's Archive</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="header">
<h1>Blog</h1>
<p>Read the latest articles and posts.</p>
</header>

<nav class="navbar">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="library.html">Library</a></li>
<li><a href="quiz.html">Test Yourself</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="testimonials.html">Testimonials</a></li>
<li><a href="about.html">About Us</a></li>
</ul>
</nav>

<section class="blog-section">
<h2>Recent Posts</h2>
<ul>
<li><a href="blog/post1.html">Understanding Data Structures</a></li>
<li><a href="blog/post2.html">Introduction to Machine Learning</a></li>
<li><a href="blog/post3.html">Web Development Best Practices</a></li>
</ul>
</section>

<footer class="footer">
<p>&copy; 2024 Osama's Archive - All rights reserved</p>
</footer>
<script src="script.js"></script>
</body>
</html>
37 changes: 37 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Osama's Archive</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="header">
<h1>Welcome to Osama's Archive</h1>
<p>Your personal hub for computer science resources</p>
</header>

<nav class="navbar">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="library.html">Library</a></li>
<li><a href="quiz.html">Test Yourself</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="testimonials.html">Testimonials</a></li>
<li><a href="about.html">About Us</a></li>
</ul>
</nav>

<section class="main-section">
<h2>About This Archive</h2>
<p>This archive is designed to provide students with comprehensive resources for computer science studies, including notes, articles, quizzes, and project requirements.</p>
</section>

<footer class="footer">
<p>&copy; 2024 Osama's Archive - All rights reserved</p>
</footer>
<script src="script.js"></script>
</body>
</html>
42 changes: 42 additions & 0 deletions library.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Library - Osama's Archive</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="header">
<h1>Library</h1>
<p>Explore the resources for each subject in computer science.</p>
</header>

<nav class="navbar">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="library.html">Library</a></li>
<li><a href="quiz.html">Test Yourself</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="testimonials.html">Testimonials</a></li>
<li><a href="about.html">About Us</a></li>
</ul>
</nav>

<section class="library-section">
<h2>Available Resources</h2>
<ul>
<li><a href="resources/cs101_notes.pdf">CS 101 Notes</a></li>
<li><a href="resources/cs102_notes.pdf">CS 102 Notes</a></li>
<li><a href="resources/data_structures.pdf">Data Structures</a></li>
<li><a href="resources/algorithms.pdf">Algorithms</a></li>
</ul>
</section>

<footer class="footer">
<p>&copy; 2024 Osama's Archive - All rights reserved</p>
</footer>
<script src="script.js"></script>
</body>
</html>
41 changes: 41 additions & 0 deletions projects.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Projects - Osama's Archive</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="header">
<h1>Projects</h1>
<p>Explore various project ideas and guidelines.</p>
</header>

<nav class="navbar">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="library.html">Library</a></li>
<li><a href="quiz.html">Test Yourself</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="testimonials.html">Testimonials</a></li>
<li><a href="about.html">About Us</a></li>
</ul>
</nav>

<section class="projects-section">
<h2>Project Ideas</h2>
<ul>
<li><a href="projects/project1.html">Web Development Project</a></li>
<li><a href="projects/project2.html">Data Analysis Project</a></li>
<li><a href="projects/project3.html">Machine Learning Project</a></li>
</ul>
</section>

<footer class="footer">
<p>&copy; 2024 Osama's Archive - All rights reserved</p>
</footer>
<script src="script.js"></script>
</body>
</html>
124 changes: 124 additions & 0 deletions script.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,124 @@
// Array of questions
const questions = [
{
question: "What is the output of 2 + 2 in JavaScript?",
options: ["2", "4", "22", "NaN"],
answer: "4"
},
{
question: "Which HTML tag is used to include JavaScript code?",
options: ["<script>", "<style>", "<link>", "<div>"],
answer: "<script>"
},
{
question: "What is the keyword to declare a constant in JavaScript?",
options: ["const", "let", "var", "constant"],
answer: "const"
},
{
question: "Which method is used to find an element by its ID in JavaScript?",
options: ["getElementById()", "getElementByTag()", "querySelector()", "findById()"],
answer: "getElementById()"
},
// Add more questions here (up to 100 questions)
];

// Quiz variables
let currentQuestionIndex = 0;
let score = 0;
let currentLevel = 1;
const questionsPerLevel = 20; // Each level contains 20 questions
const totalLevels = 5; // 5 levels in total

// Elements
const questionEl = document.getElementById("question");
const optionsEl = document.getElementById("options");
const progressBarEl = document.getElementById("progress-bar");
const levelEl = document.getElementById("level");
const timerEl = document.getElementById("timer");
const startBtn = document.getElementById("start-btn");

// Timer variables
let timeLeft = 30;
let timerInterval;

// Function to display the current question
function displayQuestion() {
clearInterval(timerInterval);
const currentQuestion = questions[currentQuestionIndex];

// Update the question and options
questionEl.textContent = currentQuestion.question;
optionsEl.innerHTML = ""; // Clear previous options

currentQuestion.options.forEach(option => {
const optionBtn = document.createElement("button");
optionBtn.textContent = option;
optionBtn.classList.add("option-btn");
optionBtn.addEventListener("click", () => checkAnswer(option));
optionsEl.appendChild(optionBtn);
});

// Update the progress bar and level display
levelEl.textContent = `Level: ${currentLevel}`;
const progress = (currentQuestionIndex % questionsPerLevel) / questionsPerLevel * 100;
progressBarEl.style.width = progress + "%";

// Start the timer
timeLeft = 30;
timerEl.textContent = `Time left: ${timeLeft}s`;
timerInterval = setInterval(updateTimer, 1000);
}

// Function to update the timer
function updateTimer() {
timeLeft--;
timerEl.textContent = `Time left: ${timeLeft}s`;
if (timeLeft === 0) {
clearInterval(timerInterval);
nextQuestion();
}
}

// Function to check the answer
function checkAnswer(selectedOption) {
const currentQuestion = questions[currentQuestionIndex];
if (selectedOption === currentQuestion.answer) {
score++;
}
nextQuestion();
}

// Function to go to the next question or level
function nextQuestion() {
currentQuestionIndex++;

if (currentQuestionIndex % questionsPerLevel === 0) {
currentLevel++;
if (currentLevel > totalLevels) {
endQuiz();
return;
}
}

if (currentQuestionIndex < questions.length) {
displayQuestion();
} else {
endQuiz();
}
}

// Function to end the quiz
function endQuiz() {
clearInterval(timerInterval);
questionEl.textContent = `Quiz completed! Your score is ${score}/${questions.length}.`;
optionsEl.innerHTML = ""; // Clear the options
progressBarEl.style.width = "100%"; // Full progress bar
}

// Start button click event
startBtn.addEventListener("click", function() {
startBtn.style.display = "none"; // Hide the start button
displayQuestion(); // Start the quiz
});

Loading

0 comments on commit 053b550

Please sign in to comment.