mirror of
https://github.com/hnasheralneam/hnasheralneam.github.io.git
synced 2024-11-07 08:05:54 -05:00
118 lines
7.3 KiB
HTML
118 lines
7.3 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 Editor Rust</title>
|
|
</head>
|
|
<body>
|
|
<!-- Meet me -->
|
|
<div class="landing" id="meet">
|
|
<div class="text">
|
|
<br>
|
|
<h1 class="hi">
|
|
Hi! I'm Editor Rust!
|
|
</h1>
|
|
<br><br>
|
|
<p class="about-me">I'm a web developer and designer, actually a student. I know HTML, CSS, JavaScript, Node, and Electron, and am currently in the process of learing Vue. I know a bit of Python. I like SVGs and Linux. You can see my GitHub account <a class="hover-link" href="https://github.com/editorrust">here</a>. 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>email me at editorrust@gmail.com</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/editorrust/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://goldrush.cyclic.app">here</a>, or check ou the GitHub repository <a href="https://github.com/editorrust/gold-rush">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>
|
|
|
|
<!-- 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/editorrust/digit">digit on GitHub</a>
|
|
<br><a href="https://github.com/editorrust/glish-translate">Glish Translate on GitHub</a>
|
|
<br><a href="https://github.com/editorrust/style">Style on GitHub</a> <a href="https://editorrust.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/editorrust"><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:editorrust@gmail.com?subject=feedback">editorrust@gmail.com</a>, <a href="mailto:hamza.elabi1@gmail.com?subject=feedback">hamza.elabi1@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://editorrust.github.io/vegetable-dash/">Check this out!</a></li>
|
|
<li class="menu-links"><a href="https://editorrust.github.io/gold-rush/">And this!</a></li>
|
|
<li>You won't regret it!</li>
|
|
<li>Probably.</li>
|
|
</div>
|
|
</html>
|