added amp to most pages

This commit is contained in:
hexahigh 2022-12-13 14:53:03 +01:00
parent 1ed820fe7a
commit 0ffdebfff9
4 changed files with 223 additions and 14 deletions

View File

@ -1,13 +1,60 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<HTML amp lang="en">
<HTML>
<HEAD>
<LINK href="/style.css" rel="stylesheet" type="text/css">
<style amp-custom>
.floatRight{float:right;margin-left:20px}
#hp {
float: right;
margin: 0 0 0 15px;
}
h1 {
font-size: 2em;
}
#grad {
height: 200px;
background-image: linear-gradient(cyan, blue);
}
.back {
height: 100%;
width: 100%;
background: rgb(0,0,191);
background: linear-gradient(225deg, rgba(0,0,191,1) 35%, rgba(0,212,255,1) 100%);
}
.animated-back {
animation: animateBg 6s linear infinite;
background-image: linear-gradient(90deg,#00ffff,#0834e2,#00ffff,#0834e2);
background-size: 300% 100%;
}
@keyframes animateBg {
0% { background-position: 100% 0%; }
100% { background-position: 0% 0%; }
}
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: blue;
color: white;
text-align: center;
}
.donationcompact {
line-height: 1em;
}
</style>
<meta charset="UTF-8">
<link rel="icon" type="image/x-icon" href="favicon.png">
<title>Bad website</title>
<link rel="stylesheet" href="/style.css" Type="text/css" media="all">
<!-- <link rel="stylesheet" href="/style.css" Type="text/css" media="all"> -->
<script src="index.js"></script>
</HEAD>
<BODY class="animated-back">

View File

@ -1,11 +1,57 @@
<!DOCTYPE html>
<html lang="en" >
<LINK href="/style.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="/style.css" Type="text/css" media="all">
<title>Bad website</title>
<head>
<HTML amp lang="en">
<!-- <link rel="stylesheet" href="/style.css" Type="text/css" media="all"> -->
<HTML>
<HEAD>
<style amp-custom>
.floatRight{float:right;margin-left:20px}
#hp {
float: right;
margin: 0 0 0 15px;
}
h1 {
font-size: 2em;
}
#grad {
height: 200px;
background-image: linear-gradient(cyan, blue);
}
.back {
height: 100%;
width: 100%;
background: rgb(0,0,191);
background: linear-gradient(225deg, rgba(0,0,191,1) 35%, rgba(0,212,255,1) 100%);
}
.animated-back {
animation: animateBg 6s linear infinite;
background-image: linear-gradient(90deg,#00ffff,#0834e2,#00ffff,#0834e2);
background-size: 300% 100%;
}
@keyframes animateBg {
0% { background-position: 100% 0%; }
100% { background-position: 0% 0%; }
}
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: blue;
color: white;
text-align: center;
}
.donationcompact {
line-height: 1em;
}
</style>
<meta charset="UTF-8">
<link rel="icon" type="image/x-icon" href="/favicon.png">
<title>Bad website</title>

View File

@ -1,15 +1,65 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<HTML>
<HTML amp lang="en">
<HEAD>
<style amp-custom>
.floatRight{float:right;margin-left:20px}
#hp {
float: right;
margin: 0 0 0 15px;
}
h1 {
font-size: 2em;
}
#grad {
height: 200px;
background-image: linear-gradient(cyan, blue);
}
.back {
height: 100%;
width: 100%;
background: rgb(0,0,191);
background: linear-gradient(225deg, rgba(0,0,191,1) 35%, rgba(0,212,255,1) 100%);
}
.animated-back {
animation: animateBg 6s linear infinite;
background-image: linear-gradient(90deg,#00ffff,#0834e2,#00ffff,#0834e2);
background-size: 300% 100%;
}
@keyframes animateBg {
0% { background-position: 100% 0%; }
100% { background-position: 0% 0%; }
}
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: blue;
color: white;
text-align: center;
}
.donationcompact {
line-height: 1em;
}
</style>
<meta name="ahrefs-site-verification" content="dddc9587d8e6d98c3ad0e2b49cdba8522194cef2529d26a21dce6ddce57b1110">
<LINK href="style.css" rel="stylesheet" type="text/css">
<script async src="https://cdn.ampproject.org/v0.js"></script>
<meta charset="UTF-8">
<link rel="icon" type="image/x-icon" href="favicon.png">
<title>Bad website</title>
<link rel="stylesheet" href="style.css" Type="text/css" media="all">
<!-- <link rel="stylesheet" href="style.css" Type="text/css" media="all"> -->
<script src="index.js"></script>
<link rel="canonical" href="/index.html">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
</HEAD>
<BODY class="animated-back">
<!-- <img onclick="window.location.href='http://gg.gg/b0gamead2'" class="alignnone size-full wp-image-1303" class="floatRight" src="/files/img/ad.png" alt="" width="318.75" height="468.75" id="hp"/></div> -->

66
tools/index.html Normal file
View File

@ -0,0 +1,66 @@
<!DOCTYPE html>
<HTML amp lang="en">
<!-- <link rel="stylesheet" href="/style.css" Type="text/css" media="all"> -->
<HTML>
<HEAD>
<style amp-custom>
.floatRight{float:right;margin-left:20px}
#hp {
float: right;
margin: 0 0 0 15px;
}
h1 {
font-size: 2em;
}
#grad {
height: 200px;
background-image: linear-gradient(cyan, blue);
}
.back {
height: 100%;
width: 100%;
background: rgb(0,0,191);
background: linear-gradient(225deg, rgba(0,0,191,1) 35%, rgba(0,212,255,1) 100%);
}
.animated-back {
animation: animateBg 6s linear infinite;
background-image: linear-gradient(90deg,#00ffff,#0834e2,#00ffff,#0834e2);
background-size: 300% 100%;
}
@keyframes animateBg {
0% { background-position: 100% 0%; }
100% { background-position: 0% 0%; }
}
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: blue;
color: white;
text-align: center;
}
.donationcompact {
line-height: 1em;
}
</style>
<meta charset="UTF-8">
<link rel="icon" type="image/x-icon" href="/favicon.png">
<title>Bad website</title>
</HEAD>
<BODY class="animated-back">
<p><a href="/tools/XylkJweJ/">Calculator</a></p>
<p><a href="Btorrent/">Online torrent downloader/seeder</a></p>
<p><a href="Chat app/">Chat app made with scratch's cloud variable system</a></p>
<p><a href="/tools/Online nes emu/">Online nes emulator</a></p>
<BODY class="animated-back">
</BODY>
</HTML>