mirror of
https://github.com/hnasheralneam/hnasheralneam.github.io.git
synced 2024-11-06 23:55:54 -05:00
82 lines
3.7 KiB
HTML
82 lines
3.7 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta name="viewport" content="width=device-width">
|
||
|
|
<meta name="description" content="The developer Editor Rust's personal website!">
|
||
|
|
<link rel="shortcut icon" type="image/x-icon" href="Icons/race.png">
|
||
|
|
<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 href="https://fonts.googleapis.com/css2?family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
|
||
|
|
<link rel="stylesheet" href="Styles/styles.css">
|
||
|
|
<link rel="stylesheet" href="Styles/roadmap.css">
|
||
|
|
<title>Roadmap | Editor Rust</title>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="header">
|
||
|
|
<h1>Projects</h1>
|
||
|
|
<h2>What I'm working on</h2>
|
||
|
|
<a href="/">go home</a>
|
||
|
|
<div class="tabswitcher">
|
||
|
|
<div class="tabswitcherbtn switcher-active activeswitcher" onclick="switchtabto('active')">Active</div>
|
||
|
|
<div class="tabswitcherbtn switcher-timeline" onclick="switchtabto('timeline')">Timeline</div>
|
||
|
|
<div class="tabswitcherbtn switcher-roadmap" onclick="switchtabto('roadmap')">Roadmap</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="sections">
|
||
|
|
<div class="section active-section activetab" id="active-section">
|
||
|
|
one
|
||
|
|
<p>hi</p>
|
||
|
|
</div>
|
||
|
|
<div class="section timeline-section" id="timeline-section">
|
||
|
|
<div class="project-block">
|
||
|
|
<div class="img-parent">
|
||
|
|
<img src="https://goldrush.cyclic.app/Images/astroid.png" alt="Gold Rush astroid">
|
||
|
|
</div>
|
||
|
|
<div class="text-block">
|
||
|
|
<h3 class="date">Dec 7 2020</h3>
|
||
|
|
<h2 class="title">Gold Rush</h2>
|
||
|
|
<p class="desc">hmfmdnnsh</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="project-block">
|
||
|
|
<div class="text-block">
|
||
|
|
<h3 class="date">Jan 1 2021</h3>
|
||
|
|
<h2 class="title">Vegetable Dash</h2>
|
||
|
|
<p class="desc">keuiahshbm</p>
|
||
|
|
</div>
|
||
|
|
<div class="img-parent">
|
||
|
|
<img src="https://vegetabledash.cyclic.app/Images/Plots/plot.png" alt="Vegetable Dash plot">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="section roadmap-section" id="roadmap-section">
|
||
|
|
three
|
||
|
|
<p>hi</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="footer">
|
||
|
|
<div>
|
||
|
|
<h2>Find me</h2>
|
||
|
|
<p>My Github -> <a href="https://github.com/editorrust">GitHub</a></p>
|
||
|
|
<p class="faded-footer">GitHub is great, I host all my projects on it</p>
|
||
|
|
<p>Stack Overflow -> <a href="https://stackoverflow.com/users/14818357/editor-rust">Stack Overflow</a></p>
|
||
|
|
<p class="faded-footer">I kinda hate Stack Overflow because they blocked me from doing anything</p>
|
||
|
|
<p>CodePen -> <a href="https://codepen.io/editorrust">CodePen</a></p>
|
||
|
|
<p class="faded-footer">I don't use this account very often, but here it is</p>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<h2>Email me</h2>
|
||
|
|
<p>My developer account -> <a href="mailto:editorrust@gmail.com">editorrust@gmail.com</a></p>
|
||
|
|
<p>My personal account -> <a href="mailto:hamza.elabi1@gmail.com">hamza.elabi1@gmail.com</a></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
<script>
|
||
|
|
function switchtabto(tab) {
|
||
|
|
document.querySelector(".activetab").classList.remove("activetab");
|
||
|
|
document.querySelector(`.${tab}-section`).classList.add("activetab");
|
||
|
|
document.querySelector(".activeswitcher").classList.remove("activeswitcher");
|
||
|
|
document.querySelector(`.switcher-${tab}`).classList.add("activeswitcher");
|
||
|
|
document.querySelector(`#${tab}-section`).scrollIntoView({ behavior: "smooth" });
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</html>
|