Formatting
This commit is contained in:
Lucas Kent
GitHub
parent
29cf285290
commit
fcd4e5b170
69
404.html
69
404.html
@ -1,29 +1,50 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/assets/Favicons/404_Favicon/apple-touch-icon.png">
|
||||
<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>
|
||||
<style>
|
||||
h1 {text-align: center;}
|
||||
p {text-align: center;}
|
||||
</style>
|
||||
</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>
|
||||
<head>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
sizes="180x180"
|
||||
href="/assets/Favicons/404_Favicon/apple-touch-icon.png"
|
||||
/>
|
||||
<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>
|
||||
<style>
|
||||
.center {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 50%;
|
||||
}
|
||||
h1 {text-align: center;}
|
||||
p {text-align: center;}
|
||||
</style>
|
||||
</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>
|
||||
@ -1,35 +1,67 @@
|
||||
body {
|
||||
background-color: #868686;
|
||||
margin: 0;
|
||||
overflow-x: hidden;
|
||||
background-color: #868686;
|
||||
margin: 0;
|
||||
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 {
|
||||
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;
|
||||
10% {
|
||||
transform: translate(-5%, -5%)
|
||||
}
|
||||
|
||||
@keyframes bg-animation {
|
||||
0% { transform: translate(0,0) }
|
||||
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 {
|
||||
padding: 30px;
|
||||
font-size: 40px;
|
||||
text-align: center;
|
||||
background: white;
|
||||
}
|
||||
/* Header/Blog Title */
|
||||
.header {
|
||||
padding: 30px;
|
||||
font-size: 40px;
|
||||
text-align: center;
|
||||
background: white;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: Arial;
|
||||
padding: px;
|
||||
background: #868686;
|
||||
}
|
||||
body {
|
||||
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%;
|
||||
}
|
||||
/* Create two unequal columns that floats next to each other */
|
||||
/* Left column */
|
||||
.leftcolumn {
|
||||
margin: auto;
|
||||
padding: 10px;
|
||||
float: left;
|
||||
width: 75%;
|
||||
}
|
||||
|
||||
/* Right column */
|
||||
/* 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 {
|
||||
float: left;
|
||||
width: 25%;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
/* Fake image */
|
||||
.fakeimg {
|
||||
background-color: #aaa;
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,5 +1,5 @@
|
||||
.broider {
|
||||
border-image: url("/assets/imgs/border.png") 28 / 28px / 0 round;
|
||||
border-width: 28px;
|
||||
border-style: solid;
|
||||
border-image: url("/assets/imgs/border.png") 28 / 28px / 0 round;
|
||||
border-width: 28px;
|
||||
border-style: solid;
|
||||
}
|
||||
@ -1,20 +1,22 @@
|
||||
.button {
|
||||
padding: 15px 25px;
|
||||
font-size: 24px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
color: #fff;
|
||||
background-color: #3c3c3c;
|
||||
border: none;
|
||||
border-radius: 15px;
|
||||
box-shadow: 0 9px #999;
|
||||
padding: 15px 25px;
|
||||
font-size: 24px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
color: #fff;
|
||||
background-color: #3c3c3c;
|
||||
border: none;
|
||||
border-radius: 15px;
|
||||
box-shadow: 0 9px #999;
|
||||
}
|
||||
|
||||
.button:hover {background-color: #000000}
|
||||
.button:hover {
|
||||
background-color: #000000
|
||||
}
|
||||
|
||||
.button:active {
|
||||
background-color: #000000;
|
||||
box-shadow: 0 5px #666;
|
||||
transform: translateY(4px);
|
||||
background-color: #000000;
|
||||
box-shadow: 0 5px #666;
|
||||
transform: translateY(4px);
|
||||
}
|
||||
@ -1,33 +1,34 @@
|
||||
ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background-color: hsl(0, 0%, 0%);
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background-color: hsl(0, 0%, 0%);
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
li {
|
||||
float: left;
|
||||
}
|
||||
li {
|
||||
float: left;
|
||||
}
|
||||
|
||||
li a {
|
||||
display: block;
|
||||
color: white;
|
||||
text-align: center;
|
||||
padding: 14px 16px;
|
||||
text-decoration: none;
|
||||
}
|
||||
li a {
|
||||
display: block;
|
||||
color: white;
|
||||
text-align: center;
|
||||
padding: 14px 16px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
li a:hover:not(.active) {
|
||||
background-color: hsl(241, 85%, 18%);
|
||||
}
|
||||
li a:hover:not(.active) {
|
||||
background-color: hsl(241, 85%, 18%);
|
||||
}
|
||||
|
||||
.active {
|
||||
background-color: hsl(244, 100%, 52%);
|
||||
}
|
||||
body{
|
||||
margin: 0px;
|
||||
}
|
||||
.active {
|
||||
background-color: hsl(244, 100%, 52%);
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0px;
|
||||
}
|
||||
@ -1,7 +1,8 @@
|
||||
.noscroll::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.noscroll {
|
||||
-ms-overflow-style: none;
|
||||
scrollbar-width: none;
|
||||
}
|
||||
}
|
||||
@ -1,22 +1,22 @@
|
||||
|
||||
@font-face {
|
||||
font-family: 'titillium_webextralight';
|
||||
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-style: bold;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'titillium_webbold';
|
||||
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');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
@font-face {
|
||||
font-family: 'titillium_webbold';
|
||||
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');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
|
||||
}
|
||||
p {
|
||||
}
|
||||
|
||||
p {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-weight:normal;
|
||||
font-style:normal;
|
||||
}
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
129
blog.html
129
blog.html
@ -1,59 +1,86 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Blog</title>
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/assets/Favicons/Base_Favicon/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/assets/Favicons/Base_Favicon/favicon-32x32.png">
|
||||
<link rel="icon" 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>
|
||||
<body>
|
||||
<div class="bg"></div>
|
||||
<ul>
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a href="/sitemap.html">Sitemap</a></li>
|
||||
<li><a class="active" href="/blog.html">Blog</a></li>
|
||||
<li><a href="/wip.html">WIP</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
<body>
|
||||
<div class="header">
|
||||
<h2>Blog I guess</h2>
|
||||
</div>
|
||||
<head>
|
||||
<title>Blog</title>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
sizes="180x180"
|
||||
href="/assets/Favicons/Base_Favicon/apple-touch-icon.png"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
sizes="32x32"
|
||||
href="/assets/Favicons/Base_Favicon/favicon-32x32.png"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
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>
|
||||
<body>
|
||||
<div class="bg"></div>
|
||||
<ul>
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a href="/sitemap.html">Sitemap</a></li>
|
||||
<li><a class="active" href="/blog.html">Blog</a></li>
|
||||
<li><a href="/wip.html">WIP</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
<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>
|
||||
<p>This Blog will have update notes and other things.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="rightcolumn">
|
||||
<div class="card">
|
||||
<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 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>
|
||||
<p>This Blog will have update notes and other things.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<h2>No Footer Yet</h2>
|
||||
<div class="rightcolumn">
|
||||
<div class="card">
|
||||
<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>
|
||||
</body>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<h2>No Footer Yet</h2>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
93
index.html
93
index.html
@ -1,36 +1,63 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="noscroll">
|
||||
<head>
|
||||
<Title>Home</Title>
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/assets/Favicons/Base_Favicon/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/assets/Favicons/Base_Favicon/favicon-32x32.png">
|
||||
<link rel="icon" 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">
|
||||
<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>
|
||||
|
||||
<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>
|
||||
</body>
|
||||
<head>
|
||||
<title>Home</title>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
sizes="180x180"
|
||||
href="/assets/Favicons/Base_Favicon/apple-touch-icon.png"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
sizes="32x32"
|
||||
href="/assets/Favicons/Base_Favicon/favicon-32x32.png"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
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" />
|
||||
<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 />
|
||||
|
||||
<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>
|
||||
</body>
|
||||
</html>
|
||||
249
sitemap.html
249
sitemap.html
@ -1,77 +1,178 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="noscroll">
|
||||
<head>
|
||||
<title>Sitemap</title>
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/assets/Favicons/Base_Favicon/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/assets/Favicons/Base_Favicon/favicon-32x32.png">
|
||||
<link rel="icon" 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>
|
||||
<body>
|
||||
<div class="bg"></div>
|
||||
<ul>
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a class="active" 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>
|
||||
<p style="text-align: center;">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/sm64"><img src="/assets/imgs/sm64.jpg" alt="sm64" 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/geometry"><img src="/assets/imgs/Geometry_Dash_Logo.png" alt="Geometry Dash" 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/dinosaur"><img src="/assets/imgs/Dinosaur.png" alt="Dinosaur Game" 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/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>
|
||||
<head>
|
||||
<title>Sitemap</title>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
sizes="180x180"
|
||||
href="/assets/Favicons/Base_Favicon/apple-touch-icon.png"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
sizes="32x32"
|
||||
href="/assets/Favicons/Base_Favicon/favicon-32x32.png"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
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>
|
||||
<body>
|
||||
<div class="bg"></div>
|
||||
<ul>
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a class="active" 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 />
|
||||
<p style="text-align: center;">
|
||||
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/sm64"
|
||||
><img
|
||||
src="/assets/imgs/sm64.jpg"
|
||||
alt="sm64"
|
||||
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/geometry"
|
||||
><img
|
||||
src="/assets/imgs/Geometry_Dash_Logo.png"
|
||||
alt="Geometry Dash"
|
||||
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/dinosaur"
|
||||
><img
|
||||
src="/assets/imgs/Dinosaur.png"
|
||||
alt="Dinosaur Game"
|
||||
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/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>
|
||||
</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>
|
||||
<style>
|
||||
html,body { margin: 0; padding: 0; height: 100%; overflow: hidden; }
|
||||
#openfl-content {}
|
||||
|
||||
canvas {
|
||||
max-width:100%;
|
||||
|
||||
@ -1,9 +1,8 @@
|
||||
|
||||
<!doctype html>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-us">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>Super Mario 64</title>
|
||||
<style>
|
||||
body, html{
|
||||
@ -36,40 +35,40 @@
|
||||
<div id="container">
|
||||
<canvas class="emscripten" id="canvas"></canvas>
|
||||
</div>
|
||||
<script type='text/javascript'>
|
||||
<script type="text/javascript">
|
||||
var Module = {
|
||||
preRun: [],
|
||||
postRun: [],
|
||||
print: (function() {
|
||||
return function(text) {
|
||||
if (arguments.length > 1) text = Array.prototype.slice.call(arguments).join(' ');
|
||||
print: (function () {
|
||||
return function (text) {
|
||||
if (arguments.length > 1)
|
||||
text = Array.prototype.slice.call(arguments).join(" ");
|
||||
console.log(text);
|
||||
};
|
||||
})(),
|
||||
printErr: function(text) {
|
||||
printErr: function (text) {
|
||||
if (arguments.length > 1)
|
||||
text = Array.prototype.slice.call(arguments).join(' ');
|
||||
text = Array.prototype.slice.call(arguments).join(" ");
|
||||
console.error(text);
|
||||
},
|
||||
canvas: (function() {
|
||||
var canvas = document.getElementById('canvas');
|
||||
canvas: (function () {
|
||||
var canvas = document.getElementById("canvas");
|
||||
canvas.width = window.innerWidth; // Todo: how to do this from c++
|
||||
canvas.height = window.innerHeight;
|
||||
canvas.addEventListener("webglcontextlost", function(e) {
|
||||
alert('WebGL context lost. You will need to reload the page.');
|
||||
e.preventDefault();
|
||||
}, false);
|
||||
canvas.addEventListener(
|
||||
"webglcontextlost",
|
||||
function (e) {
|
||||
alert("WebGL context lost. You will need to reload the page.");
|
||||
e.preventDefault();
|
||||
},
|
||||
false
|
||||
);
|
||||
return canvas;
|
||||
})(),
|
||||
setStatus: function(text) {
|
||||
}
|
||||
setStatus: function (text) {},
|
||||
};
|
||||
</script>
|
||||
<script async type="text/javascript" src="sm64.us.f3dex2e.js"></script>
|
||||
<script>
|
||||
</script>
|
||||
<script></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
|
||||
File diff suppressed because one or more lines are too long
83
wip.html
83
wip.html
@ -1,34 +1,55 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>WIP</title>
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/assets/Favicons/Base_Favicon/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/assets/Favicons/Base_Favicon/favicon-32x32.png">
|
||||
<link rel="icon" 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>
|
||||
<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>
|
||||
<head>
|
||||
<title>WIP</title>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
sizes="180x180"
|
||||
href="/assets/Favicons/Base_Favicon/apple-touch-icon.png"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
sizes="32x32"
|
||||
href="/assets/Favicons/Base_Favicon/favicon-32x32.png"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
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>
|
||||
<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>
|
||||
Loading…
x
Reference in New Issue
Block a user