diff --git a/ (2).gitattributes b/ (2).gitattributes new file mode 100644 index 0000000..d72d76f --- /dev/null +++ b/ (2).gitattributes @@ -0,0 +1,2 @@ +Gold[[:space:]]Rush-win32.zip filter=lfs diff=lfs merge=lfs -text +Gold[[:space:]]Rush-darwin-x64.zip filter=lfs diff=lfs merge=lfs -text diff --git a/ (2).gitignore b/ (2).gitignore new file mode 100644 index 0000000..1fde45c --- /dev/null +++ b/ (2).gitignore @@ -0,0 +1,2 @@ +Gold Rush-darwin-x64.zip +Gold Rush-win32.zip diff --git a/Gold Rush Downloads/gold-rush_0.1.0_amd64 (2).deb b/Gold Rush Downloads/gold-rush_0.1.0_amd64 (2).deb new file mode 100644 index 0000000..8991f31 Binary files /dev/null and b/Gold Rush Downloads/gold-rush_0.1.0_amd64 (2).deb differ diff --git a/Icons/cart (2).png b/Icons/cart (2).png new file mode 100644 index 0000000..4c4cede Binary files /dev/null and b/Icons/cart (2).png differ diff --git a/Icons/copyright (2).png b/Icons/copyright (2).png new file mode 100644 index 0000000..3692dea Binary files /dev/null and b/Icons/copyright (2).png differ diff --git a/Icons/explore (2).png b/Icons/explore (2).png new file mode 100644 index 0000000..f51373e Binary files /dev/null and b/Icons/explore (2).png differ diff --git a/Icons/explore2 (2).png b/Icons/explore2 (2).png new file mode 100644 index 0000000..3a4738a Binary files /dev/null and b/Icons/explore2 (2).png differ diff --git a/Icons/help (2).png b/Icons/help (2).png new file mode 100644 index 0000000..6c77d9d Binary files /dev/null and b/Icons/help (2).png differ diff --git a/Icons/home (2).png b/Icons/home (2).png new file mode 100644 index 0000000..5382260 Binary files /dev/null and b/Icons/home (2).png differ diff --git a/Icons/store (2).png b/Icons/store (2).png new file mode 100644 index 0000000..2898766 Binary files /dev/null and b/Icons/store (2).png differ diff --git a/Images/cheese (2).png b/Images/cheese (2).png new file mode 100644 index 0000000..de09ddc Binary files /dev/null and b/Images/cheese (2).png differ diff --git a/Images/favicon (2).png b/Images/favicon (2).png new file mode 100644 index 0000000..cb8860b Binary files /dev/null and b/Images/favicon (2).png differ diff --git a/Images/gold-rush-icon (2).png b/Images/gold-rush-icon (2).png new file mode 100644 index 0000000..fa636f3 Binary files /dev/null and b/Images/gold-rush-icon (2).png differ diff --git a/Images/lamp-post (2).png b/Images/lamp-post (2).png new file mode 100644 index 0000000..2cc0f67 Binary files /dev/null and b/Images/lamp-post (2).png differ diff --git a/Images/library-1 (2).png b/Images/library-1 (2).png new file mode 100644 index 0000000..8650f06 Binary files /dev/null and b/Images/library-1 (2).png differ diff --git a/Images/library-2 (2).png b/Images/library-2 (2).png new file mode 100644 index 0000000..b888b2f Binary files /dev/null and b/Images/library-2 (2).png differ diff --git a/Images/library-3 (2).png b/Images/library-3 (2).png new file mode 100644 index 0000000..3fd1616 Binary files /dev/null and b/Images/library-3 (2).png differ diff --git a/Images/linux (2).png b/Images/linux (2).png new file mode 100644 index 0000000..d9bd7db Binary files /dev/null and b/Images/linux (2).png differ diff --git a/Images/linux.png b/Images/linux.png index 615ad98..d9bd7db 100644 Binary files a/Images/linux.png and b/Images/linux.png differ diff --git a/Images/peas (2).gif b/Images/peas (2).gif new file mode 100644 index 0000000..c23181f Binary files /dev/null and b/Images/peas (2).gif differ diff --git a/Images/style (2).png b/Images/style (2).png new file mode 100644 index 0000000..c1fe45b Binary files /dev/null and b/Images/style (2).png differ diff --git a/SVG/gradient-blue-dark-rain.svg b/SVG/gradient-blue-dark-rain.svg deleted file mode 100644 index 817211f..0000000 --- a/SVG/gradient-blue-dark-rain.svg +++ /dev/null @@ -1,298 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/gradient-blue-flood.svg b/SVG/gradient-blue-flood.svg deleted file mode 100644 index e6862bc..0000000 --- a/SVG/gradient-blue-flood.svg +++ /dev/null @@ -1,786 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/gradient-blue-light-light-rain.svg b/SVG/gradient-blue-light-light-rain.svg deleted file mode 100644 index 2fc4a08..0000000 --- a/SVG/gradient-blue-light-light-rain.svg +++ /dev/null @@ -1,1379 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/gradient-blue-light-rain.svg b/SVG/gradient-blue-light-rain.svg deleted file mode 100644 index a5f33bf..0000000 --- a/SVG/gradient-blue-light-rain.svg +++ /dev/null @@ -1,510 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/gradient-blue-thunderstorm.svg b/SVG/gradient-blue-thunderstorm.svg deleted file mode 100644 index 0c17145..0000000 --- a/SVG/gradient-blue-thunderstorm.svg +++ /dev/null @@ -1,324 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/gradient-cloud.svg b/SVG/gradient-cloud.svg deleted file mode 100644 index 3c69cc0..0000000 --- a/SVG/gradient-cloud.svg +++ /dev/null @@ -1,102 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/gradient-cloudy.svg b/SVG/gradient-cloudy.svg deleted file mode 100644 index 335ce16..0000000 --- a/SVG/gradient-cloudy.svg +++ /dev/null @@ -1,121 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/gradient-dark-heavysnow.svg b/SVG/gradient-dark-heavysnow.svg deleted file mode 100644 index 7e7f532..0000000 --- a/SVG/gradient-dark-heavysnow.svg +++ /dev/null @@ -1,327 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/gradient-dark-lightsnow.svg b/SVG/gradient-dark-lightsnow.svg deleted file mode 100644 index 7537b99..0000000 --- a/SVG/gradient-dark-lightsnow.svg +++ /dev/null @@ -1,779 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/gradient-frost.svg b/SVG/gradient-frost.svg deleted file mode 100644 index 59a5779..0000000 --- a/SVG/gradient-frost.svg +++ /dev/null @@ -1,310 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/gradient-light-heavysnow.svg b/SVG/gradient-light-heavysnow.svg deleted file mode 100644 index cba9e14..0000000 --- a/SVG/gradient-light-heavysnow.svg +++ /dev/null @@ -1,519 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/gradient-light-lightsnow.svg b/SVG/gradient-light-lightsnow.svg deleted file mode 100644 index 510e350..0000000 --- a/SVG/gradient-light-lightsnow.svg +++ /dev/null @@ -1,799 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/gradient-overcast.svg b/SVG/gradient-overcast.svg deleted file mode 100644 index f7dcdc3..0000000 --- a/SVG/gradient-overcast.svg +++ /dev/null @@ -1,150 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/gradient-partly-cloudy.svg b/SVG/gradient-partly-cloudy.svg deleted file mode 100644 index 5d8233e..0000000 --- a/SVG/gradient-partly-cloudy.svg +++ /dev/null @@ -1,160 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/gradient-purple-dark-rain.svg b/SVG/gradient-purple-dark-rain.svg deleted file mode 100644 index 4ccaa17..0000000 --- a/SVG/gradient-purple-dark-rain.svg +++ /dev/null @@ -1,299 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/gradient-purple-flood.svg b/SVG/gradient-purple-flood.svg deleted file mode 100644 index dec0345..0000000 --- a/SVG/gradient-purple-flood.svg +++ /dev/null @@ -1,729 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/gradient-purple-light-light-rain.svg b/SVG/gradient-purple-light-light-rain.svg deleted file mode 100644 index bdd79d1..0000000 --- a/SVG/gradient-purple-light-light-rain.svg +++ /dev/null @@ -1,1463 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/gradient-purple-light-rain.svg b/SVG/gradient-purple-light-rain.svg deleted file mode 100644 index 4adebae..0000000 --- a/SVG/gradient-purple-light-rain.svg +++ /dev/null @@ -1,511 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/gradient-purple-thunderstorm.svg b/SVG/gradient-purple-thunderstorm.svg deleted file mode 100644 index f14db88..0000000 --- a/SVG/gradient-purple-thunderstorm.svg +++ /dev/null @@ -1,324 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/gradient-storm-cloud.svg b/SVG/gradient-storm-cloud.svg deleted file mode 100644 index 8bf64ff..0000000 --- a/SVG/gradient-storm-cloud.svg +++ /dev/null @@ -1,81 +0,0 @@ - - - - - - - - - - - - - - - - - diff --git a/SVG/gradient-stormy.svg b/SVG/gradient-stormy.svg deleted file mode 100644 index 1ac4b22..0000000 --- a/SVG/gradient-stormy.svg +++ /dev/null @@ -1,148 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/gradient-sun-alt.svg b/SVG/gradient-sun-alt.svg deleted file mode 100644 index e7beaf1..0000000 --- a/SVG/gradient-sun-alt.svg +++ /dev/null @@ -1,323 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/gradient-sun.svg b/SVG/gradient-sun.svg deleted file mode 100644 index 7af2f28..0000000 --- a/SVG/gradient-sun.svg +++ /dev/null @@ -1,80 +0,0 @@ - - - - - - - - - - - - - - - - diff --git a/SVG/plain-blue-dark-rain.svg b/SVG/plain-blue-dark-rain.svg deleted file mode 100644 index 10184e1..0000000 --- a/SVG/plain-blue-dark-rain.svg +++ /dev/null @@ -1,179 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/plain-blue-flood.svg b/SVG/plain-blue-flood.svg deleted file mode 100644 index fa1e132..0000000 --- a/SVG/plain-blue-flood.svg +++ /dev/null @@ -1,612 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/plain-blue-light-light-rain.svg b/SVG/plain-blue-light-light-rain.svg deleted file mode 100644 index 34b36de..0000000 --- a/SVG/plain-blue-light-light-rain.svg +++ /dev/null @@ -1,964 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/plain-blue-light-rain.svg b/SVG/plain-blue-light-rain.svg deleted file mode 100644 index c3310fb..0000000 --- a/SVG/plain-blue-light-rain.svg +++ /dev/null @@ -1,348 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/plain-blue-thunderstorm.svg b/SVG/plain-blue-thunderstorm.svg deleted file mode 100644 index 16b20fc..0000000 --- a/SVG/plain-blue-thunderstorm.svg +++ /dev/null @@ -1,192 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/plain-cloud.svg b/SVG/plain-cloud.svg deleted file mode 100644 index 2d4b2c7..0000000 --- a/SVG/plain-cloud.svg +++ /dev/null @@ -1,224 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/plain-cloudy.svg b/SVG/plain-cloudy.svg deleted file mode 100644 index c24cd27..0000000 --- a/SVG/plain-cloudy.svg +++ /dev/null @@ -1,77 +0,0 @@ - - - - - - - - - - - - - - - - - diff --git a/SVG/plain-dark-heavysnow.svg b/SVG/plain-dark-heavysnow.svg deleted file mode 100644 index 1953e29..0000000 --- a/SVG/plain-dark-heavysnow.svg +++ /dev/null @@ -1,122 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/plain-dark-lightsnow.svg b/SVG/plain-dark-lightsnow.svg deleted file mode 100644 index 2bfd023..0000000 --- a/SVG/plain-dark-lightsnow.svg +++ /dev/null @@ -1,202 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/plain-frost.svg b/SVG/plain-frost.svg deleted file mode 100644 index 0df6e89..0000000 --- a/SVG/plain-frost.svg +++ /dev/null @@ -1,130 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/plain-light-heavysnow.svg b/SVG/plain-light-heavysnow.svg deleted file mode 100644 index 2c4cc6c..0000000 --- a/SVG/plain-light-heavysnow.svg +++ /dev/null @@ -1,145 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/plain-light-lightsnow.svg b/SVG/plain-light-lightsnow.svg deleted file mode 100644 index 03d7273..0000000 --- a/SVG/plain-light-lightsnow.svg +++ /dev/null @@ -1,231 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/plain-overcast.svg b/SVG/plain-overcast.svg deleted file mode 100644 index 12d9069..0000000 --- a/SVG/plain-overcast.svg +++ /dev/null @@ -1,87 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/plain-partly-cloudy.svg b/SVG/plain-partly-cloudy.svg deleted file mode 100644 index de99a01..0000000 --- a/SVG/plain-partly-cloudy.svg +++ /dev/null @@ -1,95 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/plain-purple-dark-rain.svg b/SVG/plain-purple-dark-rain.svg deleted file mode 100644 index af80a24..0000000 --- a/SVG/plain-purple-dark-rain.svg +++ /dev/null @@ -1,179 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/plain-purple-flood.svg b/SVG/plain-purple-flood.svg deleted file mode 100644 index d0e708b..0000000 --- a/SVG/plain-purple-flood.svg +++ /dev/null @@ -1,657 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/plain-purple-light-light-rain.svg b/SVG/plain-purple-light-light-rain.svg deleted file mode 100644 index cfed0c8..0000000 --- a/SVG/plain-purple-light-light-rain.svg +++ /dev/null @@ -1,1048 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/plain-purple-light-rain.svg b/SVG/plain-purple-light-rain.svg deleted file mode 100644 index 1057720..0000000 --- a/SVG/plain-purple-light-rain.svg +++ /dev/null @@ -1,303 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/plain-purple-thunderstorm.svg b/SVG/plain-purple-thunderstorm.svg deleted file mode 100644 index c9e4967..0000000 --- a/SVG/plain-purple-thunderstorm.svg +++ /dev/null @@ -1,192 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/plain-storm-cloud.svg b/SVG/plain-storm-cloud.svg deleted file mode 100644 index 1938e71..0000000 --- a/SVG/plain-storm-cloud.svg +++ /dev/null @@ -1,53 +0,0 @@ - - - - - - - - - - diff --git a/SVG/plain-stormy.svg b/SVG/plain-stormy.svg deleted file mode 100644 index 424c0f6..0000000 --- a/SVG/plain-stormy.svg +++ /dev/null @@ -1,197 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/plain-sun-alt.svg b/SVG/plain-sun-alt.svg deleted file mode 100644 index 5587ecb..0000000 --- a/SVG/plain-sun-alt.svg +++ /dev/null @@ -1,133 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/SVG/plain-sun.svg b/SVG/plain-sun.svg deleted file mode 100644 index ec2411d..0000000 --- a/SVG/plain-sun.svg +++ /dev/null @@ -1,79 +0,0 @@ - - - - - - - - - - - - - - - - diff --git a/SVG/portable-roof.svg b/SVG/portable-roof.svg deleted file mode 100644 index ff6f820..0000000 --- a/SVG/portable-roof.svg +++ /dev/null @@ -1,213 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/download-gold-rush (2).css b/download-gold-rush (2).css new file mode 100644 index 0000000..7d00013 --- /dev/null +++ b/download-gold-rush (2).css @@ -0,0 +1,80 @@ +body { + height: 100vh; + padding: 20px; + background-image: linear-gradient(to bottom, lightyellow, lightblue); + text-align: center; +} + +nav { + position: fixed; + top: 0; + right: 0; + left: 0; + background-color: #272727; + padding: 8px; +} + +nav a { + color: #fff; + text-decoration: none; +} + +h2 { + color: #262626; +} + +.downloads { + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; +} + +.download { + height: 125px; + width: 200px; + margin: 15px; + padding: 15px; + border: outset 8px lightblue; + border-radius: 8px; + letter-spacing: 2px; + line-height: 35px; + text-decoration: none; + color: #262626; + display: flex; + justify-content: center; + align-items: center; + animation: colors 8s infinite alternate; +} + +.download:nth-child(2) { + animation-delay: .5s; +} + +.download:nth-child(3) { + animation-delay: 1s; +} + +@keyframes colors { + 0% { + background-color: red; + } + 15% { + background-color: orange; + } + 30% { + background-color: yellow; + } + 45% { + background-color: lightgreen; + } + 60% { + background-color: lightblue; + } + 85% { + background-color: purple; + } + 85% { + background-color: red; + } +} diff --git a/download-gold-rush (2).html b/download-gold-rush (2).html new file mode 100644 index 0000000..9fe6bf7 --- /dev/null +++ b/download-gold-rush (2).html @@ -0,0 +1,20 @@ + + + + + + Download | Gold Rush + + + +

Like the game? Download our app!

+

These downloads are still in offical version 0.9.0. To get the full version use the broswer game here.

+
+ Download for Linux
v0.1 + Download for Windows
v0.1 + Download for MacOS
v0.1 +
+ + diff --git a/icons.css b/icons.css deleted file mode 100644 index 1ff6a0c..0000000 --- a/icons.css +++ /dev/null @@ -1,71 +0,0 @@ -* { - padding: 0; - margin: 0; - font-family: "Nunito"; -} - -body { - background: #f5f5f5; -} - -.welcome { - font-size: 8vh; - margin: 2vh; - text-align: center; - color: #75e84d; - text-shadow: .2vh .2vh .4vh #bbb; - font-weight: 300; -} - -.image-grid { - display: grid; - grid-template-columns: 25% 25% 25% 25%; -} - -.img-parent { - margin: 2vh; - display: grid; - grid-template-columns: 50% 50%; -} - -.img-parent p { - display: flex; - justify-content: center; - align-items: center; - font-size: 3vh; - color: #31a7f7; - text-shadow: .05vh .05vh .2vh #bbb; -} - -.image { - height: 15vh; -} - -hr { - margin: 2vh auto; - width: 98%; - border: solid .4vh #75e84d; - background-color: #75e84d; - border-radius: 1vh; -} - -.search-bar { - height: 5vh; - width: 100%; - border: none; - border-radius: 1vh; - margin: 1vh auto; - padding: .5vh; - box-sizing: border-box; - background-color: #fff; - color: #60baf7; - transition: .2s; -} - -.search-bar::placeholder { - color: #72bef1; -} - -.search-bar:focus { - outline: none; -} diff --git a/icons.html b/icons.html deleted file mode 100644 index 786cad3..0000000 --- a/icons.html +++ /dev/null @@ -1,229 +0,0 @@ - - - - - - Icons - - - -

Take these images, no need to credit or pay me! (Yay Free + Open Source!)

- -
-
- -

Gradient Blue Dark Rain

-
-
- -

Gradient Blue Dark Rain

-
-
- -

Gradient Purple Dark Rain

-
-
- -

Gradient Purple Dark Rain

-
-
- -

Plain Blue Dark Rain

-
-
- -

Plain Blue Dark Rain

-
-
- -

Plain Purple Dark Rain

-
-
- -

Plain Purple Dark Rain

-
-
- -

Gradient Blue Dark Light Rain

-
-
- -

Gradient Purple Light Light Rain

-
-
- -

Plain Blue Dark Light Rain

-
-
- -

Plain Purple Light Light Rain

-
-
-
-
-
- -

Gradient Dark Heavysnow

-
-
- -

Gradient Light Heavysnow

-
-
- -

Gradient Dark Lightsnow

-
-
- -

Gradient Light Lightsnow

-
-
- -

Plain Dark Heavysnow

-
-
- -

Plain Light Heavysnow

-
-
- -

Plain Dark Lightsnow

-
-
- -

Plain Light Lightsnow

-
-
-
-
-
- -

Gradient Cloudy

-
-
- -

Gradient Cloud

-
-
- -

Plain Cloudy

-
-
- -

Plain Cloud

-
-
- -

Gradient Stormy

-
-
- -

Gradient Stormcloud

-
-
- -

Plain Stormy

-
-
- -

Plain Stormcloud

-
-
-
-
-
- -

Gradient Overcast

-
-
- -

Gradient Partly Cloudy

-
-
- -

Plain Overcast

-
-
- -

Plain Partly Cloudy

-
-
-
-
-
- -

Gradient Sun

-
-
- -

Gradient Sun Alt

-
-
- -

Plain Sun

-
-
- -

Plain Sun Alt

-
-
-
-
-
- -

Gradient Blue Thunderstorm

-
-
- -

Gradient Purple Thunderstorm

-
-
- -

Plain Blue Thunderstorm

-
-
- -

Plain Purple Thunderstorm

-
-
-
-
-
- -

Gradient Blue Flood

-
-
- -

Gradient Purple Flood

-
-
- -

Plain Blue Flood

-
-
- -

Plain Purple Flood

-
-
-
-
-
- -

Gradient Frost

-
-
- -

Plain Frost

-
-
- -

Portable Roof

-
-
- - - - - - - diff --git a/icons.js b/icons.js deleted file mode 100644 index ad08b94..0000000 --- a/icons.js +++ /dev/null @@ -1,11 +0,0 @@ -const data = document.getElementsByClassName("weather"); -document.querySelector(".search-bar").addEventListener("input", (event) => { - let userQuery = document.querySelector(".search-bar").value; - for (i = 0; i < data.length; i++) { - console.log(data[i].classList); - if (data[i].classList.contains(userQuery.toLowerCase())) { - data[i].style.display = "grid"; - } - else { data[i].style.display = "none"; } - } -}); diff --git a/index (2).html b/index (2).html new file mode 100644 index 0000000..87cedb7 --- /dev/null +++ b/index (2).html @@ -0,0 +1,166 @@ + + + + + + + + + + Meet Squirrel + + + +
+
+
+

+ Hi! I'm Squirrel! +

+

+

I am not a web developer, but I do spend a lot of time programming. I work for Squirrel Enterprise as CEO, CTO, developer, designer, and one of the only two employees. 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. I know a bit of Python. I like SVGs and Linux and you should not have come here. 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 easier for me to see. If you would like to use my services, do it through Squirrel Enterprises - there is a 98% chance I will complete the work.(Did you notice the font?)

+
+ + +
+ +
+
+ ⟵ +
+
+
+

+
    +
  • V
  • e
  • g
  • e
  • t
  • a
  • b
  • l
  • e
  • D
  • a
  • s
  • h
  • !
    • +
+

+

My newest and greatest JavaScript browser game! With all the high quality images you could ever wish for, this game is simply fabulous! I recommend you try it! No, I insist you try it! Y'know what, I'm sending you there anyway! You can play the game here, the beta version here, or visit the GitHub repository here!

+
+
+ +
+
+
+

Gold Rush!

+

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 here, or check ou the GitHub repository here, and if you use Linux, you can download the 0.9 version app here!

+
+
+ + + + + + + + + + + + +
+
+

+

+
    +
  • C
    • +
  • O
    • +
  • M
    • +
  • I
    • +
  • N
    • +
  • G
    • +
  • +
  • S
    • +
  • O
    • +
  • O
    • +
  • N
    • +
  • !
    • +
+

+

+

While you are waiting, check out these sites!

+
numtoword on GitHub +
Glish Translate on GitHub +
Incremental on GitHub +
Style on GitHub Style +
Hillside Township on GitHub Hillside +
The Schoolarly Bay on GitHub The Schoolarly Bay +
+
+

You won't find me at

+
+ + + + + + + + + + +
+

You will find me at

+
+ + + +
+
+

Emails | thehillsidetownship@gmail.com, iloveplantsandfungi@gmail.com


+

Address | Oak forest, acorn path, that tree.


+ +
+
+ + + diff --git a/index.html b/index.html index 957f367..87cedb7 100644 --- a/index.html +++ b/index.html @@ -18,7 +18,7 @@ Hi! I'm Squirrel!

-

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 easier for me to see.

+

I am not a web developer, but I do spend a lot of time programming. I work for Squirrel Enterprise as CEO, CTO, developer, designer, and one of the only two employees. 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. I know a bit of Python. I like SVGs and Linux and you should not have come here. 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 easier for me to see. If you would like to use my services, do it through Squirrel Enterprises - there is a 98% chance I will complete the work.(Did you notice the font?)


-

-

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 here, or visit the GitHub repository here!

+

My newest and greatest JavaScript browser game! With all the high quality images you could ever wish for, this game is simply fabulous! I recommend you try it! No, I insist you try it! Y'know what, I'm sending you there anyway! You can play the game here, the beta version here, or visit the GitHub repository here!

@@ -136,51 +121,46 @@

While you are waiting, check out these sites!

+
numtoword on GitHub
Glish Translate on GitHub
Incremental on GitHub
Style on GitHub Style
Hillside Township on GitHub Hillside
The Schoolarly Bay on GitHub The Schoolarly Bay +
+

You won't find me at

+
+ + + + + + + + + + +
+

You will find me at

+
+ + + +
+
+

Emails | thehillsidetownship@gmail.com, iloveplantsandfungi@gmail.com


+

Address | Oak forest, acorn path, that tree.


+ +
- + diff --git a/main (2).js b/main (2).js new file mode 100644 index 0000000..6b0cea3 --- /dev/null +++ b/main (2).js @@ -0,0 +1,122 @@ +let pageLocation = "meet"; +let backButton = document.getElementById("back"); +let nextButton = document.getElementById("next"); + +function next() { + if (pageLocation === "meet") { + document.location = "#vegetable-dash"; + pageLocation = "vegetable-dash"; + } + else if (pageLocation === "vegetable-dash") { + document.location = "#gold-rush"; + pageLocation = "gold-rush"; + } + else if (pageLocation === "gold-rush") { + document.location = "#coming-soon"; + pageLocation = "coming-soon"; + } + buttonVisiblility(); +} + +function last() { + if (pageLocation === "vegetable-dash") { + document.location = "#meet"; + pageLocation = "meet"; + } + else if (pageLocation === "gold-rush") { + document.location = "#vegetable-dash"; + pageLocation = "vegetable-dash"; + } + else if (pageLocation === "coming-soon") { + document.location = "#gold-rush"; + pageLocation = "gold-rush"; + } + buttonVisiblility(); +} + +function buttonVisiblility() { + if (pageLocation != "meet") { + backButton.style.opacity = "1"; + } + else { + backButton.style.opacity = "0"; + } + if (pageLocation != "coming-soon") { + nextButton.style.opacity = "1"; + } + else { + nextButton.style.opacity = "0"; + } + where(); +} + +function where() { + let meetIndicator = document.getElementById("meetIndicator"); + let vegIndicator = document.getElementById("vegetable-dashIndicator"); + let goldIndicator = document.getElementById("gold-rushIndicator"); + let comingIndicator = document.getElementById("coming-soonIndicator"); + + if (pageLocation === "meet") { + meetIndicator.style.backgroundColor = "#262626"; + } + else { + meetIndicator.style.backgroundColor = "#d6d6d6"; + } + if (pageLocation === "vegetable-dash") { + vegIndicator.style.backgroundColor = "#262626"; + } + else { + vegIndicator.style.backgroundColor = "#d6d6d6"; + } + if (pageLocation === "gold-rush") { + goldIndicator.style.backgroundColor = "#262626"; + } + else { + goldIndicator.style.backgroundColor = "#d6d6d6"; + } + if (pageLocation === "coming-soon") { + comingIndicator.style.backgroundColor = "#262626"; + } + else { + comingIndicator.style.backgroundColor = "#d6d6d6"; + } +} + +function ind(page) { + document.location = "#" + page; + pageLocation = page; + buttonVisiblility(); +} + +// Right Click Menu +let rightClickMenu = document.getElementById("menu").style; +if (document.addEventListener) { + document.addEventListener('contextmenu', function(e) { + var posX = e.clientX; + var posY = e.clientY; + menu(posX, posY); + e.preventDefault(); + }, false); + document.addEventListener('click', function(e) { + rightClickMenu.display = "none"; + }, false); +} +else { + document.attachEvent('oncontextmenu', function(e) { + var posX = e.clientX; + var posY = e.clientY; + menu(posX, posY); + e.preventDefault(); + }); + document.attachEvent('onclick', function(e) { + setTimeout(function() { + rightClickMenu.display = "none"; + }, 501); + }); +} + +function menu(x, y) { + rightClickMenu.top = y + "px"; + rightClickMenu.left = x + "px"; + rightClickMenu.display = "block"; +} diff --git a/styles (2).css b/styles (2).css new file mode 100644 index 0000000..b1d6b54 --- /dev/null +++ b/styles (2).css @@ -0,0 +1,566 @@ +/*================================================== +Main +==================================================*/ + +* { + padding: 0; + margin: 0; +} + +html, body { + margin: 0; + padding: 0; + overflow: hidden; +} + +li { + list-style-type: none; +} + +::-webkit-scrollbar { display: none; } + +/*================================================== +Common Classes +==================================================*/ + +.block { + height: 100vh; + background-color: #f5f5f5; + overflow: scroll; +} + +.block:nth-child(2n) { + background-color: #f9f9f9; +} + +.next { + height: 80px; + width: 80px; + background-color: #fff; + color: aquamarine; + position: fixed; + bottom: 50px; + right: 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; +} + +.last { + height: 80px; + width: 80px; + background-color: #fff; + color: aquamarine; + position: fixed; + 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; + opacity: 0; +} + +.next:hover { + transform: rotate(720deg); +} + +.last:hover { + transform: rotate(720deg); +} + +.arrow { + animation: nudge 3s linear infinite; + transition: .2s; + transform: scale(1); +} + +@keyframes nudge { + 0% { margin-right: 0px; } + 20% { margin-right: -8px; } + 40% { margin-right: -2px; } + 60% { margin-right: -8px; } + 80% { margin-right: 0px; } + 100% { margin-right: 0px; } +} + +/* Progress */ + +.progress { + position: fixed; + left: 0; + right: 0; + bottom: 75px; + display: flex; + justify-content: center; + align-items: center; + height: 0px; +} + +.progress li { + position: relative; + height: 25px; + width: 25px; + border-radius: 50%; + background-color: #d6d6d6; + color: #f9f9f9; + margin: 0 15px; + transition: 0.2s; + box-shadow: inset 2px 2px 10px #fff, + 0 0 2.5px #262626; +} + +.progress li:hover { transform: scale(1.2); } + +#meetIndicator { background-color: #262626; } + +/*================================================== +Landing +==================================================*/ + +.landing { + height: 100vh; + background-color: #f5f5f5; +} + +.text { + text-align: center; + font-family: Nunito; +} + +/* Hi Animation */ + +.hi { + padding: 50px; + font-size: 250%; + display: inline-block; + transition: all .3s; + transition-delay: .3s; +} + +.landing:hover .hi { + color: #f9f9f9; + font-size: 280%; + background-color: #262626; + border-radius: 2%; +} + +.hi:before, .hi:after { + content: ""; + position: absolute; + height: 50px; + width: 50px; + background-color: #262626; + border-radius: 50%; + transition: all 0.3s; + opacity: 0; +} + +.hi:before { left: -50px; } +.hi:after { right: -50px; } + +.landing:hover .hi:before { + left: 50%; + transform: scale(1.5); + animation: hi-opacity .6s 1 forwards; +} + +.landing:hover .hi:after { + right: 50%; + transform: scale(1.5); + animation: hi-opacity .6s 1 forwards; +} + +@keyframes hi-opacity { + 0% { opacity: 0; } + 50% { opacity: 1; } + 100% { opacity: 0; } +} + +/* About Me */ + +.about-me { + margin: 0 80px; + font-size: 120%; + transform: translateY(-50px); + opacity: 0; + transition: all 1.5s; + transition-delay: .6s; +} + +.landing:hover .about-me { + transform: translateY(2px); + opacity: 1; +} + +/*================================================== +Vegetable Dash +==================================================*/ + +/* General Information */ + +.about-vegetable { + margin: 50px; + font-size: 120%; + opacity: 0; + transform: scale(0); + transition: all 1s; + transition-delay: 1.5s; +} + +/* Opening Animation */ + +#vegetable-dash:hover .about-vegetable { + opacity: 1; + transform: scale(1); +} + +.space { width: 10px; } + +.smokey { + margin: 0; + padding: 0; + display: flex; + justify-content: center; +} + +.smokey li { + list-style: none; + transition: 1s; + transform: rotate(45deg) translateY(-200px); + opacity: 0; + filter: blur(50px); +} + +#vegetable-dash:hover li { + transform: rotate(0) translateY(0); + opacity: 1; + filter: blur(0); +} + +.smokey li:nth-child(2) { transition-delay: .05s; } +.smokey li:nth-child(3) { transition-delay: .1s; } +.smokey li:nth-child(4) { transition-delay: .15s; } +.smokey li:nth-child(5) { transition-delay: .2s; } +.smokey li:nth-child(6) { transition-delay: .25s; } +.smokey li:nth-child(7) { transition-delay: .3s; } +.smokey li:nth-child(8) { transition-delay: .35s; } +.smokey li:nth-child(9) { transition-delay: .4s; } +.smokey li:nth-child(10) { transition-delay: .35s; } +.smokey li:nth-child(11) { transition-delay: .4s; } +.smokey li:nth-child(12) { transition-delay: .45s; } +.smokey li:nth-child(13) { transition-delay: .5s; } +.smokey li:nth-child(14) { transition-delay: .55s; } +.smokey li:nth-child(15) { transition-delay: .6s; } + +/*================================================== +Gold Rush +==================================================*/ + +/* General */ + +#gold-rush h1 { + margin: 25px; + letter-spacing: 2px; +} + +.about-gold { + margin: 50px; + font-size: 120%; +} + +/* Animation */ + +#gold-rush h1 { + background: linear-gradient(90deg, #000, #fff, #000); + background-size: 80%; + -webkit-background-clip: text; + -webkit-text-fill-color: rgba(255, 255, 255, 0); +} + +#gold-rush:hover h1 { animation: show-text 1.2s 3 forwards; } + +@keyframes show-text { + 0% { background-position: -100%; } + 100% { background-position: 250%; } +} + +.gold-text { + animation: bounce-out 3s ease-in forwards; + transform: translate(1000px, 500px); + margin: auto; + transition: 0.8s; +} + +#gold-rush:hover .gold-text { animation: bounce-in 3s ease-in forwards; } + +@keyframes bounce-in { + 0% { + transform: translateX(500px) translateY(-80px) scale(0); + width: 500px; + opacity: 0.2; + } + 75% { + transform: translateX(200px) translateY(80px) scale(0.8); + width: 500px; + opacity: .8; + } + 100% { + transform: translate(0, 0) scale(1); + width: 500px; + opacity: 1; + } +} +@keyframes bounce-out { + 0% { + transform: translate(0, 0) scale(1); + width: 500px; + opacity: 1; + } + 25% { + transform: translateX(200px) translateY(80px) scale(0.8); + width: 500px; + opacity: .8; + } + 100% { + transform: translateX(500px) translateY(-80px) scale(0); + width: 500px; + opacity: 0.2; + } +} + +/*================================================== +Coming Soon! +==================================================*/ + +.coming { + display: flex; + justify-content: center; + align-items: center; + list-style-type: none; +} + +.coming li { + transition: 0.2s; + margin: 0 3px; +} + +.coming:hover li { + animation: shake 1s infinite alternate; + margin: 0 4px; + text-shadow: 0 25px 2px #262626; +} + +@keyframes shake { + 0% { transform: rotate(10deg) scaleY(1.2); } + 20% { transform: rotate(-10deg) scaleY(1); } + 40% { transform: rotate(10deg) scaleY(1.2); } + 60% { transform: rotate(-10deg) scaleY(1); } + 80% { transform: rotate(10deg) scaleY(1.2); } + 100% { transform: rotate(-10deg) scaleY(1); } +} + +.coming:hover li:nth-child(2) { animation-delay: 0.2s; } +.coming:hover li:nth-child(4) { animation-delay: 0.2s; } +.coming:hover li:nth-child(6) { animation-delay: 0.2s; } +.coming:hover li:nth-child(8) { animation-delay: 0.2s; } +.coming:hover li:nth-child(10) { animation-delay: 0.2s; } +.coming:hover li:nth-child(12) { animation-delay: 0.2s; } + +/*================================================== +Right Click Menu +==================================================*/ + +#menu { + width: 250px; + position: fixed; + z-index: 9999; + display: none; + font-family: Nunito; + font-size: 15px; + background: #fff; + color: #555; + border-radius: 5px; + box-shadow: 0 0 5px #f5f5f5; +} + +#menu li { + list-style-type: none; + padding: 10px 25px; + transition: .2s; +} + +#menu li:hover { + text-shadow: 0 .2px .2px #262626; + background-color: #fafafa; + border-radius: 5px; +} + +#menu hr { + border: 1px solid #ebebeb; + border-bottom: 0; +} + +/*========================================================== +Links +==========================================================*/ + +a { + color: lightblue; + text-decoration: none; + position: relative; +} + +.no-link:after { + display: none; +} + +a:after { + content: ""; + display: block; + height: 1.5px; + left: 50%; + position: absolute; + background: lightblue; + transition: all .5s; + width: 0; +} + +a:hover:after { + width: 100%; + left: 0; +} + +/*================================================== +Animations +==================================================*/ + +@keyframes heavenly-glow { + 0% { box-shadow: none; } + 50% { + box-shadow: 5px 5px 5px whitesmoke, + 5px -5px 5px whitesmoke, + -5px 5px 5px whitesmoke, + -5px -5px 5px whitesmoke; + } + 100% { box-shadow: none; } +} +@keyframes darkness-grows { + 0% { box-shadow: none; } + 50% { + box-shadow: 5px 5px 5px #262626, + 5px -5px 5px #262626, + -5px 5px 5px #262626, + -5px -5px 5px #262626; + } + 100% { box-shadow: none; } +} +@keyframes rainbow-glow { + 0% { box-shadow: none; } + 50% { + box-shadow: 2px 2px 1px red, + 4px 4px 1px orange, + 6px 6px 1px yellow, + 8px 8px 1px lightgreen, + 10px 10px 1px lightblue, + 12px 12px 1px purple, + + 2px -2px 1px red, + 4px -4px 1px orange, + 6px -6px 1px yellow, + 8px -8px 1px lightgreen, + 10px -10px 1px lightblue, + 12px -12px 1px purple, + + -2px 2px 1px red, + -4px 4px 1px orange, + -6px 6px 1px yellow, + -8px 8px 1px lightgreen, + -10px 10px 1px lightblue, + -12px 12px 1px purple, + + -2px -2px 1px red, + -4px -4px 1px orange, + -6px -6px 1px yellow, + -8px -8px 1px lightgreen, + -10px -10px 1px lightblue, + -12px -12px 1px purple; + } + 100% { box-shadow: none; } +} + +/*================================================== +Personal +==================================================*/ + +.will-not-find-me-at { font-family: Nunito; } +.find-me { margin: 50px 50px 0 50px; } + +.nothing-link:after { display: none; } + +.will-not-find-me-at { + display: flex; + justify-content: center; + text-align: center; + flex-wrap: wrap; + margin: auto; +} + +.will-not-find-me-at a { + width: 90px; + height: 90px; + background-color: #f1f1f1; + margin: 10px; + border-radius: 30%; + color: #10ac84; + box-shadow: 0 5px 15px -5px #00000070; + position: relative; + overflow: hidden; + transition: all 0.2s; +} + +i { + line-height: 90px; + font-size: 25px; + transition: all 0.2s; + margin-top: 35%; +} + +.will-not-find-me-at a:hover i { + transform: scale(1.5) rotate(360deg); + color: whitesmoke; +} + +.will-not-find-me-at a:hover { background-color: #262626; } + +#linux-rainbow { + height: 20vh; + border-radius: 5vh; + animation: rainbow-glow 5s infinite; + margin: 5vh auto; +} + +.hr, .hr-2 { + display: block; + width: 100%; + background-color: #262626; + opacity: .2; + margin: 25px 75px; +} + +.hr-2 { + opacity: 0; + margin: 0 25px; +} + +/* Links */ +/* Should have nice hover that shows some content from link (iframe in tooltip?) */ diff --git a/styles.css b/styles.css index 43db047..b1d6b54 100644 --- a/styles.css +++ b/styles.css @@ -13,10 +13,12 @@ html, body { overflow: hidden; } -::-webkit-scrollbar { - display: none; +li { + list-style-type: none; } +::-webkit-scrollbar { display: none; } + /*================================================== Common Classes ==================================================*/ @@ -24,6 +26,11 @@ Common Classes .block { height: 100vh; background-color: #f5f5f5; + overflow: scroll; +} + +.block:nth-child(2n) { + background-color: #f9f9f9; } .next { @@ -207,7 +214,7 @@ Vegetable Dash opacity: 0; transform: scale(0); transition: all 1s; - transition-delay: 2s; + transition-delay: 1.5s; } /* Opening Animation */ @@ -228,7 +235,7 @@ Vegetable Dash .smokey li { list-style: none; - transition: 1.5s; + transition: 1s; transform: rotate(45deg) translateY(-200px); opacity: 0; filter: blur(50px); @@ -240,20 +247,20 @@ Vegetable Dash filter: blur(0); } -.smokey li:nth-child(2) { transition-delay: .1s; } -.smokey li:nth-child(3) { transition-delay: .2s; } -.smokey li:nth-child(4) { transition-delay: .3s; } -.smokey li:nth-child(5) { transition-delay: .4s; } -.smokey li:nth-child(6) { transition-delay: .5s; } -.smokey li:nth-child(7) { transition-delay: .6s; } -.smokey li:nth-child(8) { transition-delay: .7s; } -.smokey li:nth-child(9) { transition-delay: .8s; } -.smokey li:nth-child(10) { transition-delay: .9s; } -.smokey li:nth-child(11) { transition-delay: 1s; } -.smokey li:nth-child(12) { transition-delay: 1.1s; } -.smokey li:nth-child(13) { transition-delay: 1.2s; } -.smokey li:nth-child(14) { transition-delay: 1.3s; } -.smokey li:nth-child(15) { transition-delay: 1.4s; } +.smokey li:nth-child(2) { transition-delay: .05s; } +.smokey li:nth-child(3) { transition-delay: .1s; } +.smokey li:nth-child(4) { transition-delay: .15s; } +.smokey li:nth-child(5) { transition-delay: .2s; } +.smokey li:nth-child(6) { transition-delay: .25s; } +.smokey li:nth-child(7) { transition-delay: .3s; } +.smokey li:nth-child(8) { transition-delay: .35s; } +.smokey li:nth-child(9) { transition-delay: .4s; } +.smokey li:nth-child(10) { transition-delay: .35s; } +.smokey li:nth-child(11) { transition-delay: .4s; } +.smokey li:nth-child(12) { transition-delay: .45s; } +.smokey li:nth-child(13) { transition-delay: .5s; } +.smokey li:nth-child(14) { transition-delay: .55s; } +.smokey li:nth-child(15) { transition-delay: .6s; } /*================================================== Gold Rush @@ -313,7 +320,6 @@ Gold Rush opacity: 1; } } - @keyframes bounce-out { 0% { transform: translate(0, 0) scale(1); @@ -370,136 +376,6 @@ Coming Soon! .coming:hover li:nth-child(10) { animation-delay: 0.2s; } .coming:hover li:nth-child(12) { animation-delay: 0.2s; } -/*================================================== -Animations -================================================== - -@keyframes heavenly-glow { - 0% { box-shadow: none; } - 50% { - box-shadow: 5px 5px 5px whitesmoke, - 5px -5px 5px whitesmoke, - -5px 5px 5px whitesmoke, - -5px -5px 5px whitesmoke; - } - 100% { box-shadow: none; } -} - -@keyframes darkness-grows { - 0% { box-shadow: none; } - 50% { - box-shadow: 5px 5px 5px #262626, - 5px -5px 5px #262626, - -5px 5px 5px #262626, - -5px -5px 5px #262626; - } - 100% { box-shadow: none; } -} - -@keyframes rainbow-glow { - 0% { box-shadow: none; } - 50% { - box-shadow: 2px 2px 1px red, - 4px 4px 1px orange, - 6px 6px 1px yellow, - 8px 8px 1px lightgreen, - 10px 10px 1px lightblue, - 12px 12px 1px purple, - - 2px -2px 1px red, - 4px -4px 1px orange, - 6px -6px 1px yellow, - 8px -8px 1px lightgreen, - 10px -10px 1px lightblue, - 12px -12px 1px purple, - - -2px 2px 1px red, - -4px 4px 1px orange, - -6px 6px 1px yellow, - -8px 8px 1px lightgreen, - -10px 10px 1px lightblue, - -12px 12px 1px purple, - - -2px -2px 1px red, - -4px -4px 1px orange, - -6px -6px 1px yellow, - -8px -8px 1px lightgreen, - -10px -10px 1px lightblue, - -12px -12px 1px purple; - } - 100% { box-shadow: none; } -} - -/*================================================== -Personal -================================================== - -.will-not-find-me-at { font-family: Nunito; } -.find-me { margin: 50px 50px 0 50px; } - -.will-not-find-me-at { - display: flex; - justify-content: center; - text-align: center; - flex-wrap: wrap; - margin: auto; -} - -.will-not-find-me-at a { - width: 90px; - height: 90px; - background-color: #f1f1f1; - margin: 10px; - border-radius: 30%; - color: #10ac84; - box-shadow: 0 5px 15px -5px #00000070; - position: relative; - overflow: hidden; - transition: all 0.2s; -} - -i { - line-height: 90px; - font-size: 25px; - transition: all 0.2s; - margin-top: 35%; -} - -.will-not-find-me-at a:hover i { - transform: scale(1.5) rotate(360deg); - color: whitesmoke; -} - -.will-not-find-me-at a:hover { background-color: #262626; } - -#linux-rainbow { - size: auto; - max-width: 60%; - max-height: 60%; - border-radius: 50px; - animation: rainbow-glow 5s infinite; - margin-bottom: 75px; -} - -.hr { - display: block; - width: 100%; - background-color: #262626; - opacity: .2; - margin: 25px 75px; -} - -hr { - display: block; - width: 100%; - background-color: #262626; - opacity: 0; - margin: 0 25px; -} - -/* Links */ -/* Should have nice hover that shows some content from link */ - /*================================================== Right Click Menu ==================================================*/ @@ -563,3 +439,128 @@ a:hover:after { width: 100%; left: 0; } + +/*================================================== +Animations +==================================================*/ + +@keyframes heavenly-glow { + 0% { box-shadow: none; } + 50% { + box-shadow: 5px 5px 5px whitesmoke, + 5px -5px 5px whitesmoke, + -5px 5px 5px whitesmoke, + -5px -5px 5px whitesmoke; + } + 100% { box-shadow: none; } +} +@keyframes darkness-grows { + 0% { box-shadow: none; } + 50% { + box-shadow: 5px 5px 5px #262626, + 5px -5px 5px #262626, + -5px 5px 5px #262626, + -5px -5px 5px #262626; + } + 100% { box-shadow: none; } +} +@keyframes rainbow-glow { + 0% { box-shadow: none; } + 50% { + box-shadow: 2px 2px 1px red, + 4px 4px 1px orange, + 6px 6px 1px yellow, + 8px 8px 1px lightgreen, + 10px 10px 1px lightblue, + 12px 12px 1px purple, + + 2px -2px 1px red, + 4px -4px 1px orange, + 6px -6px 1px yellow, + 8px -8px 1px lightgreen, + 10px -10px 1px lightblue, + 12px -12px 1px purple, + + -2px 2px 1px red, + -4px 4px 1px orange, + -6px 6px 1px yellow, + -8px 8px 1px lightgreen, + -10px 10px 1px lightblue, + -12px 12px 1px purple, + + -2px -2px 1px red, + -4px -4px 1px orange, + -6px -6px 1px yellow, + -8px -8px 1px lightgreen, + -10px -10px 1px lightblue, + -12px -12px 1px purple; + } + 100% { box-shadow: none; } +} + +/*================================================== +Personal +==================================================*/ + +.will-not-find-me-at { font-family: Nunito; } +.find-me { margin: 50px 50px 0 50px; } + +.nothing-link:after { display: none; } + +.will-not-find-me-at { + display: flex; + justify-content: center; + text-align: center; + flex-wrap: wrap; + margin: auto; +} + +.will-not-find-me-at a { + width: 90px; + height: 90px; + background-color: #f1f1f1; + margin: 10px; + border-radius: 30%; + color: #10ac84; + box-shadow: 0 5px 15px -5px #00000070; + position: relative; + overflow: hidden; + transition: all 0.2s; +} + +i { + line-height: 90px; + font-size: 25px; + transition: all 0.2s; + margin-top: 35%; +} + +.will-not-find-me-at a:hover i { + transform: scale(1.5) rotate(360deg); + color: whitesmoke; +} + +.will-not-find-me-at a:hover { background-color: #262626; } + +#linux-rainbow { + height: 20vh; + border-radius: 5vh; + animation: rainbow-glow 5s infinite; + margin: 5vh auto; +} + +.hr, .hr-2 { + display: block; + width: 100%; + background-color: #262626; + opacity: .2; + margin: 25px 75px; +} + +.hr-2 { + opacity: 0; + margin: 0 25px; +} + +/* Links */ +/* Should have nice hover that shows some content from link (iframe in tooltip?) */