appgurueu
/
appgurueu.github.io
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

6. commit: A new hope

master
Lars Müller 2018-01-04 16:12:53 +01:00
parent 5d8d966662
commit cc6fbca759
35 changed files with 1200 additions and 1096 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

269
Mandelbrot.html Normal file
View File

@ -0,0 +1,269 @@
<!DOCTYPE html>
<html>
<body>
<style type="text/css">
input {
position: relative; top: 0; left: 0;
}
</style>
<!--
<p>Fraktal-Suite online : </p>
<label for="w">Breite : </label>
<input align="left" type="number" min="1" max="2400" step="10" value="800" size="6" id="w">
<label for="h">Höhe : </label>
<input align="left" type="number" min="1" max="2400" step="10" value="600" size="6" id="h">
<label for="exp">Exponent : </label>
<input align="left" type="range" min="2" max="20" step="1" value="2" size="6" id="exp">
<input align="left" type="radio" id="mandelbrot" name="mb" value="Julia/Mandelbrot">
<label for="mandelbrot">Mandelbrot</label>
<input align="left" type="radio" id="julia" name="mb" value="Julia/Mandelbrot">
<label for="julia">Julia</label>
<input align="left" type="radio" id="maj" name="mb" value="Julia/Mandelbrot">
<label for="maj">Mandelbrot aus Julia</label>
<input align="left" type="radio" id="abs" name="farbe" value="Färbung">
<label for="abs">Absolut</label>
<input align="left" type="radio" id="betrag" name="farbe" value="Färbung">
<label for="betrag">Betrag</label>
<input align="left" type="radio" id="kreise" name="farbe" value="Färbung">
<label for="kreise">Kreise</label>
<input align="left" type="radio" id="cos" name="farbe" value="Färbung">
<label for="cos">Cosinus</label>
<label align="left" for="c_real">C-Realteil : </label>
<input align="left" type="number" min="-10" max="10" step="0.1" value="0.5" size="6" id="c_real">
<label for="c_imag">C-Imaginärteil : </label>
<input align="left" type="number" min="-10" max="10" step="0.1" value="0.5" size="6" id="c_imag">
<label for="m_real">M-Realteil : </label>
<input align="left" type="number" min="-10" max="10" step="0.1" value="0.5" size="6" id="m_real">
<label for="m_imag"> M-Imaginärteil : </label>
<input align="left" type="number" min="-10" max="10" step="0.1" value="0.5" size="6" id="m_imag">
<label for="wc">Winkeländerung : </label>
<input align="left" type="number" min="-360" max="360" step="0.1" value="0.5" size="6" id="wc">
<label for="wi">Winkel : </label>
<input align="left" type="number" min="0" max="360" step="1" value="0" size="6" id="wi">
<input align="left" type="radio" id="add" name="transform" value="Transformieren">
<label for="add">Addieren</label>
<input align="left" type="radio" id="circles" name="transform" value="Transformieren">
<label for="circles">Ellipse berechnen</label>
-->
<canvas align="right" id="myCanvas" width="800" height="600" style="border:1px solid #d3d3d3;">
<script>
function ComplexNumber(rpart,ipart) {
this.rpart=rpart;
this.ipart=ipart;
}
function bs(cn) {
var a = (cn.rpart*cn.rpart) + (cn.ipart*cn.ipart) ;
var betrag = Math.sqrt(a);
return betrag ;
}
function erzeugeplus(that,other){
var wert1=that.rpart+other.rpart;
var wert2=that.ipart+other.ipart;
return new ComplexNumber(wert1,wert2);
}
function erzeugemal(that,other){
var wert1=that.rpart * other.rpart - that.ipart * other.ipart ;
var wert2=that.rpart * other.ipart + that.ipart * other.rpart ;
return new ComplexNumber(wert1,wert2) ;
}
function hoch(that,iters,other){
var cn=(erzeugemal(that,other)) ;
if (iters > 2) {
for (i=0; i<iters-1; i++) {
cn=erzeugemal(cn,cn) ;
}
}
return cn;
}
function iter(that,iters,other){
var cn=(erzeugemal(that,other)) ;
if (iters > 0) {
for (i=0; i<iters-1; i++) {
cn=erzeugemal(cn,other) ;
}
}
return cn ;
}
//function update() {
var c = document.getElementById("myCanvas");
var mouseX=0;
var mouseY=0;
var zoomed=10;
var moveX=0;
var moveY=0;
var mode=2;
var m=0;
/*function relPos(evt) {
var r=c.getBoundingClientRect();
return {x:evt.clientX-rect.left,y:evt.clientY-rect.top};
}
function processMove(evt) {
var p=relPos(evt);
mouseX=p.x;
mouseY=p.y;
}*/
function mouseMove(e)
{
if(e.offsetX) {
mouseX = e.offsetX;
mouseY = e.offsetY;
}
else if(e.layerX) {
mouseX = e.layerX;
mouseY = e.layerY;
}
}
function mWheel(e) {
mouseMove(e);
zoomed+=e.wheelDelta/480;
moveX+=(e.wheelDelta/480)*((mouseX-400)/4000);
moveY+=(e.wheelDelta/480)*((mouseY-300)/3000);
//zoomed+=1;
}
function mClick(e) {
mode+=1;
}
function mRightClick(e) {
if (m != 1) {
m++;
}
else {
m=0;
}
return false;
}
c.oncontextmenu=mRightClick;
c.addEventListener('onmousemove', mouseMove, false);
var mousewheelevt=(/Firefox/i.test(navigator.userAgent))? "DOMMouseScroll" : "mousewheel"
//c.attachEvent(mousewheelevt,mWheel);
c.addEventListener(mousewheelevt, mWheel, false);
c.addEventListener("click",mClick);
//var colors=new Array();
//var m = document.getElementById("mandelbrot");
var ctx = c.getContext("2d");
var gr = ctx.createImageData(800,800);
//var mchecked=m.checked;
var w=800;
var h=600;
var cc=new ComplexNumber(0.7,0.3);
function drawPixel(x,y,r,g,b) {
i=(x+y*gr.width)*4;
var d=gr.data;
gr.data[i]=r;
gr.data[i+1]=g;
gr.data[i+2]=b;
gr.data[i+3]=255;
}
function eval_mbm(x, y, zoom, resx, resy, type,movex,movey){
for(xs=0; xs<resx; xs++) {
for(ys=0; ys<resy; ys++) {
var z = new ComplexNumber(0.0,0.0) ;
var c = new ComplexNumber(((xs-(resx/2.0))/zoom)+movex,((ys-(resy/2.0))/zoom)+movey) ;
var benoetigte_iterationen=0 ;
var iters=75;
while (true) {
benoetigte_iterationen += 1 ;
z=erzeugeplus(c,iter(z,type,z)) ;
var betrag = bs(z) ;
/*if (benoetigte_iterationen > 75) {
drawPixel(xs+x,ys+y,0,0,255);
break ;
}
if (betrag > 100.0) {
if (benoetigte_iterationen <= 18){
drawPixel(xs+x,ys+y,benoetigte_iterationen*3,benoetigte_iterationen*6,0);
}
if (benoetigte_iterationen > 18) {
drawPixel(xs+x,ys+y,0,benoetigte_iterationen*1.5,benoetigte_iterationen*3);
}
break ;
}*/
if (benoetigte_iterationen > iters) {
if (true) {
var ci=(betrag*2.4) ;
drawPixel(0,0,ci);
break ;
}
}
if (betrag > iters/18*100) {
if (benoetigte_iterationen <= iters/2){
drawPixel(int(benoetigte_iterationen*3),int(benoetigte_iterationen*6),0) ;
}
if (benoetigte_iterationen > iters/2) {
drawPixel(0,int(benoetigte_iterationen*1.5),int(benoetigte_iterationen*3)) ;
}
break ;
}
}
}
}
}
function eval_jm(wert1, x, y, zoom, resx, resy, type, movex, movey){
for(xs=0; xs<resx; xs++) {
for(ys=0; ys<resy; ys++) {
z = new ComplexNumber(0.0,0.0) ;
c = new ComplexNumber(((xs-(resx/2.0))/zoom)+movex,((ys-(resy/2.0))/zoom)+movey) ;
z = c ;
benoetigte_iterationen=0 ;
while (true) {
benoetigte_iterationen += 1 ;
z=erzeugeplus(wert1,iter(z,type,z)) ;
betrag = bs(z) ;
if (benoetigte_iterationen > 75) {
drawPixel(xs+x,ys+y,0,0,255);
break ;
}
if (betrag > 100.0) {
if (benoetigte_iterationen <= 18){
drawPixel(xs+x,ys+y,benoetigte_iterationen*3,benoetigte_iterationen*6,0);
}
if (benoetigte_iterationen > 18) {
drawPixel(xs+x,ys+y,0,benoetigte_iterationen*1.5,benoetigte_iterationen*3);
}
break ;
}
}
}
}
}
for (x=0; x < gr.width; x++) {
for (y=0; y < gr.height; y++) {
drawPixel(x,y,0,0,0);
}
}
ctx.putImageData( gr, 0,0 );
ctx.stroke();
function getGUIVars() {
return {};
}
function update() {
for (x=0; x < gr.width; x++) {
for (y=0; y < gr.height; y++) {
drawPixel(x,y,0,0,0);
}
}
if (m==0) {
eval_mbm(0,0,zoomed,800,600,mode,moveX,moveY);
}
if (m==1) {
eval_jm(cc,0,0,zoomed,800,600,mode,moveX,moveY);
}
ctx.putImageData( gr, 0,0 );
ctx.stroke();
}
setInterval(update,16);
//}
</script>
</body>
</html>

42
aboutme.html Normal file
View File

@ -0,0 +1,42 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<div class="menu">
</head>
<link rel="stylesheet" type="text/css" href="stylesheets.css"/>
<div id="navigieren"><ul id="Navigation">
</li>
<ul>
<li><span>About Me</span></li>
</ul>
<li><a href="index.html">Home</a></li>
</li>
<ul>
<li><a href="applications.html">Applications</a></li>
<li><a href="gallery.html">Gallery</a></li>
</ul>
</ul><div></div></div>
<head>
</head></div>
<html lang="de" dir="ltr" class="client-nojs">
<title>Appguru EU</title>
<div class="doc">
<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">
<meta name="DC.Publisher" content="GitHub">
<meta name="DC.Date" content="2018,3.1">
<meta name="DC.Identifier" content="appguru.eu">
<meta name="DC.Language" content="de">
<meta name="DC.Rights" content="free">
<meta name="DC.Date.created" content="2018-1-3T08:00+01:00">
<meta name="SELF.Pagetype" content="html">
<link href="appguruicon64x64.ico" rel="shortcut icon" type="image/ico">
<h1>About Me</h1>
<a id="t">Minetest Forums Account : </a><a id="t" href="https://forum.minetest.net/memberlist.php?mode=viewprofile&u=20958">LMD</a></br>
<a id="t">GitHub Account : </a><a id="t" href="https://github.com/appgurueu/">appgurueu</a></br>
<a id="t">E-Mail : </a><a id="t" href="mailto:appgurulars@gmx.de">appgurulars@gmx.de</a></br></br></br>
</html>
</div>

125
aglogo2.svg Normal file
View File

@ -0,0 +1,125 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="56.444447mm"
height="56.444447mm"
viewBox="0 0 200.00001 200.00001"
id="svg3378"
version="1.1"
inkscape:version="0.91 r13725"
sodipodi:docname="aglogo2.svg">
<defs
id="defs3380" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="2"
inkscape:cx="299.14633"
inkscape:cy="99.206155"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:window-width="1855"
inkscape:window-height="1056"
inkscape:window-x="65"
inkscape:window-y="24"
inkscape:window-maximized="1" />
<metadata
id="metadata3383">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Ebene 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-350.85712,-421.5051)">
<rect
ry="43.75"
rx="43.75"
y="422.38892"
x="351.74094"
height="198.23236"
width="198.23236"
id="rect3845"
style="fill:#80b3ff;stroke:#80b3ff;stroke-width:1.76764083" />
<path
inkscape:connector-curvature="0"
id="path3828-3"
d="m 543.82872,569.35336 c 2.36552,-1.15938 3.89774,-4.31745 4.5137,-9.30761 1.20078,-9.72831 -1.80797,-30.05767 -6.50265,-43.93777 -3.68599,-10.89712 -11.2757,-25.9746 -16.65325,-33.0838 -3.56817,-4.71689 -6.76411,-7.73968 -9.73604,-9.21035 -2.1359,-1.05604 -4.7019,-1.23599 -6.50807,-0.45384 -2.21571,0.95329 -3.58336,2.82734 -10.32445,14.11781 -5.04366,8.44734 -7.128,11.46861 -9.97514,14.45978 -3.53588,3.71254 -6.29649,5.08257 -9.25548,4.59134 l -1.39004,-0.23406 0.12402,0.94356 c 0.0681,0.5189 0.35983,4.53965 0.64873,8.92914 0.37515,4.54578 1.29101,9.00263 0.2758,12.33678 5.54253,24.66375 5.86426,-1.47829 5.50322,-3.51889 -1.62155,8.9718 4.3256,25.01567 4.33601,-0.11125 0.65943,0.34867 -0.34192,1.01165 -0.31623,6.4055 1.23371,16.70102 7.30662,2.02321 3.97276,-6.80007 2.69911,18.6644 8.22009,21.87318 4.07576,-0.73867 2.99509,15.06842 10.99583,24.39516 3.70874,-0.65235 3.23318,12.77273 12.7178,26.26875 3.97226,-0.97365 8.24921,25.73844 11.03085,17.23655 3.42021,-4.09676 12.91717,35.96945 9.25816,14.20599 3.20838,-4.51533 13.95692,43.34915 10.86286,20.70814 4.40028,-0.60402 2.60931,2.64362 5.39754,14.03406 6.22633,18.13854 5.32531,24.28909 5.75762,8.75815 3.3607,-5.14185 -0.9949,-4.05238 -4.91593,-14.01476 -4.21975,-14.71361 0,0 5.20531,10.98801 6.85101,18.57873 -1.02221,27.12803 9.08073,24.4537 2.5228,-4.19494 -1.17325,-6.80037 -4.27088,-16.12652 -3.47618,-15.46414 0.48501,0.397 3.6254,10.62141 4.27835,12.54592 1.62393,4.79075 2.3358,10.07668 2.98078,22.13866 0.4868,9.10485 0.83337,11.80997 1.59305,12.44378 0.86476,0.72134 3.15295,-0.2559 3.38142,-2.7209 0.0827,-0.88519 0.90818,-3.02035 0.75195,-4.7348 -0.53937,-5.16296 1.58591,-11.52718 -4.48484,-30.54684 -1.47155,-6.86177 -4.83719,-9.04648 -3.9039,-9.04648 0.64103,0 1.29018,0.98095 3.00926,4.54361 3.41277,7.07577 5.1398,13.53811 6.19206,23.16976 0.28271,2.58597 0.38288,6.25807 0.42179,15.39696 0.0486,11.58595 0.13435,13.79498 0.6078,15.67146 0.18787,0.73776 0.31362,0.87546 0.84948,0.86574 0.34581,0 1.04697,-0.20976 1.55754,-0.45385 z"
style="fill:#ffffff;stroke:#000000;stroke-width:0.69764328;stroke-miterlimit:4;stroke-dasharray:none"
sodipodi:nodetypes="csccccscccccccccccccccccccccccsccccsccccccc" />
<path
inkscape:connector-curvature="0"
id="path3828-3-6"
d="m 357.88554,569.35357 c -2.36553,-1.15938 -3.89775,-4.31745 -4.51371,-9.30761 -1.20078,-9.72831 1.80797,-30.05768 6.50266,-43.93778 3.68599,-10.89712 11.2757,-25.9746 16.65325,-33.0838 3.56817,-4.71689 6.76411,-7.73968 9.73604,-9.21035 2.1359,-1.05604 4.7019,-1.23599 6.50807,-0.45384 2.21571,0.95329 3.58336,2.82734 10.32445,14.11781 5.04366,8.44734 7.128,11.46861 9.97514,14.45978 3.53588,3.71254 6.29649,5.08257 9.25548,4.59134 l 1.39004,-0.23406 -0.12402,0.94356 c -0.0681,0.5189 -0.35983,4.53965 -0.64873,8.92914 -0.37515,4.54578 -1.29101,9.00263 -0.2758,12.33678 -5.54253,24.66376 -5.86426,-1.47829 -5.50322,-3.51889 1.62155,8.9718 -4.3256,25.01568 -4.33601,-0.11125 -0.65943,0.34867 0.34192,1.01165 0.31623,6.4055 -1.23371,16.70103 -7.30662,2.02321 -3.97276,-6.80007 -2.69911,18.66441 -8.22009,21.87319 -4.07576,-0.73867 -2.99509,15.06842 -10.99583,24.39517 -3.70874,-0.65235 -3.23318,12.77273 -12.7178,26.26876 -3.97226,-0.97365 -8.24921,25.73845 -11.03085,17.23655 -3.42021,-4.09676 -12.91717,35.96946 -9.25816,14.20599 -3.20838,-4.51533 -13.95692,43.34916 -10.86286,20.70814 -4.40028,-0.60402 -2.60931,2.64362 -5.39754,14.03406 -6.22633,18.13854 -5.32531,24.2891 -5.75762,8.75816 -3.3607,-5.14185 0.9949,-4.05238 4.91593,-14.01476 4.21975,-14.71361 0,0 -5.20531,10.98801 -6.85101,18.57873 1.02221,27.12804 -9.08073,24.45371 -2.5228,-4.19494 1.17325,-6.80037 4.27088,-16.12652 3.47618,-15.46414 -0.48501,0.397 -3.6254,10.62141 -4.27835,12.54592 -1.62393,4.79075 -2.3358,10.07668 -2.98078,22.13867 -0.4868,9.10485 -0.83337,11.80997 -1.59305,12.44378 -0.86476,0.72134 -3.15295,-0.2559 -3.38142,-2.7209 -0.0827,-0.88519 -0.90818,-3.02035 -0.75195,-4.7348 0.53937,-5.16296 -1.58591,-11.52719 4.48484,-30.54685 1.47155,-6.86177 4.83719,-9.04648 3.9039,-9.04648 -0.64103,0 -1.29018,0.98095 -3.00926,4.54361 -3.41277,7.07577 -5.1398,13.53811 -6.19206,23.16976 -0.28271,2.58598 -0.38288,6.25808 -0.42179,15.39697 -0.0486,11.58595 -0.13435,13.79498 -0.6078,15.67146 -0.18787,0.73776 -0.31362,0.87546 -0.84948,0.86574 -0.34581,0 -1.04697,-0.20976 -1.55754,-0.45385 z"
style="fill:#ffffff;stroke:#000000;stroke-width:0.69764328;stroke-miterlimit:4;stroke-dasharray:none"
sodipodi:nodetypes="csccccscccccccccccccccccccccccsccccsccccccc" />
<rect
style="fill:#b3b3b3;fill-rule:evenodd;stroke:#b3b3b3;stroke-width:0.66938049px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
id="rect3005"
width="74.901077"
height="142.96758"
x="413.49164"
y="450.02133"
ry="14.906573"
rx="13.495689" />
<rect
style="fill:#b3b3b3;stroke:#b3b3b3;stroke-width:0.66938049"
id="rect3007"
width="19.568752"
height="10.163573"
x="417.54034"
y="477.12476"
rx="13.495689"
ry="10.163573" />
<rect
ry="10.163573"
rx="13.495689"
y="477.12476"
x="417.54034"
height="10.163573"
width="19.568752"
id="rect3009"
style="fill:#b3b3b3;stroke:#b3b3b3;stroke-width:0.66938049" />
<rect
style="fill:#80b3ff;stroke:#80b3ff;stroke-width:10.2019186;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
id="rect3011"
width="40.323208"
height="80.574112"
x="431.22302"
y="470.69745"
rx="0"
ry="0" />
<ellipse
ry="8.8084297"
rx="8.7721996"
cy="578.75934"
cx="450.60483"
style="fill:#ffffff;stroke:#000000;stroke-width:2.00814199;stroke-miterlimit:4;stroke-dasharray:none"
id="path3013" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.7 KiB

321
applications.html Normal file
View File

@ -0,0 +1,321 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<div class="menu">
</head>
<link rel="stylesheet" type="text/css" href="stylesheets.css"/>
<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>
<head>
</head></div>
<html lang="de" dir="ltr" class="client-nojs">
<title>Appguru EU - Applications</title>
<div class="doc">
<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">
<meta name="DC.Publisher" content="GitHub">
<meta name="DC.Date" content="2018,3.1">
<meta name="DC.Identifier" content="appguru.eu">
<meta name="DC.Language" content="de">
<meta name="DC.Rights" content="free">
<meta name="DC.Date.created" content="2018-1-3T08:00+01:00">
<meta name="SELF.Pagetype" content="html">
<link href="appguruicon64x64.ico" rel="shortcut icon" type="image/ico">
<h1>Applications</h1>
<h3>Model Creator</h3>
<a id="t">An useful application for creating blocky 3D-Models of depthmaps. Download, execute and use !</a></br>
<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>
<a id="u">Forum Thread : </a></br>
<a 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>
<a id="t" href="https://forum.minetest.net/download/file.php?id=13425">Model Creator Download</a><br>
<h3>Schematic Creator</h3>
<a id="t">An useful application for creating schematics/buildings out of blueprints in a Minetest world. Download, execute and use !</a></br>
<a id="t">Hope it helps !</a></br>
<a id="t">Also in English.</a></br>
<a id="u">Screenshots : </a></br>
<img class="bild" id="normal" src="https://forum.minetest.net/download/file.php?mode=view&id=13321&sid=37968944da7cbeadd96607818f5001ed" float: left;"></br>
<a id="u">Forum Thread : </a></br>
<a 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>
<a id="t" href="https://forum.minetest.net/download/file.php?id=13323">Schematic Creator Download</a><br>
<h3>Colorful Library</h3>
<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>
<a id="u">Forum Thread : </a></br>
<a 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>
<a id="t" href="https://github.com/appgurueu/colorful/tree/master">Colorful Library Download on GitHub</a><br>
<h3>Baubles Mod</h3>
<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>
<a id="u">Forum Thread : </a></br>
<a id="t" href="https://forum.minetest.net/viewtopic.php?f=9&t=19109">Baubles Library Forum Thread</a><br>
<a id="u">Download : </a></br>
<a id="t" href="https://github.com/appgurueu/baubles">Baubles Library 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>
<a id="u">Download : </a></br>
<a 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>
<a id="t">A Planetary Movement Simulation in 3D. Featuring many ways to interact with your solar system, such as creating and deleting planets, seting velocities, etc. You are in control ! Also, it always saves your progress if you exit !</a></br>
<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>
<a id="u">Downloads : </a></br>
<a id="t" href="Planetenbewegungssimulation_Windows_i586.zip">Windows i586</a><br>
<a id="t" href="Planetenbewegungssimulation_Windows_amd64.zip">Windows amd64</a><br>
<a id="t" href="Planetenbewegungssimulation_Linux_i586.zip">Linux i586</a><br>
<a id="t" href="Planetenbewegungssimulation_Linux_amd64.zip">Linux amd64</a><br>
<h3>Online Fractal-Viewer</h3>
<a id="t">A little Fractal-Viewer I created once. Enjoy !</a></br>
<a id="t">Controls : Mouse Wheel to Move and Zoom, Left Mouse Button to switch Julia/Mandelbrot, Right Mouse Button to add extra iters. Note : Only works well in Google Chrome. If you want a lag and bug-free application with more features, get my Fractal-Suite.</a>
<canvas id="myCanvas" width="800" height="600" style="border:1px solid #d3d3d3;margin:10%">
<script>
function ComplexNumber(rpart,ipart) {
this.rpart=rpart;
this.ipart=ipart;
}
function bs(cn) {
var a = (cn.rpart*cn.rpart) + (cn.ipart*cn.ipart) ;
var betrag = Math.sqrt(a);
return betrag ;
}
function erzeugeplus(that,other){
var wert1=that.rpart+other.rpart;
var wert2=that.ipart+other.ipart;
return new ComplexNumber(wert1,wert2);
}
function erzeugemal(that,other){
var wert1=that.rpart * other.rpart - that.ipart * other.ipart ;
var wert2=that.rpart * other.ipart + that.ipart * other.rpart ;
return new ComplexNumber(wert1,wert2) ;
}
function hoch(that,iters,other){
var cn=(erzeugemal(that,other)) ;
if (iters > 2) {
for (i=0; i<iters-1; i++) {
cn=erzeugemal(cn,cn) ;
}
}
return cn;
}
function iter(that,iters,other){
var cn=(erzeugemal(that,other)) ;
if (iters > 0) {
for (i=0; i<iters-1; i++) {
cn=erzeugemal(cn,other) ;
}
}
return cn ;
}
//function update() {
var c = document.getElementById("myCanvas");
var mouseX=0;
var mouseY=0;
var zoomed=100;
var moveX=0;
var moveY=0;
var mode=2;
var m=1;
/*function relPos(evt) {
var r=c.getBoundingClientRect();
return {x:evt.clientX-rect.left,y:evt.clientY-rect.top};
}
function processMove(evt) {
var p=relPos(evt);
mouseX=p.x;
mouseY=p.y;
}*/
function mouseMove(e)
{
if(e.offsetX) {
mouseX = e.offsetX;
mouseY = e.offsetY;
}
else if(e.layerX) {
mouseX = e.layerX;
mouseY = e.layerY;
}
}
function mWheel(e) {
mouseMove(e);
zoomed+=e.wheelDelta/480;
moveX+=(e.wheelDelta/480)*((mouseX-400)/4000);
moveY+=(e.wheelDelta/480)*((mouseY-300)/3000);
//zoomed+=1;
}
function mClick(e) {
mode+=1;
}
function mRightClick(e) {
if (m != 1) {
m++;
}
else {
m=0;
}
return true;
}
c.oncontextmenu=mRightClick;
c.addEventListener('onmousemove', mouseMove, false);
var mousewheelevt=(/Firefox/i.test(navigator.userAgent))? "DOMMouseScroll" : "mousewheel"
//c.attachEvent(mousewheelevt,mWheel);
c.addEventListener(mousewheelevt, mWheel, false);
c.addEventListener("click",mClick);
//var colors=new Array();
//var m = document.getElementById("mandelbrot");
var ctx = c.getContext("2d");
var gr = ctx.createImageData(800,800);
//var mchecked=m.checked;
var w=800;
var h=600;
var cc=new ComplexNumber(0.7,0.3);
function drawPixel(x,y,r,g,b) {
i=(x+y*gr.width)*4;
var d=gr.data;
gr.data[i]=r;
gr.data[i+1]=g;
gr.data[i+2]=b;
gr.data[i+3]=255;
}
function eval_mbm(x, y, zoom, resx, resy, type,movex,movey){
for(xs=0; xs<resx; xs++) {
for(ys=0; ys<resy; ys++) {
var z = new ComplexNumber(0.0,0.0) ;
var c = new ComplexNumber(((xs-(resx/2.0))/zoom)+movex,((ys-(resy/2.0))/zoom)+movey) ;
var benoetigte_iterationen=0 ;
var iters=50;
while (true) {
benoetigte_iterationen += 1 ;
z=erzeugeplus(c,iter(z,type,z)) ;
var betrag = bs(z) ;
/*if (benoetigte_iterationen > 75) {
drawPixel(xs+x,ys+y,0,0,255);
break ;
}
if (betrag > 100.0) {
if (benoetigte_iterationen <= 18){
drawPixel(xs+x,ys+y,benoetigte_iterationen*3,benoetigte_iterationen*6,0);
}
if (benoetigte_iterationen > 18) {
drawPixel(xs+x,ys+y,0,benoetigte_iterationen*1.5,benoetigte_iterationen*3);
}
break ;
}*/
if (benoetigte_iterationen > iters) {
if (true) {
var ci=(betrag*2.4) ;
drawPixel(0,0,ci);
break ;
}
}
if (betrag > iters/18*100) {
if (benoetigte_iterationen <= iters/2){
drawPixel(int(benoetigte_iterationen*3),int(benoetigte_iterationen*6),0) ;
}
if (benoetigte_iterationen > iters/2) {
drawPixel(0,int(benoetigte_iterationen*1.5),int(benoetigte_iterationen*3)) ;
}
break ;
}
}
}
}
}
function eval_jm(wert1, x, y, zoom, resx, resy, type, movex, movey){
for(xs=0; xs<resx; xs++) {
for(ys=0; ys<resy; ys++) {
z = new ComplexNumber(0.0,0.0) ;
c = new ComplexNumber(((xs-(resx/2.0))/zoom)+movex,((ys-(resy/2.0))/zoom)+movey) ;
z = c ;
benoetigte_iterationen=0 ;
while (true) {
benoetigte_iterationen += 1 ;
z=erzeugeplus(wert1,iter(z,type,z)) ;
betrag = bs(z) ;
if (benoetigte_iterationen > 75) {
drawPixel(xs+x,ys+y,0,0,255);
break ;
}
if (betrag > 100.0) {
if (benoetigte_iterationen <= 18){
drawPixel(xs+x,ys+y,benoetigte_iterationen*3,benoetigte_iterationen*6,0);
}
if (benoetigte_iterationen > 18) {
drawPixel(xs+x,ys+y,0,benoetigte_iterationen*1.5,benoetigte_iterationen*3);
}
break ;
}
}
}
}
}
for (x=0; x < gr.width; x++) {
for (y=0; y < gr.height; y++) {
drawPixel(x,y,0,0,0);
}
}
ctx.putImageData( gr, 0,0 );
ctx.stroke();
function getGUIVars() {
return {};
}
function update() {
for (x=0; x < gr.width; x++) {
for (y=0; y < gr.height; y++) {
drawPixel(x,y,0,0,0);
}
}
if (m==0) {
eval_mbm(0,0,zoomed,800,600,mode,moveX,moveY);
}
if (m==1) {
eval_jm(cc,0,0,zoomed,800,600,mode,moveX,moveY);
}
ctx.putImageData( gr, 0,0 );
ctx.stroke();
}
setInterval(update,16);
//}
</script>
</html>
</div>

75
circuscamp/activities.html
View File

@ -1,75 +0,0 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html id="RotWeisseStreifen">
<link rel="icon" type="image/ico" href="favicon.ico"/>
<title>Circus Camp</title>
<head>
<link rel="stylesheet" type="text/css" href="stylesheets.css"/>
</head>
</head>
<body>
<div id="navigieren"><ul id="Navigation">
</li>
<ul>
<li><a href="x.html">Home</a></li>
</ul>
<li><a href="contact.html">Contact</a></li>
</li>
<ul>
<li><a href="location.html">Location</a></li>
<li><a href="residence.html">Your residence</a></li>
<li><a href="stay.html">Your stay</a></li>
<li><a href="events.html">Events</a></li>
<li><span>Activities</span></li>
<li><a href="costs.html">Costs</a></li>
<li><a href="registration.html">Registration</a></li>
</ul>
</ul><div></div></div>
</body>
<head>
<div id="breit">
<h2>Activities</h2>
<h3>Magic tricks, impressing the crowd</h3>
<a id="t">
Did you ever wanted to impress everybody ? Here, you‘ll learn how to do so. You are going to learn from one of the world‘s best magicians, and the tricks aren‘t to hard and make you able to impress someone without having to be fit. Perfect if you aren‘t that fit.
</a>
<h3>Athletics, with animals</h3>
<a id="t">
Are you fit ? Do you want to get even fitter or learn some other skills ? Then, you should come here. You decide if you want to train riding an elephant, the trapeze, riding the unicycle while juggling torches or just running, jumping or throwing. Best for the fit. You may have to be able to work with animals.
</a>
<h3>Acrobatics, also with animals</h3>
<a id="t">
Do you want to be able to give a big show ? Then, you‘ll always have to work together well. You‘ll for example practise how to form a pyramid. And, most important, you haven‘t to be that fit, you just have to be good at holding your balance as well as the figures. Best for those who like to team. Loving the animals also is of great importance here.
</a>
<h3>Jokes, talking funnily</h3>
<a id="t">
This topic will may be of great importance for your whole further life. Everybody likes funny people, as well as most likely no one refuses beeing funny. Here you‘ll learn some good jokes, and while doing this, we promise that you‘ll have some great fun. Furthermore, you‘ll learn how to make a funny joke about a topic. Finally, you‘ll learn some rethoric, to beat everyone in conversation. Good for almost everyone.
</a>
<h3>Pranks, doing funny things</h3>
<a id="t">
Basically the same as talking funnily, with one difference : Instead of telling funny things, you do funny things. For example, making funny sounds or drawing a caricature. We won‘t hurt anyone with fierce pranks. Also good for most people.
</a>
</br></br></br></br></br></br>
<a id="copyright">
© Lars Müller
</a>
</div>
<meta name="description" content="The Website of the Circus Camp, Ohio, Colorado">
<meta name="keywords" content="circus,camp,holidays,ohio,colorado,vacations">
<meta name="author" content="Lars Müller">
<meta name="DC.Publisher" content="The Circus Camp Company">
<meta name="DC.Date" content="2017,20.9">
<meta name="DC.Identifier" content="circuscamp.com">
<meta name="DC.Language" content="en">
<meta name="DC.Rights" content="free">
<meta name="DC.Date.created" content="2001-10-27T08:00+01:00">
<meta name="SELF.Pagetype" content="html">
</html>

BIN
circuscamp/caravane.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 8.6 KiB

BIN
circuscamp/circuscamp.ico
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 264 KiB

BIN
circuscamp/circuscamp.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 15 KiB

64
circuscamp/contact.html
View File

@ -1,64 +0,0 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html id="RotWeisseStreifen">
<link rel="icon" type="image/ico" href="favicon.ico"/>
<title>Circus Camp</title>
<head>
<link rel="stylesheet" type="text/css" href="stylesheets.css"/>
</head>
<body>
<div id="navigieren"><ul id="Navigation">
</li>
<ul>
<li><a href="x.html">Home</a></li>
</ul>
<li><span>Contact</span></li>
</li>
<ul>
<li><a href="location.html">Location</a></li>
<li><a href="residence.html">Your residence</a></li>
<li><a href="stay.html">Your stay</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="activities.html">Activities</a></li>
<li><a href="costs.html">Costs</a></li>
<li><a href="registration.html">Registration</a></li>
</ul>
</ul><div></div></div>
</body>
<head>
<div id="breit">
<h2>Contact</h2>
<a id="t">
The Circus Camp Company
</a><br/>
<a id="t">
Address : 12 Ferry Street, Ironton, Ohio
</a><br/>
<a id="t">
Phone : (606) 333-4444
</a><br/>
<a id="t">
E-Mail :</a> <a id="t" href="mailto:contact@circuscamp.com">contact@circuscamp.com
</a></br></br></br>
<a id="copyright">
© Lars Müller
</a>
</div>
<meta name="description" content="The Website of the Circus Camp, Ohio, Colorado">
<meta name="keywords" content="circus,camp,holidays,ohio,colorado,vacations">
<meta name="author" content="Lars Müller">
<meta name="DC.Publisher" content="The Circus Camp Company">
<meta name="DC.Date" content="2017,20.9">
<meta name="DC.Identifier" content="circuscamp.com">
<meta name="DC.Language" content="en">
<meta name="DC.Rights" content="free">
<meta name="DC.Date.created" content="2001-10-27T08:00+01:00">
<meta name="SELF.Pagetype" content="html">
</html>

79
circuscamp/costs.html
View File

@ -1,79 +0,0 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html id="RotWeisseStreifen">
<link rel="icon" type="image/ico" href="favicon.ico"/>
<title>Circus Camp</title>
<head>
<link rel="stylesheet" type="text/css" href="stylesheets.css"/>
</head>
<body>
<div id="navigieren"><ul id="Navigation">
</li>
<ul>
<li><a href="x.html">Home</a></li>
</ul>
<li><a href="contact.html">Contact</a></li>
</li>
<ul>
<li><a href="location.html">Location</a></li>
<li><a href="residence.html">Your residence</a></li>
<li><a href="stay.html">Your stay</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="activities.html">Activities</a></li>
<li><span>Costs</span></li>
<li><a href="registration.html">Registration</a></li>
</ul>
</ul><div></div></div>
</body>
<head>
<div id="breit">
<h2>Table template</h2>
<a id="t">
Watch my table template :
</a>
<table>
<tr>
<th id="overline">This is a header</th>
<th id="overline">Another one</th>
<th id="overline">My face : 8)</th>
<th id="overline">No, I don't wear glasses</th>
</tr>
<tr>
<th>This is a row.</th>
<th>Of course, a table consists of many of them.</th>
<th>Does BBcode miss me</th>
<th>-</th>
</tr>
<tr>
<th>*tatata* - Next Column !</th>
<th>Am I wrong</th>
<th>-</th>
<th>totally</th>
</tr>
</table>
<a id="t">
Nice TABLE ! :0
</a>
</br></br></br>
<a id="copyright">
© Lars Müller
</a>
</div>
<meta name="description" content="The Website of the Circus Camp, Ohio, Colorado">
<meta name="keywords" content="circus,camp,holidays,ohio,colorado,vacations">
<meta name="author" content="Lars Müller">
<meta name="DC.Publisher" content="The Circus Camp Company">
<meta name="DC.Date" content="2017,20.9">
<meta name="DC.Identifier" content="circuscamp.com">
<meta name="DC.Language" content="en">
<meta name="DC.Rights" content="free">
<meta name="DC.Date.created" content="2001-10-27T08:00+01:00">
<meta name="SELF.Pagetype" content="html">
</html>

92
circuscamp/events.html
View File

@ -1,92 +0,0 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html id="RotWeisseStreifen">
<link rel="icon" type="image/ico" href="favicon.ico"/>
<title>Circus Camp</title>
<head>
<link rel="stylesheet" type="text/css" href="stylesheets.css"/>
</head>
<body>
<div id="navigieren"><ul id="Navigation">
</li>
<ul>
<li><a href="x.html">Home</a></li>
</ul>
<li><a href="contact.html">Contact</a></li>
</li>
<ul>
<li><a href="location.html">Location</a></li>
<li><a href="residence.html">Your residence</a></li>
<li><a href="stay.html">Your stay</a></li>
<li><span>Events</span></li>
<li><a href="activities.html">Activities</a></li>
<li><a href="costs.html">Costs</a></li>
<li><a href="registration.html">Registration</a></li>
</ul>
</ul><div></div></div>
</body>
<head>
<div id="breit">
<h2>Events</h2>
<a id="t">
10. July – Arrival : You will be shown your room and you will have time to get to know each other
</a><br/>
<a id="t">
12. July – Visiting Harleystone Castle
</a><br/>
<a id="t">
15. July – A very popular comedian comes to visit us
</a><br/>
<a id="t">
20. July – One of the world‘s best magicians comes to teach you some tricks
</a><br/>
<a id="t">
22. July – Visiting a fairy
</a><br/>
<a id="t">
23. July – The Ohio State Zoo lends us some animals for one week
</a><br/>
<a id="t">
27. July – Liberty ! One free day to visit Ohio, or do what else you want to.
</a><br/>
<a id="t">
31. July – We will set up some training equipment for athletics.
</a><br/>
<a id="t">
6. August – You‘ll start learning acrobatics
</a><br/>
<a id="t">
10. August – Dangerous and difficult tricks are practised under the supervision of some profi stunt men
</a><br/>
<a id="t">
14. August – Everything is beeing practised for the big show on 19. August
</a><br/>
<a id="t">
19. August – Big show !
</a><br/>
<a id="t">
20. August – Day of Departure, everyone will get a small souvenir and a certificate
</a>
</br></br></br></br></br></br>
<a id="copyright">
© Lars Müller
</a>
</div>
<meta name="description" content="The Website of the Circus Camp, Ohio, Colorado">
<meta name="keywords" content="circus,camp,holidays,ohio,colorado,vacations">
<meta name="author" content="Lars Müller">
<meta name="DC.Publisher" content="The Circus Camp Company">
<meta name="DC.Date" content="2017,20.9">
<meta name="DC.Identifier" content="circuscamp.com">
<meta name="DC.Language" content="en">
<meta name="DC.Rights" content="free">
<meta name="DC.Date.created" content="2001-10-27T08:00+01:00">
<meta name="SELF.Pagetype" content="html">
</html>

BIN
circuscamp/favicon.ico
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 KiB

55
circuscamp/index.html
View File

@ -1,55 +0,0 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html id="RotWeisseStreifen">
<link rel="icon" type="image/ico" href="favicon.ico"/>
<title>Circus Camp</title>
<head>
<link rel="stylesheet" type="text/css" href="stylesheets.css"/>
</head>
<body>
<div id="navigieren"><ul id="Navigation">
</li>
<ul>
<li><span>Home</span></li>
</ul>
<li><a href="contact.html">Contact</a></li>
</li>
<ul>
<li><a href="location.html">Location</a></li>
<li><a href="residence.html">Your residence</a></li>
<li><a href="stay.html">Your stay</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="activities.html">Activities</a></li>
<li><a href="costs.html">Costs</a></li>
<li><a href="registration.html">Registration</a></li>
</ul>
</ul><div></div></div>
</body>
<head>
<div id="breit">
<h1>The Circus Camp</h1>
<img id="bild" src="zirkuszelt.jpg" alt="A Circus tent" style="width:200px;height:200px;float: left;">
<img src="circuscamp.png" alt="The Circus Camp" style="width:50px;height:50px;float: right;">
<a id="text">You seem to like my Website templates. Take a tour in the Circus Camp, a Website designed for school. Bye. Your on your own now.
</a></br></br></br></br></br></br>
<a id="copyright">
© Lars Müller
</a>
</div>
<meta name="description" content="The Website of the Circus Camp, Ohio, Colorado">
<meta name="keywords" content="circus,camp,holidays,ohio,colorado,vacations">
<meta name="author" content="Lars Müller">
<meta name="DC.Publisher" content="The Circus Camp Company">
<meta name="DC.Date" content="2017,20.9">
<meta name="DC.Identifier" content="circuscamp.com">
<meta name="DC.Language" content="en">
<meta name="DC.Rights" content="free">
<meta name="DC.Date.created" content="2001-10-27T08:00+01:00">
<meta name="SELF.Pagetype" content="html">
</html>

133
circuscamp/location.html
View File

@ -1,133 +0,0 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html id="RotWeisseStreifen">
<link rel="icon" type="image/ico" href="favicon.ico"/>
<title>Circus Camp</title>
<head>
<link rel="stylesheet" type="text/css" href="stylesheets.css"/>
</head>
<body>
<div id="navigieren"><ul id="Navigation">
</li>
<ul>
<li><a href="x.html">Home</a></li>
</ul>
<li><a href="contact.html">Contact</a></li>
</li>
<ul>
<li><span>Location</span></li>
<li><a href="residence.html">Your residence</a></li>
<li><a href="stay.html">Your stay</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="activities.html">Activities</a></li>
<li><a href="costs.html">Costs</a></li>
<li><a href="registration.html">Registration</a></li>
</ul>
</ul><div></div></div>
</body>
<head>
<div id="breit">
<h2>Location</h2>
<canvas id="map" width="300" height="300" style="border:1px solid black;border-radius:10px;float:left;"> </canvas>
<a id="t">
Our Circus Tent is located next to Huntington and Ashland, on the huge grasslands. There, we have much space for practising and having fun. Also, we are going to eat in Ironton each day. There, you
may eat the best grilled pigeon ever. And if you don‘t
like such food, you can just take a steak in wine sauce.
</a>
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br>
<a id="copyright">
© Lars Müller
</a>
</div>
<img id="zz" src="map.png" width=0 height=0>
<script>
var c = document.getElementById("map");
var mouseX=0;
var mouseY=0;
var zoomed=10;
var clicked=false;
var moveX=0;
var moveY=0;
var mode=10;
var m=1;
/*function relPos(evt) {
var r=c.getBoundingClientRect();
return {x:evt.clientX-rect.left,y:evt.clientY-rect.top};
}
function processMove(evt) {
var p=relPos(evt);
mouseX=p.x;
mouseY=p.y;
}*/
function mouseMove(e)
{
if(e.offsetX) {
mouseX = e.offsetX;
mouseY = e.offsetY;
}
else if(e.layerX) {
mouseX = e.layerX;
mouseY = e.layerY;
}
}
function mWheel(e) {
mouseMove(e);
zoomed+=e.wheelDelta/480;
moveX+=(e.wheelDelta/480)*((mouseX-400)/4000);
moveY+=(e.wheelDelta/480)*((mouseY-300)/3000);
//zoomed+=1;
}
function mClick(e) {
clicked=true;
mode+=1;
}
function mRightClick(e) {
if (m != 1) {
m++;
}
else {
m=0;
}
return false;
}
c.oncontextmenu=mRightClick;
c.addEventListener('mousemove', mouseMove, false);
var mousewheelevt=(/Firefox/i.test(navigator.userAgent))? "DOMMouseScroll" : "mousewheel"
//c.attachEvent(mousewheelevt,mWheel);
c.addEventListener(mousewheelevt, mWheel, false);
c.addEventListener("click",mClick);
//var colors=new Array();
var ce = document.getElementById("zz");
var ctx = c.getContext("2d");
var w=300;
var h=300;
function update() {
if (clicked) {
moveX=mouseX;
moveY=mouseY;
}
clicked=false;
ctx.drawImage(ce,mouseX-ce.naturalWidth/2,mouseY-ce.naturalHeight/2);
ctx.stroke();
}
setInterval(update,16);
</script>
<meta name="description" content="The Website of the Circus Camp, Ohio, Colorado">
<meta name="keywords" content="circus,camp,holidays,ohio,colorado,vacations">
<meta name="author" content="Lars Müller">
<meta name="DC.Publisher" content="The Circus Camp Company">
<meta name="DC.Date" content="2017,20.9">
<meta name="DC.Identifier" content="circuscamp.com">
<meta name="DC.Language" content="en">
<meta name="DC.Rights" content="free">
<meta name="DC.Date.created" content="2001-10-27T08:00+01:00">
<meta name="SELF.Pagetype" content="html">
</html>

BIN
circuscamp/map.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1018 KiB

72
circuscamp/registration.html
View File

@ -1,72 +0,0 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html id="RotWeisseStreifen">
<link rel="icon" type="image/ico" href="favicon.ico"/>
<title>Circus Camp</title>
<head>
<link rel="stylesheet" type="text/css" href="stylesheets.css"/>
</head>
<body>
<div id="navigieren"><ul id="Navigation">
</li>
<ul>
<li><a href="x.html">Home</a></li>
</ul>
<li><a href="contact.html">Contact</a></li>
</li>
<ul>
<li><a href="location.html">Location</a></li>
<li><a href="residence.html">Your residence</a></li>
<li><a href="stay.html">Your stay</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="activities.html">Activities</a></li>
<li><a href="costs.html">Costs</a></li>
<li><span>Registration</span></li>
</ul>
</ul><div></div></div>
</body>
<head>
<div id="breit">
<a id="t">
A List :
</a>
<ul id="t">
<li>
List demo !
</li>
<li>
Points 4ever
</li>
<li>
:::) <- alien smiley(serious text coming soon)
</li>
</br></br>
<h3>Contest</h3>
<a id="t">
Due to the fact that we do not have unlimited space and that we are only able to take a few candidates, there will be a contest for places in this camp.
That means that you will have to send us a Cover Letter as well as a Motivation Letter. In the Cover Letter, you have to describe in detail what certificates you own and why we should select you. In the Motivation Letter, you just have to explain what reason for you want to visit this camp.
</a>
</br></br></br>
<a id="copyright">
© Lars Müller
</a>
</div>
<meta name="description" content="The Website of the Circus Camp, Ohio, Colorado">
<meta name="keywords" content="circus,camp,holidays,ohio,colorado,vacations">
<meta name="author" content="Lars Müller">
<meta name="DC.Publisher" content="The Circus Camp Company">
<meta name="DC.Date" content="2017,20.9">
<meta name="DC.Identifier" content="circuscamp.com">
<meta name="DC.Language" content="en">
<meta name="DC.Rights" content="free">
<meta name="DC.Date.created" content="2001-10-27T08:00+01:00">
<meta name="SELF.Pagetype" content="html">
</html>

56
circuscamp/residence.html
View File

@ -1,56 +0,0 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html id="RotWeisseStreifen">
<link rel="icon" type="image/ico" href="favicon.ico"/>
<title>Circus Camp</title>
<head>
<link rel="stylesheet" type="text/css" href="stylesheets.css"/>
</head>
<body>
<div id="navigieren"><ul id="Navigation">
</li>
<ul>
<li><a href="x.html">Home</a></li>
</ul>
<li><a href="contact.html">Contact</a></li>
</li>
<ul>
<li><a href="location.html">Location</a></li>
<li><span>Your residence</span></li>
<li><a href="stay.html">Your stay</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="activities.html">Activities</a></li>
<li><a href="costs.html">Costs</a></li>
<li><a href="registration.html">Registration</a></li>
</ul>
</ul><div></div></div>
</body>
<head>
<div id="breit">
<h2>This text</h2>
<h3>is not available</h3>
<a id="t">
currently
</a>
</br></br></br>
<a id="copyright">
© Lars Müller
</a>
</div>
<meta name="description" content="The Website of the Circus Camp, Ohio, Colorado">
<meta name="keywords" content="circus,camp,holidays,ohio,colorado,vacations">
<meta name="author" content="Lars Müller">
<meta name="DC.Publisher" content="The Circus Camp Company">
<meta name="DC.Date" content="2017,20.9">
<meta name="DC.Identifier" content="circuscamp.com">
<meta name="DC.Language" content="en">
<meta name="DC.Rights" content="free">
<meta name="DC.Date.created" content="2001-10-27T08:00+01:00">
<meta name="SELF.Pagetype" content="html">
</html>

56
circuscamp/stay.html
View File

@ -1,56 +0,0 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html id="RotWeisseStreifen">
<link rel="icon" type="image/ico" href="favicon.ico"/>
<title>Circus Camp</title>
<head>
<link rel="stylesheet" type="text/css" href="stylesheets.css"/>
</head>
<body>
<div id="navigieren"><ul id="Navigation">
</li>
<ul>
<li><a href="x.html">Home</a></li>
</ul>
<li><a href="contact.html">Contact</a></li>
</li>
<ul>
<li><a href="location.html">Location</a></li>
<li><a href="residence.html">Your residence</a></li>
<li><span>Your stay</span></li>
<li><a href="events.html">Events</a></li>
<li><a href="activities.html">Activities</a></li>
<li><a href="costs.html">Costs</a></li>
<li><a href="registration.html">Registration</a></li>
</ul>
</ul><div></div></div>
</body>
<head>
<div id="breit">
<h2>Your stay</h2>
<a id="t">
The Circus Camp is always once in the summer vacations, so make sure you don‘t miss it. Next year it is going to be from the 10. July until the 20. August. Also, we are going to organize your arrival and departure. Your location will be taken into consideration, and we will create your unique travel plan.
</a>
</br></br></br></br></br></br>
<a id="copyright">
© Lars Müller
</a>
</div>
<meta name="description" content="The Website of the Circus Camp, Ohio, Colorado">
<meta name="keywords" content="circus,camp,holidays,ohio,colorado,vacations">
<meta name="author" content="Lars Müller">
<meta name="DC.Publisher" content="The Circus Camp Company">
<meta name="DC.Date" content="2017,20.9">
<meta name="DC.Identifier" content="circuscamp.com">
<meta name="DC.Language" content="en">
<meta name="DC.Rights" content="free">
<meta name="DC.Date.created" content="2001-10-27T08:00+01:00">
<meta name="SELF.Pagetype" content="html">
</html>

BIN
circuscamp/urw.woff
View File

Binary file not shown.

BIN
circuscamp/zirkuszelt.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 385 KiB

BIN
fonts/Ubuntu-BoldItalic.WOFF Normal file
View File

Binary file not shown.

BIN
fonts/Ubuntu-Italic.WOFF Normal file
View File

Binary file not shown.

BIN
fonts/Ubuntu-Light.WOFF Normal file
View File

Binary file not shown.

BIN
fonts/Ubuntu-LightItalic.WOFF Normal file
View File

Binary file not shown.

BIN
fonts/Ubuntu-Medium.WOFF Normal file
View File

Binary file not shown.

BIN
fonts/Ubuntu-MediumItalic.WOFF Normal file
View File

Binary file not shown.

96
fonts/ubuntu-font-licence-1.0.txt Normal file
View File

@ -0,0 +1,96 @@
-------------------------------
UBUNTU FONT LICENCE Version 1.0
-------------------------------
PREAMBLE
This licence allows the licensed fonts to be used, studied, modified and
redistributed freely. The fonts, including any derivative works, can be
bundled, embedded, and redistributed provided the terms of this licence
are met. The fonts and derivatives, however, cannot be released under
any other licence. The requirement for fonts to remain under this
licence does not require any document created using the fonts or their
derivatives to be published under this licence, as long as the primary
purpose of the document is not to be a vehicle for the distribution of
the fonts.
DEFINITIONS
"Font Software" refers to the set of files released by the Copyright
Holder(s) under this licence and clearly marked as such. This may
include source files, build scripts and documentation.
"Original Version" refers to the collection of Font Software components
as received under this licence.
"Modified Version" refers to any derivative made by adding to, deleting,
or substituting -- in part or in whole -- any of the components of the
Original Version, by changing formats or by porting the Font Software to
a new environment.
"Copyright Holder(s)" refers to all individuals and companies who have a
copyright ownership of the Font Software.
"Substantially Changed" refers to Modified Versions which can be easily
identified as dissimilar to the Font Software by users of the Font
Software comparing the Original Version with the Modified Version.
To "Propagate" a work means to do anything with it that, without
permission, would make you directly or secondarily liable for
infringement under applicable copyright law, except executing it on a
computer or modifying a private copy. Propagation includes copying,
distribution (with or without modification and with or without charging
a redistribution fee), making available to the public, and in some
countries other activities as well.
PERMISSION & CONDITIONS
This licence does not grant any rights under trademark law and all such
rights are reserved.
Permission is hereby granted, free of charge, to any person obtaining a
copy of the Font Software, to propagate the Font Software, subject to
the below conditions:
1) Each copy of the Font Software must contain the above copyright
notice and this licence. These can be included either as stand-alone
text files, human-readable headers or in the appropriate machine-
readable metadata fields within text or binary files as long as those
fields can be easily viewed by the user.
2) The font name complies with the following:
(a) The Original Version must retain its name, unmodified.
(b) Modified Versions which are Substantially Changed must be renamed to
avoid use of the name of the Original Version or similar names entirely.
(c) Modified Versions which are not Substantially Changed must be
renamed to both (i) retain the name of the Original Version and (ii) add
additional naming elements to distinguish the Modified Version from the
Original Version. The name of such Modified Versions must be the name of
the Original Version, with "derivative X" where X represents the name of
the new work, appended to that name.
3) The name(s) of the Copyright Holder(s) and any contributor to the
Font Software shall not be used to promote, endorse or advertise any
Modified Version, except (i) as required by this licence, (ii) to
acknowledge the contribution(s) of the Copyright Holder(s) or (iii) with
their explicit written permission.
4) The Font Software, modified or unmodified, in part or in whole, must
be distributed entirely under this licence, and must not be distributed
under any other licence. The requirement for fonts to remain under this
licence does not affect any document created using the Font Software,
except any version of the Font Software extracted from a document
created using the Font Software may only be distributed under this
licence.
TERMINATION
This licence becomes null and void if any of the above conditions are
not met.
DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF
COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER
DEALINGS IN THE FONT SOFTWARE.

BIN
fonts/ubuntu.woff Normal file
View File

Binary file not shown.

BIN
fonts/ubuntubold.woff Normal file
View File

Binary file not shown.

BIN
fractal_screenie.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 64 KiB

88
gallery.html Normal file
View File

@ -0,0 +1,88 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<div class="menu">
</head>
<link rel="stylesheet" type="text/css" href="stylesheets.css"/>
<div id="navigieren"><ul id="Navigation">
</li>
<ul>
<li><span>Gallery</span></li>
</ul>
<li><a href="index.html">Home</a></li>
</li>
<ul>
<li><a href="applications.html">About Me</a></li>
<li><a href="gallery.html">Applications</a></li>
</ul>
</ul><div></div></div>
<head>
</head></div>
<html lang="de" dir="ltr" class="client-nojs">
<title>Appguru EU</title>
<div class="doc">
<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">
<meta name="DC.Publisher" content="GitHub">
<meta name="DC.Date" content="2018,3.1">
<meta name="DC.Identifier" content="appguru.eu">
<meta name="DC.Language" content="de">
<meta name="DC.Rights" content="free">
<meta name="DC.Date.created" content="2018-1-3T08:00+01:00">
<meta name="SELF.Pagetype" content="html">
<link href="appguruicon64x64.ico" rel="shortcut icon" type="image/ico">
<h1>Gallery</h1>
<a id="t">All images can be viewed here</a></br>
<button type="button" id="previous">Previous</button> <button type="button" id="next">Next</button></br>
<a class="t" id="number">Number : </a></br>
<a class="t" id="title">Title : </a></br>
<a class="t" id="description">Description : </a></br>
<img class="bild" id="normal"></bild>
<script>
function prev() {
selection--;
if (selection==-1) {
selection=images.length-1;
}
}
function next() {
selection++;
if (selection==images.length) {
selection=0;
}
}
document.getElementById("previous").onclick=prev;
document.getElementById("next").onclick=next;
function Image(source, title, text, x_size, y_size) {
this.title=title;
this.text=text;
this.source=source;
this.x_size=x_size;
this.y_size=y_size;
}
var images=[
new Image("aglogo2.svg", "Appguru EU Logo", "My Logo", 1, 1),
new Image("fractal_screenie.png", "Fractal-Suite Screenshot", "Do you notice my own GUI ? Also, as this image is too big, it is at half it's original size", 0.5, 0.5),
new Image("capture08.07.2017 19_20_02_1.jpg", "Planetary Movement Simulation Screenshot", "Try it out ! In there, you are the master of Gravity and the world.", 1, 1),
new Image("https://forum.minetest.net/download/file.php?mode=view&id=13354", "Colorful Stones in Minetest", "Made using Schematic Creator. Did you know it's based on an oil painting by Leonid Afremov ?", 0.5, 0.5),
new Image("https://forum.minetest.net/download/file.php?mode=view&id=13421&sid=e9302f697f9419ad34b6386e860fe677", "Baubles in Minetest", "Is there a country where they use cactuses as Christmas Trees ?", 0.5, 0.5),
new Image("https://forum.minetest.net/download/file.php?mode=view&id=13321&sid=37968944da7cbeadd96607818f5001ed", "Schematic Creator Screenshot", "Default Java GUI.", 1, 1),
new Image("https://forum.minetest.net/download/file.php?mode=view&id=13397&sid=f9f6a94a9cd4b622d90944c130ed5a7a", "Model Creator Screenshot", "Hope it helps.", 1, 1),
new Image("https://forum.minetest.net/download/file.php?mode=view&id=13396", "Bauble in Blender", "Created with Model Creator.", 1, 1)
];
var selection=0;
function update() {
document.getElementById("number").innerHTML = "Number : "+String(selection+1)+" out of "+String(images.length);
document.getElementById("title").innerHTML = "Title : "+images[selection].title;
document.getElementById("description").innerHTML = "Description : "+images[selection].text;
document.getElementById("normal").src = images[selection].source;
document.getElementById("normal").width = document.getElementById("normal").naturalWidth*images[selection].x_size;
document.getElementById("normal").height = document.getElementById("normal").naturalHeight*images[selection].y_size;
}
setInterval(update,16);
</script>

361
index.html
View File

@ -1,346 +1,28 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="de" dir="ltr" class="client-nojs">
</html>
<!--<form method=GET action="http://www.google.com/search" target="file:///home/quado/x.html">
<table><tr><td>
<input TYPE="text" name="q" size="25" maxlength="255">
<input TYPE="hidden" name="q" value="">
<input TYPE="hidden" name="hl" value="de">
<input type="submit" name="btnG" VALUE="Suchen mit Google">
</td></tr></table>
</form>-->
<body>
<title>Appguru EU</title>
<style type="text/css">
</style>
<html>
<html>
<head>
<html>
<style type="text/css">
body {
font: normal 100.01% Helvetica, Arial, sans-serif;
color: black; background-color: #ff000000;
}
div#Rahmen {
width: 47.1em;
padding: 0.8em;
border: 1px solid black;
background-color: white;
}
* 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;
}
ul#Navigation li {
list-style: none;
float: left;
width: 8.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;
}
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;
}
ul#Navigation a, ul#Navigation span {
display: block;
padding: 0.2em 1em;
text-decoration: none; font-weight: bold;
border: 1px solid black;
border-radius: 20px;
border-left-color: solid black; border-top-color: solid black;
color: white; background-color: black;
}
* html ul#Navigation a, * html ul#Navigation span { /* nur fuer IE erforderlich */
width: 100%;
w\idth: 6.4em;
}
ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
border-color: solid black;
border-left-color: solid black; border-top-color: solid black;
color: black; background-color: white;
}
li a#aktuell { /* aktuelle Rubrik kennzeichnen */
color: black; background-color: white;
}
ul#Navigation li ul span { /* aktuelle Unterseite kennzeichnen */
background-color: white;
}
</style>
<style>
<!--
* {
padding: 0;
margin: 0;
}
body {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: large;
}
ul#main_menu {
width: 605px;
list-style: none;
margin: 0.5em;
color: white; background-color: black;
}
ul#main_menu li.main_menu_item {
position: relative;
line-height: 24px;
float: left;
border: 1px solid black;
text-decoration: none; font-weight: bold;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
margin-right: -1px;
width: 150px;
color: black;background-color: white;
}
ul#main_menu li.main_menu_item:hover {
position: relative;
line-height: 24px;
float: left;
text-decoration: none; font-weight: bold;
border: 1px solid black;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
margin-right: -1px;
width: 150px;
color: white;background-color: black;
}
ul#main_menu li.main_menu_item2 {
position: relative;
line-height: 24px;
float: left;
text-decoration: none; font-weight: bold;
border: 1px solid black;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
margin-right: -1px;
width: 150px;
color: white;background-color: black;
}
ul#main_menu li a {
display: block;
padding: 5px;
width: 160px;
w\idth: 150px;
}
ul#main_menu li a:visited {
display: block;
padding: 5px;
width: 160px;
w\idth: 150px;
}
li ul.sub_menu {
position: absolute;
left: -999px;
width: 162px;
w\idth: 152px;
margin-left: -1px;
}
ul.sub_menu li.sub_menu_item {
list-style: none;
line-height: 24px
text-decoration: none; font-weight: bold;
border: 1px solid black;
margin-bottom: -1px;
color: black;background-color: white;
}
ul.sub_menu li.sub_menu_item2 {
list-style: none;
line-height: 24px;
text-decoration: none; font-weight: bold;
border: 1px solid black;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
margin-bottom: -1px;
color: black;background-color: white;
}
ul.sub_menu li.sub_menu_item:hover {
list-style: none;
line-height: 24px;
text-decoration: none; font-weight: bold;
border: 1px solid black;
margin-bottom: -1px;
color: white;background-color: black;
}
ul.sub_menu li.sub_menu_item2:hover {
list-style: none;
line-height: 24px;
border: 1px solid black;
text-decoration: none; font-weight: bold;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
margin-bottom: -1px;
color: white;background-color: black;
}
ul#main_menu li:hover ul.sub_menu {
left: auto;
}
code#python {
color: black; background-color: #CCFFCC;
}
</style>
<style type="text/css">
ul#main_menu a {
color: black;
}
ul#main_menu a:hover, li a#akt {
color: white;
}
</style>
<code id="python">Python Code</code>
</head>
<body id="index">
<ul id="main_menu">
<li class="main_menu_item2"><a href="#" id="akt"title="Home">Home</a></li>
<li class="main_menu_item"><a id="m" href="#" title="Link 2">Apps</a>
<ul class="sub_menu">
<li class="sub_menu_item"><a id="s" href="#" title"Spiel">Spiele</a></li>
<li class="sub_menu_item"><a id="s" href="#" title="Dies">Dies</a></li>
<li class="sub_menu_item2"><a id="s" href="#" title="Jenes">Jenes</a></li>
</ul>
</li>
<li class="main_menu_item"><a id="m" href="#" title="Screenshots">Screenshots</a>
<ul class="sub_menu">
<li class="sub_menu_item"><a id="s" href="#" title="Spiele">Spiele</a></li>
<li class="sub_menu_item"><a id="s" href="#" title="Dies">Dies</a></li>
<li class="sub_menu_item2"><a id="s" href="#" title="Jenes">Jenes</a></li>
</ul>
</li>
<li class="main_menu_item"><a id="m" href="#" title="Impressum">Impressum</a></li>
</ul>
</body>
</html>
<!--
</html>
<div class="menu">
</head>
<body>
<h2 id="navigation">Navigation</h2>
<link rel="stylesheet" type="text/css" href="stylesheets.css"/>
<div id="navigieren"><ul id="Navigation">
<ul>
<li><a href="file:///home/quado/internes.html">Apps</a></li>
<div id="navigieren"><ul id="Navigation">
<ul>
<li><a href="#">Seite 4a</a></li>
<li><span>aktuelle Seite</span></li>
<li><a href="#">Seite 4c</a></li>
</ul>
</ul><div></div></div>
<li><a id="Navigation" href="file:///home/quado/stundenplan.html">Stundenplan</a></li>
<li><span href="file:///home/quado/termine.html">Termine</span></li>
<ul>
<li>A</li>
<li>B</li>
</ul>
<li><a href="file:///home/quado/infos.html">Infos</a></li>
<li><a href="file:///home/quado/artikel.html">Artikel</a></li>
<li><a href="file:///home/quado/ha.html">Hausaufgaben</a></li>
<li><a href="file:///home/quado/downloads.html">Downloads</a></li>
<li><a href="file:///home/quado/galerie.html">Screenshots</a></li>
<li><a href="file:///home/quado/sonstiges.html">Sonstiges</a></li>
</ul>
</li>
<li><a href="file:///home/quado/impressum.html">Impressum</a></li>
</li>
<ul>
<li><span>Home</span></li>
</ul>
<li><a href="aboutme.html">About Me</a></li>
</li>
<ul>
<li><a href="applications.html">Applications</a></li>
<li><a href="gallery.html">Gallery</a></li>
</ul>
</ul><div></div></div>
</body>
<head>
-->
<!--<script type="text/javascript">
function WertHolen () {
var Wert = "";
if (document.cookie) {
var Wertstart = document.cookie.indexOf("=") + 1;
var Wertende = document.cookie.indexOf(";");
if (Wertende == -1)
Wertende = document.cookie.length;
Wert = document.cookie.substring(Wertstart, Wertende);
}
return Wert;
}
function WertSetzen (Bezeichner, Wert, Verfall) {
var jetzt = new Date();
var Auszeit = new Date(jetzt.getTime() + Verfall);
document.cookie = Bezeichner + "=" + Wert + "; expires=" + Auszeit.toGMTString() + ";";
}
function Zaehlerstand () {
var Verfallszeit = 1000 * 60 * 60 * 24 * 365;
var Anzahl = WertHolen();
var Zaehler = 0;
if (Anzahl != "")
Zaehler = parseInt(Anzahl);
Zaehler = Zaehler + 1;
WertSetzen("Zaehler", Zaehler, Verfallszeit);
return (Zaehler);
}
</script>
</head>
<body>
<script type="text/javascript">
var x = Zaehlerstand();
document.write("<p><h2><span style=color:blue>Sie besuchen die Seite zum " + x + ".<\/b> Mal!<\/p></h2>");
</script>-->
<!--<a href="file:///home/quado/galgen.html" onmouseover="einschalten(4)" onmouseout="abschalten()"><img src="weiter.gif" width="300" height="100" border="0" alt="Weiter"></a>-->
</head></div>
<html lang="de" dir="ltr" class="client-nojs">
<title>Appguru EU</title>
<div class="doc">
<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">
@ -351,18 +33,7 @@ document.write("<p><h2><span style=color:blue>Sie besuchen die Seite zum " + x +
<meta name="DC.Rights" content="free">
<meta name="DC.Date.created" content="2018-1-3T08:00+01:00">
<meta name="SELF.Pagetype" content="html">
<div class="thumbinner" style="width:1000px;">
<img alt="Banner" src="webbanner.svg" width="1000" height="30" class="thumbimage"/></a>
<link href="appguruicon64x64.ico" rel="shortcut icon" type="image/ico">
<a href="circuscamp/index.html">Virtual "Circus Camp" Website Template, a School Project. Keep in mind : It's not real !</a><br>
<h3>Downloads : </h3>
<a href="http://clara-online.de/images/Mathe/Ergaenzungskurs/FraktaleGeometrie_20152016/Fraktal-Suite.jar">Fraktal-Suite - Language : German</a><br>
<a href="Planetenbewegungssimulation_Windows_i586.zip">Planetary Movement Simulation Windows i586 - Language : German</a><br>
<a href="Planetenbewegungssimulation_Windows_amd64.zip">Planetary Movement Simulation Windows amd64 - Language : German</a><br>
<a href="Planetenbewegungssimulation_Linux_i586.zip">Planetary Movement Simulation Linux i586 - Language : German</a><br>
<a href="Planetenbewegungssimulation_Linux_amd64.zip">Planetary Movement Simulation Linux amd64 - Language : German</a><br>
<h3>Screenshots : </h3>
<img id="bild" src="capture08.07.2017 19_20_02_1.jpg" float: left;">
<!--<small><small><small><small><small><span style="color: black;"></span style="color: black;">erstellt von Lars<br>
</small></small></small></small></small></body></html>-->
<h1>Appguru EU's Homepage</h1>
<h3>Welcome !</h3>
<a id="t">Please take a look at the applications and the gallery.</a></br></br></br>

18
menu.html Normal file
View File

@ -0,0 +1,18 @@
</head>
<link rel="stylesheet" type="text/css" href="stylesheets.css"/>
<div id="navigieren"><ul id="Navigation">
</li>
<ul>
<li><span>Home</span></li>
</ul>
<li><a href="aboutme.html">About Me</a></li>
</li>
<ul>
<li><a href="applications.html">Applications</a></li>
<li><a href="gallery.html">Gallery</a></li>
</ul>
</ul><div></div></div>
<head>

198
circuscamp/stylesheets.css → stylesheets.css
View File

@ -1,28 +1,50 @@
:root {
--border-color: black;
--background-color: skyblue;
--foreground-color: lime;
--body-background-color: lightgrey;
--body-foreground-color: black;
}
@font-face {
font-family: 'urw';
src: url('urw.woff') format('woff');
font-family: 'ubuntu';
src: url('fonts/ubuntu.woff') format('woff');
}
html#RotWeisseStreifen {
background: repeating-linear-gradient(
90deg,
red,
red 180px,
white 180px,
white 360px
);
@font-face {
font-family: 'ubuntubold';
src: url('fonts/ubuntubold.woff') format('woff');
}
img#bild {
border-radius: 10px;
border: 1px solid black;
.bild {
border: 1px solid var(--border-color);
background: repeating-radial-gradient(
red,
red 20px,
white 40px,
white 60px
);
padding: 10px;
var(--background-color),
var(--background-color) 20px,
var(--foreground-color) 40px,
var(--foreground-color) 60px
); padding: 10px;
margin: 5px;
}
img#normal {
border-radius: 10px;
}
img#rounded {
border-radius: 25% 25% 25% 25%;
}
img#circle {
border-radius: 50%;
}
img#strange1 {
border-radius: 25% 75%;
}
img#strange2 {
border-radius: 75% 25%;
}
img#shield {
border-radius: 25% 25% 75% 75%;
}
img#house {
border-radius: 75% 75% 25% 25%;
}
canvas#map {
border-radius: 10px;
border: 1px solid black;
@ -55,7 +77,7 @@ padding: 10px;
border: 1px solid black;
font-size:100%;
font-style: italic;
font-family: urw;
font-family: ubuntu;
vertical-align:baseline;
background: red;
}
@ -66,65 +88,110 @@ th{
font-size:100%;
font-style: italic;
font-weight:normal;
font-family: urw;
font-family: ubuntu;
vertical-align:baseline;
}
button {
margin: 5px;
padding: 5px;
color: var(--foreground-color); background-color: var(--background-color);
border: 1px solid var(--border-color);
border-radius: 10px;
font-family: ubuntu;
}
button:hover {
color: var(--background-color); background-color: var(--foreground-color);
transition: all 0.5s;
}
button:after, button:active {
box-shadow: -2px -2px #666;
transform: translateY(4px) translateX(4px);
color: var(--background-color); background-color: var(--foreground-color);
transition: all 0.5s;
}
th#overline {
font-weight:bold;
}
h1 {
text-align: center;
font-size:300%;
font-style: italic;
font-family: urw;
text-align: left;
font-size:250%;
font-family: ubuntu;
font-style: bold;
vertical-align:baseline;
}
h2 {
text-align: left;
font-size:200%;
font-style: italic;
font-family: urw;
font-size:175%;
font-family: ubuntu;
font-style: bold;
vertical-align:baseline;
}
h3 {
text-align: left;
font-size:125%;
font-style: italic;
font-family: urw;
font-style: bold;
font-family: ubuntu;
vertical-align:baseline;
text-decoration: underline;
}
a#text {
font-size:200%;
font-style: italic;
font-family: urw;
a#u {
font-size:100%;
font-family: ubuntubold;
vertical-align:baseline;
}
a#t {
font-size:125%;
font-style: italic;
font-family: urw;
font-size:100%;
font-family: ubuntu;
vertical-align:baseline;
}
a.t {
font-size:100%;
font-family: ubuntu;
vertical-align:baseline;
}
u {
font-size:125%;
font-style: italic;
font-family: urw;
font-family: ubuntu;
text-decoration: underline;
vertical-align:baseline;
}
canvas#myCanvas {
border : 1px solid var(--border-color);
border-radius: 50px;
}
ul#t {
font-size:125%;
font-style: italic;
font-family: urw;
font-family: ubuntu;
vertical-align:baseline;
}
body {
div.menu {
border : 1px solid var(--border-color);
border-radius: 50px;
position: fixed;
top: 0;
left:50%;
color: green; background-color: orange;
padding: 10px;
width: 800px;
margin-top:10px;
margin-left: -400px;
}
div.doc {
border-radius: 50px;
border: 1px solid var(--border-color);
font: normal 100.01% Helvetica, Arial, sans-serif;
color: black; background-color: #ff000000;
color: green; background-color: orange;
padding: 10px;
margin: 5% 20%;
}
body {
color: var(--body-foreground-color); background-color: var(--body-background-color);
}
div#Rahmen {
@ -143,6 +210,7 @@ ul#t {
ul#Navigation {
margin: 0; padding: 0;
text-align: center;
font-family: sans-serif;
}
ul#Navigation li {
@ -178,10 +246,9 @@ ul#t {
display: block;
padding: 0.2em 1em;
text-decoration: none; font-weight: bold;
border: 1px solid black;
border: 1px solid var(--border-color);
border-radius: 20px;
border-left-color: solid black; border-top-color: solid black;
color: white; background-color: red;
color: var(--foreground-color); background-color: var(--background-color);
}
* html ul#Navigation a, * html ul#Navigation span { /* nur fuer IE erforderlich */
width: 100%;
@ -194,20 +261,20 @@ ul#t {
}
ul#Navigation span, li a#aktuell {
text-align: center;
border-color: solid black;
border-left-color: solid black; border-top-color: solid black;
color: red; background-color: white;
border: 1px solid var(--border-color);
color: var(--foreground-color); background-color: var(--background-color);
}
ul#Navigation a:hover, li a#aktuell {
font-size: 100%;
text-align: center;
border-color: solid black;
border-left-color: solid black; border-top-color: solid black;
color: red; background-color: white;
transition: all 2s;
transform: translateY(-2px) translateX(-2px);
box-shadow: 2px 2px #666;
border: 1px solid var(--border-color);
color: var(--background-color); background-color: var(--foreground-color);
transition: all 0.5s;
}
ul#Navigation a:hover , ul#Navigation a:after, li a#aktuell {
transition: 2s;
/*ul#Navigation a:hover , ul#Navigation a:after, li a#aktuell {
transition: all 1s;
text-align: center;
border-color: solid black;
border-left-color: solid black; border-top-color: solid black;
@ -215,23 +282,16 @@ ul#t {
}
ul#Navigation a:active {
border: 1px solid black;
box-shadow: 0 -2px #666;
transform: translateY(2px);
box-shadow: -2px -2px #666;
transform: translateY(-2px) translateX(2px);
border-color: solid black;
border-left-color: solid black; border-top-color: solid black;
color: red; background-color: white;
}
}*/
ul#Navigation a:active, ul#Navigation a:after {
border: 1px solid black;
box-shadow: 0 -2px #666;
transform: translateY(2px);
border-color: solid black;
border-left-color: solid black; border-top-color: solid black;
color: red; background-color: white;
}
li a#aktuell { /* aktuelle Rubrik kennzeichnen */
color: white; background-color: white;
}
ul#Navigation li ul span { /* aktuelle Unterseite kennzeichnen */
background-color: white;
border: 1px solid var(--border-color);
box-shadow: -2px -2px #666;
transform: translateY(4px) translateX(4px);
color: var(--foreground-color); background-color: var(--background-color);
transition: all 1s;
}

96
ubuntu-font-licence-1.0.txt Normal file
View File

@ -0,0 +1,96 @@
-------------------------------
UBUNTU FONT LICENCE Version 1.0
-------------------------------
PREAMBLE
This licence allows the licensed fonts to be used, studied, modified and
redistributed freely. The fonts, including any derivative works, can be
bundled, embedded, and redistributed provided the terms of this licence
are met. The fonts and derivatives, however, cannot be released under
any other licence. The requirement for fonts to remain under this
licence does not require any document created using the fonts or their
derivatives to be published under this licence, as long as the primary
purpose of the document is not to be a vehicle for the distribution of
the fonts.
DEFINITIONS
"Font Software" refers to the set of files released by the Copyright
Holder(s) under this licence and clearly marked as such. This may
include source files, build scripts and documentation.
"Original Version" refers to the collection of Font Software components
as received under this licence.
"Modified Version" refers to any derivative made by adding to, deleting,
or substituting -- in part or in whole -- any of the components of the
Original Version, by changing formats or by porting the Font Software to
a new environment.
"Copyright Holder(s)" refers to all individuals and companies who have a
copyright ownership of the Font Software.
"Substantially Changed" refers to Modified Versions which can be easily
identified as dissimilar to the Font Software by users of the Font
Software comparing the Original Version with the Modified Version.
To "Propagate" a work means to do anything with it that, without
permission, would make you directly or secondarily liable for
infringement under applicable copyright law, except executing it on a
computer or modifying a private copy. Propagation includes copying,
distribution (with or without modification and with or without charging
a redistribution fee), making available to the public, and in some
countries other activities as well.
PERMISSION & CONDITIONS
This licence does not grant any rights under trademark law and all such
rights are reserved.
Permission is hereby granted, free of charge, to any person obtaining a
copy of the Font Software, to propagate the Font Software, subject to
the below conditions:
1) Each copy of the Font Software must contain the above copyright
notice and this licence. These can be included either as stand-alone
text files, human-readable headers or in the appropriate machine-
readable metadata fields within text or binary files as long as those
fields can be easily viewed by the user.
2) The font name complies with the following:
(a) The Original Version must retain its name, unmodified.
(b) Modified Versions which are Substantially Changed must be renamed to
avoid use of the name of the Original Version or similar names entirely.
(c) Modified Versions which are not Substantially Changed must be
renamed to both (i) retain the name of the Original Version and (ii) add
additional naming elements to distinguish the Modified Version from the
Original Version. The name of such Modified Versions must be the name of
the Original Version, with "derivative X" where X represents the name of
the new work, appended to that name.
3) The name(s) of the Copyright Holder(s) and any contributor to the
Font Software shall not be used to promote, endorse or advertise any
Modified Version, except (i) as required by this licence, (ii) to
acknowledge the contribution(s) of the Copyright Holder(s) or (iii) with
their explicit written permission.
4) The Font Software, modified or unmodified, in part or in whole, must
be distributed entirely under this licence, and must not be distributed
under any other licence. The requirement for fonts to remain under this
licence does not affect any document created using the Font Software,
except any version of the Font Software extracted from a document
created using the Font Software may only be distributed under this
licence.
TERMINATION
This licence becomes null and void if any of the above conditions are
not met.
DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF
COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER
DEALINGS IN THE FONT SOFTWARE.