Minor changes.

master
Lars Müller 2018-02-22 18:41:56 +01:00
parent e5fec8e615
commit 8c4fee2fcd
11 changed files with 1168 additions and 174 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 MiB

Binary file not shown.

View File

@ -20,29 +20,53 @@
<a id="t">Minetest Forums Account : </a><a class="link" id="t" href="https://forum.minetest.net/memberlist.php?mode=viewprofile&u=20958">LMD</a></br>
<a id="t">GitHub Account : </a><a class="link" id="t" href="https://github.com/appgurueu/">appgurueu</a></br>
<a id="t">E-Mail : </a><a class="link" id="t" href="mailto:appgurulars@gmx.de">appgurulars@gmx.de</a></br></br></br>
</html>
</div>
<link rel="stylesheet" type="text/css" href="stylesheets.css"/>
<div class="parent">
<div class="menu">
<div id="navigieren"><ul id="Navigation">
</li>
<ul>
<ul id="Navigation">
<li><span>About Me</span></li>
</ul>
<li><a href="index.html">Home</a></li>
</li>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="applications.html">Applications</a></li>
<li><a href="gallery.html">Gallery</a></li>
</ul>
</ul><div></div></div>
</ul>
</div>
</div>
</html>
</div>
<div class="modal" id="modal1" style="display:none;">
<div class="modal-content" id="content">
<input type="button" class="close" onclick="disable_popup('modal1');" value="&times;"/>
<a>We've got to celebrate your <a id="visit_count">first</a> visit to this site !</br>
Please take a look at the gallery and the applications.</a>
</div>
</div>
<div class="modal" id="modal2" style="display:none;">
<div class="modal-content" id="content2">
<input type="button" class="close" onclick="disable_popup('modal2');" value="&times;"/>
<b><a style="font-size: 110%;" id="fullsizetitle"></a></b></br>
<a style="font-size: 90%" id="fullsizedescription"></a></br>
<img alt="Alt" id="fullsize" src=""/>
</div>
</div>
<script>
function adjust_images() {
function show_image_popup(image_id) {
var im=document.getElementById(image_id);
document.getElementById("fullsizetitle").innerHTML=im.getAttribute("data-title");
document.getElementById("fullsizedescription").innerHTML=im.getAttribute("data-description");
document.getElementById("fullsize").src=im.src;
enable_popup("modal2");
}
function enable_popup(popup) {
document.getElementById(popup).style.display="block";
}
function disable_popup(popup) {
//document.getElementById(popup).innerHTML=document.getElementById("saved").innerHTML;
document.getElementById(popup).style.display="none";
}
function adjust_images(tagname) {
var maxsize=window.innerWidth;
maxsize*=0.8;
var imgs=document.getElementsByTagName('img');
var imgs=document.getElementsByTagName(tagname);
for (i=0; i < imgs.length; i++) {
var image=imgs[i];
//alert(String(imgs[i].width)+"<"+String(maxsize));
@ -57,7 +81,34 @@ function adjust_images() {
}
}
}
setInterval(adjust_images, 1000);
</script>
<!--aCHANGE-->
<!--aCHANGE-->
function adjust_inputs() {
adjust_images("input");
}
function adjust_imgs() {
adjust_images("img");
}
function cookie() {
var cookie=document.cookie;
if (cookie==undefined) {
var v=new Date();
var d=new Date(v.getYear()+1, v.getMonth(), v.getDay(), v.getHours(), v.getMinutes(), v.getSeconds(), v.getMilliseconds());
cookie="visit=1;expires="+d.getUTCDate()+";";
enable_popup("modal1");
}
var split=cookie.split(";");
var access=split[0].split("=")[1];
access=Number(access);
if (access % 10 == 0) {
document.getElementById("visit_count").innerHTML=String(access)+".";
enable_popup("modal1");
}
access=access+1;
document.cookie="visit="+String(access);
}
setTimeout(cookie, 0);
setInterval(adjust_imgs, 2000);
setInterval(adjust_inputs, 2000);
</script>

6
accounts.txt Normal file
View File

@ -0,0 +1,6 @@
Appguru EU|5f38ab440fc28b62c874089d7242f72e357d8dfabcff2004
Another|90ba793fe61dc90f974ac51398759fc602e3d84f8f0eaa2a
qwer|4afe8d889b4e3ddcde8115cc185a7ce61ab81db86d4c6a34
qwqe|d0687c8446befc9549772010613ae3d390f7a209bbeb0526
I am your chef|11f5501ae964e3d2cd7e9e85512aa67522c91c246cf962f5
I am a BOSS|a132d0cd2b898e1a4b4f36bfc2f702fe6513bfb030e27d8b

View File

@ -4,7 +4,18 @@
<link rel="stylesheet" type="text/css" href="stylesheets.css"/>
<html lang="de" dir="ltr" class="client-nojs">
<title>Appguru EU - Applications</title>
<div class="doc">
<div class="parent">
<div class="menu">
<ul id="Navigation">
<li><span>Applications</span></li>
<li><a href="index.html">Home</a></li>
<li><a href="aboutme.html">About Me</a></li>
<li><a href="gallery.html">Gallery</a></li>
</ul>
</div>
</div>
<meta name="description" content="Appguru EU Website">
<meta name="keywords" content="apps,Apps,appguru-eu,appguru.eu,Appguru EU,">
<meta name="author" content="Lars Müller">
@ -26,7 +37,8 @@
<a id="t">A Pygame based game coded in Python.</a></br>
<a id="t">Languages : English and German.</a></br>
<a id="u">Screenshot : </a></br>
<img class="bild" id="normal" src="defender_screenie.png" float: left;"></br>
<input type="image" class="bild" id="defender_advertisement" src="defender_screenie.png" data-title="Unnamed" data-description="No description available." onclick="show_image_popup(this.id);"></input>
</br>
<a id="u">Download : </a></br>
<a class="link" id="t" href="Defender.zip">Defender - the Game - Download</a><br>
<h3>BWINF Solutions</h3>
@ -41,8 +53,10 @@
<a id="t">Hope it helps !</a></br>
<a id="t">This one is only available in English.</a></br>
<a id="u">Screenshots : </a></br>
<img class="bild" id="rounded" src="https://forum.minetest.net/download/file.php?mode=view&id=13396" float: left;"></br>
<img class="bild" id="normal" src="https://forum.minetest.net/download/file.php?mode=view&id=13397&sid=f9f6a94a9cd4b622d90944c130ed5a7a" float: left;"></br>
<input type="image" class="bild" id="model_advertisement1" data-title="Unnamed" data-description="No description available." src="http://forum.minetest.net/download/file.php?mode=view&id=13396" onclick="show_image_popup(this.id);"></input>
</br>
<input type="image" class="bild" id="model_advertisement2" data-title="Unnamed" data-description="No description available." src="http://forum.minetest.net/download/file.php?mode=view&id=13397&sid=f9f6a94a9cd4b622d90944c130ed5a7a" onclick="show_image_popup(this.id);"></input>
</br>
<a id="u">Forum Thread : </a></br>
<a class="link" id="t" href="https://forum.minetest.net/viewtopic.php?f=14&t=18780">Model Creator Forum Thread</a><br>
<a id="u">Download : </a></br>
@ -52,7 +66,8 @@
<a id="t">Hope it helps !</a></br>
<a id="t">Also in English.</a></br>
<a id="u">Screenshot : </a></br>
<img class="bild" id="normal" src="https://forum.minetest.net/download/file.php?mode=view&id=13321&sid=37968944da7cbeadd96607818f5001ed" float: left;"></br>
<input type="image" class="bild" id="s_advertisement1" data-title="Unnamed" data-description="No description available." src="https://forum.minetest.net/download/file.php?mode=view&id=13321&sid=37968944da7cbeadd96607818f5001ed" onclick="show_image_popup(this.id);"></input>
</br>
<a id="u">Forum Thread : </a></br>
<a class="link" id="t" href="https://forum.minetest.net/viewtopic.php?f=14&t=18992">Schematic Creator Forum Thread</a><br>
<a id="u">Download : </a></br>
@ -61,7 +76,8 @@
<a id="t">A Minetest library which aims at making Minetest more colorful.</a></br>
<a id="t">May be useful !</a></br>
<a id="u">Screenshots : </a></br>
<img class="bild" id="shield" src="https://forum.minetest.net/download/file.php?mode=view&id=13354" width="50%" height="50%" float: left;"></br>
<input type="image" class="bild" id="c_advertisement2" data-title="Unnamed" data-description="No description available." src="http://forum.minetest.net/download/file.php?mode=view&id=13354" onclick="show_image_popup(this.id);"></input>
</br>
<a id="u">Forum Thread : </a></br>
<a class="link" id="t" href="https://forum.minetest.net/viewtopic.php?f=9&t=19010">Colorful Library Forum Thread</a><br>
<a id="u">Download : </a></br>
@ -70,17 +86,19 @@
<a id="t">A Mod for Minetest based on Colorful, adding many colorful baubles with many different themes.</a></br>
<a id="t">Merry christmas !</a></br>
<a id="u">Screenshots : </a></br>
<img class="bild" id="house" src="https://forum.minetest.net/download/file.php?mode=view&id=13421&sid=e9302f697f9419ad34b6386e860fe677" width="50%" height="50%" float: left;"></br>
<input type="image" class="bild" id="d_advertisement2" data-title="Unnamed" data-description="No description available." src="https://forum.minetest.net/download/file.php?mode=view&id=13421&sid=e9302f697f9419ad34b6386e860fe677" onclick="show_image_popup(this.id);"></input>
</br>
<a id="u">Forum Thread : </a></br>
<a class="link" id="t" href="https://forum.minetest.net/viewtopic.php?f=9&t=19109">Baubles Library Forum Thread</a><br>
<a class="link" id="t" href="https://forum.minetest.net/viewtopic.php?f=9&t=19109">Baubles Mod Forum Thread</a><br>
<a id="u">Download : </a></br>
<a class="link" id="t" href="https://github.com/appgurueu/baubles">Baubles Library Download on GitHub</a><br>
<a class="link" id="t" href="https://github.com/appgurueu/baubles">Baubles Mod Download on GitHub</a><br>
<h3>Fractal-Suite</h3>
<a id="t">Kind of a full-version of the online Fractal-Viewer. Download, execute and enjoy !</a></br>
<a id="t">Try it out : It comes with a bunch of features !</a></br>
<a id="t">Unfortunately, it's only available in German.</a></br>
<a id="u">Screenshots : </a></br>
<img class="bild" id="normal" src="fractal_screenie.png" width="50%" height="50%" float: left;"></br>
<input type="image" class="bild" id="e_advertisement2" data-title="Unnamed" data-description="No description available." src="fractal_screenie.png" onclick="show_image_popup(this.id);"></input>
</br>
<a id="u">Download : </a></br>
<a class="link" id="t" href="http://clara-online.de/images/Mathe/Ergaenzungskurs/FraktaleGeometrie_20152016/Fraktal-Suite.jar">Fractal-Suite Download</a><br>
<h3>Planetary Movement Simulation in 3D</h3>
@ -88,7 +106,8 @@
<a id="t">Please give it a try.</a></br>
<a id="t">Unfortunately, it's also only available in German.</a></br>
<a id="u">Screenshots : </a></br>
<img class="bild" id="strange2" src="capture08.07.2017 19_20_02_1.jpg" float: left;"></br>
<input type="image" class="bild" id="e_advertisement2" data-title="Unnamed" data-description="No description available." src="capture08.07.2017 19_20_02_1.jpg" onclick="show_image_popup(this.id);"></input>
</br>
<a id="u">Downloads : </a></br>
<a id="t" class="link" href="Planetenbewegungssimulation_Windows_i586.zip">Windows i586</a><br>
<a id="t" class="link" href="Planetenbewegungssimulation_Windows_amd64.zip">Windows amd64</a><br>
@ -314,29 +333,29 @@ function update() {
ctx.putImageData( gr, 0,0 );
ctx.stroke();
}
setInterval(update, 250);
setInterval(update, 5000);
//}
</script>
</html>
</div>
<div class="menu">
<div id="navigieren"><ul id="Navigation">
</li>
<ul>
<li><span>Applications</span></li>
</ul>
<li><a href="index.html">Home</a></li>
</li>
<ul>
<li><a href="aboutme.html">About Me</a></li>
<li><a href="gallery.html">Gallery</a></li>
</ul>
</ul><div></div></div>
</div>
<script>
<!--<script>
function onhover(id) {
/*var maxsize=window.innerWidth;
maxsize*=0.55;
if (document.getElementById(id).naturalWidth < maxsize) {
var ratio=maxsize/document.getElementById(id).width;
document.getElementById(id).style.width=String(document.getElementById(id).naturalWidth*ratio)+"px";
document.getElementById(id).style.height=String(document.getElementById(id).naturalHeight*ratio)+"px";
}*/
}
function onaway(id) {
/*var maxsize=window.innerWidth;
maxsize*=0.55;
if (document.getElementById(id).naturalWidth < maxsize) {
document.getElementById(id).style.width=String(document.getElementById(id).naturalWidth)+"px";
document.getElementById(id).style.height=String(document.getElementById(id).naturalHeight)+"px";
}*/
}
function adjust_images() {
var maxsize=window.innerWidth;
maxsize*=0.8;
@ -353,9 +372,90 @@ function adjust_images() {
//image.width=imgs[i].width*ratio;
//image.height=imgs[i].height*ratio;
}
/*else {
document.getElementById(id).style.width=String(document.getElementById(id).naturalWidth)+"px";
document.getElementById(id).style.height=String(document.getElementById(id).naturalHeight)+"px";
}*/
}
}
setInterval(adjust_images, 1000);
</script>
<!--aCHANGE-->
<!--aCHANGE-->
</script>-->
<div class="modal" id="modal1" style="display:none;">
<div class="modal-content" id="content">
<input type="button" class="close" onclick="disable_popup('modal1');" value="&times;"/>
<a>We've got to celebrate your <a id="visit_count">first</a> visit to this site !</br>
Please take a look at the gallery and the applications.</a>
</div>
</div>
<div class="modal" id="modal2" style="display:none;">
<div class="modal-content" id="content2">
<input type="button" class="close" onclick="disable_popup('modal2');" value="&times;"/>
<b><a style="font-size: 110%;" id="fullsizetitle"></a></b></br>
<a style="font-size: 90%" id="fullsizedescription"></a></br>
<img alt="Alt" id="fullsize" src=""/>
</div>
</div>
<script>
function show_image_popup(image_id) {
var im=document.getElementById(image_id);
document.getElementById("fullsizetitle").innerHTML=im.getAttribute("data-title");
document.getElementById("fullsizedescription").innerHTML=im.getAttribute("data-description");
document.getElementById("fullsize").src=im.src;
enable_popup("modal2");
}
function enable_popup(popup) {
document.getElementById(popup).style.display="block";
}
function disable_popup(popup) {
//document.getElementById(popup).innerHTML=document.getElementById("saved").innerHTML;
document.getElementById(popup).style.display="none";
}
function adjust_images(tagname) {
var maxsize=window.innerWidth;
maxsize*=0.8;
var imgs=document.getElementsByTagName(tagname);
for (i=0; i < imgs.length; i++) {
var image=imgs[i];
//alert(String(imgs[i].width)+"<"+String(maxsize));
if (imgs[i].width > maxsize) {
var ratio=maxsize/image.width;
ratio*=0.95;
image.style.width=String(ratio*100)+"%";
image.style.height=String(ratio*100)+"%";
//alert("1"+String(image.width));
//image.width=imgs[i].width*ratio;
//image.height=imgs[i].height*ratio;
}
}
}
function adjust_inputs() {
adjust_images("input");
}
function adjust_imgs() {
adjust_images("img");
}
function cookie() {
var cookie=document.cookie;
if (cookie==undefined) {
var v=new Date();
var d=new Date(v.getYear()+1, v.getMonth(), v.getDay(), v.getHours(), v.getMinutes(), v.getSeconds(), v.getMilliseconds());
cookie="visit=1;expires="+d.getUTCDate()+";";
enable_popup("modal1");
}
var split=cookie.split(";");
var access=split[0].split("=")[1];
access=Number(access);
if (access % 10 == 0) {
document.getElementById("visit_count").innerHTML=String(access)+".";
enable_popup("modal1");
}
access=access+1;
document.cookie="visit="+String(access);
}
setTimeout(cookie, 0);
setInterval(adjust_imgs, 2000);
setInterval(adjust_inputs, 2000);
</script>

551
comments.txt Normal file
View File

@ -0,0 +1,551 @@
????
25.01.2018, 15:17 UTC
****
Appguru EU
####
Feel free to comment !
????
25.01.2018, 15:26 UTC
****
Appguru EU
####
&lt;html&gt;&lt;/html&gt; wont work.
????
25.01.2018, 15:27 UTC
****
Appguru EU
####
&lt;script&gt;alert(&quot;Error&quot;);&lt;/script&gt; wont either.
????
25.01.2018, 15:29 UTC
****
Appguru EU
####
Linebreaks
are
kept.
????
25.01.2018, 15:38 UTC
****
Appguru EU
####
Rules for tags :
- put them in these brackets [&lt;tag&gt;]
- before an ending tag, there is a minus [-&lt;tag&gt;]
- allowed tags : b,em,h1,h2,h3
[b]Bold text[-b]
????
25.01.2018, 15:45 UTC
****
Appguru EU
####
[code]Codin' example ![-code]
????
25.01.2018, 15:47 UTC
****
Appguru EU
####
What happens to VERY wide messages ? What happens to VERY wide messages ? What happens to VERY wide messages ? What happens to VERY wide messages ? What happens to VERY wide messages ? What happens to VERY wide messages ? What happens to VERY wide messages ? What happens to VERY wide messages ? What happens to VERY wide messages ? What happens to VERY wide messages ? What happens to VERY wide messages ? What happens to VERY wide messages ?
????
25.01.2018, 15:47 UTC
****
Appguru EU
####
You can change your comments look if you resize the typing field.
????
25.01.2018, 15:47 UTC
****
Appguru EU
####
Just kidding.
????
25.01.2018, 15:48 UTC
****
Appguru EU
####
Sorry, but no smilies yet ! Use ascii(art)
????
25.01.2018, 16:06 UTC
****
Appguru EU
####
MSG
????
25.01.2018, 16:06 UTC
****
Appguru EU
####
hasnt workd
????
25.01.2018, 18:46 UTC
****
Appguru EU
####
[h1]Header[-h1]
????
27.01.2018, 12:33 UTC
****
Anonymous
####
If you comment and arent logged in, its by Anonmyous.
????
27.01.2018, 16:07 UTC
****
Anonymous
####
OKAY
????
27.01.2018, 18:32 UTC
****
Anonymous
####
I should be logged in...
????
27.01.2018, 18:33 UTC
****
Anonymous
####
Really ?
????
27.01.2018, 18:38 UTC
****
Anonymous
####
Postin
????
27.01.2018, 18:44 UTC
****
Anonymous
####
I am logged i.
????
27.01.2018, 18:46 UTC
****
Anonymous
####
Writin'
????
27.01.2018, 18:48 UTC
****
Anonymous
####
Lof
????
27.01.2018, 18:51 UTC
****
Anonymous
####
Abother
????
27.01.2018, 18:53 UTC
****
Anonymous
####
a
????
27.01.2018, 18:55 UTC
****
Appguru EU
####
I MUST BE
????
27.01.2018, 18:57 UTC
****
Another
####
Fast COMNMENBT
????
27.01.2018, 18:58 UTC
****
Another
####
Fast6
????
27.01.2018, 19:01 UTC
****
Another
####
Speedy
????
27.01.2018, 19:03 UTC
****
Another
####
Nice
????
27.01.2018, 20:35 UTC
****
Anonymous
####
[blockquote]I once said : QUOTES ARE NICE ![-blockqoute]
????
28.01.2018, 14:40 UTC
****
Anonymous
####
jzhjhjhjhj
????
28.01.2018, 14:40 UTC
****
Anonymous
####
sqrt
????
28.01.2018, 14:41 UTC
****
qwer
####
sdsd
????
28.01.2018, 14:45 UTC
****
qwqe
####
gfgfg
#
ghg
g
g
g
gh
g
hng
h
g
hg
h
ggh
g
hg
hg
hg
hg
hg
hg
h
gh
gg
ffd
fd
g
fh
hk
j
kj
jg
gd
dssd
sd
s
fdf
gf
gg
h
ghj
hjk
hj
g
dd
sd
sdd
gf
hg
j
hh
g
hgh
j
j
f
sd
sd
s
fd
f
gg
j
hk
uj
ku
jkjff
ddfs
ds
d
sdf
df
gg
jzh
j
fs
dd
g
ghj
gt
hf
fd
fd
fgh
f
h
d
f
dg
gj
h
kuj
k
g
dsd
sdd
sdf
d
gf
d
gh
h
jgh
h
f
s
as
ds
fd
g
rf
g
h
g
s
????
28.01.2018, 14:47 UTC
****
qwqe
####
&lt;fedfr&gt;gfgfwd&gt;&gt;gtgdffgeddaqASsewsedws
????
28.01.2018, 14:49 UTC
****
Anonymous
####
[b]Spamming is disallowed !sdf5ftrgt-b]
????
28.01.2018, 17:04 UTC
****
Anonymous
####
[-b]
[blockquote]
This is a blockquote
[-blockquote]
????
04.02.2018, 16:51 UTC
****
Anonymous
####
[blockquote]This is threaded[-blockquote]
????
06.02.2018, 16:59 UTC
****
I am a BOSS
####
[blockquote]I am a boss[-blockquote]
????
06.02.2018, 17:00 UTC
****
I am a BOSS
####
Many
different
lines
????
09.02.2018, 16:56 UTC
****
I am a BOSS
####
[blockquote][h1][em][code][b]This is an EPIC Quote[-b][-code][-em][-h1][-blockquote]

View File

@ -3,6 +3,7 @@
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<html lang="de" dir="ltr" class="client-nojs">
<title>Appguru EU - Gallery</title>
<div class="doc">
<meta name="description" content="Appguru EU Website">
<meta name="keywords" content="apps,Apps,appguru-eu,appguru.eu,Appguru EU,">
@ -16,21 +17,22 @@
<meta name="SELF.Pagetype" content="html">
<link rel="icon" type="image/ico" href="favicon.ico"/>
<h1>Gallery</h1>
<a id="t">Some images can be viewed here.</a></br>
<a id="t">Some images can be viewed here.</a><br>
<!---<code class="t" id="c"> if if if s were highlighted...,
class es where happy. int int int</code></br>-->
<button type="button" id="previous">Previous</button> <button type="button" id="next">Next</button><button type="button" id="shuffle">Shuffle</button></br>
<a class="t" id="number">Number : -</a></br>
<a class="t">Source : </a><a class="link" id="source">-</a></br>
<a class="t">Title : </a><a class="t" id="title">-</a></br>
<a class="t" id="description">Description : -</a></br>
<input type="image" id="preview1" onclick="prev2();"></input>
<input type="image" id="preview2" onclick="prev();"></input>
<input type="image" id="preview3"></input>
<input type="image" id="preview4" onclick="next();"></input>
<input type="image" id="preview5" onclick="next2();"></input>
</br>
<img alt="Image" src="fractal_screenie.png" class="bild" id="normal"/>
class es where happy. int int int</code><br>-->
<button type="button" id="previous">Previous</button> <button type="button" id="next">Next</button><button type="button" id="shuffle">Shuffle</button><br>
<a class="t" id="number">Number : -</a><br>
<a class="t">Source : </a><a class="link" id="source">-</a><br>
<a class="t">Title : </a><a class="t" id="title">-</a><br>
<a class="t" id="description">Description : -</a><br>
<input class="bild" type="image" id="preview1" onclick="prev2();"></input>
<input class="bild" type="image" id="preview2" onclick="prev();"></input>
<input class="bild" type="image" id="preview3"></input>
<input class="bild" type="image" id="preview4" onclick="next();"></input>
<input class="bild" type="image" id="preview5" onclick="next2();"></input>
<br>
<input class="bild" type="image" id="normal" src="aglogo.png" data-title="An Image" data-description="Nice descri." onclick="show_image_popup(this.id);"></input>
<!--<img alt="Image" src="fractal_screenie.png" class="bild" id="normal"/>-->
<script>
function prev() {
@ -154,7 +156,9 @@ function update() {
document.getElementById("title").removeAttribute("href");
}
document.getElementById("description").innerHTML = "Description : "+images[selection].text;
document.getElementById("normal").src = images[selection].img.src;
document.getElementById("normal").src = images[selection].source;
document.getElementById("normal").setAttribute("data-title",images[selection].title);
document.getElementById("normal").setAttribute("data-description",images[selection].text);
document.getElementById("normal").width = images[selection].x_size;
document.getElementById("normal").height = images[selection].y_size;
}
@ -171,28 +175,102 @@ function highlight() {
text=nt;
}
}
text.replace(new RegExp("\n","g"), "</br>");
text.replace(new RegExp("\n","g"), "<br>");
document.getElementById("c").innerHTML=text;
}*/
setTimeout(update,50);
setInterval(adjust, 50);
//setTimeout(highlight,100)
</script>
<div class="menu">
<link rel="stylesheet" type="text/css" href="stylesheets.css"/>
<div class="modal" id="modal1" style="display:none;">
<div class="modal-content" id="content">
<input type="button" class="close" onclick="disable_popup('modal1');" value="&times;"/>
<a>We've got to celebrate your <a id="visit_count">first</a> visit to this site !<br>
Please take a look at the gallery and the applications.</a>
</div>
</div>
<div class="modal" id="modal2" style="display:none;">
<div class="modal-content" id="content2">
<input type="button" class="close" onclick="disable_popup('modal2');" value="&times;"/>
<b><a style="font-size: 110%;" id="fullsizetitle"></a></b><br>
<a style="font-size: 90%" id="fullsizedescription"></a><br>
<img alt="Alt" id="fullsize" src=""/>
</div>
</div>
<script>
function show_image_popup(image_id) {
var im=document.getElementById(image_id);
document.getElementById("fullsizetitle").innerHTML=im.getAttribute("data-title");
document.getElementById("fullsizedescription").innerHTML=im.getAttribute("data-description");
document.getElementById("fullsize").src=im.src;
enable_popup("modal2");
}
function enable_popup(popup) {
document.getElementById(popup).style.display="block";
}
function disable_popup(popup) {
//document.getElementById(popup).innerHTML=document.getElementById("saved").innerHTML;
document.getElementById(popup).style.display="none";
}
function adjust_images(tagname) {
var maxsize=window.innerWidth;
maxsize*=0.8;
var imgs=document.getElementsByTagName(tagname);
for (i=0; i < imgs.length; i++) {
var image=imgs[i];
//alert(String(imgs[i].width)+"<"+String(maxsize));
if (imgs[i].width > maxsize) {
var ratio=maxsize/image.width;
ratio*=0.95;
image.style.width=String(ratio*100)+"%";
image.style.height=String(ratio*100)+"%";
//alert("1"+String(image.width));
//image.width=imgs[i].width*ratio;
//image.height=imgs[i].height*ratio;
}
}
}
<div id="navigieren"><ul id="Navigation">
</li>
<ul>
function adjust_inputs() {
adjust_images("input");
}
function adjust_imgs() {
adjust_images("img");
}
function cookie() {
var cookie=document.cookie;
if (cookie==undefined) {
var v=new Date();
var d=new Date(v.getYear()+1, v.getMonth(), v.getDay(), v.getHours(), v.getMinutes(), v.getSeconds(), v.getMilliseconds());
cookie="visit=1;expires="+d.getUTCDate()+";";
enable_popup("modal1");
}
var split=cookie.split(";");
var access=split[0].split("=")[1];
access=Number(access);
if (access % 10 == 0) {
document.getElementById("visit_count").innerHTML=String(access)+".";
enable_popup("modal1");
}
access=access+1;
document.cookie="visit="+String(access);
}
setTimeout(cookie, 0);
setInterval(adjust_imgs, 50);
setInterval(adjust_inputs, 50);
</script>
<link rel="stylesheet" type="text/css" href="stylesheets.css"/>
<div class="parent">
<div class="menu">
<ul id="Navigation">
<li><span>Gallery</span></li>
</ul>
<li><a href="index.html">Home</a></li>
</li>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="aboutme.html">About Me</a></li>
<li><a href="applications.html">Applications</a></li>
</ul>
</ul><div></div></div>
</ul>
</div>
</div>
<!--aCHANGE-->
<!--aCHANGE-->

View File

@ -1,7 +1,7 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="stylesheets.css"/>
<link rel="stylesheet" type="text/css" href="stylesheets.css?v=<?=time();?>"/>
<html lang="de" dir="ltr" class="client-nojs">
<title>Appguru EU</title>
<div class="doc">
@ -18,31 +18,56 @@
<link rel="icon" type="image/ico" href="favicon.ico"/>
<h1>Appguru EU's Homepage</h1>
<h3>Welcome !</h3>
<a id="t">Please take a look at the applications and the gallery.</a></br>
<a id="t">I also recommend you my brother's Lord-of-the-Rings, and therefore, medieval themed Game LOTH.</a></br>
<a id="t">Link : </a><a class="link" id="t" href="https://forum.minetest.net/viewtopic.php?f=15&t=18666">LOTH Subgame for Minetest</a></br>
<img class="bild" id="circle" src="loth.png" float: left;"></br></br></br>
<b><a id="t">There's a more modern site running, featuring commenting : </a></b><a class="link" id="t" href="appguru-eu.000webhost.de">appguru-eu.000webhost.de - 23/7</a><br>
<a id="t">Please take a look at the applications and the gallery.</a><br>
<img src="AppguruMinetest1024x1024.gif" alt="GIF" /><br>
<a id="t">I also recommend you my <b>brother's</b> Lord-of-the-Rings, and therefore, medieval themed Game LOTH.</a><br>
<a id="t">Link : </a><a class="link" id="t" href="https://forum.minetest.net/viewtopic.php?f=15&t=18666">LOTH Subgame for Minetest</a><br>
<input type="image" class="bild" id="loth_advertisement" src="loth.png" onclick="show_image_popup(this.id);" data-description="Nice subgame by my brother." data-title="LOTH Minetest Lord-of-the-Rings Subgame"></input><br>
<div class="modal" id="modal1" style="display:none;">
<div class="modal-content" id="content">
<input type="button" class="close" onclick="disable_popup('modal1');" value="&times;"/>
<a>We've got to celebrate your <a id="visit_count">first</a> visit to this site !<br>
Please take a look at the gallery and the applications.</a>
</div>
</div>
<div class="parent">
<div class="menu">
<div id="navigieren"><ul id="Navigation">
</li>
<ul>
<ul id="Navigation">
<li><span>Home</span></li>
</ul>
<li><a href="aboutme.html">About Me</a></li>
</li>
<ul>
<li><a href="aboutme.html">About Me</a></li>
<li><a href="applications.html">Applications</a></li>
<li><a href="gallery.html">Gallery</a></li>
</ul>
</ul><div></div></div>
</ul>
</div>
</div>
<div class="modal" id="modal2" style="display:none;">
<div class="modal-content" id="content2">
<input type="button" class="close" onclick="disable_popup('modal2');" value="&times;"/>
<b><a style="font-size: 110%;" id="fullsizetitle"></a></b></br>
<a style="font-size: 90%" id="fullsizedescription"></a></br>
<img alt="Alt" id="fullsize" src=""/>
</div>
</div>
<script>
function adjust_images() {
function show_image_popup(image_id) {
var im=document.getElementById(image_id);
document.getElementById("fullsizetitle").innerHTML=im.getAttribute("data-title");
document.getElementById("fullsizedescription").innerHTML=im.getAttribute("data-description");
document.getElementById("fullsize").src=im.src;
enable_popup("modal2");
}
function enable_popup(popup) {
document.getElementById(popup).style.display="block";
}
function disable_popup(popup) {
//document.getElementById(popup).innerHTML=document.getElementById("saved").innerHTML;
document.getElementById(popup).style.display="none";
}
function adjust_images(tagname) {
var maxsize=window.innerWidth;
maxsize*=0.8;
var imgs=document.getElementsByTagName('img');
var imgs=document.getElementsByTagName(tagname);
for (i=0; i < imgs.length; i++) {
var image=imgs[i];
//alert(String(imgs[i].width)+"<"+String(maxsize));
@ -57,7 +82,39 @@ function adjust_images() {
}
}
}
setInterval(adjust_images, 1000);
function adjust_inputs() {
adjust_images("input");
}
function adjust_imgs() {
adjust_images("img");
}
function delete_usercookie() {
var cookie=document.cookie;
cookie="username=;Max-Age=-99999999;";
}
function cookie() {
var cookie=document.cookie;
if (cookie==undefined) {
var v=new Date();
var d=new Date(v.getYear()+1, v.getMonth(), v.getDay(), v.getHours(), v.getMinutes(), v.getSeconds(), v.getMilliseconds());
cookie="visit=1;expires="+d.getUTCDate()+";";
enable_popup("modal1");
}
var split=cookie.split(";");
var access=split[0].split("=")[1];
access=Number(access);
if (access % 10 == 0) {
document.getElementById("visit_count").innerHTML=String(access)+".";
enable_popup("modal1");
}
access=access+1;
document.cookie="visit="+String(access);
}
setTimeout(cookie, 0);
setInterval(adjust_imgs, 2000);
setInterval(adjust_inputs, 2000);
</script>
<!--aCHANGE-->
<!---MODIFIED-->

View File

@ -4,6 +4,11 @@
--foreground-color: black;
--body-background-color: lightgrey;
--body-foreground-color: black;
}
a.date {
color: darkgrey;
font-size: 90%;
}
::selection {
@ -24,40 +29,73 @@
font-family: 'ubuntubold';
src: url('fonts/ubuntubold.woff') format('woff');
}
input {
padding: 10px
input.bild {
border-radius: 2px;
padding: 3px;
border: 1px solid black;
background: linear-gradient(160deg,
#707070 0%,
#FFFFFF 30%,
#707070 100%
);
margin: 5px;
}
input:hover {
text-decoration: none;
padding: 10px;
border-bottom: 2px dotted blue;
blockquote {
display: inline-block;
padding: 5px;
margin:5px;
border-radius: 3px;
border-left: 2px solid black;
color: black;
background-color: lightgrey;
}
input:active {
blockquote:before {
content: "<a>«";
}
blockquote:after {
content: "»";
}
input.bild:hover {
border-radius: 2px;
padding: 3px;
margin: 5px;
border: 1px solid black;
background: linear-gradient(160deg,
#7070FF 0%,
#FFFFFF 30%,
#7070FF 100%
);
}
input.bild:active {
text-decoration: none;
border-bottom: 2px dotted black;
background: linear-gradient(160deg,
#4040EE 0%,
#EEEEEE 30%,
#4040EE 100%
);
border: 1px dotted blue;
}
.bild {
border: 1px solid var(--border-color);
background: repeating-radial-gradient(
var(--background-color),
var(--background-color) 20px,
var(--foreground-color) 40px,
var(--foreground-color) 60px
background: linear-gradient(160deg,
#707070 0%,
#FFFFFF 30%,
#707070 100%
); padding: 10px;
margin: 5px;
border-radius: 2px;
}
.bildnormal {
width:auto;
height: auto;
border: 1px solid var(--border-color);
background: repeating-radial-gradient(
var(--background-color),
var(--background-color) 20px,
var(--foreground-color) 40px,
var(--foreground-color) 60px
background: linear-gradient(160deg,
#707070 0%,
#FFFFFF 30%,
#707070 100%
); padding: 10px;
margin: 5px;
border-radius: 10px;
border-radius: 2px;
}
img#normal {
border-radius: 10px;
@ -92,6 +130,17 @@ canvas#map {
padding: 10px;
margin: 5px;
}
div.comment {
display: inline-block;
padding: 5px;
margin:5px;
border-radius: 5px;
border: 1px solid black;
color: black;
background-color: lightgrey;
}
div#breit {
width: 80%;
padding: 30px;
@ -150,8 +199,85 @@ th{
font-family: ubuntu;
vertical-align:baseline;
}
/*PLIZ*/
button {
input[type=text],textarea {
padding:5px;
border: 2px solid black;
border-radius: 5px;
}
input[type=text]:hover,textarea:hover {
border: 2px solid skyblue;
transition: all 1s;
}
input[type=text]:focus,textarea:focus {
border: 2px solid lightblue;
transition: all 1s;
}
div.dot-container {
display: table;
margin: 0px auto;
margin-top: 5%;
color: rgba(0,0,0,0);
}
input.dot {
float:left;
display: block;
width: 20px;
height: 20px;
color: green;
border-radius: 50%;
background-color: gray;
border-width: 0px;
margin: 5px;
}
input.dot:hover {
color: grey;
background-color: white;
text-align: 50%;
transition: all 0.5s;
}
input.dot:active, input.dot:after {
color: lightgrey;
background-color: black;
transition: all 0.5s;
}
input.navigate {
font-family: ubuntubold;
font-size: 150%;
display: block;
height: 80%;
color: white;
border-radius: 2px;
background-color: grey;
border-width: 0px;
margin-right: 5px;
margin-left: 5px;
vertical-align: center;
margin-top: 3.5%;
margin-bottom: 3.5%;
}
input.navigate:hover {
color: grey;
background-color: white;
text-align: 50%;
transition: all 0.5s;
}
input.navigate:active, input[type=button].navigate:after {
color: lightgrey;
background-color: black;
transition: all 0.5s;
}
button, input[type=submit] {
margin: 5px;
padding: 5px;
color: var(--foreground-color); background-color: var(--background-color);
@ -159,13 +285,13 @@ button {
border-radius: 10px;
font-family: ubuntu;
}
button:hover {
button:hover,input[type=submit]:hover {
box-shadow: 2px 2px #666;
transform: translateY(-2px) translateX(-2px);
color: var(--background-color); background-color: var(--foreground-color);
transition: all 0.5s;
}
button:after, button:active {
button:after, button:active, input[type=submit]:after, input[type=submit]:active {
box-shadow: -2px -2px #666;
transform: translateY(4px) translateX(4px);
color: var(--background-color); background-color: var(--foreground-color);
@ -209,6 +335,9 @@ a#t {
font-family: ubuntu;
vertical-align:baseline;
}
a {
font-family: ubuntu;
}
a.t {
font-size:100%;
font-family: ubuntu;
@ -231,17 +360,24 @@ ul#t {
vertical-align:baseline;
}
div.parent {
position: fixed;
display: block;
top: 10px;
align-content:center;
padding: 5% auto;
}
div.menu {
margin: 0 auto;
display: inline-block;
vertical-align: top;
align-content: center;
z-index: 0.5;
border : 1px solid var(--border-color);
border-radius: 50px;
position: fixed;
top: 0;
left:50%;
color: #505050; background-color: #505050;
padding: 10px;
width: 800px;
margin-top:10px;
margin-left: -400px;
border-radius: 20px;
color: #505050; background-color: #505050;
padding: 5px;
}
div.doc {
border-radius: 50px;
@ -256,66 +392,80 @@ div.menu {
color: var(--body-foreground-color); background-color: var(--body-background-color);
}
div#Rahmen {
width: 47.1em;
padding: 0.8em;
border: 1px solid white;
background-color: silver;
}
* html div#Rahmen { /* Korrektur fuer IE 5.x */
width: 48.7em;
w\idth: 47.1em;
}
div#Rahmen div {
clear: left;
}
ul#Navigation {
margin: 0; padding: 0;
text-align: center;
font-family: sans-serif;
font-family: ubuntu;
}
ul#Navigation li {
list-style: none;
float: left;
width: 10.6em;
position: relative;
margin: 0.4em; padding: 0;
}
* html ul#Navigation li { /* Korrektur fuer den IE 5 und 6 */
margin-bottom: -0.4em;
}
*:first-child+html ul#Navigation li { /* Korrektur fuer den IE 7 */
margin-bottom: -0.1em;
margin: 0; padding: 5px;
}
ul#Navigation li ul {
margin: 0; padding: 0;
position: absolute;
top: 1.7em; left: -0.4em;
}
* html ul#Navigation li ul { /* Korrektur fuer IE 5.x */
left: -1.5em;
lef\t: -0.4em;
}
ul#Navigation li ul li {
float: none;
display: block;
margin-bottom: 0.2em;
}
input.close {
float: right;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 7px;
padding-right: 7px;
border-radius: 50%;
border:1px solid red;
background-color: red;
color : white;
font-size: 150%;
}
input.close:hover {
box-shadow: 2px 2px #666;
transform: translateY(-2px) translateX(-2px);
color: red; background-color: white;
transition: all 0.5s;
}
input.close:active, input.close:after {
box-shadow: -2px -2px #666;
transform: translateY(2px) translateX(2px);
color: white; background-color: red;
transition: all 0.5s;
}
.modal {
display: block;
position: fixed;
left: 0;
z-index: 1;
top: 0;
width: 100%;
height: 100%;
padding-top: 25px;
overflow: auto;
background-color: rgba(0,0,0,0.6);
}
.modal-content {
vertical-align: top;
align-content: center;
color: var(--foreground-color);
box-shadow: 8px 8px rgba(0.6,0.6,0.6,0.4);
margin: auto;
width: 60%;
padding: 10px;
border-radius: 10px;
border: 2px dotted black;
background-color: var(--background-color);
}
ul#Navigation a, ul#Navigation span {
display: block;
padding: 0.2em 1em;
padding: 4px;
text-decoration: none; font-weight: bold;
border: 1px solid var(--border-color);
border-radius: 20px;
color: var(--foreground-color); background-color: var(--background-color);
}
* html ul#Navigation a, * html ul#Navigation span { /* nur fuer IE erforderlich */
width: 100%;
w\idth: 6.4em;
}
code {
margin: 2px;
@ -336,7 +486,6 @@ div.menu {
color: var(--background-color); background-color: var(--foreground-color);
}
ul#Navigation a:hover, li a#aktuell {
font-size: 100%;
text-align: center;
transform: translateY(-2px) translateX(-2px);
box-shadow: 2px 2px #666;

View File

@ -0,0 +1 @@
802

1
visitorsfile.txt Normal file
View File

@ -0,0 +1 @@
5