Skip to content

London | ITP-May-2025 | Seddiq Azam | Module-Data-Groups | QuoteGenerator #616

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 30 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
30 commits
Select commit Hold shift + click to select a range
34a63f3
created new prep directory: prep/mean.js
sedazam Jun 28, 2025
54c512a
modified: prep/mean.js
sedazam Jun 28, 2025
21cada7
deleted: prep/mean.js
sedazam Jun 30, 2025
1e9556e
Update title in index.html to reflect app name
sedazam Jul 11, 2025
1105d89
Implement alarm functionality with countdown timer and pause feature
sedazam Jul 13, 2025
30400e6
Refactor code structure for improved readability and maintainability
sedazam Jul 13, 2025
852ee32
Simplify tick function by condensing pause check
sedazam Jul 13, 2025
13269bc
Enhance alarm functionality with improved timer management and pause/…
sedazam Jul 13, 2025
7e37850
Update pause button label for clarity
sedazam Jul 13, 2025
b3ff849
Update pause button label for clarity
sedazam Jul 13, 2025
a6d8ad2
Refactor comments for clarity and conciseness in alarm clock code
sedazam Jul 13, 2025
19c4e1e
Remove visual flash effect on alarm play/pause actions
sedazam Jul 13, 2025
0922f31
Update title in index.html to reflect app purpose
sedazam Jul 14, 2025
9177121
Implement displayRandomQuote function and add event listeners for quo…
sedazam Jul 16, 2025
8f708d5
Update header text to "Words of Wisdom" in index.html
sedazam Jul 16, 2025
9690e60
Add image for quote generator example in index.html
sedazam Jul 16, 2025
c30968e
Implement code changes to enhance functionality and improve performance
sedazam Jul 16, 2025
51bf42a
Remove border from quote container for improved aesthetics
sedazam Jul 16, 2025
c6bc1c7
Refactor HTML structure by removing unnecessary quote container and c…
sedazam Jul 16, 2025
68aa687
Add initial CSS styles for body and header elements
sedazam Jul 16, 2025
e3ff192
Add styles for quote and author elements in CSS
sedazam Jul 16, 2025
51ef1b2
Implement auto-play feature for random quotes with toggle functionality
sedazam Jul 16, 2025
fa398cd
Wrap quote elements in a container and add auto-play controls
sedazam Jul 16, 2025
00c4ba7
Add styles for quote container and auto-play controls
sedazam Jul 16, 2025
d5a20e2
Refactor CSS for header and quote elements; enhance auto-play control…
sedazam Jul 16, 2025
b0717b2
Fix stylesheet link in index.html to correct file name
sedazam Jul 16, 2025
2fbd687
Update styles for new quote button; change background and border colors
sedazam Jul 16, 2025
4b6aa45
Remove alarm clock implementation and associated files
sedazam Jul 16, 2025
65cdab9
Delete Sprint-3/package-lock.json
sedazam Jul 16, 2025
61b2351
added the deleted folder back for alarm clock without any changes in …
sedazam Jul 16, 2025
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 13 additions & 5 deletions Sprint-3/quote-generator/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,13 +3,21 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Title here</title>
<title>Quote generator app</title>
<link rel="stylesheet" href="style.css" />
<script defer src="quotes.js"></script>
</head>
<body>
<h1>hello there</h1>
<p id="quote"></p>
<p id="author"></p>
<button type="button" id="new-quote">New quote</button>
<div class="quote-container">
<h1>Words of Wisdom</h1>
<div class="auto-play-controls">
<label for="auto-play">Auto-play:</label>
<input type="checkbox" id="auto-play-toggle" />
<span id="auto-play-status">OFF</span>
</div>
<p id="quote"></p>
<p id="author"></p>
<button type="button" id="new-quote">New quote</button>
</div>
</body>
</html>
Loading