Add header graphic to i2psnark and fill out the panel colors a touch.

This commit is contained in:
z3d
2009-07-23 04:28:28 +00:00
parent 0aae2deb58
commit 9bbbccee1a
3 changed files with 62 additions and 8 deletions

View File

@ -80,12 +80,11 @@ public class I2PSnarkServlet extends HttpServlet {
PrintWriter out = resp.getWriter();
out.write(HEADER_BEGIN);
// we want it to go to the base URI so we don't refresh with some funky action= value
out.write("<meta http-equiv=\"refresh\" content=\"60;" + req.getRequestURI() + peerString + "\">\n");
out.write("<meta http-equiv=\"refresh\" content=\"300;" + req.getRequestURI() + peerString + "\">\n");
out.write(HEADER);
out.write("</head><body>");
out.write("<div class=\"page\"><table border=\"0\" width=\"100%\"><tr><td align=\"center\" valign=\"top\" class=\"snarkTitle\">I2PSnark<br>Anonymous BitTorrent Client for I2P<hr /></hr></td></tr>");
out.write("<tr><td align=\"center\"><a href=\"" + req.getRequestURI() + peerString + "\" class=\"snarkRefresh\">Refresh</a>");
out.write(" | <a href=\"http://forum.i2p/viewforum.php?f=21\" class=\"snarkRefresh\">Forum</a>\n");
out.write("<div class=\"page\"><table border=\"0\" width=\"100%\"><tr><td align=\"center\" class=\"snarkTitle\"><a href=\"" + req.getRequestURI() + peerString + "\" title=\"I2PSnark (Manual Page Refresh)\"><img src=\"/themes/console/images/i2psnark.png\" alt=\"I2PSnark Anonymous BitTorrent Client\" border=\"0\"></a><hr>");
out.write("<a href=\"http://forum.i2p/viewforum.php?f=21\" class=\"snarkRefresh\">Forum</a>\n");
Map trackers = _manager.getTrackers();
for (Iterator iter = trackers.entrySet().iterator(); iter.hasNext(); ) {
Map.Entry entry = (Map.Entry)iter.next();
@ -95,7 +94,7 @@ public class I2PSnarkServlet extends HttpServlet {
if (e < 0)
continue;
baseURL = baseURL.substring(e + 1);
out.write(" | <a href=\"" + baseURL + "\" class=\"snarkRefresh\">" + name + "</a>");
out.write("<a href=\"" + baseURL + "\" class=\"snarkRefresh\">" + name + "</a>");
}
out.write("</table>\n");
out.write("<div class=\"section\"><div class=\"snarkMessages\"><table><tr><td valign=\"top\" align=\"left\"><pre>");
@ -491,7 +490,7 @@ public class I2PSnarkServlet extends HttpServlet {
if (remaining == 0)
out.write("<a href=\"" + _manager.linkPrefix() + snark.meta.getName()
+ "\" title=\"Download the completed file\">");
+ "\" title=\"Click to access completed downloaded..\">");
out.write(filename);
if (remaining == 0)
out.write("</a>");

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

View File

@ -2,7 +2,7 @@ body {
background-color: #eef;
color:#001;
font-family:"Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
font-size: 9pt;
font-size: 8pt;
}
.snarkTitle {
@ -15,6 +15,22 @@ body {
font-size: 9pt;
}
.snarkRefresh {
border: 1px outset #001;
padding: 1px 10px;
background: #ffb;
text-decoration: none;
border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
font-size: 9pt;
font-weight: bold;
margin: -10px 3px 0 3px;
text-align: center;
vertical-align: middle;
text-transform: uppercase;
}
.snarkMessages {
background-color: #fe9;
font-family: "Lucida Console", "DejaVu Sans Mono", Courier, mono !important;
@ -30,6 +46,8 @@ body {
border-radius: 4px;
border: 2px inset #770;
text-align: center;
overflow-x: scroll;
background: #ddf url('../console/light/images/lightbluetile.png');
}
pre {
@ -50,6 +68,8 @@ th {
background-color: #f91;
padding: 5px;
font-size: 9pt;
border-top: 1px outset #001;
border-bottom: 1px inset #001;
}
.SnarkTorrents {
@ -89,7 +109,7 @@ td {
background-color: #fff;
color:#001;
margin: 20px;
padding: 0 20px 5px 20px;
padding: 10px 20px 5px 20px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
@ -98,6 +118,7 @@ td {
line-height: 160% !important;
-moz-box-shadow: inset 0px 0px 1px 0px #002;
text-align: center;
background: #ddf url('../console/light/images/sandtile.png');
}
form {
@ -133,4 +154,38 @@ div.section {
-moz-box-shadow: inset 0px 0px 1px 0px #002;
word-wrap: break-word;
text-align: center;
}
a:link{
color: #830;
text-decoration: none;
font-weight: bold;
word-wrap: break-word;
}
a:visited{
color: #606;
text-decoration: none;
font-weight: bold;
}
a:hover{
color: #f60;
font-weight: bold;
}
input {
/* font-family: "Lucida Console", "DejaVu Sans Mono", Courier, mono !important;*/
font-size: 9pt;
font-weight: bold;
text-align: left;
padding: 2px;
}
select {
font-family:"Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
background-color: #ffe;
color: #310;
font-size: 9pt;
}
}