alvin/RTA-test
1
0
Fork 0
mirror of https://github.com/pabloquablo/RTA-test.git synced 2026-03-06 11:17:02 +01:00
Code Issues Packages Projects Releases Wiki Activity

add meta charset tag in index.html; fix opacity calculation in fade-in effect; clean up style.css

Browse Source
This commit is contained in:
vista-man
2025-01-25 22:15:34 +01:00
parent 90b39f241f
commit edeca369c3
3 changed files with 3 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@@ -3,6 +3,8 @@
<head> <head>
<!-- The title of the webpage --> <!-- The title of the webpage -->
<title>My Simple Wikipedia</title> <title>My Simple Wikipedia</title>
<!-- Meta tag for character encoding -->
<meta charset="UTF-8">
<!-- Link to the external CSS file for styling --> <!-- Link to the external CSS file for styling -->
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
</head> </head>

2
script.js
View File

@@ -10,7 +10,7 @@ window.onload = function() {
const fadeIn = () => { const fadeIn = () => {
let opacity = 0; let opacity = 0;
const increaseOpacity = () => { const increaseOpacity = () => {
opacity += 0.05; opacity = parseFloat(opacity) + 0.05;
article.style.opacity = opacity; article.style.opacity = opacity;
// Continue the animation until opacity reaches 1 (fully visible) // Continue the animation until opacity reaches 1 (fully visible)

5
style.css
View File

@@ -32,11 +32,6 @@ h2 {
padding-bottom: 5px; /* Add padding below the heading */ padding-bottom: 5px; /* Add padding below the heading */
} }
h1, h2 {
background-image: none; /* Remove background image */
color: #007bff; /* Set text color */
}
p { p {
color: #555; /* Set text color */ color: #555; /* Set text color */
line-height: 1.6; /* Set line height */ line-height: 1.6; /* Set line height */