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

hi

Browse source
This commit is contained in:
Squirrel-314 2020-12-01 18:21:50 -05:00
parent 58a4e70a91
commit 71fd137c7d
10 changed files with 63 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
Icons/cart.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 233 B

BIN
Icons/copyright.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 322 B

BIN
Icons/explore.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 275 B

BIN
Icons/explore2.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 335 B

BIN
Icons/help.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 323 B

BIN
Icons/home.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 180 B

BIN
Icons/store.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 172 B

15
index.html
View file

@ -6,15 +6,30 @@
<title>Meet Squirrel</title> <title>Meet Squirrel</title>
</head> </head>
<body> <body>
<nav>
<a href="javascript:void">Home</a>
<a href="javascript:void">Downloads</a>
<a href="#">Top</a>
</nav>
<div class="columns">
<div class="column-item">
</div>
<div class="column-item">
</div>
</div>
<div class="squirrel"> <div class="squirrel">
<h1>Hi! I'm Squirrel!</h1> <h1>Hi! I'm Squirrel!</h1>
<p>I am a web developer (Is there a minimum age to be qualified? Do you need to be at least working age or age of consent in your country?) and <strong>extremely</strong> unimportant person in general. I use Linux, and that is about the most intresting thing about me. But I have made some stuff! You can see my GitHub account <a href="https://github.com/Squirrel-314">here</a>, and check out all the organizations I am in alone. Like my repositories? Please put up issues for any mistakes, and if you have a suggestion, also make an issue. No, I didn't mean it that way, it's just eaisier for me to see.</p> <p>I am a web developer (Is there a minimum age to be qualified? Do you need to be at least working age or age of consent in your country?) and <strong>extremely</strong> unimportant person in general. I use Linux, and that is about the most intresting thing about me. But I have made some stuff! You can see my GitHub account <a href="https://github.com/Squirrel-314">here</a>, and check out all the organizations I am in alone. Like my repositories? Please put up issues for any mistakes, and if you have a suggestion, also make an issue. No, I didn't mean it that way, it's just eaisier for me to see.</p>
</div> </div>
<div class="project" id="gold-rush"> <div class="project" id="gold-rush">
<div class="content">
<h2>Gold Rush</h2> <h2>Gold Rush</h2>
<h4>A simple incremental game made with JavaScript</h4> <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>. You can find the GitHub repository <a href="https://github.com/Squirrel-314/squirrel-314.github.io">here</a>.</p> <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>. You can find the GitHub repository <a href="https://github.com/Squirrel-314/squirrel-314.github.io">here</a>.</p>
</div> </div>
</div>
<div class="project" id="incremental"> <div class="project" id="incremental">
<h2>Incremental</h2> <h2>Incremental</h2>
<h4>A simple incremental game template made with JavaScript, set up as a four lesson class. Please feel free to copy the code, but I'd rather you changed the theme.</h4> <h4>A simple incremental game template made with JavaScript, set up as a four lesson class. Please feel free to copy the code, but I'd rather you changed the theme.</h4>

0
main.js Normal file
View file

45
styles.css
View file

@ -0,0 +1,45 @@
body {
font-family: Helvetica;
background-color: whitesmoke;
padding: 30px 20px 20px 20px;
}
nav {
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: #262626;
display: flex;
justify-content: center;
align-items: center;
padding: 8px;
}
nav a {
color: #fff;
text-decoration: none;
margin: 8px;
}
#gold-rush {
height: 100vh;
background-color: #272727;
position: relative;
}
#gold-rush .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 0px;
visibility: collapse;
transition: all .2s;
}
#gold-rush:hover #gold-rush .content {
height: 100vh;
visibility: visible;
}