Add files via upload

This commit is contained in:
Games-From-Flash 2022-03-13 09:50:14 -04:00 committed by GitHub
parent 4f570bb752
commit 962e079338
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 100 additions and 8 deletions

View file

@ -7,11 +7,20 @@
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
</head> </head>
<body> <body>
<header>
<img class="logo" src="img/logo2.png" alt="logo">
<h1>Welcome to the Flash Games Archive.</h1>
<nav>
<ul class="nav__links">
<button style="margin-right: 20px;" onclick="window.location.href='index.html'";">Home</button>
<button onclick="window.location.href='info.html'";>Information</button>
</nav>
</header>
<center> <center>
<h1>Welcome to the Flash Games Archive.</h1>
<p>This is a quick website made using <a href="https://ruffle.rs">Ruffle</a> and GitHub. If you want the original repo to download the games, go to <a href="https://github.com/Games-From-Flash/swf">GitHub</a> and all of the SWF files should be there, along with all of the HTML files that I used to make this site.</p> <p>This is a quick website made using <a href="https://ruffle.rs">Ruffle</a> and GitHub. If you want the original repo to download the games, go to <a href="https://github.com/Games-From-Flash/swf">GitHub</a> and all of the SWF files should be there, along with all of the HTML files that I used to make this site.</p>
<p><a href="info.html">Information</a> <button onclick="window.location.href='achieveunlocked.html';">Achievement Unlocked</button>
<button style="background-color:#515357;color:#a0b4db;border-radius:5px"onclick="window.location.href='achieveunlocked.html';">Achievement Unlocked</button>
<button onclick="window.location.href='aow.html';">Age of War</button> <button onclick="window.location.href='aow.html';">Age of War</button>
<button onclick="window.location.href='btd.html';">Bloons TD</button> <button onclick="window.location.href='btd.html';">Bloons TD</button>
<button onclick="window.location.href='btd2.html';">Bloons TD 2</button> <button onclick="window.location.href='btd2.html';">Bloons TD 2</button>
@ -56,4 +65,4 @@
<button onclick="window.location.href='hardestgame.html';">The World's Hardest Game</button> <button onclick="window.location.href='hardestgame.html';">The World's Hardest Game</button>
</center> </center>
</body> </body>
</html> </html>

23
dev/info.html Normal file
View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html>
<link rel="shortcut icon" type="image/jpg" href="img/favicon.ico"/>
<head>
<title>Flash Games Archive</title>
<link href="https://fonts.googleapis.com/css2?family=Amaranth&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<img class="logo" src="img/logo2.png" alt="logo">
<h1>Welcome to the Flash Games Archive.</h1>
<nav>
<ul class="nav__links">
<button style="margin-right: 20px;" onclick="window.location.href='index.html'";">Home</button>
<button onclick="window.location.href='info.html'";>Information</button>
</nav>
</header>
<center>
<p>This is a quick website made using <a href="https://ruffle.rs">Ruffle</a> and GitHub. If you want the original repo to download the games, go to <a href="https://github.com/Games-From-Flash/swf">GitHub</a> and all of the SWF files should be there, along with all of the HTML files that I used to make this site.</p>
</center>
</body>
</html>

BIN
dev/logo2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 374 B

View file

@ -1,11 +1,71 @@
* {
font-family: 'Amaranth', sans-serif;
}
body { body {
background: #3e3f57 background: #3e3f57
} }
.paragraph { p {
font-family: 'Amaranth', sans-serif; color:#b5b7eb;
} }
.h1 { h1 {
font-family: 'Amaranth', sans-serif; position:relative;
left:80px;
color:#b5b7eb;
} }
button {
background-color: #515357;
color: #a0b4db;
border-radius: 5px;
padding: 3px 1%
}
a:link {
color:#a0b4db;
}
a:visited {
color:#b5b7eb;
}
header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 10%;
}
.logo {
cursor: pointer;
}
.nav__links {
list-style: none;
}
.nav__links button {
display: inline-block;
padding: 10px 10px;
}
.nav__links li a {
transition: all 0.3s ease 0s;
}
.nav__links li a:hover {
color:
}
.divider {
width:5px;
height:auto;
display:inline-block;
}
.divide {
margin-left:100px;
}