From 20d5fec0d9ad05fe365f12c243c700e4a4f0fcee Mon Sep 17 00:00:00 2001 From: Squirrel-314 <68402033+Squirrel-314@users.noreply.github.com> Date: Wed, 2 Dec 2020 10:59:03 -0500 Subject: [PATCH] hi --- index.html | 22 +++++------ styles.css | 109 ++++++++++++++++++++++++++++++++++++++++++++++------- 2 files changed, 106 insertions(+), 25 deletions(-) diff --git a/index.html b/index.html index b8ae2c7..3283582 100644 --- a/index.html +++ b/index.html @@ -8,49 +8,47 @@ -
-
- -
-
- -
-
-
+


+

Hi! I'm Squirrel!

-

I am a web developer (Is there a minimum age to be qualified? Do you need to be at least working age or age of consent in your country?) and extremely unimportant person in general. I use Linux, and that is about the most intresting thing about me. But I have made some stuff! You can see my GitHub account here, 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.

+

I am a web developer and an extremely unimportant person in general. I use Linux, and that is about the most intresting thing about me. But I have made some stuff! You can see my GitHub account here, 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.

+

Gold Rush

A simple incremental game made with JavaScript

You can play it here, or download the app here. You can find the GitHub repository here.

+

Incremental

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.

You can find the GitHub repository here.

+

Style

Here we do things in style! Check out the nice CSS effects and apply them to your own websites!

You can find the GitHub repository here.

+

Hillside Township

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 friend and I made a website for our town.

You can find the GitHub repository here.

+

The Schoolarly Bay

Scientific research papers! Publish research papers, read research papers, get paper cuts on research papers! Research papers for all!

You can find the GitHub repository here.

-
+

Email | thehillsidetownship@gmail.com

Adress | Oak forest, acorn path, that tree.

Hillside Township | https://hillside-township.github.io

diff --git a/styles.css b/styles.css index ca9b374..47277d5 100644 --- a/styles.css +++ b/styles.css @@ -1,11 +1,41 @@ +/*================================================== +Main +==================================================*/ + body { font-family: Helvetica; background-color: whitesmoke; - padding: 30px 20px 20px 20px; + padding: 0; + margin: 0; + overflow-x: hidden; + overflow-y: scroll; + scroll-snap-type: y mandatory; } +::-webkit-scrollbar { + display: none; +} + +/*================================================== +Scrolling +==================================================*/ + +.scroll-container { + height: 100vh; + overflow-y: scroll; + scroll-snap-type: y mandatory; +} + +section { + +} + +/*================================================== +Navigation Bar +==================================================*/ + nav { - position: fixed; + position: absolute; top: 0; left: 0; right: 0; @@ -14,6 +44,8 @@ nav { justify-content: center; align-items: center; padding: 8px; + scroll-snap-align: center; + box-shadow: 0 8px 15px #262626; } nav a { @@ -22,24 +54,75 @@ nav a { margin: 8px; } +/*================================================== +Main Sectors +==================================================*/ + +.project { + margin: 0; + height: 100vh; + scroll-snap-align: center; +} + #gold-rush { height: 100vh; + width: 100%; background-color: #272727; position: relative; } -#gold-rush .content { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - height: 0px; - visibility: collapse; - transition: all .2s; +#incremental { + height: 100vh; + width: 100%; + background-color: whitesmoke; + position: relative; } -#gold-rush:hover #gold-rush .content { +#style { height: 100vh; - visibility: visible; + width: 100%; + background-color: #282828; + position: relative; } + +#hillside { + height: 100vh; + width: 100%; + background-color: whitesmoke; + position: relative; +} + +#schoolarly-bay { + height: 100vh; + width: 100%; + background-color: #282828; + position: relative; +} + +#squirrel { + height: 100vh; + width: 100%; + background-color: whitesmoke; + position: relative; + scroll-snap-align: center; +} + +#personal { + height: 100vh; + width: 100%; + background-color: whitesmoke; + position: relative; + scroll-snap-align: center; +} + +/*================================================== +Project Contents +==================================================*/ + +.project h2, .project h4, .project p { + margin: 25px 25px; +} + +/*================================================== +Other +==================================================*/