diff --git a/makarov ivan/pics/Big_Sun.png b/makarov ivan/pics/Big_Sun.png new file mode 100644 index 0000000..96adbb9 Binary files /dev/null and b/makarov ivan/pics/Big_Sun.png differ diff --git a/makarov ivan/pics/Ellipse6.png b/makarov ivan/pics/Ellipse6.png new file mode 100644 index 0000000..4645922 Binary files /dev/null and b/makarov ivan/pics/Ellipse6.png differ diff --git a/makarov ivan/pics/Layer3.png b/makarov ivan/pics/Layer3.png new file mode 100644 index 0000000..335fba1 Binary files /dev/null and b/makarov ivan/pics/Layer3.png differ diff --git a/makarov ivan/pics/Layer6.png b/makarov ivan/pics/Layer6.png new file mode 100644 index 0000000..2f7d951 Binary files /dev/null and b/makarov ivan/pics/Layer6.png differ diff --git a/makarov ivan/pics/TokyoPerfPX.jpf b/makarov ivan/pics/TokyoPerfPX.jpf new file mode 100644 index 0000000..1e050fd Binary files /dev/null and b/makarov ivan/pics/TokyoPerfPX.jpf differ diff --git a/makarov ivan/pics/TokyoPerfPX.png b/makarov ivan/pics/TokyoPerfPX.png new file mode 100644 index 0000000..9b9dde6 Binary files /dev/null and b/makarov ivan/pics/TokyoPerfPX.png differ diff --git a/makarov ivan/pics/city-bg.jpg b/makarov ivan/pics/city-bg.jpg new file mode 100644 index 0000000..089f2dd Binary files /dev/null and b/makarov ivan/pics/city-bg.jpg differ diff --git a/makarov ivan/pics/graph.png b/makarov ivan/pics/graph.png new file mode 100644 index 0000000..c6eddad Binary files /dev/null and b/makarov ivan/pics/graph.png differ diff --git a/makarov ivan/pics/sun_copy.png b/makarov ivan/pics/sun_copy.png new file mode 100644 index 0000000..96adbb9 Binary files /dev/null and b/makarov ivan/pics/sun_copy.png differ diff --git a/makarov ivan/pics/suncopy2.png b/makarov ivan/pics/suncopy2.png new file mode 100644 index 0000000..a7ccc1f Binary files /dev/null and b/makarov ivan/pics/suncopy2.png differ diff --git a/makarov ivan/site_grid.html b/makarov ivan/site_grid.html new file mode 100644 index 0000000..2290fe1 --- /dev/null +++ b/makarov ivan/site_grid.html @@ -0,0 +1,23 @@ + + + + Tokyo + + + + +
+

+
Sunny
+
Tokyo-Wednsday, Juli 31
+
28 °C
+
+

+

+

+
Thu
28 °C
18 °C
+
Fri
22 °C
20 °C
+
Sat
30 °C
27 °C
+
+ + \ No newline at end of file diff --git a/makarov ivan/weather.css b/makarov ivan/weather.css new file mode 100644 index 0000000..9fc3fc6 --- /dev/null +++ b/makarov ivan/weather.css @@ -0,0 +1,135 @@ +@import url('https://fonts.googleapis.com/css?family=Dosis:200,300,700&display=swap&subset=latin-ext'); +* { + font-family: 'Dosis', sans-serif; + text-align: center; +} +body { + background: url(pics/layer3.png) no-repeat; + background-size: 100%; +} +*.white_text { + color: white; + +} +*.red_text { + color: #661f25; +} +.whaether_icon_main { + grid-column-start: 1; + grid-column-end: 2; + -ms-grid-column: 1; + grid-row-start: 1; + grid-row-end: 3; + -ms-grid-row: 1; + -ms-grid-row-span: 2; + background: url(pics/big_sun.png) no-repeat center; +} +.wheather_condition { + grid-column-start: 1; + grid-column-end: 2; + -ms-grid-column: 1; + grid-row-start: 3; + grid-row-end: 4; + -ms-grid-row: 3; + font-size: 36px; + line-height: 94px; /* костыль для вертикального выравнивания текста, равен высоте занимаемой ячейки*/ +} +.description { + grid-column-start: 1; + grid-column-end: 2; + -ms-grid-column: 1; + grid-row-start: 4; + grid-row-end: 5; + -ms-grid-row: 4; + font-size: 22px; + line-height: 104px; +} +.degrees { + grid-column-start: 3; + grid-column-end: 8; + -ms-grid-column: 3; + -ms-grid-column-span: 5; + grid-row-start: 1; + grid-row-end: 2; + -ms-grid-row: 1; + font-size: 76px; + line-height: 144px; +} +.graph { + grid-column-start: 3; + grid-column-end: 8; + -ms-grid-column: 3; + -ms-grid-column-span: 5; + grid-row-start: 2; + grid-row-end: 3; + -ms-grid-row: 2; + background: url(pics/graph.png) no-repeat; + background-position-y: center; + background-size: auto 96px; +} +figure { + margin: auto auto; +} +.forecast_pic1 { + grid-column-start: 3; + grid-column-end: 4; + -ms-grid-column: 3; + grid-row-start: 3; + grid-row-end: 4; + -ms-grid-row: 3; +/* background: url(pics/suncopy2.png) no-repeat center; убран из-за использования симантическхи тегов */ +} +.forecast_pic2 { + grid-column-start: 5; + grid-column-end: 6; + -ms-grid-column: 5; + grid-row-start: 3; + grid-row-end: 4; + -ms-grid-row: 3; +/* background: url(pics/ellipse6.png) no-repeat center; убран из-за использования симантическхи тегов */ +} +.forecast_pic3 { + grid-column-start: 7; + grid-column-end: 8; + -ms-grid-column: 7; + grid-row-start: 3; + grid-row-end: 4; + -ms-grid-row: 3; +/* background: url(pics/ellipse6.png) no-repeat center; убран из-за использования симантическхи тегов */ +} +.forecast_day1 { + grid-column-start: 3; + grid-column-end: 4; + -ms-grid-column: 3; + grid-row-start: 4; + grid-row-end: 5; + -ms-grid-row: 4; +} +.forecast_day2 { + grid-column-start: 5; + grid-column-end: 6; + -ms-grid-column: 5; + grid-row-start: 4; + grid-row-end: 5; + -ms-grid-row: 4; +} +.forecast_day3 { + grid-column-start: 7; + grid-column-end: 8; + -ms-grid-column: 7; + grid-row-start: 4; + grid-row-end: 5; + -ms-grid-row: 4; +} +.container { + width: 581px; + height: 438px; + margin: auto; /*главный див будет по центру*/ + display: grid; + display: -ms-grid; /*костыль для IE*/ + grid-template-columns: 290px 40px 50px 29px 50px 29px 50px 43px; + grid-template-rows: 144px 96px 94px 104px; + -ms-grid-columns: 290px 40px 50px 29px 50px 29px 50px 43px; /*еще для IE */ + -ms-grid-rows: 144px 96px 94px 104px; /*он же*/ + background: url(pics/layer6.png) no-repeat center; + } \ No newline at end of file