Lucas Kent e39465ad2f Changes to be committed:
new file:   Files/flashplayer_32_sa.exe
	new file:   favicon.ico
	new file:   globe.gif
	new file:   imgs/download.png
	new file:   imgs/zuck.jpg
	new file:   index.html
	new file:   other.ico
	new file:   script.js
	new file:   site.webmanifest
	new file:   sitemap.html
	new file:   styles/backround.css
	new file:   styles/border.css
	new file:   styles/fonts/Titillium_Web/OFL.txt
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-Black.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-Bold.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-BoldItalic.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-ExtraLight.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-ExtraLightItalic.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-Italic.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-Light.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-LightItalic.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-Regular.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-SemiBold.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-SemiBoldItalic.ttf
	new file:   styles/fonts/webfontkit-20221027-163353/generator_config.txt
	new file:   styles/fonts/webfontkit-20221027-163353/specimen_files/grid_12-825-55-15.css
	new file:   styles/fonts/webfontkit-20221027-163353/specimen_files/specimen_stylesheet.css
	new file:   styles/fonts/webfontkit-20221027-163353/stylesheet.css
	new file:   styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-demo.html
	new file:   styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff
	new file:   styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff2
	new file:   styles/fonts/webfontkit-20221027-165950/generator_config.txt
	new file:   styles/fonts/webfontkit-20221027-165950/specimen_files/grid_12-825-55-15.css
	new file:   styles/fonts/webfontkit-20221027-165950/specimen_files/specimen_stylesheet.css
	new file:   styles/fonts/webfontkit-20221027-165950/stylesheet.css
	new file:   styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-demo.html
	new file:   styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff
	new file:   styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff2
	new file:   styles/style.css
	new file:   tools/2048/.gitignore
	new file:   tools/2048/.jshintrc
	new file:   tools/2048/CONTRIBUTING.md
	new file:   tools/2048/LICENSE.txt
	new file:   tools/2048/README.md
	new file:   tools/2048/Rakefile
	new file:   tools/2048/favicon.ico
	new file:   tools/2048/index.html
	new file:   tools/2048/js/animframe_polyfill.js
	new file:   tools/2048/js/application.js
	new file:   tools/2048/js/bind_polyfill.js
	new file:   tools/2048/js/classlist_polyfill.js
	new file:   tools/2048/js/game_manager.js
	new file:   tools/2048/js/grid.js
	new file:   tools/2048/js/html_actuator.js
	new file:   tools/2048/js/keyboard_input_manager.js
	new file:   tools/2048/js/local_storage_manager.js
	new file:   tools/2048/js/tile.js
    new file:   tools/2048/meta/apple-touch-icon.png
	new file:   tools/webretro/cores/neocd_libretro.js
	new file:   tools/webretro/cores/neocd_libretro.wasm
	new file:   tools/webretro/cores/nestopia_libretro.js
	new file:   tools/webretro/cores/nestopia_libretro.wasm
	new file:   tools/webretro/cores/o2em_libretro.js
	new file:   tools/webretro/cores/o2em_libretro.wasm
	new file:   tools/webretro/cores/opera_libretro.js
	new file:   tools/webretro/cores/opera_libretro.wasm
2022-11-02 08:40:01 -04:00

12 lines
2.4 KiB
JavaScript

function reciprocalMain(numer,denom){this.version='0.76';this.numer=typeof numer!=='undefined'?numer:'3';this.denom=typeof denom!=='undefined'?denom:'4';w=150;h=150;var s="";s+='<div style="position:relative; width:'+w+'px; min-height:'+h+'px; border: none; border-radius: 20px; background-color: #eeeeff; margin:auto; display:block;">';s+='<div id="numer" style="font: bold 36px Arial; color: blue; position:absolute; left:0; top:10px; width:100px; text-align:center; transition: all linear 1s; z-index: 100;">'+this.numer+'</div>';s+='<div id="line" style="position:absolute; left:45px; top:60px; width:50px; height:3px; background: black;"></div>';s+='<div id="denom" style="font: bold 36px Arial; color: red; position:absolute; left:0; top:70px; width:100px; text-align:center; transition: all linear 1s; z-index: 100;">'+this.denom+'</div>';s+='<div id="descr" style="font: bold 16px Arial; color: black; position:absolute; left:0; top:120px; width: 150px; text-align:center; transition: all linear 0.3s; z-index: 100;">A Fraction</div>';s+='</div>';document.write(s);this.frame=0;topPt=new Point(20,15);botPt=new Point(20,65);midPt=new Point((topPt.x+botPt.x)/2,(topPt.y+botPt.x)/2);midLtPt=new Point(midPt.x-30,midPt.y);midRtPt=new Point(midPt.x+30,midPt.y);animate();}
function animate(){this.frame=(++this.frame)%520;if(this.frame==1){document.getElementById("descr").innerHTML="A Fraction";placeId('numer',topPt.x,topPt.y);placeId('denom',botPt.x,botPt.y);}
if(this.frame==70){placeId('numer',midLtPt.x,midLtPt.y);placeId('denom',midRtPt.x,midRtPt.y);}
if(this.frame==120){document.getElementById("descr").style.opacity=0;placeId('numer',botPt.x,botPt.y);placeId('denom',topPt.x,topPt.y);}
if(this.frame==150){document.getElementById("descr").innerHTML="Its Reciprocal";document.getElementById("descr").style.opacity=1;}
if(frame==370){placeId('numer',midLtPt.x,midLtPt.y);placeId('denom',midRtPt.x,midRtPt.y);}
if(this.frame==420){document.getElementById("descr").style.opacity=0;placeId('numer',topPt.x,topPt.y);placeId('denom',botPt.x,botPt.y);}
if(frame==450){document.getElementById("descr").innerHTML="A Fraction";document.getElementById("descr").style.opacity=1;}
requestAnimationFrame(animate);}
function placeId(id,x,y){var div=document.getElementById(id);div.style.left=x+'px';div.style.top=y+'px';}
function Point(x,y){this.x=x;this.y=y;}
Point.prototype.set=function(x,y){this.x=x;this.y=y;};