hnasheralneam/profile-site
1
0
Fork 0
mirror of https://github.com/hnasheralneam/hnasheralneam.github.io.git synced 2024-11-06 23:55:54 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

hi

Browse source
This commit is contained in:
Squirrel-314 2020-12-01 15:46:29 -05:00
parent e72171abe9
commit d8c9ee7f51
4 changed files with 87 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
Gold Rush Downloads/gold-rush_0.1.0_amd64.deb Normal file
View file

Binary file not shown.

72
download-gold-rush.css
View file

@ -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;
}
}

13
download-gold-rush.html
View file

@ -2,13 +2,18 @@
<html lang="en" dir="ltr"> <html lang="en" dir="ltr">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<link rel="stylesheet" href="/css/master.css"> <link rel="stylesheet" href="download-gold-rush.css">
<title>Download | Gold Rush</title> <title>Download | Gold Rush</title>
</head> </head>
<body> <body>
<nav>
<a href="#">Home</a>
</nav>
<h2>Like the game? Download our app!</h2> <h2>Like the game? Download our app!</h2>
<div class="download">Download for Linux</div> <div class="downloads">
<div class="download">Download for Windows</div> <a href="Gold Rush Downloads\gold-rush_0.1.0_amd64.deb" class="download">Download for Linux <br> v0.1</a>
<div class="download">Download for MacOS</div> <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> </body>
</html> </html>

6
index.html
View file

@ -2,9 +2,15 @@
<html lang="en" dir="ltr"> <html lang="en" dir="ltr">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<link rel="stylesheet" href="styles.css">
<title>Meet Squirrel</title> <title>Meet Squirrel</title>
</head> </head>
<body> <body>
<h1>Hi! I'm Squirrel!</h1> <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> </body>
</html> </html>