mirror of
https://github.com/hnasheralneam/hnasheralneam.github.io.git
synced 2024-11-07 08:05:54 -05:00
125 lines
7.5 KiB
HTML
125 lines
7.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" dir="ltr">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
|
|
<link rel="shortcut icon" href="Images/favicon.png" type="image/x-icon"/>
|
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css">
|
|
<script src="main.js" charset="utf-8"></script>
|
|
<link rel="stylesheet" href="styles.css">
|
|
<title>Meet Squirrel</title>
|
|
</head>
|
|
<body>
|
|
<div class="landing" id="meet">
|
|
<div class="text">
|
|
<br>
|
|
<h1 class="hi">
|
|
Hi! I'm Squirrel!
|
|
</h1>
|
|
<br><br>
|
|
<p class="about-me">I am not a web developer, but I do spend a lot of time programming. I like CSS transitions and I think everyone should use them. I know HTML, CSS, JavaScript, and Electron, and am currently in the process of learing React and Node. Linux is my faviorite OS (I use Kubuntu, looking into Deepin). You can see my GitHub account <a class="hover-link" 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 class="next" id="next1" onclick="page2()">
|
|
<span class="arrow">⟶</span>
|
|
</div>
|
|
</div>
|
|
<!-- Vegetable Dash -->
|
|
<div class="block" id="vegetable-dash">
|
|
<!-- <div class="last" id="last" onclick="page1()">
|
|
<span class="arrow">⟵</span>
|
|
</div> -->
|
|
<!--<div class="next" id="next2" onclick="part3()">
|
|
<span class="arrow">⟶</span>
|
|
</div> -->
|
|
</div>
|
|
|
|
|
|
|
|
<!--
|
|
<div class="project" id="vegetable-dash">
|
|
<br>
|
|
<img class="display-image-light" src="Images/cheese.png" alt="">
|
|
<h2>Vegetable Dash!</h2>
|
|
<h4>My all new farming game! Uses JavaScript, and plenty of high quality MS Paint images! Plant and harvest various vegetables, while discovering new ones! Trade with merchants in the market! (Feature on its way)</h4>
|
|
<p>You can play it <a href="https://squirrel-314.github.io/vegetable-dash/Game/index.html">here</a>, and you can find the GitHub repository <a href="https://github.com/Squirrel-314/vegetable-dash">here</a>.</p>
|
|
</div>
|
|
<div class="project" id="glish-translate">
|
|
<br>
|
|
<img class="display-image-dark" src="Images/cheese.png" alt="">
|
|
<h2>Glish Translate</h2>
|
|
<h4>Have you ever had trouble with all of that slang and inelegible texting abbrevations? I certiantly have, but I feel I may be alone in this. Anyway, this Chrome extension is a dictonary that translates glish, more commonly know as text language.</h4>
|
|
<p>You can find the GitHub repository <a href="https://github.com/Squirrel-314/glish-translate">here</a>.</p>
|
|
</div>
|
|
<div class="project" id="gold-rush">
|
|
<div class="content">
|
|
<br>
|
|
<img class="display-image-light" id="gold-rush-icon" src="Images/gold-rush-icon.png" alt="">
|
|
<h2>Gold Rush</h2>
|
|
<h4>My first game, 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>
|
|
</div>
|
|
</div>
|
|
<div class="project" id="incremental">
|
|
<br>
|
|
<img class="display-image-dark" src="Images/cheese.png" alt="">
|
|
<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>
|
|
<p>You can find the GitHub repository <a href="https://github.com/Squirrel-314/incremental">here</a>.</p>
|
|
</div>
|
|
<div class="project" id="style">
|
|
<br>
|
|
<img class="display-image-light" src="Images/style.png" alt="">
|
|
<h2>Style</h2>
|
|
<h4>Here we do things in <strong>style!</strong> Check out the nice CSS effects and apply them to your own websites!</h4>
|
|
<p>You can find the GitHub repository <a href="https://github.com/Squirrel-314/style">here</a>.</p>
|
|
</div>
|
|
<div class="project" id="hillside">
|
|
<br>
|
|
<img class="display-image-dark" src="Images/lamp-post.png" alt="">
|
|
<h2>Hillside Township</h2>
|
|
<h4>Ours homes all have a place in our heart-and sometimes on the web! I'D LIKE TO MAKE IT ABSOLUTLY CLEAR THIS IS NOT THE NEW JERSEY HILLSIDE TOWNSHIP THIS ONE IS BETTER AND HAS A BETTER FAVICON. Now that I've made that clear, my <a href="https://github.com/PusheenMaster5">friend</a> and I made a website for our town.</h4>
|
|
<p>You can find the GitHub repository <a href="https://github.com/hillside-township/hillside-township.github.io">here</a>.</p>
|
|
</div>
|
|
<div class="project" id="schoolarly-bay">
|
|
<br>
|
|
<img class="display-image-light" src="Images/library-1.png" alt="">
|
|
<img class="display-image-light" src="Images/library-2.png" alt="">
|
|
<img class="display-image-light" src="Images/library-3.png" alt="">
|
|
<h2>The Schoolarly Bay</h2>
|
|
<h4>Scientific research papers! Publish research papers, read research papers, get paper cuts on research papers! Research papers for all!</h4>
|
|
<p>You can find the GitHub repository <a href="https://github.com/Squirrel-314/style">here</a>.</p>
|
|
</div>
|
|
<div id="personal">
|
|
<p>You won't find me at</p><br>
|
|
<hr>
|
|
<div class="find-me">
|
|
<a href="javascript:void"><i class="fab fa-reddit"></i></a>
|
|
<a href="javascript:void"><i class="fab fa-twitch"></i></a>
|
|
<a href="javascript:void"><i class="fab fa-dribbble"></i></a>
|
|
<a href="javascript:void"><i class="fab fa-squarespace"></i></a>
|
|
<a href="javascript:void"><i class="fab fa-linkedin-in"></i></a>
|
|
<a href="javascript:void"><i class="fab fa-facebook-f"></i></a>
|
|
<a href="javascript:void"><i class="fab fa-twitter"></i></a>
|
|
<a href="javascript:void"><i class="fab fa-youtube"></i></a>
|
|
<a href="javascript:void"><i class="fab fa-instagram"></i></a>
|
|
<a href="javascript:void"><i class="fab fa-medium"></i></a>
|
|
</div>
|
|
<p>You will find me at</p><br>
|
|
<hr>
|
|
<div class="find-me">
|
|
<a href="https://github.com/Squirrel-314"><i class="fab fa-github"></i></a>
|
|
<a href="https://stackoverflow.com/users/14818357/squirrel"><i class="fab fa-stack-overflow"></i></a>
|
|
<a href="https://codepen.io/squirrel-314"><i class="fab fa-codepen"></i></a>
|
|
</div>
|
|
<hr>
|
|
<i class="fab fa-linux"></i>
|
|
<p>Email | <a href="mailto:thehillsidetownship@gmail.com?subject=feedback">thehillsidetownship@gmail.com</a></p><br>
|
|
<p>Adress | Oak forest, acorn path, that tree.</p><br>
|
|
<p>Hillside Township | <a href="https://hillside-township.github.io/">https://hillside-township.github.io</a></p><br>
|
|
<img title="I like rainbows" id="linux-rainbow" src="Images/linux.png" alt="">
|
|
</div> -->
|
|
</body>
|
|
<footer>
|
|
|
|
</footer>
|
|
</html>
|