adds mist asset and home screen

.eslintcache

@@ -1 +1 @@
-[{"/Users/gabrielrussell/code/world-weather-app/src/reportWebVitals.js":"1","/Users/gabrielrussell/code/world-weather-app/src/App.js":"2","/Users/gabrielrussell/code/world-weather-app/src/index.js":"3"},{"size":362,"mtime":1606235130117,"results":"4","hashOfConfig":"5"},{"size":1967,"mtime":1606274137017,"results":"6","hashOfConfig":"5"},{"size":500,"mtime":1606235130116,"results":"7","hashOfConfig":"5"},{"filePath":"8","messages":"9","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"139zll3",{"filePath":"10","messages":"11","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"12","messages":"13","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"/Users/gabrielrussell/code/world-weather-app/src/reportWebVitals.js",[],"/Users/gabrielrussell/code/world-weather-app/src/App.js",[],"/Users/gabrielrussell/code/world-weather-app/src/index.js",[]]
+[{"/Users/gabrielrussell/code/world-weather-app/src/reportWebVitals.js":"1","/Users/gabrielrussell/code/world-weather-app/src/App.js":"2","/Users/gabrielrussell/code/world-weather-app/src/index.js":"3"},{"size":362,"mtime":1606235130117,"results":"4","hashOfConfig":"5"},{"size":2127,"mtime":1606276990907,"results":"6","hashOfConfig":"5"},{"size":500,"mtime":1606235130116,"results":"7","hashOfConfig":"5"},{"filePath":"8","messages":"9","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"139zll3",{"filePath":"10","messages":"11","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"12","messages":"13","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"/Users/gabrielrussell/code/world-weather-app/src/reportWebVitals.js",[],"/Users/gabrielrussell/code/world-weather-app/src/App.js",[],"/Users/gabrielrussell/code/world-weather-app/src/index.js",[]]

src/App.js

@@ -31,6 +31,7 @@ function App() {
 		else if (wthr === 'Rain') return 'app rain';
 		else if (wthr === 'Thunderstorm') return 'app storm';
 		else if (wthr === 'Snow') return 'app snow';
+		else if (wthr === 'Mist') return 'app mist';
 		else return 'app';
 	};
 
@@ -68,7 +69,9 @@ function App() {
 						</div>
 					</div>
 				) : (
-					''
+					<div className="welcome-box">
+						<div className="welcome">Welcome to Gabes Weather Application</div>
+					</div>
 				)}
 			</main>
 		</div>

src/index.css

@@ -41,6 +41,10 @@ body {
 	background-image: url('./assests/snowing.jpg');
 }
 
+.app.mist {
+	background-image: url('./assests/mist.jpg');
+}
+
 main {
 	min-height: 100vh;
 	background-image: linear-gradient(
@@ -126,3 +130,11 @@ main {
 	font-weight: 700;
 	text-shadow: 3px 3px rgba(50, 50, 70, 0.5);
 }
+
+.welcome-box .welcome {
+	color: #fff;
+	font-size: 50px;
+	font-weight: 500;
+	text-align: center;
+	text-shadow: 3px 3px rgba(50, 50, 70, 0.5);
+}