![]() System : Linux absol.cf 5.4.0-198-generic #218-Ubuntu SMP Fri Sep 27 20:18:53 UTC 2024 x86_64 User : www-data ( 33) PHP Version : 7.4.33 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, Directory : /var/www/html/libs/absol-acomp/demo/ |
Upload File : |
<!DOCTYPE html> <html> <head> <title>QuickPath</title> <meta charset="UTF-8"> <link rel="stylesheet" href="https://absol.cf/hightlight/styles/default.css"> <!-- <link rel="stylesheet" href="https://absol.cf/materialdesignicons/materialdesignicons.min.css"> --> <script src="../dist/absol-acomp.js?<?php echo stat('../dist/absol-acomp.js')['mtime'];?>"></script> <script src="https://absol.cf/hightlight/highlight.pack.js"></script> <style> .dark.bg { background-color: rgba(30, 30, 32, 1); /* background-color: white; */ } .bg { padding-top: 10em; padding-bottom: 10em; border: solid 1px rgb(30, 30, 32); } </style> </head> <body> <div style="height: 30em"></div> <div class="demo-row dark bg"></div> <div class="demo-row light bg"></div> <div style="height: 30em"></div> <script class="viewable"> var path = [ { name: "My Computer", items: [{ name: "My Computer" }, { name: "Dropbox" }, { name: "OneDrive" }] }, { name: "D", items: [{ name: "D" }, { name: "E" }, { name: "F" }] }, { name: "Book", iconSrc: 'https://absol.cf/exticons/extra/folder.svg', items: [ { name: "Book" }, { name: "Soft" }, { name: "Hardware" }, { name: "Driver" }, { name: "temp" } ] }, { name: "Commic", iconSrc: 'https://absol.cf/exticons/extra/folder-photo.svg', items: [ { name: "Manga", iconSrc: 'https://absol.cf/exticons/extra/folder-image.svg' }, { name: "Commic", iconSrc: 'https://absol.cf/exticons/extra/folder-photo.svg' }, { name: "Romantic", iconSrc: 'https://absol.cf/exticons/extra/folder-video.svg' } ] } ]; absol._({ tag: 'quickpath', style: { fontSize: '1em' }, props: { path: path } }).addTo(absol.$('.demo-row.dark.bg')); absol._({ tag: 'quickpath', style: { fontSize: '1em' }, props: { path: path } }).addTo(absol.$('.demo-row.light.bg')); </script> <script src="https://absol.cf/absol/demo/autohightlighting.js"></script> </body> </html>