vestride / fancy-index Goto Github PK
View Code? Open in Web Editor NEWA responsive Apache index page.
License: MIT License
A responsive Apache index page.
License: MIT License
I suceffully installed this on my website. It's very beaufiful now, so thank you but the columns titles aren't showing properly and the page title isn't showing, please check it by yourself and apply a fix:
http://dl.hotcube.xyz/
Thanks
-vrack
Please build for Litespeed and Nginx
Hi Vestride, wondering if you could help me to modify your code to add an select box icon before the file type icon to be able to download many files at the same time (maybe in a zipped folder).
Thanks
-vrack
as it sends this http header
Content-Type: text/html;charset=ISO-8859-1
on my server by default, but filesystem supports utf-8 names.
After adding Charset=utf-8 the server spits this http header:
Content-Type: text/html;charset=utf-8
The metatag
<meta charset="utf-8">
in header.html is ignored by browser in favor of http header value.
On a shared server mod_autoindex does not put the classes into the th and td tags.
So no class indexcolname:
const nameColumns = Array.from(document.querySelectorAll('tbody .indexcolname'));
My workaround for current fancy-index:
const nameColumns = Array.from(document.querySelectorAll('tbody td:nth-child(1)'));
Hello @Vestride
I tried installing your plugin but Somehow all the styles were not working. It was displaying just like that previous ulgy index thing.
Can you please help me install this?
I wan to install it in a subdirectory (FOLDER) e.g:
Please help me. Thank you.
Hello,
Is it possible to add epub and pdf in #SPECIFIC FILE ICONS and #FILE DESCRIPTION ?
Thanks
Is there a way that we can delete or hide the subdomain from the title?
But the subfolders names should show up after clicking on the folders?
Is this possible?
for more understanding I did a screenshot for what I mean:
https://s19.directupload.net/images/200125/k3l85ow8.png
thanks.
I had to make that replacement in .htaccess on apache 2.4.
Thanks for the cool stuff! Love it.
so it does not break layout on small displays.
tbody td {word-break:break-all;}
example: touch longfilenameeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee.txt
If window.location.pathname
has URI-encoded components (like %20
for spaces), then the title comes out quite ugly (and titleize()
) doesn't work as intended. Using decodeURI(window.location.pathname.replace(/\/$/g, ''))
solves it.
Personally, I got rid of the toLowerCase()
titleize()
altogether.
I already have a website at say http://example.com hosted from /var/www/html/
If I place a folder called notes inside /var/www/html/notes and clone fancy-index inside notes/, then copied .htaccess from fancy-index to /var/www/html/ and restarted apache, things should start working right?
But they are not. I also added a staged this folder inside /etc/apache2/apache2.conf as follows:
<Directory /var/www/html/notes>
AllowOverride All
Options Indexes MultiViews FollowSymlinks
Require all granted
Any idea what's going on?
As you can see the last modified time is counting down in seconds rather than showing a meaningful time.
As this is for fancy index styling it should absolutely have a fancy darkmode. I suggest using the prefers-color-scheme
media-query (see https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme) like so:
@media (prefers-color-scheme: dark) {
/* do the dark stuff */
}
Maybe I'll find some time the next days to do a proper PR...
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.