From daf02f8d668efd2c88baa7e13460f758cf0e65d3 Mon Sep 17 00:00:00 2001
From: oliver <o.schappacher@web.de>
Date: Mon, 15 Jul 2019 21:33:54 +0200
Subject: [PATCH] added new icons

---
 img/icons/dust.svg        | 145 ++++++++++++++++++++++++++++++++++++++
 img/icons/humidity.svg    |  62 ++++++++++++++++
 img/icons/pressure.svg    |  60 ++++++++++++++++
 img/icons/rain.svg        |  43 +++++++++++
 img/icons/sun.svg         | 126 +++++++++++++++++++++++++++++++++
 img/icons/temperature.svg |  48 +++++++++++++
 loginmodal.html           | 132 ++++++++++++++++++++++++++++++++++
 7 files changed, 616 insertions(+)
 create mode 100644 img/icons/dust.svg
 create mode 100644 img/icons/humidity.svg
 create mode 100644 img/icons/pressure.svg
 create mode 100644 img/icons/rain.svg
 create mode 100644 img/icons/sun.svg
 create mode 100644 img/icons/temperature.svg
 create mode 100644 loginmodal.html

diff --git a/img/icons/dust.svg b/img/icons/dust.svg
new file mode 100644
index 0000000..aa4fc9a
--- /dev/null
+++ b/img/icons/dust.svg
@@ -0,0 +1,145 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 14.078 14.078" style="enable-background:new 0 0 14.078 14.078;" xml:space="preserve">
+<g>
+	<g>
+		<path style="fill:#030104;" d="M10.348,1.244h0.208c0.222,0,0.401-0.18,0.401-0.402s-0.18-0.402-0.401-0.402h-0.208
+			c-0.222,0-0.401,0.18-0.401,0.402S10.126,1.244,10.348,1.244z"/>
+		<path style="fill:#030104;" d="M6.624,1.244h0.207c0.222,0,0.401-0.18,0.401-0.402S7.052,0.44,6.831,0.44H6.624
+			c-0.222,0-0.401,0.18-0.401,0.402S6.403,1.244,6.624,1.244z"/>
+		<path style="fill:#030104;" d="M4.763,1.244H4.97c0.223,0,0.402-0.18,0.402-0.402S5.192,0.44,4.97,0.44H4.763
+			c-0.222,0-0.402,0.18-0.402,0.402S4.54,1.244,4.763,1.244z"/>
+		<path style="fill:#030104;" d="M8.487,1.244h0.207c0.222,0,0.401-0.18,0.401-0.402S8.915,0.44,8.694,0.44H8.487
+			c-0.222,0-0.401,0.18-0.401,0.402S8.265,1.244,8.487,1.244z"/>
+		<path style="fill:#030104;" d="M12.155,1.646h0.206c0.223,0,0.402-0.18,0.402-0.402s-0.18-0.402-0.402-0.402h-0.206
+			c-0.223,0-0.402,0.18-0.402,0.402S11.932,1.646,12.155,1.646z"/>
+		<path style="fill:#030104;" d="M2.69,1.244h0.207c0.222,0,0.402-0.18,0.402-0.402S3.119,0.44,2.897,0.44H2.69
+			c-0.222,0-0.402,0.18-0.402,0.402S2.468,1.244,2.69,1.244z"/>
+		<path style="fill:#030104;" d="M8.754,2.504c0,0.222,0.18,0.402,0.402,0.402h0.206c0.223,0,0.402-0.18,0.402-0.402
+			s-0.18-0.402-0.402-0.402H9.157C8.934,2.102,8.754,2.282,8.754,2.504z"/>
+		<path style="fill:#030104;" d="M1.708,2.906h0.207c0.222,0,0.402-0.18,0.402-0.402s-0.18-0.402-0.402-0.402H1.708
+			c-0.222,0-0.402,0.18-0.402,0.402S1.486,2.906,1.708,2.906z"/>
+		<path style="fill:#030104;" d="M10.616,2.504c0,0.222,0.18,0.402,0.402,0.402h0.207c0.223,0,0.402-0.18,0.402-0.402
+			s-0.18-0.402-0.402-0.402h-0.207C10.795,2.102,10.616,2.282,10.616,2.504z"/>
+		<path style="fill:#030104;" d="M5.031,2.504c0,0.222,0.18,0.402,0.401,0.402h0.207c0.222,0,0.401-0.18,0.401-0.402
+			S5.86,2.102,5.639,2.102H5.432C5.21,2.102,5.031,2.282,5.031,2.504z"/>
+		<path style="fill:#030104;" d="M6.892,2.504c0,0.222,0.18,0.402,0.402,0.402h0.207c0.222,0,0.401-0.18,0.401-0.402
+			s-0.18-0.402-0.401-0.402H7.294C7.072,2.102,6.892,2.282,6.892,2.504z"/>
+		<path style="fill:#030104;" d="M3.168,2.504c0,0.222,0.18,0.402,0.401,0.402h0.208c0.222,0,0.402-0.18,0.402-0.402
+			s-0.18-0.402-0.402-0.402H3.569C3.348,2.102,3.168,2.282,3.168,2.504z"/>
+		<path style="fill:#030104;" d="M12.478,2.504c0,0.222,0.18,0.402,0.402,0.402h0.206c0.223,0,0.402-0.18,0.402-0.402
+			s-0.18-0.402-0.402-0.402H12.88C12.658,2.102,12.478,2.282,12.478,2.504z"/>
+		<path style="fill:#030104;" d="M4.768,4.312c0-0.222-0.18-0.402-0.402-0.402H4.159c-0.222,0-0.402,0.18-0.402,0.402
+			s0.18,0.402,0.402,0.402h0.207C4.589,4.714,4.768,4.534,4.768,4.312z"/>
+		<path style="fill:#030104;" d="M6.022,4.714h0.207c0.222,0,0.401-0.18,0.401-0.402S6.45,3.91,6.229,3.91H6.022
+			C5.8,3.91,5.62,4.09,5.62,4.312S5.8,4.714,6.022,4.714z"/>
+		<path style="fill:#030104;" d="M9.745,4.714h0.207c0.223,0,0.402-0.18,0.402-0.402S10.174,3.91,9.952,3.91H9.745
+			c-0.222,0-0.401,0.18-0.401,0.402S9.524,4.714,9.745,4.714z"/>
+		<path style="fill:#030104;" d="M7.884,4.714h0.207c0.222,0,0.401-0.18,0.401-0.402S8.312,3.91,8.091,3.91H7.884
+			c-0.223,0-0.402,0.18-0.402,0.402S7.661,4.714,7.884,4.714z"/>
+		<path style="fill:#030104;" d="M13.068,4.312c0,0.222,0.18,0.402,0.402,0.402h0.206c0.223,0,0.402-0.18,0.402-0.402
+			s-0.18-0.402-0.402-0.402H13.47C13.247,3.91,13.068,4.09,13.068,4.312z"/>
+		<path style="fill:#030104;" d="M11.608,4.714h0.207c0.222,0,0.401-0.18,0.401-0.402s-0.18-0.402-0.401-0.402h-0.207
+			c-0.223,0-0.402,0.18-0.402,0.402S11.385,4.714,11.608,4.714z"/>
+		<path style="fill:#030104;" d="M2.907,4.312c0-0.222-0.18-0.402-0.402-0.402H2.298c-0.222,0-0.402,0.18-0.402,0.402
+			s0.18,0.402,0.402,0.402h0.207C2.727,4.714,2.907,4.534,2.907,4.312z"/>
+		<path style="fill:#030104;" d="M0.436,4.714h0.207c0.222,0,0.402-0.18,0.402-0.402S0.865,3.91,0.643,3.91H0.436
+			c-0.222,0-0.402,0.18-0.402,0.402S0.214,4.714,0.436,4.714z"/>
+		<path style="fill:#030104;" d="M1.647,6.053c0-0.222-0.18-0.401-0.402-0.401H1.039c-0.222,0-0.402,0.18-0.402,0.401
+			c0,0.223,0.18,0.402,0.402,0.402h0.207C1.468,6.455,1.647,6.276,1.647,6.053z"/>
+		<path style="fill:#030104;" d="M12.417,6.455c0.222,0,0.401-0.18,0.401-0.402s-0.18-0.401-0.401-0.401H12.21
+			c-0.222,0-0.401,0.18-0.401,0.401c0,0.223,0.18,0.402,0.401,0.402H12.417z"/>
+		<path style="fill:#030104;" d="M8.694,6.455c0.222,0,0.401-0.18,0.401-0.402s-0.18-0.401-0.401-0.401H8.487
+			c-0.222,0-0.401,0.18-0.401,0.401c0,0.223,0.18,0.402,0.401,0.402H8.694z"/>
+		<path style="fill:#030104;" d="M6.831,6.455c0.222,0,0.401-0.18,0.401-0.402s-0.18-0.401-0.401-0.401H6.624
+			c-0.222,0-0.401,0.18-0.401,0.401c0,0.223,0.18,0.402,0.401,0.402H6.831z"/>
+		<path style="fill:#030104;" d="M4.763,6.455H4.97c0.223,0,0.402-0.18,0.402-0.402S5.192,5.652,4.97,5.652H4.763
+			c-0.222,0-0.402,0.18-0.402,0.401C4.361,6.276,4.54,6.455,4.763,6.455z"/>
+		<path style="fill:#030104;" d="M10.556,6.455c0.222,0,0.401-0.18,0.401-0.402s-0.18-0.401-0.401-0.401h-0.208
+			c-0.222,0-0.401,0.18-0.401,0.401c0,0.223,0.18,0.402,0.401,0.402H10.556z"/>
+		<path style="fill:#030104;" d="M2.9,6.455h0.208c0.222,0,0.402-0.18,0.402-0.402S3.33,5.652,3.108,5.652H2.9
+			c-0.222,0-0.402,0.18-0.402,0.401C2.498,6.276,2.678,6.455,2.9,6.455z"/>
+		<path style="fill:#030104;" d="M9.157,8.33h0.206c0.223,0,0.402-0.18,0.402-0.401c0-0.223-0.18-0.402-0.402-0.402H9.157
+			c-0.223,0-0.402,0.18-0.402,0.402C8.754,8.151,8.934,8.33,9.157,8.33z"/>
+		<path style="fill:#030104;" d="M4.179,7.929c0-0.223-0.18-0.402-0.402-0.402H3.569c-0.222,0-0.401,0.18-0.401,0.402
+			c0,0.222,0.18,0.401,0.401,0.401h0.208C3.999,8.33,4.179,8.151,4.179,7.929z"/>
+		<path style="fill:#030104;" d="M11.018,8.33h0.207c0.223,0,0.402-0.18,0.402-0.401c0-0.223-0.18-0.402-0.402-0.402h-0.207
+			c-0.223,0-0.402,0.18-0.402,0.402C10.616,8.151,10.795,8.33,11.018,8.33z"/>
+		<path style="fill:#030104;" d="M7.294,8.33h0.207c0.222,0,0.401-0.18,0.401-0.401c0-0.223-0.18-0.402-0.401-0.402H7.294
+			c-0.223,0-0.402,0.18-0.402,0.402C6.892,8.151,7.072,8.33,7.294,8.33z"/>
+		<path style="fill:#030104;" d="M5.432,8.33h0.207c0.222,0,0.401-0.18,0.401-0.401c0-0.223-0.18-0.402-0.401-0.402H5.432
+			c-0.222,0-0.401,0.18-0.401,0.402C5.031,8.151,5.21,8.33,5.432,8.33z"/>
+		<path style="fill:#030104;" d="M2.317,7.929c0-0.223-0.18-0.402-0.402-0.402H1.708c-0.222,0-0.402,0.18-0.402,0.402
+			c0,0.222,0.18,0.401,0.402,0.401h0.207C2.137,8.33,2.317,8.151,2.317,7.929z"/>
+		<path style="fill:#030104;" d="M13.489,7.929c0-0.223-0.18-0.402-0.402-0.402h-0.206c-0.223,0-0.402,0.18-0.402,0.402
+			c0,0.222,0.18,0.401,0.402,0.401h0.206C13.309,8.33,13.489,8.151,13.489,7.929z"/>
+		<path style="fill:#030104;" d="M9.712,10.022h0.207c0.222,0,0.401-0.18,0.401-0.401c0-0.223-0.18-0.402-0.401-0.402H9.712
+			c-0.223,0-0.402,0.18-0.402,0.402C9.31,9.842,9.49,10.022,9.712,10.022z"/>
+		<path style="fill:#030104;" d="M7.85,10.022h0.207c0.222,0,0.402-0.18,0.402-0.401c0-0.223-0.181-0.402-0.402-0.402H7.85
+			c-0.222,0-0.401,0.18-0.401,0.402C7.449,9.842,7.628,10.022,7.85,10.022z"/>
+		<path style="fill:#030104;" d="M11.574,10.022h0.207c0.223,0,0.402-0.18,0.402-0.401c0-0.223-0.18-0.402-0.402-0.402h-0.207
+			c-0.222,0-0.401,0.18-0.401,0.402C11.172,9.842,11.352,10.022,11.574,10.022z"/>
+		<path style="fill:#030104;" d="M13.643,9.218h-0.207c-0.222,0-0.401,0.18-0.401,0.402s0.18,0.401,0.401,0.401h0.207
+			c0.222,0,0.401-0.18,0.401-0.401C14.044,9.398,13.865,9.218,13.643,9.218z"/>
+		<path style="fill:#030104;" d="M2.873,9.621c0-0.223-0.18-0.402-0.402-0.402H2.264c-0.222,0-0.402,0.18-0.402,0.402
+			s0.18,0.401,0.402,0.401h0.207C2.693,10.022,2.873,9.842,2.873,9.621z"/>
+		<path style="fill:#030104;" d="M5.988,10.022h0.207c0.223,0,0.402-0.18,0.402-0.401c0-0.223-0.18-0.402-0.402-0.402H5.988
+			c-0.222,0-0.401,0.18-0.401,0.402C5.586,9.842,5.766,10.022,5.988,10.022z"/>
+		<path style="fill:#030104;" d="M0.609,9.218H0.402C0.18,9.218,0,9.398,0,9.62s0.18,0.401,0.402,0.401h0.207
+			c0.222,0,0.402-0.18,0.402-0.401C1.011,9.398,0.831,9.218,0.609,9.218z"/>
+		<path style="fill:#030104;" d="M4.735,9.621c0-0.223-0.18-0.402-0.402-0.402H4.126c-0.222,0-0.402,0.18-0.402,0.402
+			s0.18,0.401,0.402,0.401h0.207C4.555,10.022,4.735,9.842,4.735,9.621z"/>
+		<path style="fill:#030104;" d="M12.383,10.959h-0.206c-0.223,0-0.402,0.18-0.402,0.402s0.18,0.401,0.402,0.401h0.206
+			c0.223,0,0.402-0.18,0.402-0.401C12.786,11.139,12.606,10.959,12.383,10.959z"/>
+		<path style="fill:#030104;" d="M7.2,11.362c0-0.223-0.18-0.402-0.402-0.402H6.592c-0.223,0-0.402,0.18-0.402,0.402
+			s0.18,0.401,0.402,0.401h0.206C7.02,11.763,7.2,11.583,7.2,11.362z"/>
+		<path style="fill:#030104;" d="M3.074,10.959H2.867c-0.222,0-0.402,0.18-0.402,0.402s0.18,0.401,0.402,0.401h0.208
+			c0.222,0,0.402-0.18,0.402-0.401C3.476,11.139,3.296,10.959,3.074,10.959z"/>
+		<path style="fill:#030104;" d="M10.924,11.362c0-0.223-0.181-0.402-0.402-0.402h-0.207c-0.223,0-0.402,0.18-0.402,0.402
+			s0.18,0.401,0.402,0.401h0.207C10.744,11.763,10.924,11.583,10.924,11.362z"/>
+		<path style="fill:#030104;" d="M9.062,11.362c0-0.223-0.18-0.402-0.402-0.402H8.453c-0.222,0-0.401,0.18-0.401,0.402
+			s0.18,0.401,0.401,0.401H8.66C8.882,11.763,9.062,11.583,9.062,11.362z"/>
+		<path style="fill:#030104;" d="M5.337,11.362c0-0.223-0.18-0.402-0.401-0.402H4.729c-0.222,0-0.402,0.18-0.402,0.402
+			s0.18,0.401,0.402,0.401h0.207C5.158,11.763,5.337,11.583,5.337,11.362z"/>
+		<path style="fill:#030104;" d="M7.467,12.834H7.26c-0.222,0-0.401,0.181-0.401,0.402s0.18,0.402,0.401,0.402h0.207
+			c0.222,0,0.402-0.181,0.402-0.402S7.689,12.834,7.467,12.834z"/>
+		<path style="fill:#030104;" d="M11.192,12.834h-0.208c-0.222,0-0.401,0.181-0.401,0.402s0.18,0.402,0.401,0.402h0.208
+			c0.222,0,0.401-0.181,0.401-0.402S11.413,12.834,11.192,12.834z"/>
+		<path style="fill:#030104;" d="M9.329,12.834H9.122c-0.222,0-0.401,0.181-0.401,0.402s0.18,0.402,0.401,0.402h0.207
+			c0.222,0,0.401-0.181,0.401-0.402S9.551,12.834,9.329,12.834z"/>
+		<path style="fill:#030104;" d="M5.605,12.834H5.398c-0.222,0-0.401,0.181-0.401,0.402s0.18,0.402,0.401,0.402h0.207
+			c0.223,0,0.402-0.181,0.402-0.402S5.828,12.834,5.605,12.834z"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/img/icons/humidity.svg b/img/icons/humidity.svg
new file mode 100644
index 0000000..edb3930
--- /dev/null
+++ b/img/icons/humidity.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<g>
+	<g>
+		<path d="M344.864,112.832c-26.176-33.408-53.248-67.904-75.072-104.96C266.912,3.008,261.664,0,256,0s-10.912,3.008-13.76,7.872
+			c-21.824,37.024-48.896,71.552-75.072,104.928C114.112,180.448,64,244.352,64,320c0,105.888,86.112,192,192,192
+			s192-86.112,192-192C448,244.384,397.92,180.48,344.864,112.832z M256,480c-88.224,0-160-71.776-160-160
+			c0-64.608,46.784-124.256,96.352-187.456c21.632-27.584,43.84-55.904,63.648-86.24c19.808,30.336,42.016,58.688,63.648,86.272
+			C369.216,195.744,416,255.424,416,320C416,408.224,344.224,480,256,480z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M208,192c-26.464,0-48,21.536-48,48s21.536,48,48,48s48-21.536,48-48S234.464,192,208,192z M208,256
+			c-8.832,0-16-7.168-16-16c0-8.832,7.168-16,16-16c8.832,0,16,7.168,16,16C224,248.832,216.832,256,208,256z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M304,352c-26.464,0-48,21.536-48,48s21.536,48,48,48s48-21.536,48-48S330.464,352,304,352z M304,416c-8.8,0-16-7.2-16-16
+			s7.2-16,16-16s16,7.2,16,16S312.8,416,304,416z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M347.296,228.704c-6.24-6.24-16.384-6.24-22.624,0l-160,160c-6.24,6.24-6.24,16.384,0,22.624
+			C167.808,414.432,171.904,416,176,416s8.192-1.568,11.296-4.672l160-160C353.536,245.088,353.536,234.944,347.296,228.704z"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/img/icons/pressure.svg b/img/icons/pressure.svg
new file mode 100644
index 0000000..6a41041
--- /dev/null
+++ b/img/icons/pressure.svg
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="454.355px" height="454.355px" viewBox="0 0 454.355 454.355" style="enable-background:new 0 0 454.355 454.355;"
+	 xml:space="preserve">
+<g>
+	<g>
+		<path d="M227.178,48.175C101.911,48.175,0,144.153,0,262.126c0,50.51,19.048,99.542,53.634,138.066
+			c3.416,3.806,8.308,5.987,13.421,5.987h320.246c5.113,0,10.006-2.182,13.422-5.987c34.586-38.523,53.633-87.557,53.633-138.066
+			C454.355,144.152,352.445,48.175,227.178,48.175z M357.752,303.859c-1.84-0.916-3.805-1.382-5.838-1.382
+			c-5.021,0-9.529,2.789-11.766,7.277c-1.562,3.139-1.811,6.696-0.697,10.021c1.113,3.325,3.455,6.018,6.594,7.58l46.828,23.319
+			c-3.645,5.925-7.65,11.662-12.016,17.159l-1.805,2.271H75.304l-1.806-2.271c-4.811-6.057-8.331-11.162-12.021-17.168
+			l46.835-23.311c3.138-1.562,5.48-4.255,6.593-7.58c1.114-3.324,0.866-6.883-0.697-10.021c-2.236-4.489-6.745-7.279-11.765-7.279
+			c-2.034,0-3.997,0.466-5.836,1.382l-47.146,23.482c-8.755-20.708-13.388-42.918-13.388-65.214c0-8.202,0.613-16.273,1.773-24.183
+			l45.531,6.926c0.659,0.102,1.33,0.152,1.998,0.152c6.417,0,11.985-4.795,12.953-11.154c1.088-7.154-3.848-13.861-11.003-14.951
+			l-43.606-6.633c9.33-29.7,26.774-56.203,49.94-77.287l31.538,32.432c2.493,2.565,5.835,3.977,9.412,3.977
+			c3.437,0,6.685-1.32,9.148-3.716c2.515-2.445,3.926-5.722,3.975-9.228c0.049-3.506-1.27-6.821-3.714-9.335l-29.647-30.487
+			c28.327-19.346,62.563-31.608,99.68-33.964v44.528c0,7.238,5.889,13.127,13.126,13.127s13.125-5.889,13.125-13.127V84.674
+			c37.117,2.356,71.355,14.618,99.682,33.964l-29.648,30.488c-2.443,2.514-3.764,5.829-3.713,9.335
+			c0.049,3.505,1.459,6.782,3.973,9.226c2.465,2.397,5.715,3.717,9.15,3.717c3.576,0,6.918-1.412,9.412-3.976l31.537-32.432
+			c23.166,21.083,40.611,47.586,49.939,77.286l-43.605,6.634c-7.154,1.089-12.092,7.796-11.002,14.95
+			c0.967,6.358,6.535,11.154,12.953,11.154c0.668,0,1.338-0.051,1.992-0.15l45.537-6.928c1.16,7.91,1.773,15.98,1.773,24.184
+			c0,22.301-4.635,44.517-13.395,65.229L357.752,303.859z"/>
+		<path d="M234.657,256.373l-41.191-91.438c-0.897-1.996-3.115-3.138-5.321-2.606c-2.493,0.601-4.028,3.109-3.427,5.602
+			l23.488,97.497c-5.781,6.966-7.905,16.686-4.759,25.877c4.805,14.035,20.078,21.518,34.113,16.714
+			c14.037-4.806,21.519-20.079,16.714-34.114C251.129,264.713,243.494,258.333,234.657,256.373z"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/img/icons/rain.svg b/img/icons/rain.svg
new file mode 100644
index 0000000..0c70612
--- /dev/null
+++ b/img/icons/rain.svg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 76.977 76.977" style="enable-background:new 0 0 76.977 76.977;" xml:space="preserve">
+<g>
+	<path d="M38.489,76.977c-15.54,0-28.183-12.643-28.183-28.182c0-14.53,23.185-44.307,25.828-47.654C36.703,0.421,37.571,0,38.488,0
+		c0.917,0,1.785,0.42,2.354,1.141c2.644,3.348,25.828,33.124,25.828,47.654C66.671,64.334,54.029,76.977,38.489,76.977z
+		 M38.489,7.917c-7.847,10.409-22.183,31.389-22.183,40.878c0,12.231,9.951,22.182,22.183,22.182s22.183-9.95,22.183-22.182
+		C60.671,39.306,46.335,18.326,38.489,7.917z"/>
+	<path d="M38.489,64.981c-1.657,0-3-1.343-3-3s1.343-3,3-3c5.616,0,10.186-4.567,10.186-10.183c0-1.657,1.343-3,3-3
+		c1.656,0,3,1.343,3,3C54.674,57.721,47.413,64.981,38.489,64.981z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/img/icons/sun.svg b/img/icons/sun.svg
new file mode 100644
index 0000000..5328d2a
--- /dev/null
+++ b/img/icons/sun.svg
@@ -0,0 +1,126 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 399.079 399.079" style="enable-background:new 0 0 399.079 399.079;" xml:space="preserve">
+<g>
+	<g>
+		<path d="M371.84,100.04c-2.01-3.457-6.443-4.63-9.9-2.62l-35.36,20.44c-3.457,2.01-4.63,6.443-2.62,9.9
+			c2.01,3.457,6.443,4.63,9.9,2.62l35.36-20.44C372.677,107.929,373.85,103.497,371.84,100.04z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M369.22,289.18l-35.36-20.44c-3.457-2.01-7.89-0.837-9.9,2.62c-2.01,3.457-0.837,7.89,2.62,9.9l35.36,20.44
+			c3.457,2.01,7.89,0.837,9.9-2.62C373.85,295.622,372.677,291.19,369.22,289.18z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M200.099,342.62c-4.01-0.298-7.501,2.711-7.799,6.721c-0.027,0.359-0.027,0.719,0,1.078v40.84
+			c-0.298,4.01,2.711,7.501,6.721,7.799s7.501-2.711,7.799-6.721c0.027-0.359,0.027-0.719,0-1.078v-40.84
+			C207.117,346.41,204.108,342.918,200.099,342.62z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M72.5,117.86L37.14,97.42c-3.457-2.01-7.89-0.837-9.9,2.62c-2.01,3.457-0.837,7.89,2.62,9.9l35.36,20.44
+			c3.457,2.01,7.89,0.837,9.9-2.62C77.13,124.302,75.957,119.87,72.5,117.86z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M200.099,0.02c-4.01-0.298-7.501,2.711-7.799,6.721c-0.027,0.359-0.027,0.719,0,1.078v40.84
+			c0.022,3.989,3.251,7.218,7.24,7.24c4.021,0,7.28-3.259,7.28-7.28V7.82C207.117,3.81,204.108,0.318,200.099,0.02z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M130.34,65.22l-20.4-35.36c-2.01-3.457-6.443-4.63-9.9-2.62c-3.457,2.01-4.63,6.443-2.62,9.9l20.4,35.36
+			c2.01,3.457,6.443,4.63,9.9,2.62C131.177,73.109,132.35,68.677,130.34,65.22z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M200.618,134.94c-0.359-0.027-0.719-0.027-1.078,0c-35.678,0-64.6,28.922-64.6,64.6c0,4.021,3.259,7.28,7.28,7.28
+			c4.005-0.022,7.24-3.275,7.24-7.28c-0.022-27.636,22.364-50.058,50-50.08c0.027,0,0.053,0,0.08,0
+			c4.01,0.298,7.501-2.711,7.799-6.721S204.628,135.237,200.618,134.94z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M397.98,198.98c-0.267-3.595-3.125-6.454-6.721-6.721h-40.84c-4.01-0.298-7.501,2.711-7.799,6.721
+			s2.711,7.501,6.721,7.799c0.359,0.027,0.72,0.027,1.079,0h40.84C395.269,206.482,398.278,202.99,397.98,198.98z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M49.738,192.3c-0.359-0.027-0.719-0.027-1.078,0H7.82c-4.01,0.298-7.019,3.79-6.721,7.799
+			c0.267,3.595,3.125,6.454,6.721,6.721h40.84c4.01,0.298,7.501-2.711,7.799-6.721C56.757,196.089,53.748,192.597,49.738,192.3z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M199.569,92.7c-59.006-0.008-106.846,47.819-106.855,106.825c-0.004,28.347,11.258,55.534,31.305,75.575
+			c20.009,20.059,47.188,31.316,75.52,31.28c59.006,0.008,106.847-47.819,106.855-106.825S258.575,92.708,199.569,92.7z
+			 M264.819,264.94c-36.053,36.053-94.507,36.053-130.56,0c-17.343-17.343-27.072-40.874-27.04-65.4
+			c-0.035-24.492,9.697-47.987,27.04-65.28v0.12c36.053-36.053,94.507-36.053,130.56,0
+			C300.873,170.433,300.873,228.887,264.819,264.94z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M301.678,361.972c-0.006-0.011-0.012-0.022-0.019-0.032l-20.44-35.36c-2.01-3.457-6.443-4.63-9.9-2.62
+			c-3.457,2.01-4.63,6.443-2.62,9.9l20.44,35.36c2.002,3.453,6.422,4.634,9.88,2.64
+			C302.484,369.863,303.675,365.436,301.678,361.972z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M299.28,27.24c-3.457-2.01-7.89-0.837-9.9,2.62l-20.44,35.36c-2.024,3.449-0.868,7.885,2.58,9.908
+			c0.007,0.004,0.013,0.008,0.02,0.012h0c3.454,2.014,7.887,0.847,9.901-2.608c0.006-0.011,0.013-0.022,0.019-0.032l20.44-35.36
+			C303.91,33.682,302.737,29.25,299.28,27.24z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M127.76,323.96c-3.457-2.01-7.89-0.837-9.9,2.62l-20.44,35.36c-2.01,3.457-0.837,7.89,2.62,9.9s7.89,0.837,9.9-2.62
+			l20.44-35.36C132.39,330.402,131.217,325.97,127.76,323.96z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M75.12,271.32c-2.01-3.457-6.443-4.63-9.9-2.62l-35.36,20.44c-3.457,2.01-4.63,6.443-2.62,9.9
+			c2.01,3.457,6.443,4.63,9.9,2.62l35.36-20.44C75.957,279.209,77.13,274.777,75.12,271.32z"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/img/icons/temperature.svg b/img/icons/temperature.svg
new file mode 100644
index 0000000..a8ee264
--- /dev/null
+++ b/img/icons/temperature.svg
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="573.699px" height="573.699px" viewBox="0 0 573.699 573.699" style="enable-background:new 0 0 573.699 573.699;"
+	 xml:space="preserve">
+<g>
+	<g>
+		<path d="M305.949,424.6c0-1.9,0-1.9,0-3.799V133.9c0-11.5-7.6-19.1-19.099-19.1c-11.5,0-19.1,9.6-19.1,19.1v286.901
+			c0,1.898,0,1.898,0,3.799c-23,7.701-38.2,28.701-38.2,53.5c0,32.5,24.9,57.4,57.4,57.4c32.499,0,57.399-24.9,57.399-57.4
+			C344.25,453.301,328.949,432.301,305.949,424.6z"/>
+		<path d="M344.25,401.699V57.4c0-32.5-24.9-57.4-57.4-57.4c-32.5,0-57.4,26.8-57.4,57.4v344.2c-23,17.201-38.2,45.9-38.2,76.5
+			c0,53.5,42.1,95.6,95.6,95.6c53.5,0,95.599-42.1,95.599-95.6C382.449,447.5,367.15,418.9,344.25,401.699z M286.85,554.699
+			c-42.1,0-76.5-34.398-76.5-76.5c0-28.699,15.3-53.5,38.2-66.898V57.4c0-21,17.2-38.2,38.2-38.2s38.199,17.2,38.199,38.2v353.799
+			c23,13.4,38.201,38.201,38.201,66.9C363.35,520.199,328.949,554.699,286.85,554.699z"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/loginmodal.html b/loginmodal.html
new file mode 100644
index 0000000..d14d918
--- /dev/null
+++ b/loginmodal.html
@@ -0,0 +1,132 @@
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Bootstrap Elegant Modal Login Modal Form with Icons</title>
+<link href="https://fonts.googleapis.com/css?family=Roboto|Varela+Round" rel="stylesheet">
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
+<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+<style type="text/css">
+    body {
+		font-family: 'Varela Round', sans-serif;
+	}
+	.modal-login {
+		color: #636363;
+		width: 350px;
+	}
+	.modal-login .modal-content {
+		padding: 20px;
+		border-radius: 5px;
+		border: none;
+	}
+	.modal-login .modal-header {
+		border-bottom: none;
+		position: relative;
+		justify-content: center;
+	}
+	.modal-login h4 {
+		text-align: center;
+		font-size: 26px;
+	}
+	.modal-login  .form-group {
+		position: relative;
+	}
+	.modal-login i {
+		position: absolute;
+		left: 13px;
+		top: 11px;
+		font-size: 18px;
+	}
+	.modal-login .form-control {
+		padding-left: 40px;
+	}
+	.modal-login .form-control:focus {
+		border-color: #12b5e5;
+	}
+	.modal-login .form-control, .modal-login .btn {
+		min-height: 40px;
+		border-radius: 3px; 
+        transition: all 0.5s;
+	}
+	.modal-login .close {
+        position: absolute;
+		top: -5px;
+		right: -5px;
+	}
+    .modal-login input[type="checkbox"] {
+        margin-top: 1px;
+    }
+    .modal-login .forgot-link {
+        color: #12b5e5;
+        float: right;
+    }
+	.modal-login .btn {
+		background: #12b5e5;
+		border: none;
+		line-height: normal;
+	}
+	.modal-login .btn:hover, .modal-login .btn:focus {
+		background: #10a3cd;
+	}
+	.modal-login .modal-footer {
+		color: #999;
+		border: none;
+		text-align: center;
+		border-radius: 5px;
+		font-size: 13px;
+        margin-top: -20px;
+		justify-content: center;
+	}
+	.modal-login .modal-footer a {
+		color: #12b5e5;
+	}
+	.trigger-btn {
+		display: inline-block;
+		margin: 100px auto;
+	}
+</style>
+</head>
+<body>
+<div class="text-center">
+	<!-- Button HTML (to Trigger Modal) -->
+	<a href="#myModal" class="trigger-btn" data-toggle="modal">Click to Open Login Modal</a>
+</div>
+
+<!-- Modal HTML -->
+<div id="myModal" class="modal fade">
+	<div class="modal-dialog modal-login">
+		<div class="modal-content">
+			<div class="modal-header">				
+				<h4 class="modal-title">Sign in</h4>
+				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+			</div>
+			<div class="modal-body">
+				<form action="/examples/actions/confirmation.php" method="post">
+					<div class="form-group">
+						<i class="fa fa-user"></i>
+						<input type="text" class="form-control" placeholder="Username" required="required">
+					</div>
+					<div class="form-group">
+						<i class="fa fa-lock"></i>
+						<input type="password" class="form-control" placeholder="Password" required="required">					
+					</div>
+                    <div class="form-group small clearfix">
+                        <label class="checkbox-inline"><input type="checkbox"> Remember me</label>
+                        <a href="#" class="forgot-link">Forgot Password?</a>
+					</div>
+					<div class="form-group">
+						<input type="submit" class="btn btn-primary btn-block btn-lg" value="Sign in">
+					</div>
+				</form>
+			</div>
+			<div class="modal-footer">Don't have an account? <a href="">Sign up</a></div>
+		</div>
+	</div>
+</div>     
+</body>
+</html>                                		
\ No newline at end of file