In case you can't reach hfstest.ath.cx or can't get across the login screen
(comeon, you always should look into the source!), here is the actual code of the Grey.tpl.
Backup your actual hfs.tpl and replace the actual code with the code below. But remember to have created at least one account in HFS: Menu : Other options : Users... to be able to login.
As you can see, I tried to paste the code as comment into the source, but failed. Maybe I missed some HTML special commands to do so. Help is welcome!<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>HFS Grey</title>
<style type="text/css">
%style%
</style>
</head>
<body>
%login-link%
%loggedin%
<br>
</body>
</html>
[style]
A { text-decoration:none; background-color:Transparent; color:#ff9900; font-size:10pt; font-weight: bold; }
A:visited { color:#ff9900; }
A:hover { color:#ffffff; }
body {
margin:1% 3% 1% 3%;
color:#ffffff;
background-color:#808080;
padding:15px;
}
div.body {
margin:0px;
border: 2px outset #808080;
background:#808080;
padding:15px;
}
body, .row {
color: #000000
}
body, .button, .big, .little, th, comment {
font-family:tahoma, verdana, arial, helvetica, sans;
font-weight:normal;
font-size:10pt;
color:#ffffff;
}
.button {
padding:5px;
padding-top:7px;
border:2px outset #808080;
background:#808080;
font-size:8pt;
font-weight:bold;
}
.comment {
font-size:8pt;
color:#FFFFFF;
background:#666666;
padding:3px;
border:1px outset #8f8f8f;
margin-top:3px;
margin-left:20px;
margin-right:20px;
margin-bottom:3px
}
.column {
color:#FA9334;
font-size:13pt;
font-weight:bold;
padding-bottom:0;
}
.row {
color: #ffffff;
font-size:10pt;
background:#666666;
border:1px solid #666666;
border-bottom: 0px inset #666666;
}
.flag {
font-weight:bold;
font-size:8pt;
background:white;
color:red;
text-align:center;
border:1px solid red;
}
p { margin:0 }
.text {
color:#FFFFFF;
}
.big {
text-align:center;
font-size:14pt;
font-weight:bold;
color:#FFFFFF;
}
.little {
font-size: 8pt;
color:#FFFFFF;
}
img { border: 1px outset #8f8f8f; background-color: #808080 }
[login-link]
<div class=body>
<div style="border: 2px none rgb(128, 128, 128); text-align: center;"><br>
</div>
<br>
<div style="text-align: center;"><big><big><big><big><big><big><a href="/~login"><span style="font-weight: normal; color: rgb(255, 153, 0);">
<big><big><big><big><big><big><b><u><br>%host%<br></u></b></big></big></big></big></big></big></span></a></big></big></big></big></big></big><br><br>
<big><big><big>Powered by HFS %version% & GreyTemplate 1.0<br><br><br>
</big></big></big>
</div></div>
<br><hr><br>
<div class=body>
<big><br><b>Run your own server? You can, just do it!</b></big><br><br>
Check <a href="http://www.rejetto.com">www.rejetto.com</a> for HFS to run a LAN- or webserver within minutes. HFS is easy, small, free and opensource.
Just drag & drop and click & go!<br><br>
<big><br><b>What is needed? Not much more than you already have!</b></big><br><br>
Internet or LAN access, WinXP, a browser, hfs.exe 2.0 and your brain to start with. That's all.
Run it 24/7 or just for some minutes, from your hard disk or from a memorystick ... just serve it.<br><br>
<big><br><b>Is it possible to change the lay-out? Yes, just edit the template!</b></big><br><br>
But share it please! If you don't have some time to kill, use the default or get a ready-to-go template.<br><br>
<big><br><b>What if I need help? Ask!</b></big><br><br>
Drop your questions at <a href="http://www.rejetto.com/forum/">www.rejetto.com/forum/</a>. But please, read the FAQ's and use your brain first!<br><br>
<hr>
<big><br><b>About</b></big><br><br>
The underlying <i>GreyTemplate 1.0.tpl</i> is based on Mr. Anon's <i>Beta_Black_Template_v3_hfs.tpl</i>. <br><br>
It was created as a default for general purpose. For this reason it is W3C compliant, contains no javascript or frames and is "best viewed in any browser".
Intentionally, special functions as list, autorefresh, dl-counter and other whistles and bells were removed.
The lay-out is intended to be more or less selfexplaining.<br><br>
The major change is the separation of the file system: Every visitor will see a "public" homepage first: the page you are reading right now.
For entering the filesystem, at least one account has to be created in order to login. By default this account is Guest : Guest for general public access.
For non-public areas more accounts can be created.<br><br>
In order to start HFS with full general purpose defaults, HFS_General Purpose_Default.zip can be created.
It should contain the actual hfs.exe, default_Grey_.ini, default_Grey.vfs, GreyTemplate 1.0.tpl and some default files and directories. Extract, start HFS, drag & drop your files and go!<br><br>
Because I strongly support the principle of opensource and sharing for non-commercial purposes, feel free to use the GreyTemplate for <u>non-commercial</u> use. The source is in the source.<br><br>
Please take notice that the code for the GreyTemplate is far from perfect. Especially the style part needs improvement. Any suggestions, recommendations and questions are highly appreciated.<br><br>
<big><br><b>Disclaimer</b></big><br><br>
Visiting this site and or using the code or files found on this site is on your own risk. No liability, guaranty or whatsoever. Take it or leave it!<br><br>~GeeS~ (L) 12/2005 <br><br>
</div>
[loggedin]
<div class=body>
<h1>Index.of./</h1>
Search, find, evaluate ...
<div style="text-align: right;"><big><big><span style="font-style: italic;">%user%'s Account<big> </big> </span></big></big></div>
</div>
<br><hr><br>
<div class=body>
<div style="text-align: left;"><big><big><span style="font-style: italic;">Current Server Location</span></big></big>%upload-link%</div>
<div>
<div style='font-size:10pt; color:#ffffff; background:#666666; padding: 5px 3px 3px 10px; border:2px inset #808080; border-bottom:2px inset #808080; margin-top:2px;'>
%up%<a href="/~progress" target="_blank"><img align=top src="/~img10" alt="Open Server Status Window"></a>
<b> %host%%folder%</b>
%folder-comment%
</div>
<br>
<big><big><span style="font-style: italic;">Available Links, Folders & Files</span></big></big><div>
<div>
%files%
</div>
<br>
<br>
</div></div></div>
[upload-link]
<big><big><span style="font-style: italic;"> is Upload Enabled with %diskfree% Free Space<big> </big></span></big></big><a href="%encoded-folder%~upload" target="_blank"><img align=bottom src="/~img32" alt="Open Upload Form Window"></a>
[up]
<a href="/" ><img align=top src="/~img1" alt="Go Home"></a>
<a href="%parent-folder%" ><img align=top src="/~img14" alt="Go Back"></a>
[nofiles]
<div style='color:#808080; background:#666666; padding:3px; border:2px inset #808080; border-bottom:2px inset #808080; margin-top:2px;'>
<div class=big><i>*** This Folder is Currently Empty or Hidden for %user% ***</i></div></div>
[files]
<div style='color:#808080; background:#666666; padding:3px; border:2px inset #808080; border-bottom:2px inset #808080; margin-top:2px;'>
<table width=700px>
<tr>
<th width=400px><a href="%encoded-folder%?sort=n"><span class=column>%number-folders% Subfolders & %number-files% Files</span></a><br>
<th><a href="%encoded-folder%?sort=s"><span class=column>%total-size% Total</span></a><br>
<th><a href="%encoded-folder%?sort=t"><span class=column>Filetime</span></a><br>
</tr>
%list%
<br>
</table></div>
[newfile]
<span class=flag> NEW </span>
[file]
<tr><td class=row>%new% <a href="%item-url%"><img align=top src="/~img_file" alt="Download File"> %item-name%</a>%comment%<td align=center class=row>%item-size%<td align=center class=row>%item-modified%
[folder]
<tr><td class=row>%new% <a href="%item-url%"><img align=top src="/~img_folder" alt="Open Folder"> <b>%item-name%</b></a>%comment%<td colspan=2 align=center class=row><i><b>Subfolder</b></i><align=center class=row>
[link]
<tr><td class=row>%new% <a href="%item-url%"><img align=top src="/~img_link" alt="Go to Link"> <b>%item-name%</b></a>%comment%<td colspan=3 align=center class=row><i><b>Link</b></i>
[comment]
<div class=comment>
%item-comment%</div>
[folder-comment]
<div class=comment>
%item-comment%</div>
[upload]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Upload Form for: %folder%</title>
<style type="text/css">
%style%
</style>
</head>
<body>
<h1>Send Your Files ...</h1>
"The web was made for sharing ... "
<hr><br>
<div class=body>
<div style="text-align: left;"><big><big><span style="font-style: italic;">Upload Destination</span></big></big><br>
<div style='font-size:10pt; color:#ffffff; background:#666666; padding: 5px 3px 3px 10px; border:2px inset #808080; border-bottom:2px inset #808080; margin-top:2px;'>
<img align=top src="/~img32" alt="Upload Files to this Destination"><b> Server%folder%</b>
%folder-comment%
</div>
<br>
<div style="text-align: left;"><big><big><span style="font-style: italic;">File Selection</span></big></big>
<div style="color:#808080; background:#666666; padding: 5px 3px 3px 10px; border:2px inset #808080; border-bottom:2px inset #808080; margin-top:2px;">
<div class=text> </div>
<div style='margin-left:20px;'>
<form name=frm action="%encoded-folder%" target=_parent method=post enctype="multipart/form-data" onSubmit="frm.upbtn.disabled=true; return true;">
<input name=fileupload1 size=100 type=file style="class=text color:#ffffff; background:#808080; border:1px inset #808080; border-bottom:1px inset #808080;">
<input name=fileupload2 size=100 type=file style='class=text color:#ffffff; background:#808080; border:1px inset #808080; border-bottom:1px inset #808080;'>
<input name=fileupload3 size=100 type=file style='class=text color:#ffffff; background:#808080; border:1px inset #808080; border-bottom:1px inset #808080;'>
<input name=fileupload4 size=100 type=file style='class=text color:#ffffff; background:#808080; border:1px inset #808080; border-bottom:1px inset #808080;'>
<input name=fileupload5 size=100 type=file style='class=text color:#ffffff; background:#808080; border:1px inset #808080; border-bottom:1px inset #808080;'>
<br><br>
<input name=upbtn type=submit class=button value="Send Files" style="border-style:outset; border-width:2px; font-weight: bold; color: #f808080; background-color: #808080"></form>
</div>
<div class=text>
<a href="/~progress" target="_blank"><img align=top src="/~img10" alt="It's safe to open & close the Transfer Progress Window"></a><b> Please wait for upload confirmation. Closing or refreshing the upload window will abort the upload process !</b>
<br><br>
</div>
</div>
</div>
</div>
<br>
<a href="#" onclick="window.close();" style="float:right;"><img align=bottom src="/~img9" alt="WARNING: Close Window & Abort Upload !"><img border=0 align=bottom src="/~img21" alt="Are you sure ?"></a>
<br>
</div>
<br>
</div>
</body>
</html>
[upload-results]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Upload Confirmation</title>
<style type="text/css">\n%style%\n</style>
</head>
<body>
<h1>Thanks For Waiting!</h1>
Close this window and send more :-)
<hr><br>
<div class=body>
<div style="text-align: left;"><big><big><span style="font-style: italic;">Sent To</big></big></span>
</div>
<div style='font-size:10pt; color:#ffffff; background:#666666; padding: 5px 3px 3px 10px; border:2px inset #808080; border-bottom:2px inset #808080; margin-top:2px;'>
<img align=top src="/~img32" alt="Upload Destination"><b> Server%folder%</b>
%folder-comment%
</div>
<br>
<div style="text-align: left;"><big><big><span style="font-style: italic;">Files</span></big></big>
<div style="color:#ffffff; background:#666666; padding: 15px 3px 3px 10px; border:2px inset #808080; border-bottom:2px inset #808080; margin-top:2px;">
<div style='margin-left:20px;'>
%uploaded-files%
<br></div></div></div><br>
<a href="#" onclick="window.close();" style="float:right;"><img border=0 align=bottom src="/~img21" alt="Close window"></a>
<br></div><br></div>
</body>
</html>
[upload-success]
<li><b>SUCCESS! </b> Uploaded <b>%item-name%</b> --- %item-size% with %speed% kB/s <br>
[upload-failed]
<li><b>FAILED! </b> Error uploading <b>%item-name%</b> --- %reason%<br>
[progress]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Server Snapshot</title>
<style type="text/css">
%style%
.filename { font-weight:bold; font-size:10pt; }
.bytes { font-size:10pt; padding: 3px 3px 3px 3px}
.perc { font-size:12px; vertical-align:middle; }
.out_bar { width:100px; font-size:10px; background:#808080; border: #808080 1px inset; margin:5px 5px 5px 0px; }
.in_bar { height:12px; background:white; color:white; }
div.body { margin-left:0; margin-right:0; }
body { padding:15px; }
</style>
</head>
<body>
<h1>Server Snapshot</h1>
Press <b>Refresh</b> or <b>F5</b> to update<br>
<hr><br>
<div class=body>
<div style="text-align: left;"><big><big><span style="font-style: italic;">Active Transfers on Server on %timestamp%</span></big></big>
</div>
<div align="center">
<div style="background:#666666; color:#FFFFFF; border:2px inset #808080; width:100%;"><br>
<div style="text-align:center;">
<br>
</div>
<div align="center"><img src="/~img_graph600x50" style="border:#808080 inset 2px;" alt="Pink_Out Yellow_In"></div>
<br>%connections% Connections with %speed-in% kB/s Incoming and %speed-out% kB/s Outgoing Data<br>
<br>
</div>
</div>
<br><br>
<div class=body style="background:#666666; color:#FFFFFF; border:2px inset #808080; width:100%;">
%progress-files%
</div>
<br>
<a href="#" onclick="window.close();" style="float:right;"><img border=0 align=bottom src="/~img21" alt="Close Window"></a>
<br></div><br>
</body>
</html>
[progress-nofiles]
<div align="center" class=big><i>*** No File Transfers Active for %user% ***</i></div>
[progress-download-file]
<div align="left">
<span class=flag> DOWNLOADING </span>
<span class=filename><b> %filename%</b></span>
<div class=text> %done% of %total% bytes transferred / Current Download Speed: %speed-kb% kB/s</div>
<div class=out_bar><div class=in_bar style="width:%perc%px"></div></div><span class=perc>%perc%% completed</span>
</div><br><br>
[progress-upload-file]
<div align="left">
<span class=flag> UPLOADING </span>
<span class=filename><b> %filename%</b></span>
<div class=text>%done% of %total% bytes transferred / Current Upload Speed: %speed-kb% kB/s</div>
<div class=out_bar><div class=in_bar style="width:%perc%px"></div></div><span class=perc>%perc%% completed</span>
</div><br><br>
[error-page]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Error</title>
<style type="text/css">
<style>%style%</style>
</head>
<body>
<div class=body>
%content%
<hr><br>
</div>
</body>
</html>
[not found]
<div class=text>
<h1>HTTP 404 - Not Found!</h1>
<a href="/">Main Page - Index</a>
</div>
[max contemporary downloads]
<div class=text>
<h1>Download Limit!</h1>
The number of contemporary downloads is limited on this server. This limit has been reached.
Please retry later.
</div>
[overload]
<div class=text>
<h1>Server Busy!</h1>
Please retry later.
</div>
[unauthorized]
<div class=text>
<h1>Unauthorized!</h1>
This is a protected resource. Your username/password could not be verified.
</div>
[deny]
<div class=text>
<h1>Access Denied!</h1>
This is a protected resource. You do not have the permission access this resource.
</div>
[ban]
<div class=text>
<h1>Banned!</h1>
You are banned from this server with the reason of: %reason%
</div>
