1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 <meta charset="utf-8"> 6 <meta content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" 7 name="viewport"> 8 <meta content="ie=edge" http-equiv="X-UA-Compatible"> 9 <meta content="#fff" name="theme-color"> 10 <meta content="telephone=no" name="format-detection"> 11 <meta name="robots" content="noindex, nofollow"> 12 <meta name="google" content="notranslate"> 13 <title>Mizore's OneDrive</title> 14 <link rel="preload" href="/app.js" as="script"> 15 <link rel="preload" href="https://fastly.jsdelivr.net/npm/marked/marked.min.js" as="script"> 16 <link rel="preload" href="https://fastly.jsdelivr.net/npm/dplayer/dist/DPlayer.min.js" as="script"> 17 <link href="https://fastly.jsdelivr.net/npm/github-markdown-css/github-markdown.min.css" rel="stylesheet"> 18 <style> 19 @import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap'); 20 21 :root { 22 --base-font-family: Lato, -apple-system, BlinkMacSystemFont, Segoe UI, 23 Helvetica, Arial, pingfang sc, source han sans sc, noto sans cjk sc, 24 sarasa gothic sc, microsoft yahei, sans-serif, Apple Color Emoji, 25 Segoe UI Emoji; 26 --code-font-family: Fira Code, SF Mono, Consolas, Monaco, Ubuntu Mono, monospace; 27 28 --selection-color: currentColor; 29 --selection-bg-color: #79ffe1; 30 --text-color: #000; 31 --text-code-color: #d400ff; 32 --bg-body-color: #fafafa; 33 --bg-nav-color: #fff; 34 --bg-items-color: #fff; 35 --bg-item-a-color: rgba(0, 0, 0, .04); 36 --shadow-nav: 0 5px 10px rgba(0, 0, 0, .02); 37 --shadow-items: 0 5px 10px rgba(0, 0, 0, .05); 38 } 39 40 @media (prefers-color-scheme: dark) { 41 :root { 42 --selection-color: #000; 43 --selection-bg-color: #f81ce5; 44 --text-color: rgba(255, 255, 255, .75); 45 --text-code-color: #df41ff; 46 --bg-body-color: #2d3235; 47 --bg-nav-color: #2d3235; 48 --bg-items-color: #383E42; 49 --bg-item-a-color: rgba(255, 255, 255, .04); 50 --shadow-nav: 0 5px 10px rgba(0, 0, 0, .04); 51 --shadow-items: none; 52 } 53 } 54 55 html, 56 body { 57 margin: 0; 58 padding: 0; 59 scrollbar-width: none; 60 } 61 62 html::-webkit-scrollbar { 63 display: none; 64 } 65 66 body { 67 width: 100%; 68 min-height: 100vh; 69 min-height: calc(var(--vh, 1vh) * 100); 70 color: var(--text-color); 71 background-color: var(--bg-body-color); 72 display: flex; 73 align-items: center; 74 justify-content: space-between; 75 flex-flow: column nowrap; 76 font-family: var(--base-font-family); 77 -webkit-font-smoothing: antialiased; 78 } 79 80 ::-moz-selection { 81 color: var(--selection-color); 82 background-color: var(--selection-bg-color); 83 } 84 85 ::selection { 86 color: var(--selection-color); 87 background-color: var(--selection-bg-color); 88 } 89 90 nav { 91 display: flex; 92 justify-content: center; 93 align-items: center; 94 width: 100%; 95 min-height: 2rem; 96 padding: 0.8rem 0; 97 background-color: var(--bg-nav-color); 98 font-size: 1.4rem; 99 box-shadow: var(--shadow-nav); 100 margin-bottom: 1.5rem; 101 } 102 103 .brand { 104 font-weight: bold; 105 overflow: hidden; 106 text-overflow: ellipsis; 107 white-space: nowrap; 108 } 109 110 .container { 111 width: calc(100% - 40px); 112 max-width: 1024px; 113 margin: 0 auto; 114 } 115 116 .size { 117 white-space: nowrap; 118 } 119 120 .breadcrumb { 121 color: #888; 122 word-break: break-all; 123 margin-bottom: 1.5rem; 124 font-size: .9rem; 125 letter-spacing: .2px; 126 transition: all .5s ease-out; 127 line-height: 1.5rem; 128 } 129 130 .breadcrumb a { 131 text-decoration: none; 132 color: var(--text-color); 133 } 134 135 .items { 136 overflow-x: auto; 137 display: flex; 138 flex-flow: column nowrap; 139 background-color: var(--bg-items-color); 140 box-shadow: var(--shadow-items); 141 border-radius: 8px; 142 } 143 144 .item { 145 display: flex; 146 align-items: center; 147 text-decoration: none; 148 padding: .8rem 1rem; 149 transition: .2s all ease-in-out; 150 } 151 152 .item { 153 word-break: break-all; 154 position: relative; 155 } 156 157 .item i { 158 margin-right: .5rem;
159 min-width: 20px; 160 text-align: center; 161 } 162 163 .item .size { 164 opacity: .6; 165 } 166 167 .item a { 168 position: absolute; 169 top: 0; 170 left: 0; 171 z-index: 0; 172 overflow: hidden; 173 width: 100%; 174 height: 100%; 175 text-indent: -9999px; 176 opacity: 0; 177 background-color: var(--bg-item-a-color); 178 } 179 180 a { 181 color: #0070f3; 182 text-decoration: none; 183 transition: opacity ease-out .15s; 184 } 185 186 a:hover, 187 a:active { 188 opacity: .6; 189 transition: opacity 0s; 190 } 191 192 .button-container { 193 width: 100%; 194 display: flex; 195 justify-content: center; 196 flex-wrap: wrap; 197 gap: 0.5rem; 198 padding: 1.5rem 0 0; 199 } 200 201 .button { 202 display: block; 203 color: var(--text-color); 204 cursor: pointer; 205 text-decoration: none; 206 font-weight: bold; 207 font-size: .95rem; 208 padding: .55rem 1rem; 209 max-width: 180px; 210 user-select: none; 211 border: 1px solid rgb(212, 212, 216); 212 border-radius: 10px; 213 overflow: hidden; 214 text-overflow: ellipsis; 215 white-space: nowrap; 216 -webkit-tap-highlight-color: transparent; 217 } 218 219 @media not all and (any-hover: hover) { 220 .item a { 221 background-color: rgba(0, 0, 0, .1); 222 transition: opacity 0s; 223 -webkit-tap-highlight-color: transparent; 224 } 225 226 .item a:hover { 227 opacity: 0; 228 } 229 230 .item a:active { 231 opacity: .6; 232 } 233 } 234 235 footer { 236 font-size: .8rem; 237 opacity: .85; 238 width: calc(100% - 40px); 239 padding: 1.6rem 0; 240 text-align: center; 241 } 242 243 .breadcrumb, 244 .items, 245 .container { 246 opacity: 1; 247 transition: opacity .5s ease-out; 248 } 249 250 .hide { 251 opacity: 0 !important; 252 } 253 254 .unselectable { 255 -webkit-user-select: none !important; 256 user-select: none !important; 257 } 258 259 .unclickable, 260 .unclickable a { 261 -webkit-tap-highlight-color: transparent !important; 262 -webkit-user-select: none !important; 263 user-select: none !important; 264 } 265 266 code { 267 color: var(--text-code-color); 268 font-family: var(--code-font-family); 269 font-size: .9em; 270 word-break: break-all; 271 } 272 273 :not(pre)>code::after, 274 :not(pre)>code::before { 275 content: '`'; 276 } 277 278 .aplayer *, 279 .dplayer * { 280 -webkit-tap-highlight-color: transparent; 281 } 282 283 .aplayer { 284 box-shadow: none !important; 285 min-height: 66px; 286 } 287 288 .aplayer-author { 289 display: none; 290 } 291 292 .dplayer-setting-box-speed { 293 padding: 0 !important; 294 } 295 296 .readme { 297 display: none; 298 margin-top: 1.5rem !important; 299 padding: 1rem; 300 background-color: var(--bg-items-color) !important; 301 box-shadow: var(--shadow-items) !important; 302 border-radius: 8px; 303 } 304 305 .markdown-body { 306 box-sizing: border-box; 307 margin: 0 auto; 308 padding: 0; 309 background-color: transparent !important; 310 } 311 312 .markdown-body code { 313 color: currentColor; 314 } 315 316 .markdown-body :not(pre)>code::after, 317 .markdown-body :not(pre)>code::before { 318 content: ''; 319 } 320 </style> 321 <link href="https://fastly.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"> 322
322<script src="https://fastly.jsdelivr.net/npm/@badrap/[email protected]/dist/index.umd.js"></script>
322 323</head> 324 325<body> 326 <nav id="navbar"> 327 <div class="brand">Mizore's OneDrive</div> 328 </nav> 329 <div class="container " id="app"> 330 <div class="breadcrumb hide" id="breadcrumb"></div> 331 <div class="items hide" id="list"></div> 332 <div class="readme" id="readme"></div> 333 <div class="button-container" id="btn"></div> 334 </div> 335 <div id="flex-container" style="flex-grow: 1;"></div> 336 <footer id="footer"> 337 <p>Powered by <a href="https://github.com/0wQ/onedrive-list" target="_blank">onedrive-list</a>, 338 hosted on <a href="https://vercel.com" target="_blank">Vercel</a>.</p> 339 </footer> 340
340<script> 341 function appHeight() { 342 const doc = document.documentElement 343 doc.style.setProperty('--vh', (window.innerHeight * .01) + 'px') 344 } 345 window.addEventListener('resize', appHeight) 346 appHeight() 347 </script>
347 348
348<script src="/app.js" async></script>
348 349</body> 350 351</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.