diff --git a/css/homepage.css b/css/homepage.css
index 7442fcf..c469ab8 100644
--- a/css/homepage.css
+++ b/css/homepage.css
@@ -1,3 +1,4 @@
+@import url(/home/mike/scripts/START/js/weather.js);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,200);
* {
margin: 0;
@@ -29,3 +30,110 @@ form {
.search:focus {
outline: none;
border: 2.5px solid #8f8f8f; }
+
+@font-face {
+ font-family: 'weather';
+ src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot');
+ src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
+ url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff') format('woff'),
+ url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf') format('truetype'),
+ url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
+
+#weather {
+ width: 500px;
+ height: 40px;
+ margin: 0px auto;
+ padding: 45px 0;
+ font: "Roboto", "Consolas", "Helvetica", sans-serif;
+ text-align: center;
+ text-transform: uppercase;
+}
+
+i {
+ color: #7d7d7d;
+ font-family: weather;
+ font-size: 150px;
+ font-weight: normal;
+ font-style: normal;
+ line-height: 0.0;
+ opacity: 0.5;
+}
+
+.icon-0:before { content: ":"; }
+.icon-1:before { content: "p"; }
+.icon-2:before { content: "S"; }
+.icon-3:before { content: "Q"; }
+.icon-4:before { content: "S"; }
+.icon-5:before { content: "W"; }
+.icon-6:before { content: "W"; }
+.icon-7:before { content: "W"; }
+.icon-8:before { content: "W"; }
+.icon-9:before { content: "I"; }
+.icon-10:before { content: "W"; }
+.icon-11:before { content: "I"; }
+.icon-12:before { content: "I"; }
+.icon-13:before { content: "I"; }
+.icon-14:before { content: "I"; }
+.icon-15:before { content: "W"; }
+.icon-16:before { content: "I"; }
+.icon-17:before { content: "W"; }
+.icon-18:before { content: "U"; }
+.icon-19:before { content: "Z"; }
+.icon-20:before { content: "Z"; }
+.icon-21:before { content: "Z"; }
+.icon-22:before { content: "Z"; }
+.icon-23:before { content: "Z"; }
+.icon-24:before { content: "E"; }
+.icon-25:before { content: "E"; }
+.icon-26:before { content: "3"; }
+.icon-27:before { content: "a"; }
+.icon-28:before { content: "A"; }
+.icon-29:before { content: "a"; }
+.icon-30:before { content: "A"; }
+.icon-31:before { content: "6"; }
+.icon-32:before { content: "1"; }
+.icon-33:before { content: "6"; }
+.icon-34:before { content: "1"; }
+.icon-35:before { content: "W"; }
+.icon-36:before { content: "1"; }
+.icon-37:before { content: "S"; }
+.icon-38:before { content: "S"; }
+.icon-39:before { content: "S"; }
+.icon-40:before { content: "M"; }
+.icon-41:before { content: "W"; }
+.icon-42:before { content: "I"; }
+.icon-43:before { content: "W"; }
+.icon-44:before { content: "a"; }
+.icon-45:before { content: "S"; }
+.icon-46:before { content: "U"; }
+.icon-47:before { content: "S"; }
+
+#weather h2 {
+ margin: 0 0 8px;
+ color: #7d7d7d;
+ font-size: 55px;
+ font-weight: 300;
+ text-align: center;
+ opacity: 0.5;
+ text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
+}
+
+#weather ul {
+ margin: 0;
+ padding: 0;
+}
+
+#weather li {
+ background: #7d7d7d;
+ background: rgba(255,255,255,0.90);
+ padding: 20px;
+ display: inline-block;
+ border-radius: 5px;
+}
+
+#weather .currently {
+ margin: 0 20px;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 8427a5c..d95f9f4 100644
--- a/index.html
+++ b/index.html
@@ -9,7 +9,9 @@
めめ
-
+
+
+