|
| 1 | +<!DOCTYPE html> |
| 2 | +<html lang="en"> |
| 3 | +<head> |
| 4 | + <meta charset="UTF-8"> |
| 5 | + <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| 6 | + <link rel="icon" type="image/x-icon" |
| 7 | + href="https://res.cloudinary.com/dbriqxpaa/image/upload/v1680096853/Logo/logo-xl-ico_qzbf7d.ico" /> |
| 8 | + <title>data.aykhan.net | data | metadata | books</title> |
| 9 | + <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet"> |
| 10 | + <style> |
| 11 | + body { |
| 12 | + font-family: 'Roboto', sans-serif; |
| 13 | + font-weight: 400; |
| 14 | + transition: background-color 0.3s, color 0.3s; |
| 15 | + } |
| 16 | + table { |
| 17 | + width: 100%; |
| 18 | + border-collapse: collapse; |
| 19 | + } |
| 20 | + th, td { |
| 21 | + padding: 8px 13px; |
| 22 | + border: 1px solid #ccc; |
| 23 | + } |
| 24 | + th { |
| 25 | + background-color: #f2f2f2; |
| 26 | + } |
| 27 | + td.icon-col { |
| 28 | + width: 44px; |
| 29 | + text-align: center; |
| 30 | + } |
| 31 | + a { |
| 32 | + text-decoration: none; |
| 33 | + color: #007BFF; |
| 34 | + } |
| 35 | + a:hover { |
| 36 | + text-decoration: underline; |
| 37 | + } |
| 38 | + .go-back { |
| 39 | + margin-bottom: 22px; |
| 40 | + margin-left: 11px; |
| 41 | + display: inline-block; |
| 42 | + } |
| 43 | + h1 { |
| 44 | + overflow: hidden; |
| 45 | + text-overflow: ellipsis; |
| 46 | + white-space: nowrap; |
| 47 | + font-size: 1.65em; |
| 48 | + margin: 0; |
| 49 | + padding: 11px; |
| 50 | + } |
| 51 | + /* Dark mode styles */ |
| 52 | + body.dark-mode { |
| 53 | + background-color: #333; |
| 54 | + color: #f1f1f1; |
| 55 | + } |
| 56 | + body.dark-mode th { |
| 57 | + background-color: #555; |
| 58 | + } |
| 59 | + body.dark-mode a { |
| 60 | + color: #1e90ff; |
| 61 | + } |
| 62 | + /* Dark mode button styles */ |
| 63 | + .dark-mode-toggle { |
| 64 | + position: fixed; |
| 65 | + bottom: 22px; |
| 66 | + right: 22px; |
| 67 | + background-color: #007BFF; |
| 68 | + color: #fff; |
| 69 | + border: none; |
| 70 | + padding: 11px 22px; |
| 71 | + cursor: pointer; |
| 72 | + border-radius: 5.5px; |
| 73 | + z-index: 1000; |
| 74 | + } |
| 75 | + .dark-mode-toggle:hover { |
| 76 | + background-color: #0056b3; |
| 77 | + } |
| 78 | + </style> |
| 79 | +</head> |
| 80 | +<body> |
| 81 | + <h1>data.aykhan.net ➔ data ➔ metadata ➔ books</h1> |
| 82 | + <a href="../index.html" class="go-back">⬅️ Go Back</a> |
| 83 | + <table> |
| 84 | + <thead> |
| 85 | + <tr> |
| 86 | + <th class="icon-col">Icon</th> |
| 87 | + <th>Name</th> |
| 88 | + <th>Size</th> |
| 89 | + <th>Last Modified</th> |
| 90 | + </tr> |
| 91 | + </thead> |
| 92 | + <tbody> |
| 93 | + <tr><td class="icon-col">📄</td><td><a href="metadata.json">metadata.json</a></td><td>2.5 KB</td><td>2025-10-02 13:31</td></tr> |
| 94 | + </tbody> |
| 95 | + </table> |
| 96 | + |
| 97 | + <!-- Auto-generated by Python script --> |
| 98 | + <button class="dark-mode-toggle" onclick="toggleDarkMode()">🌙 Dark Mode</button> |
| 99 | + <script> |
| 100 | + function toggleDarkMode() { |
| 101 | + const body = document.body; |
| 102 | + const button = document.querySelector('.dark-mode-toggle'); |
| 103 | + body.classList.toggle('dark-mode'); |
| 104 | + const isDarkMode = body.classList.contains('dark-mode'); |
| 105 | + localStorage.setItem('darkMode', isDarkMode); |
| 106 | + |
| 107 | + // Update button text based on current mode |
| 108 | + button.textContent = isDarkMode ? '🌞 Light Mode' : '🌙 Dark Mode'; |
| 109 | + } |
| 110 | + |
| 111 | + // Load dark mode setting from localStorage |
| 112 | + document.addEventListener('DOMContentLoaded', () => { |
| 113 | + const isDarkMode = localStorage.getItem('darkMode') === 'true'; |
| 114 | + const button = document.querySelector('.dark-mode-toggle'); |
| 115 | + |
| 116 | + if (isDarkMode) { |
| 117 | + document.body.classList.add('dark-mode'); |
| 118 | + button.textContent = '🌞 Light Mode'; |
| 119 | + } else { |
| 120 | + button.textContent = '🌙 Dark Mode'; |
| 121 | + } |
| 122 | + }); |
| 123 | + </script> |
| 124 | +</body> |
| 125 | +</html> |
0 commit comments