mirror of
https://github.com/hnasheralneam/hnasheralneam.github.io.git
synced 2024-11-07 08:05:54 -05:00
hi
This commit is contained in:
parent
e72171abe9
commit
d8c9ee7f51
4 changed files with 87 additions and 4 deletions
BIN
Gold Rush Downloads/gold-rush_0.1.0_amd64.deb
Normal file
BIN
Gold Rush Downloads/gold-rush_0.1.0_amd64.deb
Normal file
Binary file not shown.
|
@ -0,0 +1,72 @@
|
|||
body {
|
||||
height: 100vh;
|
||||
padding: 20px;
|
||||
background-image: linear-gradient(to bottom, lightyellow, lightblue);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
nav {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
background-color: #272727;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
nav a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: #262626;
|
||||
}
|
||||
|
||||
.downloads {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.download {
|
||||
height: 125px;
|
||||
width: 200px;
|
||||
margin: 15px;
|
||||
padding: 15px;
|
||||
border: outset 8px lightblue;
|
||||
border-radius: 8px;
|
||||
letter-spacing: 2px;
|
||||
line-height: 35px;
|
||||
text-decoration: none;
|
||||
color: #262626;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
animation: colors 8s infinite alternate;
|
||||
}
|
||||
|
||||
@keyframes colors {
|
||||
0% {
|
||||
background-color: red;
|
||||
}
|
||||
15% {
|
||||
background-color: orange;
|
||||
}
|
||||
30% {
|
||||
background-color: yellow;
|
||||
}
|
||||
45% {
|
||||
background-color: lightgreen;
|
||||
}
|
||||
60% {
|
||||
background-color: lightblue;
|
||||
}
|
||||
85% {
|
||||
background-color: purple;
|
||||
}
|
||||
85% {
|
||||
background-color: red;
|
||||
}
|
||||
}
|
|
@ -2,13 +2,18 @@
|
|||
<html lang="en" dir="ltr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="stylesheet" href="/css/master.css">
|
||||
<link rel="stylesheet" href="download-gold-rush.css">
|
||||
<title>Download | Gold Rush</title>
|
||||
</head>
|
||||
<body>
|
||||
<nav>
|
||||
<a href="#">Home</a>
|
||||
</nav>
|
||||
<h2>Like the game? Download our app!</h2>
|
||||
<div class="download">Download for Linux</div>
|
||||
<div class="download">Download for Windows</div>
|
||||
<div class="download">Download for MacOS</div>
|
||||
<div class="downloads">
|
||||
<a href="Gold Rush Downloads\gold-rush_0.1.0_amd64.deb" class="download">Download for Linux <br> v0.1</a>
|
||||
<a href="#" class="download">Download for Windows <br> v0.1 <br> Not available yet</a>
|
||||
<a href="#" class="download">Download for MacOS <br> v0.1 <br> Not available yet</a>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -2,9 +2,15 @@
|
|||
<html lang="en" dir="ltr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
<title>Meet Squirrel</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Hi! I'm Squirrel!</h1>
|
||||
<div class="project" id="gold-rush">
|
||||
<h2>Gold Rush</h2>
|
||||
<h4>A simple incremental game made with JavaScript</h4>
|
||||
<p>You can play it <a href="https://squirrel-314.github.io">here</a>, or download the app <a href="download-gold-rush.html">here</a>.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
Loading…
Reference in a new issue