diff --git a/SVG/gradient-blue-dark-rain.svg b/SVG/gradient-blue-dark-rain.svg new file mode 100644 index 0000000..817211f --- /dev/null +++ b/SVG/gradient-blue-dark-rain.svg @@ -0,0 +1,298 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/gradient-blue-flood.svg b/SVG/gradient-blue-flood.svg new file mode 100644 index 0000000..e6862bc --- /dev/null +++ b/SVG/gradient-blue-flood.svg @@ -0,0 +1,786 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/gradient-blue-light-light-rain.svg b/SVG/gradient-blue-light-light-rain.svg new file mode 100644 index 0000000..2fc4a08 --- /dev/null +++ b/SVG/gradient-blue-light-light-rain.svg @@ -0,0 +1,1379 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/gradient-blue-light-rain.svg b/SVG/gradient-blue-light-rain.svg new file mode 100644 index 0000000..a5f33bf --- /dev/null +++ b/SVG/gradient-blue-light-rain.svg @@ -0,0 +1,510 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/gradient-blue-thunderstorm.svg b/SVG/gradient-blue-thunderstorm.svg new file mode 100644 index 0000000..0c17145 --- /dev/null +++ b/SVG/gradient-blue-thunderstorm.svg @@ -0,0 +1,324 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/gradient-cloud.svg b/SVG/gradient-cloud.svg new file mode 100644 index 0000000..3c69cc0 --- /dev/null +++ b/SVG/gradient-cloud.svg @@ -0,0 +1,102 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/gradient-cloudy.svg b/SVG/gradient-cloudy.svg new file mode 100644 index 0000000..335ce16 --- /dev/null +++ b/SVG/gradient-cloudy.svg @@ -0,0 +1,121 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/gradient-dark-heavysnow.svg b/SVG/gradient-dark-heavysnow.svg new file mode 100644 index 0000000..7e7f532 --- /dev/null +++ b/SVG/gradient-dark-heavysnow.svg @@ -0,0 +1,327 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/gradient-dark-lightsnow.svg b/SVG/gradient-dark-lightsnow.svg new file mode 100644 index 0000000..7537b99 --- /dev/null +++ b/SVG/gradient-dark-lightsnow.svg @@ -0,0 +1,779 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/gradient-frost.svg b/SVG/gradient-frost.svg new file mode 100644 index 0000000..59a5779 --- /dev/null +++ b/SVG/gradient-frost.svg @@ -0,0 +1,310 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/gradient-light-heavysnow.svg b/SVG/gradient-light-heavysnow.svg new file mode 100644 index 0000000..cba9e14 --- /dev/null +++ b/SVG/gradient-light-heavysnow.svg @@ -0,0 +1,519 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/gradient-light-lightsnow.svg b/SVG/gradient-light-lightsnow.svg new file mode 100644 index 0000000..510e350 --- /dev/null +++ b/SVG/gradient-light-lightsnow.svg @@ -0,0 +1,799 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/gradient-overcast.svg b/SVG/gradient-overcast.svg new file mode 100644 index 0000000..f7dcdc3 --- /dev/null +++ b/SVG/gradient-overcast.svg @@ -0,0 +1,150 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/gradient-partly-cloudy.svg b/SVG/gradient-partly-cloudy.svg new file mode 100644 index 0000000..5d8233e --- /dev/null +++ b/SVG/gradient-partly-cloudy.svg @@ -0,0 +1,160 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/gradient-purple-dark-rain.svg b/SVG/gradient-purple-dark-rain.svg new file mode 100644 index 0000000..4ccaa17 --- /dev/null +++ b/SVG/gradient-purple-dark-rain.svg @@ -0,0 +1,299 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/gradient-purple-flood.svg b/SVG/gradient-purple-flood.svg new file mode 100644 index 0000000..dec0345 --- /dev/null +++ b/SVG/gradient-purple-flood.svg @@ -0,0 +1,729 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/gradient-purple-light-light-rain.svg b/SVG/gradient-purple-light-light-rain.svg new file mode 100644 index 0000000..bdd79d1 --- /dev/null +++ b/SVG/gradient-purple-light-light-rain.svg @@ -0,0 +1,1463 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/gradient-purple-light-rain.svg b/SVG/gradient-purple-light-rain.svg new file mode 100644 index 0000000..4adebae --- /dev/null +++ b/SVG/gradient-purple-light-rain.svg @@ -0,0 +1,511 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/gradient-purple-thunderstorm.svg b/SVG/gradient-purple-thunderstorm.svg new file mode 100644 index 0000000..f14db88 --- /dev/null +++ b/SVG/gradient-purple-thunderstorm.svg @@ -0,0 +1,324 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/gradient-storm-cloud.svg b/SVG/gradient-storm-cloud.svg new file mode 100644 index 0000000..8bf64ff --- /dev/null +++ b/SVG/gradient-storm-cloud.svg @@ -0,0 +1,81 @@ + + + + + + + + + + + + + + + + + diff --git a/SVG/gradient-stormy.svg b/SVG/gradient-stormy.svg new file mode 100644 index 0000000..1ac4b22 --- /dev/null +++ b/SVG/gradient-stormy.svg @@ -0,0 +1,148 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/gradient-sun-alt.svg b/SVG/gradient-sun-alt.svg new file mode 100644 index 0000000..e7beaf1 --- /dev/null +++ b/SVG/gradient-sun-alt.svg @@ -0,0 +1,323 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/gradient-sun.svg b/SVG/gradient-sun.svg new file mode 100644 index 0000000..7af2f28 --- /dev/null +++ b/SVG/gradient-sun.svg @@ -0,0 +1,80 @@ + + + + + + + + + + + + + + + + diff --git a/SVG/plain-blue-dark-rain.svg b/SVG/plain-blue-dark-rain.svg new file mode 100644 index 0000000..10184e1 --- /dev/null +++ b/SVG/plain-blue-dark-rain.svg @@ -0,0 +1,179 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/plain-blue-flood.svg b/SVG/plain-blue-flood.svg new file mode 100644 index 0000000..fa1e132 --- /dev/null +++ b/SVG/plain-blue-flood.svg @@ -0,0 +1,612 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/plain-blue-light-light-rain.svg b/SVG/plain-blue-light-light-rain.svg new file mode 100644 index 0000000..34b36de --- /dev/null +++ b/SVG/plain-blue-light-light-rain.svg @@ -0,0 +1,964 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/plain-blue-light-rain.svg b/SVG/plain-blue-light-rain.svg new file mode 100644 index 0000000..c3310fb --- /dev/null +++ b/SVG/plain-blue-light-rain.svg @@ -0,0 +1,348 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/plain-blue-thunderstorm.svg b/SVG/plain-blue-thunderstorm.svg new file mode 100644 index 0000000..16b20fc --- /dev/null +++ b/SVG/plain-blue-thunderstorm.svg @@ -0,0 +1,192 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/plain-cloud.svg b/SVG/plain-cloud.svg new file mode 100644 index 0000000..2d4b2c7 --- /dev/null +++ b/SVG/plain-cloud.svg @@ -0,0 +1,224 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/plain-cloudy.svg b/SVG/plain-cloudy.svg new file mode 100644 index 0000000..c24cd27 --- /dev/null +++ b/SVG/plain-cloudy.svg @@ -0,0 +1,77 @@ + + + + + + + + + + + + + + + + + diff --git a/SVG/plain-dark-heavysnow.svg b/SVG/plain-dark-heavysnow.svg new file mode 100644 index 0000000..1953e29 --- /dev/null +++ b/SVG/plain-dark-heavysnow.svg @@ -0,0 +1,122 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/plain-dark-lightsnow.svg b/SVG/plain-dark-lightsnow.svg new file mode 100644 index 0000000..2bfd023 --- /dev/null +++ b/SVG/plain-dark-lightsnow.svg @@ -0,0 +1,202 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/plain-frost.svg b/SVG/plain-frost.svg new file mode 100644 index 0000000..0df6e89 --- /dev/null +++ b/SVG/plain-frost.svg @@ -0,0 +1,130 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/plain-light-heavysnow.svg b/SVG/plain-light-heavysnow.svg new file mode 100644 index 0000000..2c4cc6c --- /dev/null +++ b/SVG/plain-light-heavysnow.svg @@ -0,0 +1,145 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/plain-light-lightsnow.svg b/SVG/plain-light-lightsnow.svg new file mode 100644 index 0000000..03d7273 --- /dev/null +++ b/SVG/plain-light-lightsnow.svg @@ -0,0 +1,231 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/plain-overcast.svg b/SVG/plain-overcast.svg new file mode 100644 index 0000000..12d9069 --- /dev/null +++ b/SVG/plain-overcast.svg @@ -0,0 +1,87 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/plain-partly-cloudy.svg b/SVG/plain-partly-cloudy.svg new file mode 100644 index 0000000..de99a01 --- /dev/null +++ b/SVG/plain-partly-cloudy.svg @@ -0,0 +1,95 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/plain-purple-dark-rain.svg b/SVG/plain-purple-dark-rain.svg new file mode 100644 index 0000000..af80a24 --- /dev/null +++ b/SVG/plain-purple-dark-rain.svg @@ -0,0 +1,179 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/plain-purple-flood.svg b/SVG/plain-purple-flood.svg new file mode 100644 index 0000000..d0e708b --- /dev/null +++ b/SVG/plain-purple-flood.svg @@ -0,0 +1,657 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/plain-purple-light-light-rain.svg b/SVG/plain-purple-light-light-rain.svg new file mode 100644 index 0000000..cfed0c8 --- /dev/null +++ b/SVG/plain-purple-light-light-rain.svg @@ -0,0 +1,1048 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/plain-purple-light-rain.svg b/SVG/plain-purple-light-rain.svg new file mode 100644 index 0000000..1057720 --- /dev/null +++ b/SVG/plain-purple-light-rain.svg @@ -0,0 +1,303 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/plain-purple-thunderstorm.svg b/SVG/plain-purple-thunderstorm.svg new file mode 100644 index 0000000..c9e4967 --- /dev/null +++ b/SVG/plain-purple-thunderstorm.svg @@ -0,0 +1,192 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/plain-storm-cloud.svg b/SVG/plain-storm-cloud.svg new file mode 100644 index 0000000..1938e71 --- /dev/null +++ b/SVG/plain-storm-cloud.svg @@ -0,0 +1,53 @@ + + + + + + + + + + diff --git a/SVG/plain-stormy.svg b/SVG/plain-stormy.svg new file mode 100644 index 0000000..424c0f6 --- /dev/null +++ b/SVG/plain-stormy.svg @@ -0,0 +1,197 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/plain-sun-alt.svg b/SVG/plain-sun-alt.svg new file mode 100644 index 0000000..5587ecb --- /dev/null +++ b/SVG/plain-sun-alt.svg @@ -0,0 +1,133 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/SVG/plain-sun.svg b/SVG/plain-sun.svg new file mode 100644 index 0000000..ec2411d --- /dev/null +++ b/SVG/plain-sun.svg @@ -0,0 +1,79 @@ + + + + + + + + + + + + + + + + diff --git a/SVG/portable-roof.svg b/SVG/portable-roof.svg new file mode 100644 index 0000000..ff6f820 --- /dev/null +++ b/SVG/portable-roof.svg @@ -0,0 +1,213 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons.css b/icons.css new file mode 100644 index 0000000..1ff6a0c --- /dev/null +++ b/icons.css @@ -0,0 +1,71 @@ +* { + 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 new file mode 100644 index 0000000..786cad3 --- /dev/null +++ b/icons.html @@ -0,0 +1,229 @@ + + + + + + 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 new file mode 100644 index 0000000..ad08b94 --- /dev/null +++ b/icons.js @@ -0,0 +1,11 @@ +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"; } + } +});