mirror of
https://github.com/hnasheralneam/hnasheralneam.github.io.git
synced 2024-11-06 15:45:54 -05:00
166 lines
10 KiB
HTML
166 lines
10 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" defer></script>
|
|
<link rel="stylesheet" href="styles.css">
|
|
<title>Meet Squirrel</title>
|
|
</head>
|
|
<body>
|
|
<!-- Meet Squirrel -->
|
|
<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 work for Squirrel Enterprise as CEO, CTO, developer, designer, and one of the only two employees. 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. I know a bit of Python. I like SVGs and Linux and you should not have come here. 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 easier for me to see. <b>If you would like to use my services, do it through Squirrel Enterprises - there is a 98% chance I will complete the work.</b>(Did you notice the font?)</p>
|
|
</div>
|
|
<div class="next" id="next" onclick="next()">
|
|
<span class="arrow">⟶</span>
|
|
</div>
|
|
<ul class="progress">
|
|
<li id="meetIndicator" onclick="ind('meet')"></li>
|
|
<li id="vegetable-dashIndicator" onclick="ind('vegetable-dash')"></li>
|
|
<li id="gold-rushIndicator" onclick="ind('gold-rush')"></li>
|
|
<li id="coming-soonIndicator" onclick="ind('coming-soon')"></li>
|
|
</ul>
|
|
</div>
|
|
<!-- Vegetable Dash -->
|
|
<div class="block" id="vegetable-dash">
|
|
<div class="last" id="back" onclick="last()">
|
|
<span class="arrow">⟵</span>
|
|
</div>
|
|
<div class="text">
|
|
<br>
|
|
<h1 class="meet-vegetable">
|
|
<ul class="smokey">
|
|
<li>V</li><li>e</li><li>g</li><li>e</li><li>t</li><li>a</li><li>b</li><li>l</li><li>e</li><li class="space"></li><li>D</li><li>a</li><li>s</li><li>h</li><li>!</li>
|
|
</ul>
|
|
</h1>
|
|
<p class="about-vegetable" onmouseover="window.open('https://vegetable-dash-beta.herokuapp.com/', '_blank');">My newest and greatest JavaScript browser game! With all the high quality images you could ever wish for, this game is simply fabulous! I recommend you try it! No, I insist you try it! Y'know what, I'm sending you there anyway! You can play the game <a href="https://vegetable-dash.herokuapp.com/">here</a>, the beta version <a href="https://vegetable-dash-beta.herokuapp.com/">here</a>, or visit the GitHub repository <a href="https://github.com/squirrel-314/vegetable-dash">here</a>!</p>
|
|
</div>
|
|
</div>
|
|
<!-- Gold Rush -->
|
|
<div class="block" id="gold-rush">
|
|
<div class="text">
|
|
<br>
|
|
<h1>Gold Rush!</h1>
|
|
<p class="about-gold gold-text">A simple-but-promising incremental game, made with JavaScript. This was my first game, and recently had a complete redo, with many new features which you will have to find out about yourself! You can play it <a href="https://squirrel-314.github.io">here</a>, or check ou the GitHub repository <a href="https://github.com/Squirrel-314/squirrel-314.github.io">here</a>, and if you use Linux, you can download the 0.9 version app <a href="download-gold-rush.html">here</a>!</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Glish Translator
|
|
<div class="block" id="glish-translate">
|
|
<div class="text">
|
|
<br>
|
|
<h1>Glish Translate</h1>
|
|
<p class="about-glish">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. You can find the GitHub repository <a href="https://github.com/Squirrel-314/glish-translate">here</a>.</p>
|
|
</div>
|
|
</div> -->
|
|
|
|
<!-- Incremental
|
|
<div class="block" id="incremental">
|
|
<div class="text">
|
|
<br>
|
|
<h1>Incremental</h1>
|
|
<p class="incremental-text">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 prefer you changed the theme or link this site. You can find the GitHub repository <a href="https://github.com/Squirrel-314/incremental">here</a>.</p>
|
|
</div>
|
|
</div> -->
|
|
|
|
<!-- Style
|
|
<div class="block" id="style">
|
|
<div class="text">
|
|
<br>
|
|
<h1>Style</h1>
|
|
<p class="style-text">Here we do things in <strong>style!</strong> Check out the nice CSS effects and apply them to your own websites! You can find the GitHub repository <a href="https://github.com/Squirrel-314/style">here</a>, or visit the site <a href="https://squirrel-314.github.io/style/">here</a>.</p>
|
|
</div>
|
|
</div> -->
|
|
|
|
<!-- Hillside Township
|
|
<div class="block" id="hillside-township">
|
|
<div class="text">
|
|
<br>
|
|
<h1>Hillside Township</h1>
|
|
<p class="hillside-text">Here we do things in <strong>style!</strong> Check out the nice CSS effects and apply them to your own websites! You can find the GitHub repository <a href="https://github.com/Squirrel-314/style">here</a>, or visit the site <a href="https://squirrel-314.github.io/style/">here</a>.</p>
|
|
</div>
|
|
</div> -->
|
|
|
|
<!-- The Schoolarly Bay
|
|
<div class="block" id="schoolarly-bay">
|
|
<div class="text">
|
|
<br>
|
|
<h1>The Schoolarly Bay</h1>
|
|
<p class="schoolarly-text">Here we do things in <strong>style!</strong> Check out the nice CSS effects and apply them to your own websites! You can find the GitHub repository <a href="https://github.com/Squirrel-314/style">here</a>, or visit the site <a href="https://squirrel-314.github.io/style/">here</a>.</p>
|
|
</div>
|
|
</div> -->
|
|
|
|
<!-- Coming Soon -->
|
|
<div class="block" id="coming-soon">
|
|
<div class="text">
|
|
<br><br>
|
|
<h1>
|
|
<ul class="coming">
|
|
<li>C</li>
|
|
<li>O</li>
|
|
<li>M</li>
|
|
<li>I</li>
|
|
<li>N</li>
|
|
<li>G</li>
|
|
<li class="space"></li>
|
|
<li>S</li>
|
|
<li>O</li>
|
|
<li>O</li>
|
|
<li>N</li>
|
|
<li>!</li>
|
|
</ul>
|
|
</h1>
|
|
<br><br>
|
|
<h2>While you are waiting, check out these sites!</h2>
|
|
<br><a href="https://github.com/Squirrel-314/numtoword">numtoword on GitHub</a>
|
|
<br><a href="https://github.com/Squirrel-314/glish-translate">Glish Translate on GitHub</a>
|
|
<br><a href="https://github.com/Squirrel-314/incremental">Incremental on GitHub</a>
|
|
<br><a href="https://github.com/Squirrel-314/style">Style on GitHub</a> <a href="https://squirrel-314.github.io/style/">Style</a>
|
|
<br><a href="https://github.com/hillside-township/hillside-township.github.io">Hillside Township on GitHub</a> <a href="https://hillside-township.github.io">Hillside</a>
|
|
<br><a href="https://github.com/schoolarlybay/schoolarlybay.github.io">The Schoolarly Bay on GitHub</a> <a href="https://schoolarlybay.github.io/">The Schoolarly Bay</a>
|
|
</div>
|
|
<div class="will-not-find-me-at">
|
|
<h1 class="find-me">You won't find me at</h1>
|
|
<hr class="hr">
|
|
<a class="nothing-link" href="https://www.reddit.com/"><i class="fab fa-reddit"></i></a>
|
|
<a class="nothing-link" href="https://www.twitch.tv/"><i class="fab fa-twitch"></i></a>
|
|
<a class="nothing-link" href="https://dribbble.com/"><i class="fab fa-dribbble"></i></a>
|
|
<a class="nothing-link" href="https://www.squarespace.com/"><i class="fab fa-squarespace"></i></a>
|
|
<a class="nothing-link" href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
|
|
<a class="nothing-link" href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a>
|
|
<a class="nothing-link" href="https://twitter.com/"><i class="fab fa-twitter"></i></a>
|
|
<a class="nothing-link" href="https://www.youtube.com/"><i class="fab fa-youtube"></i></a>
|
|
<a class="nothing-link" href="https://www.instagram.com/"><i class="fab fa-instagram"></i></a>
|
|
<a class="nothing-link" href="https://medium.com/"><i class="fab fa-medium"></i></a>
|
|
<hr class="hr-2">
|
|
<h1 class="find-me">You will find me at</h1>
|
|
<hr class="hr">
|
|
<a class="nothing-link" href="https://github.com/Squirrel-314"><i class="fab fa-github"></i></a>
|
|
<a class="nothing-link" href="https://stackoverflow.com/users/14818357/squirrel"><i class="fab fa-stack-overflow"></i></a>
|
|
<a class="nothing-link" href="https://codepen.io/squirrel-314"><i class="fab fa-codepen"></i></a>
|
|
</div>
|
|
<div class="personal" style="text-align: center;">
|
|
<p>Emails | <a href="mailto:thehillsidetownship@gmail.com?subject=feedback">thehillsidetownship@gmail.com</a>, <a href="mailto:iloveplantsandfungi@gmail.com?subject=feedback">iloveplantsandfungi@gmail.com</a></p><br>
|
|
<p>Address | Oak forest, acorn path, that tree.</p><br>
|
|
<img title="I like rainbows" id="linux-rainbow" src="Images/linux.png" alt="">
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<div id="menu">
|
|
<li class="menu-links"><a href="https://squirrel-314.github.io/vegetable-dash/index.html">Check this out!</a></li>
|
|
<li class="menu-links"><a href="https://squirrel-314.github.io">And this!</a></li>
|
|
<li>You won't regret it!</li>
|
|
<li>Probably.</li>
|
|
<hr>
|
|
<li class="menu-links"><a href="https://github.com/Squirrel-Enterprise/squirrel-enterprise.github.io">GitHub</a></li>
|
|
</div>
|
|
</html>
|