Formatting
This commit is contained in:
parent
29cf285290
commit
fcd4e5b170
39
404.html
39
404.html
@ -1,11 +1,25 @@
|
|||||||
<!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">
|
/>
|
||||||
|
<link
|
||||||
|
rel="icon"
|
||||||
|
type="image/png"
|
||||||
|
sizes="32x32"
|
||||||
|
href="/assets/Favicons/404_Favicon/favicon-32x32.png"
|
||||||
|
/>
|
||||||
|
<link
|
||||||
|
rel="icon"
|
||||||
|
type="image/png"
|
||||||
|
sizes="16x16"
|
||||||
|
href="/assets/Favicons/404_Favicon/favicon-16x16.png"
|
||||||
|
/>
|
||||||
|
<link rel="manifest" href="/assets/Favicons/404_Favicon/site.webmanifest" />
|
||||||
|
<link rel="stylesheet" href="/assets/styles/button.css" />
|
||||||
<title>404</title>
|
<title>404</title>
|
||||||
<style>
|
<style>
|
||||||
h1 {text-align: center;}
|
h1 {text-align: center;}
|
||||||
@ -14,9 +28,16 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1 style="font-size: 60px;">404</h1>
|
<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>
|
<p style="font-size: 30px;">
|
||||||
<br>
|
I don't know how you got here but the page does not exist
|
||||||
<img src="/assets/imgs/goofy.gif" alt="crying emoji" class="center" style="width: 220px;height: 220px;">
|
</p>
|
||||||
|
<br />
|
||||||
|
<img
|
||||||
|
src="/assets/imgs/goofy.gif"
|
||||||
|
alt="crying emoji"
|
||||||
|
class="center"
|
||||||
|
style="width: 220px;height: 220px;"
|
||||||
|
/>
|
||||||
</body>
|
</body>
|
||||||
<style>
|
<style>
|
||||||
.center {
|
.center {
|
||||||
@ -24,6 +45,6 @@
|
|||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
width: 50%;
|
width: 50%;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</html>
|
</html>
|
@ -2,9 +2,9 @@ body {
|
|||||||
background-color: #868686;
|
background-color: #868686;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bg {
|
.bg {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: -50%;
|
top: -50%;
|
||||||
left: -50%;
|
left: -50%;
|
||||||
@ -18,18 +18,50 @@ body {
|
|||||||
animation: bg-animation .2s infinite;
|
animation: bg-animation .2s infinite;
|
||||||
opacity: .9;
|
opacity: .9;
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes bg-animation {
|
||||||
|
0% {
|
||||||
|
transform: translate(0, 0)
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes bg-animation {
|
10% {
|
||||||
0% { transform: translate(0,0) }
|
transform: translate(-5%, -5%)
|
||||||
10% { transform: translate(-5%,-5%) }
|
|
||||||
20% { transform: translate(-10%,5%) }
|
|
||||||
30% { transform: translate(5%,-10%) }
|
|
||||||
40% { transform: translate(-5%,15%) }
|
|
||||||
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) }
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
20% {
|
||||||
|
transform: translate(-10%, 5%)
|
||||||
|
}
|
||||||
|
|
||||||
|
30% {
|
||||||
|
transform: translate(5%, -10%)
|
||||||
|
}
|
||||||
|
|
||||||
|
40% {
|
||||||
|
transform: translate(-5%, 15%)
|
||||||
|
}
|
||||||
|
|
||||||
|
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)
|
||||||
|
}
|
||||||
|
}
|
@ -1,74 +1,76 @@
|
|||||||
* {
|
* {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Header/Blog Title */
|
/* Header/Blog Title */
|
||||||
.header {
|
.header {
|
||||||
padding: 30px;
|
padding: 30px;
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background: white;
|
background: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-family: Arial;
|
font-family: Arial;
|
||||||
padding: px;
|
padding: px;
|
||||||
background: #868686;
|
background: #868686;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Create two unequal columns that floats next to each other */
|
/* Create two unequal columns that floats next to each other */
|
||||||
/* Left column */
|
/* Left column */
|
||||||
.leftcolumn {
|
.leftcolumn {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
float: left;
|
float: left;
|
||||||
width: 75%;
|
width: 75%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Right column */
|
/* Right column */
|
||||||
.rightcolumn {
|
.rightcolumn {
|
||||||
float: left;
|
float: left;
|
||||||
width: 25%;
|
width: 25%;
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Fake image */
|
/* Fake image */
|
||||||
.fakeimg {
|
.fakeimg {
|
||||||
background-color: #aaa;
|
background-color: #aaa;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Add a card effect for articles */
|
/* Add a card effect for articles */
|
||||||
.card {
|
.card {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Clear floats after the columns */
|
/* Clear floats after the columns */
|
||||||
.row:after {
|
.row:after {
|
||||||
content: "";
|
content: "";
|
||||||
display: table;
|
display: table;
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Footer */
|
/* Footer */
|
||||||
.footer {
|
.footer {
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background: #ddd;
|
background: #ddd;
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.image {
|
.image {
|
||||||
max-width:100%;
|
max-width: 100%;
|
||||||
max-height: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 */
|
/* 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) {
|
@media screen and (max-width: 800px) {
|
||||||
.leftcolumn, .rightcolumn {
|
|
||||||
|
.leftcolumn,
|
||||||
|
.rightcolumn {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
@ -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);
|
||||||
}
|
}
|
@ -7,27 +7,28 @@ ul {
|
|||||||
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{
|
|
||||||
|
body {
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
}
|
}
|
@ -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;
|
||||||
}
|
}
|
@ -1,4 +1,3 @@
|
|||||||
|
|
||||||
@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'),
|
||||||
@ -7,16 +6,17 @@
|
|||||||
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;
|
||||||
}
|
}
|
57
blog.html
57
blog.html
@ -2,20 +2,41 @@
|
|||||||
<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"
|
||||||
|
sizes="16x16"
|
||||||
|
href="/assets/Favicons/Base_Favicon/favicon-16x16.png"
|
||||||
|
/>
|
||||||
|
<link
|
||||||
|
rel="manifest"
|
||||||
|
href="/assets/Favicons/Base_Favicon/site.webmanifest"
|
||||||
|
/>
|
||||||
|
<link
|
||||||
|
rel="mask-icon"
|
||||||
|
href="/assets/Favicons/Base_Favicon/safari-pinned-tab.svg"
|
||||||
|
color="#5bbad5"
|
||||||
|
/>
|
||||||
|
<meta name="msapplication-TileColor" content="#da532c" />
|
||||||
|
<meta name="theme-color" content="#ff0000" />
|
||||||
|
<link rel="stylesheet" href="/assets/styles/titillium_web_font.css" />
|
||||||
|
<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>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="bg"></div>
|
<div class="bg"></div>
|
||||||
@ -36,7 +57,13 @@
|
|||||||
<div class="card">
|
<div class="card">
|
||||||
<h2>Hello World</h2>
|
<h2>Hello World</h2>
|
||||||
<h5>First Blog Post, Nov 23, 2022</h5>
|
<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 style="height:300px;">
|
||||||
|
<img
|
||||||
|
class="image"
|
||||||
|
src="/assets/Blog Files/Images/HelloWorld.png"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
<p>This Blog will have update notes and other things.</p>
|
<p>This Blog will have update notes and other things.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
67
index.html
67
index.html
@ -1,22 +1,43 @@
|
|||||||
<!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"
|
||||||
|
href="/assets/Favicons/Base_Favicon/favicon-16x16.png"
|
||||||
|
/>
|
||||||
|
<link
|
||||||
|
rel="manifest"
|
||||||
|
href="/assets/Favicons/Base_Favicon/site.webmanifest"
|
||||||
|
/>
|
||||||
|
<link
|
||||||
|
rel="mask-icon"
|
||||||
|
href="/assets/Favicons/Base_Favicon/safari-pinned-tab.svg"
|
||||||
|
color="#5bbad5"
|
||||||
|
/>
|
||||||
|
<meta name="msapplication-TileColor" content="#da532c" />
|
||||||
|
<meta name="theme-color" content="#ff0000" />
|
||||||
|
<link rel="stylesheet" href="/assets/styles/titillium_web_font.css" />
|
||||||
|
<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" />
|
||||||
|
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="bg"></div>
|
<div class="bg"></div>
|
||||||
@ -26,11 +47,17 @@
|
|||||||
<li><a href="/blog.html">Blog</a></li>
|
<li><a href="/blog.html">Blog</a></li>
|
||||||
<li><a href="/wip.html">WIP</a></li>
|
<li><a href="/wip.html">WIP</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
<br>
|
<br />
|
||||||
<br>
|
<br />
|
||||||
<br>
|
<br />
|
||||||
|
|
||||||
<img src="/assets/imgs/zuck.jpg" alt="Geometry Tools Ga" style="width:300px;height:300px;" srcset="" class="broider">
|
<img
|
||||||
|
src="/assets/imgs/zuck.jpg"
|
||||||
|
alt="Geometry Tools Ga"
|
||||||
|
style="width:300px;height:300px;"
|
||||||
|
srcset=""
|
||||||
|
class="broider"
|
||||||
|
/>
|
||||||
<p class="double"> Welcome to my Website.</p>
|
<p class="double"> Welcome to my Website.</p>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
195
sitemap.html
195
sitemap.html
@ -2,20 +2,41 @@
|
|||||||
<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"
|
||||||
|
sizes="16x16"
|
||||||
|
href="/assets/Favicons/Base_Favicon/favicon-16x16.png"
|
||||||
|
/>
|
||||||
|
<link
|
||||||
|
rel="manifest"
|
||||||
|
href="/assets/Favicons/Base_Favicon/site.webmanifest"
|
||||||
|
/>
|
||||||
|
<link
|
||||||
|
rel="mask-icon"
|
||||||
|
href="/assets/Favicons/Base_Favicon/safari-pinned-tab.svg"
|
||||||
|
color="#5bbad5"
|
||||||
|
/>
|
||||||
|
<meta name="msapplication-TileColor" content="#da532c" />
|
||||||
|
<meta name="theme-color" content="#ff0000" />
|
||||||
|
<link rel="stylesheet" href="/assets/styles/titillium_web_font.css" />
|
||||||
|
<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>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="bg"></div>
|
<div class="bg"></div>
|
||||||
@ -25,53 +46,133 @@
|
|||||||
<li><a href="/blog.html">Blog</a></li>
|
<li><a href="/blog.html">Blog</a></li>
|
||||||
<li><a href="/wip.html">WIP</a></li>
|
<li><a href="/wip.html">WIP</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
<br>
|
<br />
|
||||||
<br>
|
<br />
|
||||||
<br>
|
<br />
|
||||||
<p style="text-align: center;">Click an image to go to its corresponding page.</p>
|
<p style="text-align: center;">
|
||||||
<br>
|
Click an image to go to its corresponding page.
|
||||||
|
</p>
|
||||||
|
<br />
|
||||||
|
|
||||||
|
<a href="/tools/calculator"
|
||||||
|
><img
|
||||||
|
class="br"
|
||||||
|
src="/assets/imgs/calculator.png"
|
||||||
|
alt="calculator"
|
||||||
|
style="width: 100px; height: 100px;"
|
||||||
|
/></a>
|
||||||
|
|
||||||
|
<a href="/tools/retro-bowl"
|
||||||
|
><img
|
||||||
|
src="/assets/imgs/retrobowl.png"
|
||||||
|
alt="retro-bowl"
|
||||||
|
style="width: 100px; height: 100px;"
|
||||||
|
/></a>
|
||||||
|
|
||||||
|
<a href="/tools/btd4"
|
||||||
|
><img
|
||||||
|
src="/assets/imgs/btd4.jpg"
|
||||||
|
alt="BTD4"
|
||||||
|
style="width: 100px; height: 100px;"
|
||||||
|
/></a>
|
||||||
|
|
||||||
|
<a href="/tools/swfs"
|
||||||
|
><img
|
||||||
|
src="/assets/imgs/flash.png"
|
||||||
|
alt="Flash Player"
|
||||||
|
style="width: 100px; height: 100px;"
|
||||||
|
/></a>
|
||||||
|
|
||||||
|
<a href="/tools/2048"
|
||||||
|
><img
|
||||||
|
src="/assets/imgs/2048.png"
|
||||||
|
alt="2048"
|
||||||
|
style="width: 100px; height: 100px;"
|
||||||
|
/></a>
|
||||||
|
|
||||||
<a href="/tools/calculator"><img class="br" src="/assets/imgs/calculator.png" alt="calculator" style="width: 100px; height: 100px;"></a>
|
<a href="/tools/sm64"
|
||||||
|
><img
|
||||||
|
src="/assets/imgs/sm64.jpg"
|
||||||
|
alt="sm64"
|
||||||
|
style="width: 100px;height: 100px;"
|
||||||
|
/></a>
|
||||||
|
|
||||||
<a href="/tools/retro-bowl"><img src="/assets/imgs/retrobowl.png" alt="retro-bowl" style="width: 100px; height: 100px;"></a>
|
<a href="/tools/mc-classic"
|
||||||
|
><img
|
||||||
|
src="/assets/imgs/minecraft.png"
|
||||||
|
alt="minecraft"
|
||||||
|
style="width: 100px;height: 100px;"
|
||||||
|
/></a>
|
||||||
|
|
||||||
<a href="/tools/btd4"><img src="/assets/imgs/btd4.jpg" alt="BTD4" style="width: 100px; height: 100px;"></a>
|
<a href="/tools/geometry"
|
||||||
|
><img
|
||||||
|
src="/assets/imgs/Geometry_Dash_Logo.png"
|
||||||
|
alt="Geometry Dash"
|
||||||
|
style="width: 100px;height: 100px;"
|
||||||
|
/></a>
|
||||||
|
|
||||||
<a href="/tools/swfs"><img src="/assets/imgs/flash.png" alt="Flash Player" style="width: 100px; height: 100px;"></a>
|
<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>
|
||||||
|
|
||||||
<a href="/tools/2048"><img src="/assets/imgs/2048.png" alt="2048" style="width: 100px; height: 100px;"></a>
|
<a href="/tools/dinosaur"
|
||||||
|
><img
|
||||||
|
src="/assets/imgs/Dinosaur.png"
|
||||||
|
alt="Dinosaur Game"
|
||||||
|
style="width: 100px;height: 100px;"
|
||||||
|
/></a>
|
||||||
|
|
||||||
<a href="/tools/sm64"><img src="/assets/imgs/sm64.jpg" alt="sm64" style="width: 100px;height: 100px;"></a>
|
<a href="/tools/vex3"
|
||||||
|
><img
|
||||||
|
src="/assets/imgs/vex3.jpg"
|
||||||
|
alt="vex3"
|
||||||
|
style="width: 100px;height: 100px;"
|
||||||
|
/></a>
|
||||||
|
<br />
|
||||||
|
|
||||||
|
<a href="/tools/vex4"
|
||||||
|
><img
|
||||||
|
src="/assets/imgs/vex4.jpg"
|
||||||
|
alt="vex4"
|
||||||
|
style="width: 100px;height: 100px;"
|
||||||
|
/></a>
|
||||||
|
|
||||||
<a href="/tools/mc-classic"><img src="/assets/imgs/minecraft.png" alt="minecraft" style="width: 100px;height: 100px;"></a>
|
<a href="/tools/vex5"
|
||||||
|
><img
|
||||||
|
src="/assets/imgs/Vex5.jpg"
|
||||||
|
alt="vex5"
|
||||||
|
style="width: 100px;height: 100px;"
|
||||||
|
/></a>
|
||||||
|
|
||||||
<a href="/tools/geometry"><img src="/assets/imgs/Geometry_Dash_Logo.png" alt="Geometry Dash" style="width: 100px;height: 100px;"></a>
|
<a href="/tools/flash/?swf=ducklife3.swf"
|
||||||
|
><img
|
||||||
|
src="/assets/imgs/ducklife3.jpg"
|
||||||
|
alt="ducklife3"
|
||||||
|
style="width: 100px;height: 100px;"
|
||||||
|
/></a>
|
||||||
|
|
||||||
<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>
|
<a href="/tools/flash/?swf=theimpossiblequiz.swf"
|
||||||
|
><img
|
||||||
|
src="/assets/imgs/quiz.jpg"
|
||||||
|
alt="theimpossiblequiz"
|
||||||
|
style="width: 100px;height: 100px;"
|
||||||
|
/></a>
|
||||||
|
|
||||||
<a href="/tools/dinosaur"><img src="/assets/imgs/Dinosaur.png" alt="Dinosaur Game" style="width: 100px;height: 100px;"></a>
|
<a href="/tools/flash/?swf=theimpossiblequiz2.swf"
|
||||||
|
><img
|
||||||
|
src="/assets/imgs/quiz2.jpg"
|
||||||
|
alt="theimpossiblequiz2"
|
||||||
|
style="width: 100px;height: 100px;"
|
||||||
|
/></a>
|
||||||
|
|
||||||
<a href="/tools/vex3"><img src="/assets/imgs/vex3.jpg" alt="vex3" style="width: 100px;height: 100px;"></a>
|
<a href="/tools/flash/?swf=ducklife2.swf"
|
||||||
<br>
|
><img
|
||||||
|
src="/assets/imgs/ducklife2.jpg"
|
||||||
|
alt="ducklife2"
|
||||||
|
style="width: 100px;height:100px"
|
||||||
|
/></a>
|
||||||
|
|
||||||
<a href="/tools/vex4"><img src="/assets/imgs/vex4.jpg" alt="vex4" style="width: 100px;height: 100px;"></a>
|
|
||||||
|
|
||||||
<a href="/tools/vex5"><img src="/assets/imgs/Vex5.jpg" alt="vex5" style="width: 100px;height: 100px;"></a>
|
|
||||||
|
|
||||||
<a href="/tools/flash/?swf=ducklife3.swf"><img src="/assets/imgs/ducklife3.jpg" alt="ducklife3" style="width: 100px;height: 100px;"></a>
|
|
||||||
|
|
||||||
<a href="/tools/flash/?swf=theimpossiblequiz.swf"><img src="/assets/imgs/quiz.jpg" alt="theimpossiblequiz" style="width: 100px;height: 100px;"></a>
|
|
||||||
|
|
||||||
<a href="/tools/flash/?swf=theimpossiblequiz2.swf"><img src="/assets/imgs/quiz2.jpg" alt="theimpossiblequiz2" style="width: 100px;height: 100px;"></a>
|
|
||||||
|
|
||||||
<a href="/tools/flash/?swf=ducklife2.swf"><img src="/assets/imgs/ducklife2.jpg" alt="ducklife2" style="width: 100px;height:100px"></a>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
93049
tools/btd4/game.js
93049
tools/btd4/game.js
File diff suppressed because one or more lines are too long
@ -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%;
|
||||||
|
@ -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",
|
||||||
|
function (e) {
|
||||||
|
alert("WebGL context lost. You will need to reload the page.");
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
}, false);
|
},
|
||||||
|
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>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
File diff suppressed because one or more lines are too long
55
wip.html
55
wip.html
@ -2,20 +2,41 @@
|
|||||||
<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"
|
||||||
|
sizes="16x16"
|
||||||
|
href="/assets/Favicons/Base_Favicon/favicon-16x16.png"
|
||||||
|
/>
|
||||||
|
<link
|
||||||
|
rel="manifest"
|
||||||
|
href="/assets/Favicons/Base_Favicon/site.webmanifest"
|
||||||
|
/>
|
||||||
|
<link
|
||||||
|
rel="mask-icon"
|
||||||
|
href="/assets/Favicons/Base_Favicon/safari-pinned-tab.svg"
|
||||||
|
color="#5bbad5"
|
||||||
|
/>
|
||||||
|
<meta name="msapplication-TileColor" content="#da532c" />
|
||||||
|
<meta name="theme-color" content="#ff0000" />
|
||||||
|
<link rel="stylesheet" href="/assets/styles/titillium_web_font.css" />
|
||||||
|
<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>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="bg"></div>
|
<div class="bg"></div>
|
||||||
@ -25,9 +46,9 @@
|
|||||||
<li><a href="/blog.html">Blog</a></li>
|
<li><a href="/blog.html">Blog</a></li>
|
||||||
<li><a class="active" href="/wip.html">WIP</a></li>
|
<li><a class="active" href="/wip.html">WIP</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
<br>
|
<br />
|
||||||
<br>
|
<br />
|
||||||
<br>
|
<br />
|
||||||
<h1>WIP</h1>
|
<h1>WIP</h1>
|
||||||
<p>This page is going to be worked on eventually.</p>
|
<p>This page is going to be worked on eventually.</p>
|
||||||
</body>
|
</body>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user