Responsive small screen template

[Fysack]

halloween has enchanted the date 
show relative date as
/
Its photoshopped 

[dj]

(deleted)

Could you help me do only-on-demand thumbnails for this version of Throwback?

Replace

Code: [Select]

document.addEventListener("DOMContentLoaded", function() {with

Code: [Select]

document.addEventListener("click", function(e) {if(!e.target.href||!e.target.href.endsWith('.jpg')) return;e.preventDefault();or (with a extra button)

Code: [Select]

document.querySelector('#mylazyloadbutton').addEventListener("click", function() {

[Fysack]

danny.. dj.. hardcore.. 

[dj]

Mobil-Light with several add-ons pre-installed. 
Mint theme, and a new hfs.filelist.tpl which provides short-date.

Why hide time on large screens?
I recommend to use formatmodified instead of changing hfs.filelist.tpl

[dj]

But, just imagine that full file thumbnails ARE needed via mobile data, but only as needed.

In lazyimages for V5.4 full file thumbnails are also shown on mobile, if they are cached

Show a image, refresh folder and you will see the thumbnail.
Or load a page on wifi, then turn wifi off (go to mobile), refresh and you will see thumbnails.
This works currently only in FF for Android, because Chrome native lazy load.
I've re-uploaded file, which also works with Chrome Android.

P.S. Edge79 (I don't have it yet) supports native lazy loading via flag

Edit: Listen to music offline

load the music folder over WiFi with urlvar /?cacheAll=1
then jogging in a forest without cell phone reception and listen to music
and let others know in advance where you go

Edit: Select songs for playlist
queue_audio will build-in in next version (probably in mid-February)

Edit: Review: MP_theme is a clone from dannys Throwback

[danny]

...Edit: Review: MP_theme is a clone from dannys Throwback

See the attached file.  It has the looks and it has your older music player which is far-out better for music. I like it ever so much. 

[dj]

changelog:
select songs, topbanner

[danny]

Here's a css color icon example, which looks similar on both Firefox and Chrome.

\FE0E turns off the Firefox emoticon feature, so that you can theme the icon.
The ;color: is for Chrome, so that it doesn't monochrome all of the icons.

If those are used together, that icon appears the same on firefox/chrome/edge/opera, etc...
Or, if the Firefox emoticon is useful, Chrome still needs the color.

Code: [Select]

li a[href$="/"]::before {content:"\1f4c1\FE0E  ";color:#FB0}
a[href*="."]::before {content:"\1f4c4  ";color:#BCC}
a[href$=".jpg"]::before, a[href$=".jpeg"]::before, a[href$=".webp"]::before, a[href$=".png"]::before, a[href$=".gif"]::before{content:"\1f4f7  ";color:black}
a[href$=".mp3"]::before, a[href$=".aac"]::before, a[href$=".m4a"]::before, a[href$=".ogg"]::before {content:"\1f50a\FE0E  ";color:green}
a[href$=".mp4"]::before, a[href$=".avi"]::before, a[href$=".webm"]::before, a[href$=".mkv"]::before {content:"\1f4fa  ";color:teal}
a[href$=".tar"]::before, a[href$=".rar"]::before, a[href$=".7z"]::before, a[href$=".zip"]::before {content:"\1f381  ";color:brown}
a[href$=".exe"]::before, a[href$=".vbs"]::before, a[href$=".bat"]::before, a[href$=".ps1"]::before, a[href$=".js"]::before, a[href$=".apk"]::before {content:"\1f537  ";color:#5AE}
nav a[href*="."]::before {content:""}
img+div a[href$=".jpg"]::before, a[href$=".jpeg"]::before, a[href$=".webp"]::before, a[href$=".png"]::before, a[href$=".gif"]::before{content:""}It is an efficient solution, utilizing icons already present in the client.

[dj]

if you need more file-icons

Code: [Select]

[+]
<script>
var style = document.createElement('style')
style.innerHTML = `
li a::before {font: normal normal normal 16px/1 FontAwesome; color:black}
a[href$=".xls"]::before {content:"\\f1c3  "}
a[href$=".pdf"]::before {content:"\\f1c1  "}
a[href$=".doc"]::before {content:"\\f1c2  "}
`
document.head.appendChild(style)

var style = document.createElement('link')
style.rel='stylesheet'
style.href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'
document.head.appendChild(style)
</script>


[dj]

number multiple files and optional add random digits for security

[dj]

form based login with browser login popup bypass

you need additional add autologin_b4 (or Alternative login form v2.0 and change ~loginb to ~box%20login)

Review
bundled is nothing new, but (almost) all in one

[dj]

This will probably go to next version (will come after HFS2.4rc5 beta)

3 files removed: use mobil-light_V5.5.1.zip
Review
bundled is nothing new. Logout works with hfs24rc5(pre05)

[dj]

changelog: added logout, autologin, unicode, ⚿

autologin and sha works with hfs2.4beta1 (use /~login for old 2.4rc4)
as requested also on github

now working on copyURLwithpassword in browser

hfs.diff.md5.tpl removed: use sha256.diff.tpl

« on: Thu, 21 May 2020

began adding my older addons to github
files beginning with a capital letter works also with the default(2.4) template

sha256.diff.tpl removed: use mobil-light_V5.5.3.zip and hfs24beta05

the only mobile-friendly template, who isn't stickyed ツ

[rejetto]

i just saw this message "Add hfs.filelist.tpl from zip to folder, that contains hfs.exe"
why don't you copy it automatically?

[rejetto]

there is a problem with next hfs release when enabling "include password in pages".
Check that if you have time.

This whole system icons thing in HFS is a waste, i'll probably change it in the default template asap.

By the way, you are doing a great job keeping up to date