lkarch/lkarch.org
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Formatting

Browse Source
This commit is contained in:
Lucas Kent 2022-12-09 14:05:41 -05:00 committed by GitHub
parent 29cf285290
commit fcd4e5b170
16 changed files with 105452 additions and 8125 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

71
404.html
View File

@ -1,29 +1,50 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<link rel="apple-touch-icon" sizes="180x180" href="/assets/Favicons/404_Favicon/apple-touch-icon.png"> <link
<link rel="icon" type="image/png" sizes="32x32" href="/assets/Favicons/404_Favicon/favicon-32x32.png"> rel="apple-touch-icon"
<link rel="icon" type="image/png" sizes="16x16" href="/assets/Favicons/404_Favicon/favicon-16x16.png"> sizes="180x180"
<link rel="manifest" href="/assets/Favicons/404_Favicon/site.webmanifest"> href="/assets/Favicons/404_Favicon/apple-touch-icon.png"
<link rel="stylesheet" href="/assets/styles/button.css"> />
<title>404</title> <link
<style> rel="icon"
h1 {text-align: center;} type="image/png"
p {text-align: center;} sizes="32x32"
</style> href="/assets/Favicons/404_Favicon/favicon-32x32.png"
</head> />
<body> <link
<h1 style="font-size: 60px;">404</h1> rel="icon"
<p style="font-size: 30px;">I don't know how you got here but the page does not exist</p> type="image/png"
<br> sizes="16x16"
<img src="/assets/imgs/goofy.gif" alt="crying emoji" class="center" style="width: 220px;height: 220px;"> href="/assets/Favicons/404_Favicon/favicon-16x16.png"
</body> />
<link rel="manifest" href="/assets/Favicons/404_Favicon/site.webmanifest" />
<link rel="stylesheet" href="/assets/styles/button.css" />
<title>404</title>
<style> <style>
.center { h1 {text-align: center;}
display: block; p {text-align: center;}
margin-left: auto;
margin-right: auto;
width: 50%;
}
</style> </style>
</html> </head>
<body>
<h1 style="font-size: 60px;">404</h1>
<p style="font-size: 30px;">
I don't know how you got here but the page does not exist
</p>
<br />
<img
src="/assets/imgs/goofy.gif"
alt="crying emoji"
class="center"
style="width: 220px;height: 220px;"
/>
</body>
<style>
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
</style>
</html>

96
assets/styles/backround.css
View File

@ -1,35 +1,67 @@
body { body {
background-color: #868686; background-color: #868686;
margin: 0; margin: 0;
overflow-x: hidden; overflow-x: hidden;
}
.bg {
position: fixed;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
width: 200%;
height: 200vh;
z-index: -1;
background: transparent url('/assets/imgs/noise-transparent.png') repeat 0 0;
background-repeat: repeat;
animation: bg-animation .2s infinite;
opacity: .9;
visibility: visible;
}
@keyframes bg-animation {
0% {
transform: translate(0, 0)
} }
.bg { 10% {
position: fixed; transform: translate(-5%, -5%)
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
width: 200%;
height: 200vh;
z-index: -1;
background: transparent url('/assets/imgs/noise-transparent.png') repeat 0 0;
background-repeat: repeat;
animation: bg-animation .2s infinite;
opacity: .9;
visibility: visible;
} }
@keyframes bg-animation { 20% {
0% { transform: translate(0,0) } transform: translate(-10%, 5%)
10% { transform: translate(-5%,-5%) } }
20% { transform: translate(-10%,5%) }
30% { transform: translate(5%,-10%) } 30% {
40% { transform: translate(-5%,15%) } transform: translate(5%, -10%)
50% { transform: translate(-10%,5%) } }
60% { transform: translate(15%,0) }
70% { transform: translate(0,10%) } 40% {
80% { transform: translate(-15%,0) } transform: translate(-5%, 15%)
90% { transform: translate(10%,5%) } }
100% { transform: translate(5%,0) }
} 50% {
transform: translate(-10%, 5%)
}
60% {
transform: translate(15%, 0)
}
70% {
transform: translate(0, 10%)
}
80% {
transform: translate(-15%, 0)
}
90% {
transform: translate(10%, 5%)
}
100% {
transform: translate(5%, 0)
}
}

140
assets/styles/blog.css
View File

@ -1,74 +1,76 @@
* { * {
box-sizing: border-box; box-sizing: border-box;
} }
/* Header/Blog Title */
.header {
padding: 30px;
font-size: 40px;
text-align: center;
background: white;
}
body {
font-family: Arial;
padding: px;
background: #868686;
}
/* Create two unequal columns that floats next to each other */ /* Header/Blog Title */
/* Left column */ .header {
.leftcolumn { padding: 30px;
margin: auto; font-size: 40px;
padding: 10px; text-align: center;
float: left; background: white;
width: 75%; }
}
body {
/* Right column */ font-family: Arial;
padding: px;
background: #868686;
}
/* Create two unequal columns that floats next to each other */
/* Left column */
.leftcolumn {
margin: auto;
padding: 10px;
float: left;
width: 75%;
}
/* Right column */
.rightcolumn {
float: left;
width: 25%;
padding-left: 20px;
}
/* Fake image */
.fakeimg {
background-color: #aaa;
width: 100%;
}
/* Add a card effect for articles */
.card {
background-color: white;
padding: 20px;
margin-top: 20px;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
/* Footer */
.footer {
padding: 20px;
text-align: center;
background: #ddd;
margin-top: 20px;
}
.image {
max-width: 100%;
max-height: 100%;
}
/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {
.leftcolumn,
.rightcolumn { .rightcolumn {
float: left;
width: 25%;
padding-left: 20px;
}
/* Fake image */
.fakeimg {
background-color: #aaa;
width: 100%; width: 100%;
padding: 0;
} }
}
/* Add a card effect for articles */
.card {
background-color: white;
padding: 20px;
margin-top: 20px;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
/* Footer */
.footer {
padding: 20px;
text-align: center;
background: #ddd;
margin-top: 20px;
}
.image {
max-width:100%;
max-height:100%;
}
/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {
.leftcolumn, .rightcolumn {
width: 100%;
padding: 0;
}
}

6
assets/styles/border.css
View File

@ -1,5 +1,5 @@
.broider { .broider {
border-image: url("/assets/imgs/border.png") 28 / 28px / 0 round; border-image: url("/assets/imgs/border.png") 28 / 28px / 0 round;
border-width: 28px; border-width: 28px;
border-style: solid; border-style: solid;
} }

32
assets/styles/button.css
View File

@ -1,20 +1,22 @@
.button { .button {
padding: 15px 25px; padding: 15px 25px;
font-size: 24px; font-size: 24px;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
outline: none; outline: none;
color: #fff; color: #fff;
background-color: #3c3c3c; background-color: #3c3c3c;
border: none; border: none;
border-radius: 15px; border-radius: 15px;
box-shadow: 0 9px #999; box-shadow: 0 9px #999;
} }
.button:hover {background-color: #000000} .button:hover {
background-color: #000000
}
.button:active { .button:active {
background-color: #000000; background-color: #000000;
box-shadow: 0 5px #666; box-shadow: 0 5px #666;
transform: translateY(4px); transform: translateY(4px);
} }

65
assets/styles/navbar.css
View File

@ -1,33 +1,34 @@
ul { ul {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
padding: 0; padding: 0;
overflow: hidden; overflow: hidden;
background-color: hsl(0, 0%, 0%); background-color: hsl(0, 0%, 0%);
position: fixed; position: fixed;
top: 0; top: 0;
width: 100%; width: 100%;
} }
li { li {
float: left; float: left;
} }
li a { li a {
display: block; display: block;
color: white; color: white;
text-align: center; text-align: center;
padding: 14px 16px; padding: 14px 16px;
text-decoration: none; text-decoration: none;
} }
li a:hover:not(.active) { li a:hover:not(.active) {
background-color: hsl(241, 85%, 18%); background-color: hsl(241, 85%, 18%);
} }
.active { .active {
background-color: hsl(244, 100%, 52%); background-color: hsl(244, 100%, 52%);
} }
body{
margin: 0px; body {
} margin: 0px;
}

5
assets/styles/noscroll.css
View File

@ -1,7 +1,8 @@
.noscroll::-webkit-scrollbar { .noscroll::-webkit-scrollbar {
display: none; display: none;
} }
.noscroll { .noscroll {
-ms-overflow-style: none; -ms-overflow-style: none;
scrollbar-width: none; scrollbar-width: none;
} }

28
assets/styles/titillium_web_font.css
View File

@ -1,22 +1,22 @@
@font-face { @font-face {
font-family: 'titillium_webextralight'; font-family: 'titillium_webextralight';
src: url('/assets/styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff2') format('woff2'), src: url('/assets/styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff2') format('woff2'),
url('/assets/styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff') format('woff'); url('/assets/styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff') format('woff');
font-weight: normal; font-weight: normal;
font-style: bold; font-style: bold;
} }
@font-face { @font-face {
font-family: 'titillium_webbold'; font-family: 'titillium_webbold';
src: url('/assets/styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff2') format('woff2'), src: url('/assets/styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff2') format('woff2'),
url('/assets/styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff') format('woff'); url('/assets/styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff') format('woff');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
p {
p {
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
font-weight:normal; font-weight: normal;
font-style:normal; font-style: normal;
} }

133
blog.html
View File

@ -1,59 +1,86 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>Blog</title> <title>Blog</title>
<link rel="apple-touch-icon" sizes="180x180" href="/assets/Favicons/Base_Favicon/apple-touch-icon.png"> <link
<link rel="icon" type="image/png" sizes="32x32" href="/assets/Favicons/Base_Favicon/favicon-32x32.png"> rel="apple-touch-icon"
<link rel="icon" type="image/png" sizes="16x16" href="/assets/Favicons/Base_Favicon/favicon-16x16.png"> sizes="180x180"
<link rel="manifest" href="/assets/Favicons/Base_Favicon/site.webmanifest"> href="/assets/Favicons/Base_Favicon/apple-touch-icon.png"
<link rel="mask-icon" href="/assets/Favicons/Base_Favicon/safari-pinned-tab.svg" color="#5bbad5"> />
<meta name="msapplication-TileColor" content="#da532c"> <link
<meta name="theme-color" content="#ff0000"> rel="icon"
<link rel="stylesheet" href="/assets/styles/titillium_web_font.css"> type="image/png"
<link rel="stylesheet" href="/assets/styles/border.css"> sizes="32x32"
<link rel="stylesheet" href="/assets/styles/button.css"> href="/assets/Favicons/Base_Favicon/favicon-32x32.png"
<link rel="stylesheet" href="/assets/styles/backround.css"> />
<link rel="stylesheet" href="/assets/styles/noscroll.css"> <link
<link rel="stylesheet" href="/assets/styles/navbar.css"> rel="icon"
<link rel="stylesheet" href="/assets/styles/blog.css"> type="image/png"
</head> sizes="16x16"
<body> href="/assets/Favicons/Base_Favicon/favicon-16x16.png"
<div class="bg"></div> />
<ul> <link
<li><a href="/">Home</a></li> rel="manifest"
<li><a href="/sitemap.html">Sitemap</a></li> href="/assets/Favicons/Base_Favicon/site.webmanifest"
<li><a class="active" href="/blog.html">Blog</a></li> />
<li><a href="/wip.html">WIP</a></li> <link
</ul> rel="mask-icon"
</body> href="/assets/Favicons/Base_Favicon/safari-pinned-tab.svg"
<body> color="#5bbad5"
<div class="header"> />
<h2>Blog I guess</h2> <meta name="msapplication-TileColor" content="#da532c" />
</div> <meta name="theme-color" content="#ff0000" />
<link rel="stylesheet" href="/assets/styles/titillium_web_font.css" />
<div class="row"> <link rel="stylesheet" href="/assets/styles/border.css" />
<div class="leftcolumn"> <link rel="stylesheet" href="/assets/styles/button.css" />
<div class="card"> <link rel="stylesheet" href="/assets/styles/backround.css" />
<h2>Hello World</h2> <link rel="stylesheet" href="/assets/styles/noscroll.css" />
<h5>First Blog Post, Nov 23, 2022</h5> <link rel="stylesheet" href="/assets/styles/navbar.css" />
<div style="height:300px;"><img class="image" src="/assets/Blog Files/Images/HelloWorld.png" alt=""></div> <link rel="stylesheet" href="/assets/styles/blog.css" />
<p>This Blog will have update notes and other things.</p> </head>
</div> <body>
</div> <div class="bg"></div>
<div class="rightcolumn"> <ul>
<div class="card"> <li><a href="/">Home</a></li>
<h2>About Me</h2> <li><a href="/sitemap.html">Sitemap</a></li>
<p>I like playing Bloons Tower Defense and coding</p> <li><a class="active" href="/blog.html">Blog</a></li>
</div> <li><a href="/wip.html">WIP</a></li>
<div class="card"> </ul>
<h3>Follow Me</h3> </body>
<p>Nothing Here Yet</p> <body>
<div class="header">
<h2>Blog I guess</h2>
</div>
<div class="row">
<div class="leftcolumn">
<div class="card">
<h2>Hello World</h2>
<h5>First Blog Post, Nov 23, 2022</h5>
<div style="height:300px;">
<img
class="image"
src="/assets/Blog Files/Images/HelloWorld.png"
alt=""
/>
</div> </div>
<p>This Blog will have update notes and other things.</p>
</div> </div>
</div> </div>
<div class="rightcolumn">
<div class="footer"> <div class="card">
<h2>No Footer Yet</h2> <h2>About Me</h2>
<p>I like playing Bloons Tower Defense and coding</p>
</div>
<div class="card">
<h3>Follow Me</h3>
<p>Nothing Here Yet</p>
</div>
</div> </div>
</body> </div>
</html>
<div class="footer">
<h2>No Footer Yet</h2>
</div>
</body>
</html>

95
index.html
View File

@ -1,36 +1,63 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="noscroll"> <html class="noscroll">
<head> <head>
<Title>Home</Title> <title>Home</title>
<link rel="apple-touch-icon" sizes="180x180" href="/assets/Favicons/Base_Favicon/apple-touch-icon.png"> <link
<link rel="icon" type="image/png" sizes="32x32" href="/assets/Favicons/Base_Favicon/favicon-32x32.png"> rel="apple-touch-icon"
<link rel="icon" type="image/png" sizes="16x16" href="/assets/Favicons/Base_Favicon/favicon-16x16.png"> sizes="180x180"
<link rel="manifest" href="/assets/Favicons/Base_Favicon/site.webmanifest"> href="/assets/Favicons/Base_Favicon/apple-touch-icon.png"
<link rel="mask-icon" href="/assets/Favicons/Base_Favicon/safari-pinned-tab.svg" color="#5bbad5"> />
<meta name="msapplication-TileColor" content="#da532c"> <link
<meta name="theme-color" content="#ff0000"> rel="icon"
<link rel="stylesheet" href="/assets/styles/titillium_web_font.css"> type="image/png"
<link rel="stylesheet" href="/assets/styles/border.css"> sizes="32x32"
<link rel="stylesheet" href="/assets/styles/button.css"> href="/assets/Favicons/Base_Favicon/favicon-32x32.png"
<link rel="stylesheet" href="/assets/styles/backround.css"> />
<link rel="stylesheet" href="/assets/styles/noscroll.css"> <link
<link rel="stylesheet" href="/assets/styles/navbar.css"> rel="icon"
<link rel="stylesheet" href="/assets/styles/blog.css"> type="image/png"
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> sizes="16x16"
</head> href="/assets/Favicons/Base_Favicon/favicon-16x16.png"
<body> />
<div class="bg"></div> <link
<ul> rel="manifest"
<li><a class="active" href="/">Home</a></li> href="/assets/Favicons/Base_Favicon/site.webmanifest"
<li><a href="/sitemap.html">Sitemap</a></li> />
<li><a href="/blog.html">Blog</a></li> <link
<li><a href="/wip.html">WIP</a></li> rel="mask-icon"
</ul> href="/assets/Favicons/Base_Favicon/safari-pinned-tab.svg"
<br> color="#5bbad5"
<br> />
<br> <meta name="msapplication-TileColor" content="#da532c" />
&nbsp; <meta name="theme-color" content="#ff0000" />
<img src="/assets/imgs/zuck.jpg" alt="Geometry Tools Ga" style="width:300px;height:300px;" srcset="" class="broider"> <link rel="stylesheet" href="/assets/styles/titillium_web_font.css" />
<p class="double">&nbsp; &nbsp;Welcome to my Website.</p> <link rel="stylesheet" href="/assets/styles/border.css" />
</body> <link rel="stylesheet" href="/assets/styles/button.css" />
</html> <link rel="stylesheet" href="/assets/styles/backround.css" />
<link rel="stylesheet" href="/assets/styles/noscroll.css" />
<link rel="stylesheet" href="/assets/styles/navbar.css" />
<link rel="stylesheet" href="/assets/styles/blog.css" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
</head>
<body>
<div class="bg"></div>
<ul>
<li><a class="active" href="/">Home</a></li>
<li><a href="/sitemap.html">Sitemap</a></li>
<li><a href="/blog.html">Blog</a></li>
<li><a href="/wip.html">WIP</a></li>
</ul>
<br />
<br />
<br />
&nbsp;
<img
src="/assets/imgs/zuck.jpg"
alt="Geometry Tools Ga"
style="width:300px;height:300px;"
srcset=""
class="broider"
/>
<p class="double">&nbsp; &nbsp;Welcome to my Website.</p>
</body>
</html>

251
sitemap.html
View File

@ -1,77 +1,178 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="noscroll"> <html class="noscroll">
<head> <head>
<title>Sitemap</title> <title>Sitemap</title>
<link rel="apple-touch-icon" sizes="180x180" href="/assets/Favicons/Base_Favicon/apple-touch-icon.png"> <link
<link rel="icon" type="image/png" sizes="32x32" href="/assets/Favicons/Base_Favicon/favicon-32x32.png"> rel="apple-touch-icon"
<link rel="icon" type="image/png" sizes="16x16" href="/assets/Favicons/Base_Favicon/favicon-16x16.png"> sizes="180x180"
<link rel="manifest" href="/assets/Favicons/Base_Favicon/site.webmanifest"> href="/assets/Favicons/Base_Favicon/apple-touch-icon.png"
<link rel="mask-icon" href="/assets/Favicons/Base_Favicon/safari-pinned-tab.svg" color="#5bbad5"> />
<meta name="msapplication-TileColor" content="#da532c"> <link
<meta name="theme-color" content="#ff0000"> rel="icon"
<link rel="stylesheet" href="/assets/styles/titillium_web_font.css"> type="image/png"
<link rel="stylesheet" href="/assets/styles/border.css"> sizes="32x32"
<link rel="stylesheet" href="/assets/styles/button.css"> href="/assets/Favicons/Base_Favicon/favicon-32x32.png"
<link rel="stylesheet" href="/assets/styles/backround.css"> />
<link rel="stylesheet" href="/assets/styles/noscroll.css"> <link
<link rel="stylesheet" href="/assets/styles/navbar.css"> rel="icon"
<link rel="stylesheet" href="/assets/styles/blog.css"> type="image/png"
</head> sizes="16x16"
<body> href="/assets/Favicons/Base_Favicon/favicon-16x16.png"
<div class="bg"></div> />
<ul> <link
<li><a href="/">Home</a></li> rel="manifest"
<li><a class="active" href="/sitemap.html">Sitemap</a></li> href="/assets/Favicons/Base_Favicon/site.webmanifest"
<li><a href="/blog.html">Blog</a></li> />
<li><a href="/wip.html">WIP</a></li> <link
</ul> rel="mask-icon"
<br> href="/assets/Favicons/Base_Favicon/safari-pinned-tab.svg"
<br> color="#5bbad5"
<br> />
<p style="text-align: center;">Click an image to go to its corresponding page.</p> <meta name="msapplication-TileColor" content="#da532c" />
<br> <meta name="theme-color" content="#ff0000" />
&nbsp; <link rel="stylesheet" href="/assets/styles/titillium_web_font.css" />
&nbsp; <link rel="stylesheet" href="/assets/styles/border.css" />
&nbsp; <link rel="stylesheet" href="/assets/styles/button.css" />
&nbsp; <link rel="stylesheet" href="/assets/styles/backround.css" />
&nbsp; <link rel="stylesheet" href="/assets/styles/noscroll.css" />
<a href="/tools/calculator"><img class="br" src="/assets/imgs/calculator.png" alt="calculator" style="width: 100px; height: 100px;"></a> <link rel="stylesheet" href="/assets/styles/navbar.css" />
&nbsp; <link rel="stylesheet" href="/assets/styles/blog.css" />
<a href="/tools/retro-bowl"><img src="/assets/imgs/retrobowl.png" alt="retro-bowl" style="width: 100px; height: 100px;"></a> </head>
&nbsp; <body>
<a href="/tools/btd4"><img src="/assets/imgs/btd4.jpg" alt="BTD4" style="width: 100px; height: 100px;"></a> <div class="bg"></div>
&nbsp; <ul>
<a href="/tools/swfs"><img src="/assets/imgs/flash.png" alt="Flash Player" style="width: 100px; height: 100px;"></a> <li><a href="/">Home</a></li>
&nbsp; <li><a class="active" href="/sitemap.html">Sitemap</a></li>
<a href="/tools/2048"><img src="/assets/imgs/2048.png" alt="2048" style="width: 100px; height: 100px;"></a> <li><a href="/blog.html">Blog</a></li>
&nbsp; <li><a href="/wip.html">WIP</a></li>
<a href="/tools/sm64"><img src="/assets/imgs/sm64.jpg" alt="sm64" style="width: 100px;height: 100px;"></a> </ul>
&nbsp; <br />
<a href="/tools/mc-classic"><img src="/assets/imgs/minecraft.png" alt="minecraft" style="width: 100px;height: 100px;"></a> <br />
&nbsp; <br />
<a href="/tools/geometry"><img src="/assets/imgs/Geometry_Dash_Logo.png" alt="Geometry Dash" style="width: 100px;height: 100px;"></a> <p style="text-align: center;">
&nbsp; Click an image to go to its corresponding page.
<a href="/tools/fireboy-and-watergirl-forest-temple"><img src="/assets/imgs/fbwg.jpg" alt="Fireboy and Watergirl Forest Temple" style="width: 100;height: 100px;"></a> </p>
&nbsp; <br />
<a href="/tools/dinosaur"><img src="/assets/imgs/Dinosaur.png" alt="Dinosaur Game" style="width: 100px;height: 100px;"></a> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; <a href="/tools/calculator"
<a href="/tools/vex3"><img src="/assets/imgs/vex3.jpg" alt="vex3" style="width: 100px;height: 100px;"></a> ><img
<br> class="br"
&nbsp; src="/assets/imgs/calculator.png"
&nbsp; alt="calculator"
&nbsp; style="width: 100px; height: 100px;"
&nbsp; /></a>
&nbsp; &nbsp;
<a href="/tools/vex4"><img src="/assets/imgs/vex4.jpg" alt="vex4" style="width: 100px;height: 100px;"></a> <a href="/tools/retro-bowl"
&nbsp; ><img
<a href="/tools/vex5"><img src="/assets/imgs/Vex5.jpg" alt="vex5" style="width: 100px;height: 100px;"></a> src="/assets/imgs/retrobowl.png"
&nbsp; alt="retro-bowl"
<a href="/tools/flash/?swf=ducklife3.swf"><img src="/assets/imgs/ducklife3.jpg" alt="ducklife3" style="width: 100px;height: 100px;"></a> style="width: 100px; height: 100px;"
&nbsp; /></a>
<a href="/tools/flash/?swf=theimpossiblequiz.swf"><img src="/assets/imgs/quiz.jpg" alt="theimpossiblequiz" style="width: 100px;height: 100px;"></a> &nbsp;
&nbsp; <a href="/tools/btd4"
<a href="/tools/flash/?swf=theimpossiblequiz2.swf"><img src="/assets/imgs/quiz2.jpg" alt="theimpossiblequiz2" style="width: 100px;height: 100px;"></a> ><img
&nbsp; src="/assets/imgs/btd4.jpg"
<a href="/tools/flash/?swf=ducklife2.swf"><img src="/assets/imgs/ducklife2.jpg" alt="ducklife2" style="width: 100px;height:100px"></a> alt="BTD4"
</body> style="width: 100px; height: 100px;"
</html> /></a>
&nbsp;
<a href="/tools/swfs"
><img
src="/assets/imgs/flash.png"
alt="Flash Player"
style="width: 100px; height: 100px;"
/></a>
&nbsp;
<a href="/tools/2048"
><img
src="/assets/imgs/2048.png"
alt="2048"
style="width: 100px; height: 100px;"
/></a>
&nbsp;
<a href="/tools/sm64"
><img
src="/assets/imgs/sm64.jpg"
alt="sm64"
style="width: 100px;height: 100px;"
/></a>
&nbsp;
<a href="/tools/mc-classic"
><img
src="/assets/imgs/minecraft.png"
alt="minecraft"
style="width: 100px;height: 100px;"
/></a>
&nbsp;
<a href="/tools/geometry"
><img
src="/assets/imgs/Geometry_Dash_Logo.png"
alt="Geometry Dash"
style="width: 100px;height: 100px;"
/></a>
&nbsp;
<a href="/tools/fireboy-and-watergirl-forest-temple"
><img
src="/assets/imgs/fbwg.jpg"
alt="Fireboy and Watergirl Forest Temple"
style="width: 100;height: 100px;"
/></a>
&nbsp;
<a href="/tools/dinosaur"
><img
src="/assets/imgs/Dinosaur.png"
alt="Dinosaur Game"
style="width: 100px;height: 100px;"
/></a>
&nbsp;
<a href="/tools/vex3"
><img
src="/assets/imgs/vex3.jpg"
alt="vex3"
style="width: 100px;height: 100px;"
/></a>
<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
<a href="/tools/vex4"
><img
src="/assets/imgs/vex4.jpg"
alt="vex4"
style="width: 100px;height: 100px;"
/></a>
&nbsp;
<a href="/tools/vex5"
><img
src="/assets/imgs/Vex5.jpg"
alt="vex5"
style="width: 100px;height: 100px;"
/></a>
&nbsp;
<a href="/tools/flash/?swf=ducklife3.swf"
><img
src="/assets/imgs/ducklife3.jpg"
alt="ducklife3"
style="width: 100px;height: 100px;"
/></a>
&nbsp;
<a href="/tools/flash/?swf=theimpossiblequiz.swf"
><img
src="/assets/imgs/quiz.jpg"
alt="theimpossiblequiz"
style="width: 100px;height: 100px;"
/></a>
&nbsp;
<a href="/tools/flash/?swf=theimpossiblequiz2.swf"
><img
src="/assets/imgs/quiz2.jpg"
alt="theimpossiblequiz2"
style="width: 100px;height: 100px;"
/></a>
&nbsp;
<a href="/tools/flash/?swf=ducklife2.swf"
><img
src="/assets/imgs/ducklife2.jpg"
alt="ducklife2"
style="width: 100px;height:100px"
/></a>
</body>
</html>

93049
tools/btd4/game.js
View File

File diff suppressed because one or more lines are too long

1
tools/btd4/index.html
View File

@ -80,7 +80,6 @@
</script> </script>
<style> <style>
html,body { margin: 0; padding: 0; height: 100%; overflow: hidden; } html,body { margin: 0; padding: 0; height: 100%; overflow: hidden; }
#openfl-content {}
canvas { canvas {
max-width:100%; max-width:100%;

45
tools/sm64/index.html
View File

@ -1,9 +1,8 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en-us"> <html lang="en-us">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Super Mario 64</title> <title>Super Mario 64</title>
<style> <style>
body, html{ body, html{
@ -36,40 +35,40 @@
<div id="container"> <div id="container">
<canvas class="emscripten" id="canvas"></canvas> <canvas class="emscripten" id="canvas"></canvas>
</div> </div>
<script type='text/javascript'> <script type="text/javascript">
var Module = { var Module = {
preRun: [], preRun: [],
postRun: [], postRun: [],
print: (function() { print: (function () {
return function(text) { return function (text) {
if (arguments.length > 1) text = Array.prototype.slice.call(arguments).join(' '); if (arguments.length > 1)
text = Array.prototype.slice.call(arguments).join(" ");
console.log(text); console.log(text);
}; };
})(), })(),
printErr: function(text) { printErr: function (text) {
if (arguments.length > 1) if (arguments.length > 1)
text = Array.prototype.slice.call(arguments).join(' '); text = Array.prototype.slice.call(arguments).join(" ");
console.error(text); console.error(text);
}, },
canvas: (function() { canvas: (function () {
var canvas = document.getElementById('canvas'); var canvas = document.getElementById("canvas");
canvas.width = window.innerWidth; // Todo: how to do this from c++ canvas.width = window.innerWidth; // Todo: how to do this from c++
canvas.height = window.innerHeight; canvas.height = window.innerHeight;
canvas.addEventListener("webglcontextlost", function(e) { canvas.addEventListener(
alert('WebGL context lost. You will need to reload the page.'); "webglcontextlost",
e.preventDefault(); function (e) {
}, false); alert("WebGL context lost. You will need to reload the page.");
e.preventDefault();
},
false
);
return canvas; return canvas;
})(), })(),
setStatus: function(text) { setStatus: function (text) {},
}
}; };
</script> </script>
<script async type="text/javascript" src="sm64.us.f3dex2e.js"></script> <script async type="text/javascript" src="sm64.us.f3dex2e.js"></script>
<script> <script></script>
</script>
</body> </body>
</html> </html>

19475
tools/sm64/sm64.us.f3dex2e.js
View File

File diff suppressed because one or more lines are too long

85
wip.html
View File

@ -1,34 +1,55 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>WIP</title> <title>WIP</title>
<link rel="apple-touch-icon" sizes="180x180" href="/assets/Favicons/Base_Favicon/apple-touch-icon.png"> <link
<link rel="icon" type="image/png" sizes="32x32" href="/assets/Favicons/Base_Favicon/favicon-32x32.png"> rel="apple-touch-icon"
<link rel="icon" type="image/png" sizes="16x16" href="/assets/Favicons/Base_Favicon/favicon-16x16.png"> sizes="180x180"
<link rel="manifest" href="/assets/Favicons/Base_Favicon/site.webmanifest"> href="/assets/Favicons/Base_Favicon/apple-touch-icon.png"
<link rel="mask-icon" href="/assets/Favicons/Base_Favicon/safari-pinned-tab.svg" color="#5bbad5"> />
<meta name="msapplication-TileColor" content="#da532c"> <link
<meta name="theme-color" content="#ff0000"> rel="icon"
<link rel="stylesheet" href="/assets/styles/titillium_web_font.css"> type="image/png"
<link rel="stylesheet" href="/assets/styles/border.css"> sizes="32x32"
<link rel="stylesheet" href="/assets/styles/button.css"> href="/assets/Favicons/Base_Favicon/favicon-32x32.png"
<link rel="stylesheet" href="/assets/styles/backround.css"> />
<link rel="stylesheet" href="/assets/styles/noscroll.css"> <link
<link rel="stylesheet" href="/assets/styles/navbar.css"> rel="icon"
<link rel="stylesheet" href="/assets/styles/blog.css"> type="image/png"
</head> sizes="16x16"
<body> href="/assets/Favicons/Base_Favicon/favicon-16x16.png"
<div class="bg"></div> />
<ul> <link
<li><a href="/">Home</a></li> rel="manifest"
<li><a href="/sitemap.html">Sitemap</a></li> href="/assets/Favicons/Base_Favicon/site.webmanifest"
<li><a href="/blog.html">Blog</a></li> />
<li><a class="active" href="/wip.html">WIP</a></li> <link
</ul> rel="mask-icon"
<br> href="/assets/Favicons/Base_Favicon/safari-pinned-tab.svg"
<br> color="#5bbad5"
<br> />
<h1>WIP</h1> <meta name="msapplication-TileColor" content="#da532c" />
<p>This page is going to be worked on eventually.</p> <meta name="theme-color" content="#ff0000" />
</body> <link rel="stylesheet" href="/assets/styles/titillium_web_font.css" />
</html> <link rel="stylesheet" href="/assets/styles/border.css" />
<link rel="stylesheet" href="/assets/styles/button.css" />
<link rel="stylesheet" href="/assets/styles/backround.css" />
<link rel="stylesheet" href="/assets/styles/noscroll.css" />
<link rel="stylesheet" href="/assets/styles/navbar.css" />
<link rel="stylesheet" href="/assets/styles/blog.css" />
</head>
<body>
<div class="bg"></div>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/sitemap.html">Sitemap</a></li>
<li><a href="/blog.html">Blog</a></li>
<li><a class="active" href="/wip.html">WIP</a></li>
</ul>
<br />
<br />
<br />
<h1>WIP</h1>
<p>This page is going to be worked on eventually.</p>
</body>
</html>