motoe moto
commited on
Commit
•
105d29f
1
Parent(s):
0b4ac04
Update index.html
Browse files- index.html +18 -0
index.html
CHANGED
|
@@ -68,6 +68,23 @@
|
|
| 68 |
transform: scale(1.2); /* Scale up on hover */
|
| 69 |
color: #FF69B4; /* Hot pink on hover */
|
| 70 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 71 |
</style>
|
| 72 |
</head>
|
| 73 |
<body>
|
|
@@ -95,6 +112,7 @@
|
|
| 95 |
displayFiles(files, currentPage);
|
| 96 |
|
| 97 |
const paginationElement = document.getElementById('pagination');
|
|
|
|
| 98 |
for (let i = 1; i <= totalPages; i++) {
|
| 99 |
const pageLink = document.createElement('span');
|
| 100 |
pageLink.textContent = i;
|
|
|
|
| 68 |
transform: scale(1.2); /* Scale up on hover */
|
| 69 |
color: #FF69B4; /* Hot pink on hover */
|
| 70 |
}
|
| 71 |
+
|
| 72 |
+
/* Responsive adjustments for mobile screens */
|
| 73 |
+
@media (max-width: 768px) {
|
| 74 |
+
body {
|
| 75 |
+
flex-direction: column;
|
| 76 |
+
justify-content: space-around;
|
| 77 |
+
}
|
| 78 |
+
h1 {
|
| 79 |
+
font-size: 20px; /* Smaller font size for smaller screens */
|
| 80 |
+
}
|
| 81 |
+
a {
|
| 82 |
+
font-size: 18px; /* Smaller font size for links on smaller screens */
|
| 83 |
+
}
|
| 84 |
+
.page-link {
|
| 85 |
+
font-size: 18px; /* Smaller font size for pagination on smaller screens */
|
| 86 |
+
}
|
| 87 |
+
}
|
| 88 |
</style>
|
| 89 |
</head>
|
| 90 |
<body>
|
|
|
|
| 112 |
displayFiles(files, currentPage);
|
| 113 |
|
| 114 |
const paginationElement = document.getElementById('pagination');
|
| 115 |
+
paginationElement.innerHTML = ''; // Clear previous pagination links
|
| 116 |
for (let i = 1; i <= totalPages; i++) {
|
| 117 |
const pageLink = document.createElement('span');
|
| 118 |
pageLink.textContent = i;
|