diff --git a/index.html b/index.html index e68f0db..99360ae 100644 --- a/index.html +++ b/index.html @@ -17,14 +17,20 @@ Hi! I'm Squirrel!

-

I am not a web developer, but I do spend a lot 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 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 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 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.

- +
- hi + +
@@ -34,7 +40,7 @@

Vegetable Dash!

-

My all new farming game! Uses JavaScript, and plenty of high quality MS Paint images!

+

My all new farming game! Uses JavaScript, and plenty of high quality MS Paint images! Plant and harvest various vegetables, while discovering new ones! Trade with merchants in the market! (Feature on its way)

You can play it here, and you can find the GitHub repository here.

diff --git a/main.js b/main.js index 5b14a9d..a77d58a 100644 --- a/main.js +++ b/main.js @@ -1,3 +1 @@ -function part2() { - document.getElementById("vegetable-dash").scrollIntoView(); -} +// document.getElementById("vegetable-dash").scrollIntoView(); diff --git a/styles.css b/styles.css index 31e5594..5935cc9 100644 --- a/styles.css +++ b/styles.css @@ -43,10 +43,32 @@ Common Classes font-weight: 900; } +.last { + height: 80px; + width: 80px; + background-color: #fff; + color: aquamarine; + position: absolute; + bottom: 50px; + left: 50px; + box-shadow: 0 0 8px #262626; + display: flex; + justify-content: center; + align-items: center; + font-size: 250%; + border-radius: 50%; + transition: 0.8s; + font-weight: 900; +} + .next:hover { transform: rotate(720deg); } +.last:hover { + transform: rotate(720deg); +} + .arrow { animation: nudge 3s linear infinite; transition: .2s; @@ -74,6 +96,10 @@ Common Classes } } +/* Links */ + +/* Should have nice hover that shows some content from link */ + /*================================================== Landing ==================================================*/ @@ -164,6 +190,9 @@ Landing opacity: 1; } +/*================================================== +Vegetable Dash +==================================================