diff --git a/map/static/map/index.css b/map/static/map/index.css index 1c1d335..b46b1b4 100644 --- a/map/static/map/index.css +++ b/map/static/map/index.css @@ -1,21 +1,69 @@ #map1 { - height: 43% + height: 46% } #map2 { margin-top: 10px; - height: 43%; - margin-bottom: 7px; + height: 46%; + margin-bottom: 10px; +} + +#p_date { + position: absolute; + bottom: 20px; +} + +#logo_side { + width: 60%; + margin-left: 20%; + margin-top: 10%; +} + +#central { + margin:0 auto; +} + +#left { + width: 75%; + float: left; +} + +#right { + width: 24%; + float: right; +} + +div.yearno { + pointer-events: none; + position: absolute; + z-index: 1000; + font-size: 19pt; + background-color: white; + border-radius: 5px; + padding: 5px; + color: 333333; + border: 2px solid rgba(0, 0, 0, 0.3); +} + +#div19 { + top: 30px; + left: 30px; +} + +#div29 { + top: 330px; + left: 30px; } .slider { -webkit-appearance: none; width: 100%; + float: right; height: 15px; border-radius: 5px; background: #d3d3d3; outline: none; - opacity: 0.7; + opacity: 0.9; -webkit-transition: .2s; transition: opacity .2s; } diff --git a/map/static/map/tree_blooming_pink.png b/map/static/map/tree_blooming_pink.png new file mode 100644 index 0000000..cbdb527 Binary files /dev/null and b/map/static/map/tree_blooming_pink.png differ diff --git a/map/templates/map/index.html b/map/templates/map/index.html index b5d4c70..a22fdef 100644 --- a/map/templates/map/index.html +++ b/map/templates/map/index.html @@ -18,25 +18,54 @@ -
-
+
-
2019
-
2029
+
+
+
+ +
2019
+
2029
+ +
+ +
+
+ + -
-
-