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

165 lines
8.7 KiB
HTML
Raw Normal View History

hi
2020-12-01 15:10:26 -05:00
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
Changes Major!
2021-01-13 17:02:16 -05:00
<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&amp;display=swap" rel="stylesheet">
hi
2020-12-03 08:43:17 -05:00
<link rel="shortcut icon" href="Images/favicon.png" type="image/x-icon"/>
hi
2020-12-02 18:19:16 -05:00
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css">
Back Button!
2021-01-14 17:46:52 -05:00
<script src="main.js" charset="utf-8" defer></script>
hi
2020-12-01 15:46:29 -05:00
<link rel="stylesheet" href="styles.css">
hi
2020-12-01 15:10:26 -05:00
<title>Meet Squirrel</title>
</head>
<body>
Still Working on Second Page!
2021-01-14 14:40:08 -05:00
<div class="landing" id="meet">
Changes Major!
2021-01-13 17:02:16 -05:00
<div class="text">
<br>
<h1 class="hi">
Hi! I'm Squirrel!
</h1>
<br><br>
Coming Soon Effect!
2021-01-16 16:58:53 -05:00
<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 easier for me to see.</p>
Changes Major!
2021-01-13 17:02:16 -05:00
</div>
Finally got the back and forward buttons to work! (else if)
2021-01-15 12:55:14 -05:00
<div class="next" id="next" onclick="next()">
Changes Major!
2021-01-13 17:02:16 -05:00
<span class="arrow">&#10230;</span>
</div>
Page indicator, second page done!
2021-01-15 14:09:56 -05:00
<ul class="progress">
Indicator hover and click to page!
2021-01-15 14:52:34 -05:00
<li id="meetIndicator" onclick="ind('meet')"></li>
<li id="vegetable-dashIndicator" onclick="ind('vegetable-dash')"></li>
Coming Soon Effect!
2021-01-16 16:58:53 -05:00
<li id="gold-rushIndicator" onclick="ind('gold-rush')"></li>
Indicator hover and click to page!
2021-01-15 14:52:34 -05:00
<li id="coming-soonIndicator" onclick="ind('coming-soon')"></li>
Page indicator, second page done!
2021-01-15 14:09:56 -05:00
</ul>
Changes Major!
2021-01-13 17:02:16 -05:00
</div>
Working on Second Page.
2021-01-14 07:30:54 -05:00
<!-- Vegetable Dash -->
more Things!
2021-01-13 19:13:19 -05:00
<div class="block" id="vegetable-dash">
Back Button!
2021-01-14 17:46:52 -05:00
<div class="last" id="back" onclick="last()">
Working on Second Page.
2021-01-14 07:30:54 -05:00
<span class="arrow">&#10229;</span>
Back Button!
2021-01-14 17:46:52 -05:00
</div>
Actually Fixed Buttons!
2021-01-14 18:08:14 -05:00
<div class="text">
<br>
<!-- Use diffrent animation for head -->
Page indicator, second page done!
2021-01-15 14:09:56 -05:00
<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>
Working on it!
2021-01-14 20:11:21 -05:00
<p class="about-vegetable">My newest and greatest JavaScript browser game! With all the high quality MS Paint images you could ever wish for, this game is simply fabulous! You can play the game <a href="https://squirrel-314.github.io/vegetable-dash">here</a>, or visit the GitHub repository <a href="https://github.com/squirrel-314/vegetable-dash">here</a>!</p>
Actually Fixed Buttons!
2021-01-14 18:08:14 -05:00
</div>
</div>
Coming Soon Effect!
2021-01-16 16:58:53 -05:00
<div class="block" id="gold-rush">
<div class="text">
<br>
<h1>Gold Rush!</h1>
<p class="about-gold">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>
Actually Fixed Buttons!
2021-01-14 18:08:14 -05:00
<div class="block" id="coming-soon">
<div class="text">
<br><br>
Coming Soon Effect!
2021-01-16 16:58:53 -05:00
<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>
Actually Fixed Buttons!
2021-01-14 18:08:14 -05:00
</div>
Changes Major!
2021-01-13 17:02:16 -05:00
</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>
Update index.html
2020-12-01 16:24:46 -05:00
</div>
<div class="project" id="incremental">
hi
2020-12-02 10:59:03 -05:00
<br>
hi
2020-12-02 12:17:29 -05:00
<img class="display-image-dark" src="Images/cheese.png" alt="">
Update index.html
2020-12-01 16:24:46 -05:00
<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">
hi
2020-12-02 10:59:03 -05:00
<br>
hi
2020-12-02 12:17:29 -05:00
<img class="display-image-light" src="Images/style.png" alt="">
Update index.html
2020-12-01 16:24:46 -05:00
<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>
Update index.html
2020-12-01 16:37:14 -05:00
<div class="project" id="hillside">
hi
2020-12-02 10:59:03 -05:00
<br>
hi
2020-12-02 12:17:29 -05:00
<img class="display-image-dark" src="Images/lamp-post.png" alt="">
Update index.html
2020-12-01 16:37:14 -05:00
<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">
hi
2020-12-02 10:59:03 -05:00
<br>
hi
2020-12-02 12:17:29 -05:00
<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="">
Update index.html
2020-12-01 16:37:14 -05:00
<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>
hi
2020-12-02 10:59:03 -05:00
<div id="personal">
hi
2020-12-02 18:19:16 -05:00
<p>You won't find me at</p><br>
<hr>
<div class="find-me">
Update index.html
2020-12-03 11:29:50 -05:00
<a href="javascript:void"><i class="fab fa-reddit"></i></a>
hi
2020-12-02 18:19:16 -05:00
<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>
Changes Major!
2021-01-13 17:02:16 -05:00
<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>
hi
2020-12-02 18:19:16 -05:00
<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>
hi
2020-12-02 14:12:33 -05:00
<img title="I like rainbows" id="linux-rainbow" src="Images/linux.png" alt="">
Changes Major!
2021-01-13 17:02:16 -05:00
</div> -->
hi
2020-12-01 15:10:26 -05:00
</body>
Changes Major!
2021-01-13 17:02:16 -05:00
<footer>
</footer>
hi
2020-12-01 15:10:26 -05:00
</html>
Reference in a new issue Copy permalink