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

Still Working on Second Page!

Browse source
This commit is contained in:
Squirrel-314 2021-01-14 14:40:08 -05:00
parent e8e7702e98
commit 7080892942
3 changed files with 15 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
index.html
View file

@ -10,7 +10,7 @@
<title>Meet Squirrel</title> <title>Meet Squirrel</title>
</head> </head>
<body> <body>
<div class="landing"> <div class="landing" id="meet">
<div class="text"> <div class="text">
<br> <br>
<h1 class="hi"> <h1 class="hi">
@ -19,16 +19,16 @@
<br><br> <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> <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>
<div class="next" onclick="document.location = '#vegetable-dash'"> <div class="next" id="next1" onclick="page2()">
<span class="arrow">&#10230;</span> <span class="arrow">&#10230;</span>
</div> </div>
</div> </div>
<!-- Vegetable Dash --> <!-- Vegetable Dash -->
<div class="block" id="vegetable-dash"> <div class="block" id="vegetable-dash">
<!-- <div class="last" onclick="part1()"> <!-- <div class="last" id="last" onclick="page1()">
<span class="arrow">&#10229;</span> <span class="arrow">&#10229;</span>
</div> --> </div> -->
<!-- <div class="next" onclick="part3()"> <!--<div class="next" id="next2" onclick="part3()">
<span class="arrow">&#10230;</span> <span class="arrow">&#10230;</span>
</div> --> </div> -->
</div> </div>

8
main.js
View file

@ -1 +1,9 @@
// document.getElementById("vegetable-dash").scrollIntoView(); // document.getElementById("vegetable-dash").scrollIntoView();
function page1() {
document.location = '#meet';
}
function page2() {
document.location = '#vegetable-dash';
}

5
styles.css
View file

@ -23,6 +23,7 @@ Common Classes
.block { .block {
height: 100vh; height: 100vh;
background-color: #f5f5f5;
} }
.next { .next {
@ -48,7 +49,7 @@ Common Classes
width: 80px; width: 80px;
background-color: #fff; background-color: #fff;
color: aquamarine; color: aquamarine;
position: absolute; position: relative;
bottom: 50px; bottom: 50px;
left: 50px; left: 50px;
box-shadow: 0 0 8px #262626; box-shadow: 0 0 8px #262626;
@ -192,7 +193,7 @@ Landing
/*================================================== /*==================================================
Vegetable Dash Vegetable Dash
================================================== ==================================================*/