|
Server IP : 172.19.0.3 / Your IP : 216.73.216.178 Web Server : Apache/2.4 System : Linux 880f91b28fd7 5.15.0-117-generic #127~20.04.1-Ubuntu SMP Thu Jul 11 15:36:12 UTC 2024 x86_64 User : tomlinde ( 155017) PHP Version : 5.6.40 Disable Function : dl, syslog, opcache_get_status MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0700) : /home/webpages/lima-city/tomlinde/html/Server_TOMPC/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] | [ Lock Shell ] | [ Logout ] |
|---|
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="copyright" content="Tom Lindemann http://www.toms-web-design.de"/>
<meta name="date" content="2011-04-25"/>
<meta name="language" content="German, de, deutsch"/>
<link rel="shortcut icon" type="image/x-icon" href="image/favicon.ico" />
<link rel="stylesheet" type="text/css" href="style.css"/>
<style>
#canvas {
position: absolute;
top: 30px; left: 0px;
/*width: 50%; height:50%;*/
}
</style>
</head>
<body>
<img src="image/palmtable.jpg" id="bg" />
<div id="content1">
<h1>Willkommen auf Toms-Webserver</h1>
<div id="container">
<div id="menu">
<ul>
<li><a>LOCALHOST</a></li>
<li><a href="http://localhost/program/firmenbuch/website/index.php?page=home" target="_blank">Firmenbuch</a></li>
<li><a href="http://localhost/program/branchenverzeichnisCH/HP/index.php" target="_blank">Brachenverzeichnis CH</a></li>
<li><a href="http://localhost/program/branchenverzeichnisNL/website/index.php" target="_blank">Brachenverzeichnis NL</a></li>
<li><a href="http://localhost/program/dermatologika.de/website/index.php?page=start" target="_blank"><span>Dermatologika</span></a></li>
<li><a href="http://localhost/Hardkopf/HPDATA/index.php" target="_blank"><span>GMS</span></a></li>
<li><a href="http://localhost/program/webdesign/de/index.php" target="_blank"><span>Toms-web-design</span></a></li>
<li><a href="http://localhost/program/webdesign/en/index.php" target="_blank"><span>Toms-web-design EN</span></a></li>
<li><a href="./Diamondecondo/gallery/index.php" target="_blank"><span>diamonde-condo.info.ms</span></a></li>
<li><a href="http://localhost/Tresore/website/index.php" target="_blank"><span>Tresore</span></a></li>
<li><a href="http://localhost/Juliane-Janus-Design/website102012/index.php" target="_blank">JJD</a></li>
<li><a href="http://localhost/HP/AJHP/AJHP/AJHP/index.php" target="_blank">Apartment-J</a></li>
<li><a href="http://localhost/7sale_neu/website/index.php" target="_blank">7sale</a></li>
<li><a href="http://localhost/PHP_Playground/test/uc14.php" target="_blank">PHP Übung C14</a></li>
<li><a href="http://www.mediaevent.de/tutorial/farbcodes.html" target="_blank">css-Farbcodes</a></li>
<li><a href="http://openbook.galileocomputing.de/php4/kapc.htm" target="_blank">PHP-lernen C</a></li>
<li><a href="http://localhost/delete-service.com/website/index.php" target="_blank"><span>Delete-Service</span></a></li>
<li><a href="http://localhost/program/webdesign/roh/captcha/captcha02.php" target="_blank"><span>Capcha Roh</span></a></li>
<li><a href="http://localhost/program/webdesign/de/contact/newsletter.php" target="_blank"><span>Newsletter form</span></a></li>
<li><a href="http://localhost/ThePhig_Bildergalerie/index.php" target="_blank"><span>ThePhig_Bildergalerie</span></a></li>
<li><a href="./Coppermine_Bildergalerie/index.php" target="_blank"><span>Coppermine_Bildergalerie</span></a></li>
<li><a href="about:blank" target="_blank"><span>leere Seite</span></a></li>
<li><a href="http://localhost/banner.htm" target="_blank"><span>Banner</span></a></li>
<li><a href="http://localhost/Hetzner/tomswebdesign/index.php" target="_blank"><span>Toms-web-design</span></a></li>
<li><a href="./program/Icegallery/index.php" target="_blank"><span>Ice Galerie</span></a></li>
<li><a href="./Coppermine_Bildergalerie/index.php" target="_blank"><span>Toms Coppermine</span></a></li>
<li><a href="./vikee/galery/index.php" target="_blank"><span>vikee</span></a></li>
</ul>
</div>
<h1>Internet</h1>
<div id="menue">
<div class="buton" style="background-image:url('image/Toms150redm0.png');background-repeat:no-repeat;">
<a href="http://www.toms-Web-Design.de" target="_blank">
<p><br/><br/><br/><br/>
</p>
</a>
</div>
<div class="buton" style="background-image:url('image/leo01.png');background-repeat:no-repeat;">
<a href="http://dict.leo.org/ende?" target="_blank">
<p><br/><br/><br/><br/>
</p>
</a>
</div>
<div class="buton" style="background-image:url('image/google03.png');background-repeat:no-repeat;">
<a href="http://www.google.de" target="_blank">
<p><br/><br/><br/><br/>
</p>
</a>
</div>
<div class="buton" style="background-image:url('image/facebook-logon.png');background-repeat:no-repeat;">
<a href="http://facebook.com" target="_blank">
<p><br/><br/><br/><br/>
</p>
</a>
</div>
<div class="buton" style="background-image:url('image/bee.png')">
<a href="http://bee5.de/beecj1TX4z7" target="_blank">
<p><br/><br/><br/><br/>
</p>
</a>
</div>
<div class="buton" style="background-image:url('image/htmllernernen.png')">
<a href="http://w3schools.com/html/default.asp" target="_blank">
<p><br/><br/><br/><br/>
</p>
</a>
</div>
<!-- -->
<div class="buton" style="background-image:url('image/220px-Bi_flag.svgalt.png')">
<a href="http://www.tomlinde.lima-city.de/bibog/index.php" target="_blank">
<p><br/><br/><br/><br/>
</p>
</a>
</div>
<div class="buton" style="background-image:url('image/WindowsLive.png')">
<a href="https://login.live.com/login.srf?wa=wsignin1.0&rpsnv=11&ct=1302201893&rver=6.1.6206.0&wp=MBI&wreply=http:%2F%2Fmail.live.com%2Fdefault.aspx&lc=1031&id=64855&mkt=de-de&cbcxt=mai&snsc=1" target="_blank">
<p><br/><br/><br/><br/>
</p>
</a>
</div>
<div class="buton" style="background-image:url('image/mail_logo1.png');background-repeat:no-repeat;">
<a href="https://www.google.com/accounts/ServiceLogin?service=mail&passive=true&rm=false&continue=https%3A%2F%2Fmail.google.com%2Fmail%2F%3Fui%3Dhtml%26zy%3Dl&bsv=llya694le36z&ss=1&scc=1<mpl=default<mplcache=2&hl=de" target="_blank">
<p><br/><br/><br/>
</p>
</a>
</div>
<div class="buton" style="background-image:url('image/yahoologom.png');background-repeat:no-repeat;">
<a href="http://www.yahoo.ca/" target="_blank">
<p><br/><br/><br/>
</p>
</a>
</div>
<div class="buton" style="background-image:url('image/twitter.png');background-repeat:no-repeat;">
<a href="http://www.twitter.com" target="_blank">
<p><br/><br/><br/>
</p>
</a>
</div>
<div class="buton" style="background-image:url('image/wiki.png');background-repeat:no-repeat;">
<a href="http://de.wikipedia.org/wiki/Wikipedia:Hauptseite" target="_blank">
<p><br/><br/><br/>
</p>
</a>
</div>
<div class="buton" style="background-image:url('image/youtube.png');background-repeat:no-repeat;">
<a href="http://youtube.de/" target="_blank">
<p><br/><br/><br/>
</p>
</a>
</div>
<div class="buton" style="background-image:url('image/ebay.png');background-repeat:no-repeat;">
<a href="http://ebay.de" target="_blank">
<p><br/><br/><br/>
</p>
</a>
</div>
<div class="buton" style="background-image:url('image/tompallma150.png');background-repeat:no-repeat;">
<a href="http://www.tomlinde.lima-city.de/Galindex/index.php?page=start" target="_blank">
<p><br/><br/><br/>
</p>
</a>
</div>
<div class="buton" style="background-image:url('image/bank01.png');background-repeat:no-repeat;">
<a href="https://online.kasikornbankgroup.com/K-Online/login.jsp?lang=en" target="_blank">
<p><br/><br/><br/>
</p>
</a>
</div>
<div class="buton" style="background-image:url('image/google-Adwords01.png');background-repeat:no-repeat;">
<a href="https://accounts.google.com/ServiceLogin?service=adwords&hl=de_DE<mpl=regionalc&passive=true&ifr=false&alwf=true&continue=https://adwords.google.com/um/gaiaauth?apt%3DNone%26dst%3D/o/Targeting/Explorer%26ltmpl%3Dregionalc&sacu=1" target="_blank">
<p><br/><br/><br/>
</p>
</a>
</div>
<div class="buton" style="background-image:url('image/limacity.png');background-repeat:no-repeat;">
<a href="http://www.lima-city.de/" target="_blank">
<p><br/><br/><br/>
</p>
</a>
</div>
</div>
<h1>Cloud</h1>
<canvas id="tagCloud" width="800" height="500"></canvas>
<script type="text/javascript">
/*
TODO:
create Tags from XML
make an array sorted by Fontsize
make a function called by onclick,
- checking the tags in the order of fontsize for redirection
*/
var pageX = 0;
var pageY = 0;
var eventX = 0;
var eventY = 0;
var x = 0;
var y = 0;
var cloud = document.getElementById("tagCloud");
var ctx = cloud.getContext("2d");
var offsetTop = cloud.offsetTop;
var zoomX = cloud.width/2;
var zoomY = cloud.height/2;
var drawNow = false;
var initial = true;
var smoke = new Image();
smoke.src = "smoke.png";
var Tags = [ "Linux",
"Exherbo", "Gentoo",
"Web", "HowTo", "Winows", "Firefox",
"IE7", "IE8", "IE9", "Gnom", "Opera", "Elinks", "Ubuntu", "Debian", "KDE"];
document.getElementById("tagCloud").onmouseover = function(ev){drawNow = true;}
document.getElementById("tagCloud").onmouseout = function(ev){drawNow = false;}
function draw() {
if(!drawNow && !initial)
return;
initial = false;
cloud.width = cloud.width;//clear the old image
drawFrame(3);
updatePageXY();
x = eventX + pageX - cloud.offsetLeft;
y = eventY + pageY - cloud.offsetTop;
rectOnHover(10,10,cloud.width-20,cloud.height/6,'y',-3);
rectOnHover(10,10,cloud.width/6,cloud.height-20,'x',3);
rectOnHover(cloud.width/6*5-10,10,cloud.width/6,cloud.height-20,'x',-3);
rectOnHover(10,cloud.height/6*5-10,cloud.width-20,cloud.height/6,'y',3);
for(var i = 0; i < Tags.length; i++){
drawTag(i, Tags[i]);
}
}
setInterval("draw()", 30);
function updatePageXY(){
if (window.innerWidth) //Not IE
{
pageX = window.pageXOffset;
pageY = window.pageYOffset;
}
else if (document.documentElement.scrollLeft || document.documentElement.scrollTop) //IE with doctype
{
pageX = document.documentElement.scrollLeft;
pageY = document.documentElement.scrollTop;
}
else if (document.body.scrollLeft || document.body.scrollTop) //IE with no doctype
{
pageX = document.body.scrollLeft;
pageY = document.body.scrollTop;
}
}
document.onload = function(){draw(true);};
document.onmousemove = function(ev)
{
var e = ev || window.event;
eventX = e.clientX;
eventY = e.clientY;
}
function drawFrame(width){
ctx.beginPath();
ctx.rect(0,0,cloud.width, cloud.height);
ctx.fillStyle = '#000';
ctx.fill();
ctx.closePath();
ctx.beginPath();
ctx.rect(width, width, cloud.width-width*2, cloud.height-width*2);
ctx.fillStyle = '#acf';
ctx.fill();
ctx.closePath();
}
function rectOnHover(rx,ry,rw,rh,achse,n){
if(rx < x && x < rx+rw && ry < y && y < ry+rh ){
if(achse == 'x')
{
if((0 < n && zoomX < cloud.width/6*5) || (n < 0 && cloud.width/6 < zoomX ))
zoomX += n;
}
else if(achse == 'y')
if((0 < n && zoomY < cloud.height/6*5) || (n < 0 && cloud.height/6 < zoomY ))
zoomY += n;
}
}
function drawTag(id, title){
var tw = cloud.width/2;
var th = cloud.height/2;
var xf = cloud.width/400;//scaling
var yf = cloud.height/200;//scaling
var ff = 1.0;//font factor
switch(id){
case 0: drawTagAt(tw, th, title);break;
case 1: drawTagAt(tw-100*xf, th,title);break;
case 2: drawTagAt(tw+100*xf, th,title);break;
case 3: drawTagAt(tw-75*xf, th-40*yf,title);break;
case 4: drawTagAt(tw+75*xf, th-40*yf,title);break;
case 5: drawTagAt(tw-75*xf, th+40*yf,title);break;
case 6: drawTagAt(tw+75*xf, th+40*yf,title);break;
case 7: drawTagAt(tw-175*xf, th, title);break;
case 8: drawTagAt(tw, th-80*yf, title);break;
case 9: drawTagAt(tw+175*xf, th, title);break;
case 10: drawTagAt(tw, th+80*yf, title);break;
case 11: drawTagAt(tw-120*xf, th-70*yf, title);break;
case 12: drawTagAt(tw+120*xf, th-70*yf, title);break;
case 13: drawTagAt(tw+120*xf, th+70*yf, title);break;
case 14: drawTagAt(tw-120*xf, th+70*yf, title);break;
}
}
function drawTagAt(tx, ty, title){
var distanceToCenter = Math.round(distance(cloud.width/2,cloud.height/2,tx,ty));
var distanceToZoom = Math.round(distance(zoomX, zoomY, tx, ty));
if((distanceToCenter-distanceToZoom) < 0){
tx = tx - ((cloud.width/2) - zoomX)*(distanceToZoom-distanceToCenter)/100;
ty = ty + ((cloud.height/2) - zoomY)*(distanceToZoom-distanceToCenter)/100;
} else {
tx = tx - ((cloud.width/2) - zoomX)*(distanceToCenter-distanceToZoom)/100;
ty = ty + ((cloud.height/2) - zoomY)*(distanceToCenter-distanceToZoom)/100;
}
var baseSize = Math.round(Math.sqrt(cloud.width * cloud.height)/10);
var centerDistance = (Math.round(distance(cloud.width/2,cloud.height/2,tx,ty)*0.2));
if(0 <= x && x < cloud.width && 0 <= y && y < cloud.height)
var mouseFactor = Math.round(distance(x,y,tx,ty)*0.15);
else
var mouseFactor = centerDistance;
var fontSize = Math.round(baseSize - (centerDistance+mouseFactor)/2);
if(fontSize < 8)
fontSize = 8;
var smokeSize = 2*100*fontSize/(baseSize/2);
if(smokeSize < 100)
smokeSize = 100;
ctx.drawImage(smoke, tx-smokeSize/2, ty-smokeSize/2, smokeSize, smokeSize);
ctx.fillStyle = '#6aa';
ctx.font = 'normal ' + fontSize + 'px sans-serif';
ctx.textAlign = 'center';
ctx.textBaseline = 'middle';
ctx.fillText(title, tx, ty);
}
function distance(ax,ay,bx,by){
var xDiff = Math.pow(ax - Math.abs(bx),2);
var yDiff = Math.pow(ay - Math.abs(by),2);
return Math.sqrt(xDiff + yDiff);
}
</script>
<br/>
<br/>
<br/>
<table class="maintable">
<tr>
<td>
<p style="text-align:center;"><a href="http://www.anzeigenschleuder.com/" target="_blank">
<img src="image/mi-b-03-125x125n.png" alt="Anzeigenmarkt"/></a>
</p>
</td>
<td>
<p style="text-align:center;"><a href="http://www.wisedock.de/m.php?id=151324e4107110376edc9fb944bc7951ddd8e" target="_blank">
<img src="image/wisedockicon.png" alt="wisedock"/></a>
</p>
</td>
<td>
<p style="text-align:center;"><a href="./videos" target="_blank">
<img src="image/movie1.png" alt="video"/></a>
</p>
</td>
</tr>
<tr>
<td>
<p style="text-align:center;"><a href="http://ebay.de" target="_blank">
<img src="image/ebay.png" alt="Ebay"/></a>
</p>
</td>
<td>
<p style="text-align:center;"><a href="./videos/ratatouille-clip_h640w.mov" target="_blank">
<img src="image/Trailer.png"/></a>
</p>
</td>
<td>
<p style="text-align:center;"><a href="http://www.tomlinde.lima-city.de/Galindex/index.php?page=start" target="_blank">
<img src="image/tompallma166.png" alt="Toms-Private"/></a>
</p>
</td>
</tr>
<tr>
<td>
<p style="text-align:center;"><a href="https://accounts.google.com/ServiceLogin?service=adsense&rm=hide&nui=15&alwf=true<mpl=adsense&passive=true&continue=https://www.google.com/adsense/gaiaauth2?hl%3Dde&followup=https://www.google.com/adsense/gaiaauth2?hl%3Dde&hl=de" target="_blank">
<img src="image/google-adsense.png" alt="adsense"/></a>
</p>
</td>
<td>
<p style="text-align:center;"><a href="https://accounts.google.com/ServiceLogin?service=sitemaps&passive=1209600&continue=https://www.google.com/webmasters/tools/&followup=https://www.google.com/webmasters/tools/" target="_blank">
<img src="image/googlewmt.png" alt="Webmastertool"/></a>
</p>
</td>
<td>
<p style="text-align:center;"><a href="https://accounts.google.com/ServiceLogin?service=adwords&hl=de_DE<mpl=regionalc&passive=true&ifr=false&alwf=true&continue=https://adwords.google.com/um/gaiaauth?apt%3DNone%26dst%3D/o/Targeting/Explorer%26ltmpl%3Dregionalc&sacu=1" target="_blank">
<img src="image/google-Adwords.png"/></a>
</p>
</td>
</tr>
</table>
<!-- BEGIN PARTNER PROGRAM ANZEIGENSCHLEUDER.COM - DO NOT CHANGE THE PARAMETERS OF THE HYPERLINK -->
<p style="text-align:center;">Für alle die die Werbung über das Internet machen wollen,<br/> ist die Anzeigenschleuder ein super Werkzeug.<br/><br/><a href="http://www.anzeigenschleuder.com/cgi-bin/cgilocal/german/pp/ppgo.cgi?b=5&pid=2579" target="_blank"> <img border="0" src="http://www.anzeigenschleuder.com/upload/mi468x60-01.gif" alt="Anzeigenschleuder - Verteiler für Kleinanzeigen" width="468" height="60" > </a><br></p>
<!-- END PARTNER PROGRAM ANZEIGENSCHLEUDER.COM -->
<br/>
<br/>
<br/></div></div>
</body>
</html>