diff --git a/Kirill Zhuck 1/Tokyo.psd b/Kirill Zhuck 1/Tokyo.psd new file mode 100644 index 0000000..f5adab6 Binary files /dev/null and b/Kirill Zhuck 1/Tokyo.psd differ diff --git "a/Kirill Zhuck 1/images/22\302\260C 20\302\260C@1X.png" "b/Kirill Zhuck 1/images/22\302\260C 20\302\260C@1X.png" new file mode 100644 index 0000000..882e9f4 Binary files /dev/null and "b/Kirill Zhuck 1/images/22\302\260C 20\302\260C@1X.png" differ diff --git "a/Kirill Zhuck 1/images/28 \302\260C@1X.png" "b/Kirill Zhuck 1/images/28 \302\260C@1X.png" new file mode 100644 index 0000000..e31e964 Binary files /dev/null and "b/Kirill Zhuck 1/images/28 \302\260C@1X.png" differ diff --git "a/Kirill Zhuck 1/images/28\302\260C 18\302\260C@1X.png" "b/Kirill Zhuck 1/images/28\302\260C 18\302\260C@1X.png" new file mode 100644 index 0000000..9833d96 Binary files /dev/null and "b/Kirill Zhuck 1/images/28\302\260C 18\302\260C@1X.png" differ diff --git "a/Kirill Zhuck 1/images/30\302\260C 27\302\260C@1X.png" "b/Kirill Zhuck 1/images/30\302\260C 27\302\260C@1X.png" new file mode 100644 index 0000000..602adf8 Binary files /dev/null and "b/Kirill Zhuck 1/images/30\302\260C 27\302\260C@1X.png" differ diff --git a/Kirill Zhuck 1/images/Ellipse 1@1X (1).png b/Kirill Zhuck 1/images/Ellipse 1@1X (1).png new file mode 100644 index 0000000..fe26695 Binary files /dev/null and b/Kirill Zhuck 1/images/Ellipse 1@1X (1).png differ diff --git a/Kirill Zhuck 1/images/Ellipse 1@1X.png b/Kirill Zhuck 1/images/Ellipse 1@1X.png new file mode 100644 index 0000000..fe26695 Binary files /dev/null and b/Kirill Zhuck 1/images/Ellipse 1@1X.png differ diff --git a/Kirill Zhuck 1/images/Ellipse 2 copy 2@1X.png b/Kirill Zhuck 1/images/Ellipse 2 copy 2@1X.png new file mode 100644 index 0000000..372e89d Binary files /dev/null and b/Kirill Zhuck 1/images/Ellipse 2 copy 2@1X.png differ diff --git a/Kirill Zhuck 1/images/Ellipse 2 copy 3@1X.png b/Kirill Zhuck 1/images/Ellipse 2 copy 3@1X.png new file mode 100644 index 0000000..372e89d Binary files /dev/null and b/Kirill Zhuck 1/images/Ellipse 2 copy 3@1X.png differ diff --git a/Kirill Zhuck 1/images/Ellipse 2 copy 4@1X.png b/Kirill Zhuck 1/images/Ellipse 2 copy 4@1X.png new file mode 100644 index 0000000..372e89d Binary files /dev/null and b/Kirill Zhuck 1/images/Ellipse 2 copy 4@1X.png differ diff --git a/Kirill Zhuck 1/images/Ellipse 2 copy 5@1X.png b/Kirill Zhuck 1/images/Ellipse 2 copy 5@1X.png new file mode 100644 index 0000000..372e89d Binary files /dev/null and b/Kirill Zhuck 1/images/Ellipse 2 copy 5@1X.png differ diff --git a/Kirill Zhuck 1/images/Ellipse 2 copy 6@1X.png b/Kirill Zhuck 1/images/Ellipse 2 copy 6@1X.png new file mode 100644 index 0000000..372e89d Binary files /dev/null and b/Kirill Zhuck 1/images/Ellipse 2 copy 6@1X.png differ diff --git a/Kirill Zhuck 1/images/Ellipse 2 copy@1X.png b/Kirill Zhuck 1/images/Ellipse 2 copy@1X.png new file mode 100644 index 0000000..372e89d Binary files /dev/null and b/Kirill Zhuck 1/images/Ellipse 2 copy@1X.png differ diff --git a/Kirill Zhuck 1/images/Ellipse 2@1X.png b/Kirill Zhuck 1/images/Ellipse 2@1X.png new file mode 100644 index 0000000..372e89d Binary files /dev/null and b/Kirill Zhuck 1/images/Ellipse 2@1X.png differ diff --git a/Kirill Zhuck 1/images/Ellipse 6 copy@1X.png b/Kirill Zhuck 1/images/Ellipse 6 copy@1X.png new file mode 100644 index 0000000..6a71bdb Binary files /dev/null and b/Kirill Zhuck 1/images/Ellipse 6 copy@1X.png differ diff --git a/Kirill Zhuck 1/images/Fri@1X.png b/Kirill Zhuck 1/images/Fri@1X.png new file mode 100644 index 0000000..5f37c60 Binary files /dev/null and b/Kirill Zhuck 1/images/Fri@1X.png differ diff --git a/Kirill Zhuck 1/images/Layer 0@1X.png b/Kirill Zhuck 1/images/Layer 0@1X.png new file mode 100644 index 0000000..ebe1c82 Binary files /dev/null and b/Kirill Zhuck 1/images/Layer 0@1X.png differ diff --git a/Kirill Zhuck 1/images/Layer 3 copy@1X.png b/Kirill Zhuck 1/images/Layer 3 copy@1X.png new file mode 100644 index 0000000..b645971 Binary files /dev/null and b/Kirill Zhuck 1/images/Layer 3 copy@1X.png differ diff --git a/Kirill Zhuck 1/images/Layer 4 copy 2@1X.png b/Kirill Zhuck 1/images/Layer 4 copy 2@1X.png new file mode 100644 index 0000000..a45ad59 Binary files /dev/null and b/Kirill Zhuck 1/images/Layer 4 copy 2@1X.png differ diff --git a/Kirill Zhuck 1/images/Layer 6@1X.png b/Kirill Zhuck 1/images/Layer 6@1X.png new file mode 100644 index 0000000..dcd851b Binary files /dev/null and b/Kirill Zhuck 1/images/Layer 6@1X.png differ diff --git a/Kirill Zhuck 1/images/Layer 7@1X.png b/Kirill Zhuck 1/images/Layer 7@1X.png new file mode 100644 index 0000000..500118d Binary files /dev/null and b/Kirill Zhuck 1/images/Layer 7@1X.png differ diff --git a/Kirill Zhuck 1/images/Rectangle 1 copy@1X.png b/Kirill Zhuck 1/images/Rectangle 1 copy@1X.png new file mode 100644 index 0000000..6affcf6 Binary files /dev/null and b/Kirill Zhuck 1/images/Rectangle 1 copy@1X.png differ diff --git a/Kirill Zhuck 1/images/Rounded Rectangle 1 copy 2@1X (1).png b/Kirill Zhuck 1/images/Rounded Rectangle 1 copy 2@1X (1).png new file mode 100644 index 0000000..bc687d9 Binary files /dev/null and b/Kirill Zhuck 1/images/Rounded Rectangle 1 copy 2@1X (1).png differ diff --git a/Kirill Zhuck 1/images/Rounded Rectangle 1 copy 2@1X.png b/Kirill Zhuck 1/images/Rounded Rectangle 1 copy 2@1X.png new file mode 100644 index 0000000..bc687d9 Binary files /dev/null and b/Kirill Zhuck 1/images/Rounded Rectangle 1 copy 2@1X.png differ diff --git a/Kirill Zhuck 1/images/Rounded Rectangle 1 copy 3@1X (1).png b/Kirill Zhuck 1/images/Rounded Rectangle 1 copy 3@1X (1).png new file mode 100644 index 0000000..b4ba100 Binary files /dev/null and b/Kirill Zhuck 1/images/Rounded Rectangle 1 copy 3@1X (1).png differ diff --git a/Kirill Zhuck 1/images/Rounded Rectangle 1 copy 3@1X.png b/Kirill Zhuck 1/images/Rounded Rectangle 1 copy 3@1X.png new file mode 100644 index 0000000..b4ba100 Binary files /dev/null and b/Kirill Zhuck 1/images/Rounded Rectangle 1 copy 3@1X.png differ diff --git a/Kirill Zhuck 1/images/Rounded Rectangle 1 copy 4@1X (1).png b/Kirill Zhuck 1/images/Rounded Rectangle 1 copy 4@1X (1).png new file mode 100644 index 0000000..f4e3f48 Binary files /dev/null and b/Kirill Zhuck 1/images/Rounded Rectangle 1 copy 4@1X (1).png differ diff --git a/Kirill Zhuck 1/images/Rounded Rectangle 1 copy 4@1X.png b/Kirill Zhuck 1/images/Rounded Rectangle 1 copy 4@1X.png new file mode 100644 index 0000000..f4e3f48 Binary files /dev/null and b/Kirill Zhuck 1/images/Rounded Rectangle 1 copy 4@1X.png differ diff --git a/Kirill Zhuck 1/images/Rounded Rectangle 1 copy@1X.png b/Kirill Zhuck 1/images/Rounded Rectangle 1 copy@1X.png new file mode 100644 index 0000000..7100bd5 Binary files /dev/null and b/Kirill Zhuck 1/images/Rounded Rectangle 1 copy@1X.png differ diff --git a/Kirill Zhuck 1/images/Rounded Rectangle 1@1X (1).png b/Kirill Zhuck 1/images/Rounded Rectangle 1@1X (1).png new file mode 100644 index 0000000..7100bd5 Binary files /dev/null and b/Kirill Zhuck 1/images/Rounded Rectangle 1@1X (1).png differ diff --git a/Kirill Zhuck 1/images/Rounded Rectangle 1@1X.png b/Kirill Zhuck 1/images/Rounded Rectangle 1@1X.png new file mode 100644 index 0000000..7100bd5 Binary files /dev/null and b/Kirill Zhuck 1/images/Rounded Rectangle 1@1X.png differ diff --git a/Kirill Zhuck 1/images/Rounded Rectangle 2@1X.png b/Kirill Zhuck 1/images/Rounded Rectangle 2@1X.png new file mode 100644 index 0000000..ef1ee16 Binary files /dev/null and b/Kirill Zhuck 1/images/Rounded Rectangle 2@1X.png differ diff --git a/Kirill Zhuck 1/images/Sat@1X.png b/Kirill Zhuck 1/images/Sat@1X.png new file mode 100644 index 0000000..5fb4abb Binary files /dev/null and b/Kirill Zhuck 1/images/Sat@1X.png differ diff --git a/Kirill Zhuck 1/images/Shape 1.svg b/Kirill Zhuck 1/images/Shape 1.svg new file mode 100644 index 0000000..5f28270 --- /dev/null +++ b/Kirill Zhuck 1/images/Shape 1.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/Kirill Zhuck 1/images/Shape 1@1X.png b/Kirill Zhuck 1/images/Shape 1@1X.png new file mode 100644 index 0000000..f78fbd6 Binary files /dev/null and b/Kirill Zhuck 1/images/Shape 1@1X.png differ diff --git a/Kirill Zhuck 1/images/Shape 2.svg b/Kirill Zhuck 1/images/Shape 2.svg new file mode 100644 index 0000000..5f28270 --- /dev/null +++ b/Kirill Zhuck 1/images/Shape 2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/Kirill Zhuck 1/images/Shape 2@1X.png b/Kirill Zhuck 1/images/Shape 2@1X.png new file mode 100644 index 0000000..a167868 Binary files /dev/null and b/Kirill Zhuck 1/images/Shape 2@1X.png differ diff --git a/Kirill Zhuck 1/images/Shape 3.svg b/Kirill Zhuck 1/images/Shape 3.svg new file mode 100644 index 0000000..5f28270 --- /dev/null +++ b/Kirill Zhuck 1/images/Shape 3.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/Kirill Zhuck 1/images/Shape 3@1X.png b/Kirill Zhuck 1/images/Shape 3@1X.png new file mode 100644 index 0000000..fcce2e0 Binary files /dev/null and b/Kirill Zhuck 1/images/Shape 3@1X.png differ diff --git a/Kirill Zhuck 1/images/Shape 4.svg b/Kirill Zhuck 1/images/Shape 4.svg new file mode 100644 index 0000000..5f28270 --- /dev/null +++ b/Kirill Zhuck 1/images/Shape 4.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/Kirill Zhuck 1/images/Shape 4@1X.png b/Kirill Zhuck 1/images/Shape 4@1X.png new file mode 100644 index 0000000..abb6fb0 Binary files /dev/null and b/Kirill Zhuck 1/images/Shape 4@1X.png differ diff --git a/Kirill Zhuck 1/images/Shape 5@1X.png b/Kirill Zhuck 1/images/Shape 5@1X.png new file mode 100644 index 0000000..a2c90c0 Binary files /dev/null and b/Kirill Zhuck 1/images/Shape 5@1X.png differ diff --git a/Kirill Zhuck 1/images/Sunny @1X.png b/Kirill Zhuck 1/images/Sunny @1X.png new file mode 100644 index 0000000..936f628 Binary files /dev/null and b/Kirill Zhuck 1/images/Sunny @1X.png differ diff --git a/Kirill Zhuck 1/images/Thu@1X.png b/Kirill Zhuck 1/images/Thu@1X.png new file mode 100644 index 0000000..55b5f8d Binary files /dev/null and b/Kirill Zhuck 1/images/Thu@1X.png differ diff --git a/Kirill Zhuck 1/images/Tokyo - Wednesday, July 31@1X.png b/Kirill Zhuck 1/images/Tokyo - Wednesday, July 31@1X.png new file mode 100644 index 0000000..fab37ee Binary files /dev/null and b/Kirill Zhuck 1/images/Tokyo - Wednesday, July 31@1X.png differ diff --git a/Kirill Zhuck 1/images/sun copy 2@1X.png b/Kirill Zhuck 1/images/sun copy 2@1X.png new file mode 100644 index 0000000..3cd5754 Binary files /dev/null and b/Kirill Zhuck 1/images/sun copy 2@1X.png differ diff --git a/Kirill Zhuck 1/index.html b/Kirill Zhuck 1/index.html new file mode 100644 index 0000000..dad15ab --- /dev/null +++ b/Kirill Zhuck 1/index.html @@ -0,0 +1,100 @@ + + + + + Tokyo + + + +
+
+
+
+ + +
+ + +
+ + + +
+

Sunny

+

Tokyo - Wednesday, July 31

+
+
+
+

28℃

+
+
+
+ + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+
+ +

Thu

+
+

Fri

+
+

Sat

+ + + +
+
+
+

28°C
+ 18°C

+
+
+

22°C
+ 20°C

+
+
+

30°C
+ 27°C

+
+
+
+
+
+ + \ No newline at end of file diff --git a/Kirill Zhuck 1/style.css b/Kirill Zhuck 1/style.css new file mode 100644 index 0000000..daa8dec --- /dev/null +++ b/Kirill Zhuck 1/style.css @@ -0,0 +1,331 @@ +body { +background-color: black; +} + +.grid { + min-height: 100%; + display: grid; + grid-template-rows: auto 438px auto; + grid-template-columns: auto 581px auto; + background: url("images/Layer 3 copy@1X.png") no-repeat black; + background-size: cover; + width: 800px; + height: 600px; +} + +.item { + grid-column-start: 2; + grid-column-end: 2; + grid-row-start: 2; + grid-row-end: 2; + background: white; + display: grid; + grid-template-rows: 50% 50%; + grid-template-columns: 50% 50%; +} + + +.v1 { + display: grid; + grid-template-rows: 50% 50%; + grid-template-columns: 100%; + position: relative; + grid-column-start: 1; + grid-column-end: 1; + grid-row-start: 1; + grid-row-end: 3; + background: url("images/Layer 6@1X.png") no-repeat; + background-size: cover; + align-self: stretch; +} + + +.v2 { + display: grid; + justify-items:center; + grid-template-rows: 145px 97px 116px auto; + grid-template-columns: 100%; + grid-auto-rows: minmax(100px, auto); + grid-column-start: 2; + grid-column-end: 2; + grid-row-start: 1; + grid-row-end: 3; +} + +.v3 { + justify-self: center; + grid-row-start: 1; + grid-row-end: 1; + grid-column-start: 1; + grid-column-end: 1; +} + +.v4 { + justify-self: center; + grid-row-start: 2; + grid-row-end: 2; + grid-column-start: 1; + grid-column-end: 1; +} + +.v5 { + position: relative; + right:23px; + display: grid; + grid-template-rows: 100%; + grid-template-columns: 33% 33% 33%; + grid-column-gap: 25px; + justify-self: center; + grid-row-start: 3; + grid-row-end: 3; + grid-column-start: 1; + grid-column-end: 1; +} + +.v6 { + position: relative; + right:23px; + display: grid; + grid-template-rows: 100%; + grid-template-columns: 33% 33% 33%; + grid-column-gap: 25px; + justify-self: center; + grid-row-start: 4; + grid-row-end: 4; + grid-column-start: 1; + grid-column-end: 1; +} + +.img { + grid-row-start: 1; + grid-row-end: 1; + grid-column-start: 1; + grid-column-end: 1; + position: absolute; + top: 50%; + left: 50%; + margin-right: -50%; + transform: translate(-50%, -50%); +} + +.i1 { + position: relative; + left: 9px; + top: 10px; +} + +.i2 { + position: relative; + left: 30px; + bottom: 5px; +} + +.i3 { + position: relative; + left: 51px; + top: 10px; +} + +.i4 { + position: relative; + bottom: 30px; + right: 7px; +} + +.sun { + position: relative; +} + +.i5 { + position: relative; + bottom: 30px; + left: 7px; +} + +.i6 { + position: relative; + left: 10px; + bottom: 10px; +} + +.i7 { + position: relative; + left: 30px; + top: 4px; +} + +.i8 { + position: relative; + left: 50px; + bottom: 15px; +} + +.i9 { + position: relative; + top: 13px; + right: 1px; +} + +.i10 { + position: relative; + left: 22px; + top: 55px; +} + +.i11 { + position: relative; + left: 30px; + top: 35px; +} + +.i12 { + position: relative; + left: 60px; + top: 22px; +} + +.i13 { + position: relative; + left: 97px; + top: 61px; +} + +.i14 { + position: relative; + left: 112px; + top: 12px; +} + +.i15 { + position: relative; + left: 137px; + top: 40px; +} + +.i16 { + position: relative; + right: 5px; + top: 5px; +} + +.i17 { + position: relative; + right: 9px; + top: 3px; +} + +.i18 { + position: relative; + right: 12px; + bottom: 18px; +} + +.i19 { + align-self: center; + position: relative; + top: 30px; + grid-row-start: 1; + grid-row-end: 1; + grid-column-start: 1; + grid-column-end: 1; +} + +.i20 { + align-self: center; + position: relative; + top: 30px; + grid-row-start: 1; + grid-row-end: 1; + grid-column-start: 2; + grid-column-end: 2;} + +.i21 { + align-self: center; + position: relative; + top: 30px; + grid-row-start: 1; + grid-row-end: 1; + grid-column-start: 3; + grid-column-end: 3; +} + +.i22 { + align-items: center; + position: relative; + top: 20px; + right: 5px; + grid-row-start: 1; + grid-row-end: 1; + grid-column-start: 1; + grid-column-end: 1; +} +.i23 { + align-items: center; + position: relative; + top: 20px; + right: 3px; + grid-row-start: 1; + grid-row-end: 1; + grid-column-start: 2; + grid-column-end: 2; +} +.i24 { + align-items: center; + position: relative; + top: 20px; + left:5px; + grid-row-start: 1; + grid-row-end: 1; + grid-column-start: 3; + grid-column-end: 3; +} + + +.text1 { + position: relative; + top: 210px; + font-family: Dosis-ExtraLight, AdobeInvisFont, MyriadPro-Regular; + font-size: 36pt; + color: rgba(255, 255, 255, 255); + text-align: center; +} + +.text2 { + position: absolute; + font-family: Dosis-Light, AdobeInvisFont, MyriadPro-Regular; + font-size: 22pt; + color: rgba(255, 255, 255, 255); + text-align: center; + background-image: url("images/Rounded Rectangle 2@1X.png"); + height: 104px; + bottom: -30px; +} + +.text3 { + position: relative; + bottom: 110px; + font-family: Dosis-ExtraLight, AdobeInvisFont, MyriadPro-Regular; + font-size: 90pt; + color: rgba(119, 25, 33, 255); + text-align: center; +} + +.text4{ + position: relative; + right: 9px; + bottom: 15px; + font-family: Dosis-Book, AdobeInvisFont, MyriadPro-Regular; + font-size: 16pt; + color: rgba(119, 25, 33, 255); + text-align: center; +} + +.text5{ + position: relative; + right: 7px; + bottom: 30px; + font-family: Dosis-Book, AdobeInvisFont, MyriadPro-Regular; + font-size: 16pt; + color: rgba(119, 25, 33, 255); + text-align: center; +} \ No newline at end of file diff --git "a/Kirill Zhuck/images/22\302\260C 20\302\260C@1X.png" "b/Kirill Zhuck/images/22\302\260C 20\302\260C@1X.png" new file mode 100644 index 0000000..882e9f4 Binary files /dev/null and "b/Kirill Zhuck/images/22\302\260C 20\302\260C@1X.png" differ diff --git "a/Kirill Zhuck/images/28 \302\260C@1X.png" "b/Kirill Zhuck/images/28 \302\260C@1X.png" new file mode 100644 index 0000000..e31e964 Binary files /dev/null and "b/Kirill Zhuck/images/28 \302\260C@1X.png" differ diff --git "a/Kirill Zhuck/images/28\302\260C 18\302\260C@1X.png" "b/Kirill Zhuck/images/28\302\260C 18\302\260C@1X.png" new file mode 100644 index 0000000..9833d96 Binary files /dev/null and "b/Kirill Zhuck/images/28\302\260C 18\302\260C@1X.png" differ diff --git "a/Kirill Zhuck/images/30\302\260C 27\302\260C@1X.png" "b/Kirill Zhuck/images/30\302\260C 27\302\260C@1X.png" new file mode 100644 index 0000000..602adf8 Binary files /dev/null and "b/Kirill Zhuck/images/30\302\260C 27\302\260C@1X.png" differ diff --git a/Kirill Zhuck/images/Ellipse 1@1X (1).png b/Kirill Zhuck/images/Ellipse 1@1X (1).png new file mode 100644 index 0000000..fe26695 Binary files /dev/null and b/Kirill Zhuck/images/Ellipse 1@1X (1).png differ diff --git a/Kirill Zhuck/images/Ellipse 1@1X.png b/Kirill Zhuck/images/Ellipse 1@1X.png new file mode 100644 index 0000000..fe26695 Binary files /dev/null and b/Kirill Zhuck/images/Ellipse 1@1X.png differ diff --git a/Kirill Zhuck/images/Ellipse 2 copy 2@1X.png b/Kirill Zhuck/images/Ellipse 2 copy 2@1X.png new file mode 100644 index 0000000..372e89d Binary files /dev/null and b/Kirill Zhuck/images/Ellipse 2 copy 2@1X.png differ diff --git a/Kirill Zhuck/images/Ellipse 2 copy 3@1X.png b/Kirill Zhuck/images/Ellipse 2 copy 3@1X.png new file mode 100644 index 0000000..372e89d Binary files /dev/null and b/Kirill Zhuck/images/Ellipse 2 copy 3@1X.png differ diff --git a/Kirill Zhuck/images/Ellipse 2 copy 4@1X.png b/Kirill Zhuck/images/Ellipse 2 copy 4@1X.png new file mode 100644 index 0000000..372e89d Binary files /dev/null and b/Kirill Zhuck/images/Ellipse 2 copy 4@1X.png differ diff --git a/Kirill Zhuck/images/Ellipse 2 copy 5@1X.png b/Kirill Zhuck/images/Ellipse 2 copy 5@1X.png new file mode 100644 index 0000000..372e89d Binary files /dev/null and b/Kirill Zhuck/images/Ellipse 2 copy 5@1X.png differ diff --git a/Kirill Zhuck/images/Ellipse 2 copy 6@1X.png b/Kirill Zhuck/images/Ellipse 2 copy 6@1X.png new file mode 100644 index 0000000..372e89d Binary files /dev/null and b/Kirill Zhuck/images/Ellipse 2 copy 6@1X.png differ diff --git a/Kirill Zhuck/images/Ellipse 2 copy@1X.png b/Kirill Zhuck/images/Ellipse 2 copy@1X.png new file mode 100644 index 0000000..372e89d Binary files /dev/null and b/Kirill Zhuck/images/Ellipse 2 copy@1X.png differ diff --git a/Kirill Zhuck/images/Ellipse 2@1X.png b/Kirill Zhuck/images/Ellipse 2@1X.png new file mode 100644 index 0000000..372e89d Binary files /dev/null and b/Kirill Zhuck/images/Ellipse 2@1X.png differ diff --git a/Kirill Zhuck/images/Ellipse 6 copy@1X.png b/Kirill Zhuck/images/Ellipse 6 copy@1X.png new file mode 100644 index 0000000..6a71bdb Binary files /dev/null and b/Kirill Zhuck/images/Ellipse 6 copy@1X.png differ diff --git a/Kirill Zhuck/images/Fri@1X.png b/Kirill Zhuck/images/Fri@1X.png new file mode 100644 index 0000000..5f37c60 Binary files /dev/null and b/Kirill Zhuck/images/Fri@1X.png differ diff --git a/Kirill Zhuck/images/Layer 0@1X.png b/Kirill Zhuck/images/Layer 0@1X.png new file mode 100644 index 0000000..ebe1c82 Binary files /dev/null and b/Kirill Zhuck/images/Layer 0@1X.png differ diff --git a/Kirill Zhuck/images/Layer 3 copy@1X.png b/Kirill Zhuck/images/Layer 3 copy@1X.png new file mode 100644 index 0000000..b645971 Binary files /dev/null and b/Kirill Zhuck/images/Layer 3 copy@1X.png differ diff --git a/Kirill Zhuck/images/Layer 4 copy 2@1X.png b/Kirill Zhuck/images/Layer 4 copy 2@1X.png new file mode 100644 index 0000000..a45ad59 Binary files /dev/null and b/Kirill Zhuck/images/Layer 4 copy 2@1X.png differ diff --git a/Kirill Zhuck/images/Layer 6@1X.png b/Kirill Zhuck/images/Layer 6@1X.png new file mode 100644 index 0000000..dcd851b Binary files /dev/null and b/Kirill Zhuck/images/Layer 6@1X.png differ diff --git a/Kirill Zhuck/images/Layer 7@1X.png b/Kirill Zhuck/images/Layer 7@1X.png new file mode 100644 index 0000000..500118d Binary files /dev/null and b/Kirill Zhuck/images/Layer 7@1X.png differ diff --git a/Kirill Zhuck/images/Rectangle 1 copy@1X.png b/Kirill Zhuck/images/Rectangle 1 copy@1X.png new file mode 100644 index 0000000..6affcf6 Binary files /dev/null and b/Kirill Zhuck/images/Rectangle 1 copy@1X.png differ diff --git a/Kirill Zhuck/images/Rounded Rectangle 1 copy 2@1X (1).png b/Kirill Zhuck/images/Rounded Rectangle 1 copy 2@1X (1).png new file mode 100644 index 0000000..bc687d9 Binary files /dev/null and b/Kirill Zhuck/images/Rounded Rectangle 1 copy 2@1X (1).png differ diff --git a/Kirill Zhuck/images/Rounded Rectangle 1 copy 2@1X.png b/Kirill Zhuck/images/Rounded Rectangle 1 copy 2@1X.png new file mode 100644 index 0000000..bc687d9 Binary files /dev/null and b/Kirill Zhuck/images/Rounded Rectangle 1 copy 2@1X.png differ diff --git a/Kirill Zhuck/images/Rounded Rectangle 1 copy 3@1X (1).png b/Kirill Zhuck/images/Rounded Rectangle 1 copy 3@1X (1).png new file mode 100644 index 0000000..b4ba100 Binary files /dev/null and b/Kirill Zhuck/images/Rounded Rectangle 1 copy 3@1X (1).png differ diff --git a/Kirill Zhuck/images/Rounded Rectangle 1 copy 3@1X.png b/Kirill Zhuck/images/Rounded Rectangle 1 copy 3@1X.png new file mode 100644 index 0000000..b4ba100 Binary files /dev/null and b/Kirill Zhuck/images/Rounded Rectangle 1 copy 3@1X.png differ diff --git a/Kirill Zhuck/images/Rounded Rectangle 1 copy 4@1X (1).png b/Kirill Zhuck/images/Rounded Rectangle 1 copy 4@1X (1).png new file mode 100644 index 0000000..f4e3f48 Binary files /dev/null and b/Kirill Zhuck/images/Rounded Rectangle 1 copy 4@1X (1).png differ diff --git a/Kirill Zhuck/images/Rounded Rectangle 1 copy 4@1X.png b/Kirill Zhuck/images/Rounded Rectangle 1 copy 4@1X.png new file mode 100644 index 0000000..f4e3f48 Binary files /dev/null and b/Kirill Zhuck/images/Rounded Rectangle 1 copy 4@1X.png differ diff --git a/Kirill Zhuck/images/Rounded Rectangle 1 copy@1X.png b/Kirill Zhuck/images/Rounded Rectangle 1 copy@1X.png new file mode 100644 index 0000000..7100bd5 Binary files /dev/null and b/Kirill Zhuck/images/Rounded Rectangle 1 copy@1X.png differ diff --git a/Kirill Zhuck/images/Rounded Rectangle 1@1X (1).png b/Kirill Zhuck/images/Rounded Rectangle 1@1X (1).png new file mode 100644 index 0000000..7100bd5 Binary files /dev/null and b/Kirill Zhuck/images/Rounded Rectangle 1@1X (1).png differ diff --git a/Kirill Zhuck/images/Rounded Rectangle 1@1X.png b/Kirill Zhuck/images/Rounded Rectangle 1@1X.png new file mode 100644 index 0000000..7100bd5 Binary files /dev/null and b/Kirill Zhuck/images/Rounded Rectangle 1@1X.png differ diff --git a/Kirill Zhuck/images/Rounded Rectangle 2@1X.png b/Kirill Zhuck/images/Rounded Rectangle 2@1X.png new file mode 100644 index 0000000..ef1ee16 Binary files /dev/null and b/Kirill Zhuck/images/Rounded Rectangle 2@1X.png differ diff --git a/Kirill Zhuck/images/Sat@1X.png b/Kirill Zhuck/images/Sat@1X.png new file mode 100644 index 0000000..5fb4abb Binary files /dev/null and b/Kirill Zhuck/images/Sat@1X.png differ diff --git a/Kirill Zhuck/images/Shape 1.svg b/Kirill Zhuck/images/Shape 1.svg new file mode 100644 index 0000000..5f28270 --- /dev/null +++ b/Kirill Zhuck/images/Shape 1.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/Kirill Zhuck/images/Shape 1@1X.png b/Kirill Zhuck/images/Shape 1@1X.png new file mode 100644 index 0000000..f78fbd6 Binary files /dev/null and b/Kirill Zhuck/images/Shape 1@1X.png differ diff --git a/Kirill Zhuck/images/Shape 2.svg b/Kirill Zhuck/images/Shape 2.svg new file mode 100644 index 0000000..5f28270 --- /dev/null +++ b/Kirill Zhuck/images/Shape 2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/Kirill Zhuck/images/Shape 2@1X.png b/Kirill Zhuck/images/Shape 2@1X.png new file mode 100644 index 0000000..a167868 Binary files /dev/null and b/Kirill Zhuck/images/Shape 2@1X.png differ diff --git a/Kirill Zhuck/images/Shape 3.svg b/Kirill Zhuck/images/Shape 3.svg new file mode 100644 index 0000000..5f28270 --- /dev/null +++ b/Kirill Zhuck/images/Shape 3.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/Kirill Zhuck/images/Shape 3@1X.png b/Kirill Zhuck/images/Shape 3@1X.png new file mode 100644 index 0000000..fcce2e0 Binary files /dev/null and b/Kirill Zhuck/images/Shape 3@1X.png differ diff --git a/Kirill Zhuck/images/Shape 4.svg b/Kirill Zhuck/images/Shape 4.svg new file mode 100644 index 0000000..5f28270 --- /dev/null +++ b/Kirill Zhuck/images/Shape 4.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/Kirill Zhuck/images/Shape 4@1X.png b/Kirill Zhuck/images/Shape 4@1X.png new file mode 100644 index 0000000..abb6fb0 Binary files /dev/null and b/Kirill Zhuck/images/Shape 4@1X.png differ diff --git a/Kirill Zhuck/images/Shape 5@1X.png b/Kirill Zhuck/images/Shape 5@1X.png new file mode 100644 index 0000000..a2c90c0 Binary files /dev/null and b/Kirill Zhuck/images/Shape 5@1X.png differ diff --git a/Kirill Zhuck/images/Sunny @1X.png b/Kirill Zhuck/images/Sunny @1X.png new file mode 100644 index 0000000..936f628 Binary files /dev/null and b/Kirill Zhuck/images/Sunny @1X.png differ diff --git a/Kirill Zhuck/images/Thu@1X.png b/Kirill Zhuck/images/Thu@1X.png new file mode 100644 index 0000000..55b5f8d Binary files /dev/null and b/Kirill Zhuck/images/Thu@1X.png differ diff --git a/Kirill Zhuck/images/Tokyo - Wednesday, July 31@1X.png b/Kirill Zhuck/images/Tokyo - Wednesday, July 31@1X.png new file mode 100644 index 0000000..fab37ee Binary files /dev/null and b/Kirill Zhuck/images/Tokyo - Wednesday, July 31@1X.png differ diff --git a/Kirill Zhuck/images/sun copy 2@1X.png b/Kirill Zhuck/images/sun copy 2@1X.png new file mode 100644 index 0000000..3cd5754 Binary files /dev/null and b/Kirill Zhuck/images/sun copy 2@1X.png differ diff --git a/Kirill Zhuck/index.html b/Kirill Zhuck/index.html new file mode 100644 index 0000000..dad15ab --- /dev/null +++ b/Kirill Zhuck/index.html @@ -0,0 +1,100 @@ + + + + + Tokyo + + + +
+
+
+
+ + +
+ + +
+ + + +
+

Sunny

+

Tokyo - Wednesday, July 31

+
+
+
+

28℃

+
+
+
+ + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+
+ +

Thu

+
+

Fri

+
+

Sat

+ + + +
+
+
+

28°C
+ 18°C

+
+
+

22°C
+ 20°C

+
+
+

30°C
+ 27°C

+
+
+
+
+
+ + \ No newline at end of file diff --git a/Kirill Zhuck/style.css b/Kirill Zhuck/style.css new file mode 100644 index 0000000..c50a43f --- /dev/null +++ b/Kirill Zhuck/style.css @@ -0,0 +1,330 @@ +body { + background: url("images/Layer 3 copy@1X.png") no-repeat black; + background-size: cover; + width: 800px; + height: 600px; +} + +.grid { + min-height: 100%; + display: grid; + grid-template-rows: auto 438px auto; + grid-auto-columns: auto 581px auto; +} + +.item { + grid-column-start: 2; + grid-column-end: 2; + grid-row-start: 2; + grid-row-end: 2; + background: white; + display: grid; + grid-template-rows: 50% 50%; + grid-template-columns: 50% 50%; +} + + +.v1 { + display: grid; + grid-template-rows: 50% 50%; + grid-template-columns: 100%; + position: relative; + grid-column-start: 1; + grid-column-end: 1; + grid-row-start: 1; + grid-row-end: 3; + background: url("images/Layer 6@1X.png") no-repeat; + background-size: cover; + align-self: stretch; +} + + +.v2 { + display: grid; + justify-items:center; + grid-template-rows: 145px 97px 116px auto; + grid-template-columns: 100%; + grid-auto-rows: minmax(100px, auto); + grid-column-start: 2; + grid-column-end: 2; + grid-row-start: 1; + grid-row-end: 3; +} + +.v3 { + justify-self: center; + grid-row-start: 1; + grid-row-end: 1; + grid-column-start: 1; + grid-column-end: 1; +} + +.v4 { + justify-self: center; + grid-row-start: 2; + grid-row-end: 2; + grid-column-start: 1; + grid-column-end: 1; +} + +.v5 { + position: relative; + right:23px; + display: grid; + grid-template-rows: 100%; + grid-template-columns: 33% 33% 33%; + grid-column-gap: 25px; + justify-self: center; + grid-row-start: 3; + grid-row-end: 3; + grid-column-start: 1; + grid-column-end: 1; +} + +.v6 { + position: relative; + right:23px; + display: grid; + grid-template-rows: 100%; + grid-template-columns: 33% 33% 33%; + grid-column-gap: 25px; + justify-self: center; + grid-row-start: 4; + grid-row-end: 4; + grid-column-start: 1; + grid-column-end: 1; +} + +.img { + grid-row-start: 1; + grid-row-end: 1; + grid-column-start: 1; + grid-column-end: 1; + position: absolute; + top: 50%; + left: 50%; + margin-right: -50%; + transform: translate(-50%, -50%); +} + +.i1 { + position: relative; + left: 9px; + top: 10px; +} + +.i2 { + position: relative; + left: 30px; + bottom: 5px; +} + +.i3 { + position: relative; + left: 51px; + top: 10px; +} + +.i4 { + position: relative; + bottom: 30px; + right: 7px; +} + +.sun { + position: relative; +} + +.i5 { + position: relative; + bottom: 30px; + left: 7px; +} + +.i6 { + position: relative; + left: 10px; + bottom: 10px; +} + +.i7 { + position: relative; + left: 30px; + top: 4px; +} + +.i8 { + position: relative; + left: 50px; + bottom: 15px; +} + +.i9 { + position: relative; + top: 13px; + right: 1px; +} + +.i10 { + position: relative; + left: 22px; + top: 55px; +} + +.i11 { + position: relative; + left: 30px; + top: 35px; +} + +.i12 { + position: relative; + left: 60px; + top: 22px; +} + +.i13 { + position: relative; + left: 97px; + top: 61px; +} + +.i14 { + position: relative; + left: 112px; + top: 12px; +} + +.i15 { + position: relative; + left: 137px; + top: 40px; +} + +.i16 { + position: relative; + right: 5px; + top: 5px; +} + +.i17 { + position: relative; + right: 9px; + top: 3px; +} + +.i18 { + position: relative; + right: 12px; + bottom: 18px; +} + +.i19 { + align-self: center; + position: relative; + top: 30px; + grid-row-start: 1; + grid-row-end: 1; + grid-column-start: 1; + grid-column-end: 1; +} + +.i20 { + align-self: center; + position: relative; + top: 30px; + grid-row-start: 1; + grid-row-end: 1; + grid-column-start: 2; + grid-column-end: 2;} + +.i21 { + align-self: center; + position: relative; + top: 30px; + grid-row-start: 1; + grid-row-end: 1; + grid-column-start: 3; + grid-column-end: 3; +} + +.i22 { + align-items: center; + position: relative; + top: 20px; + right: 5px; + grid-row-start: 1; + grid-row-end: 1; + grid-column-start: 1; + grid-column-end: 1; +} +.i23 { + align-items: center; + position: relative; + top: 20px; + right: 3px; + grid-row-start: 1; + grid-row-end: 1; + grid-column-start: 2; + grid-column-end: 2; +} +.i24 { + align-items: center; + position: relative; + top: 20px; + left:5px; + grid-row-start: 1; + grid-row-end: 1; + grid-column-start: 3; + grid-column-end: 3; +} + + +.text1 { + position: relative; + top: 210px; + font-family: Dosis-ExtraLight, AdobeInvisFont, MyriadPro-Regular; + font-size: 36pt; + color: rgba(255, 255, 255, 255); + text-align: center; +} + +.text2 { + position: absolute; + font-family: Dosis-Light, AdobeInvisFont, MyriadPro-Regular; + font-size: 22pt; + color: rgba(255, 255, 255, 255); + text-align: center; + background-image: url("images/Rounded Rectangle 2@1X.png"); + height: 104px; + bottom: -30px; +} + +.text3 { + position: relative; + bottom: 110px; + font-family: Dosis-ExtraLight, AdobeInvisFont, MyriadPro-Regular; + font-size: 90pt; + color: rgba(119, 25, 33, 255); + text-align: center; +} + +.text4{ + position: relative; + right: 9px; + bottom: 15px; + font-family: Dosis-Book, AdobeInvisFont, MyriadPro-Regular; + font-size: 16pt; + color: rgba(119, 25, 33, 255); + text-align: center; +} + +.text5{ + position: relative; + right: 7px; + bottom: 30px; + font-family: Dosis-Book, AdobeInvisFont, MyriadPro-Regular; + font-size: 16pt; + color: rgba(119, 25, 33, 255); + text-align: center; +} \ No newline at end of file