-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
1 lines (1 loc) · 43.2 KB
/
index.html
1
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta property="og:image" content="assets/img/svg/title.png"/> <meta property="og:title" content="CoronaInfoBD 2020"/> <meta property="og:description" content="An application to get updated with corona virus affected in Bangladesh"/> <meta name="Description" content="An application to get updated with corona virus affected in Bangladesh"/> <meta name="keywords" content="করোনাভাইরাস, কোভিড-১৯, coronavirus info, coronainfo, coronabd, corona bangladesh, covid-19, coronainfo, corona info, coronavirus bangladesh, coronainfobd, করোনাইনফোবিডি, coronainfobd com, coronainfobd github, coronainfobd github io"/> <title>CoronaInfoBD</title> <link rel="icon" href="assets/img/svg/title.png"/> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" as="style"/> <noscript> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"/></noscript> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Google+Sans" as="style"/> <noscript> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Google+Sans"/></noscript> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@500&display=swap" as="style"/> <noscript> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@500&display=swap"/> </noscript> <style>/*! CSS Used from: https://fonts.googleapis.com/icon?family=Material+Icons */ .material-icons{font-family: "Material Icons"; font-weight: 400; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased;}/*! CSS Used from: https://teamtigers.github.io/coronainfobd/assets/css/minified/materializecss.min.css */ .red{background-color: #f44336 !important;}.red-text{color: #f44336 !important;}.red.accent-2{background-color: #ff5252 !important;}.pink{background-color: #e91e63 !important;}.pink.accent-2{background-color: #ff4081 !important;}.purple{background-color: #9c27b0 !important;}.purple.lighten-1{background-color: #ab47bc !important;}.deep-purple{background-color: #673ab7 !important;}.deep-purple.darken-4{background-color: #311b92 !important;}.indigo{background-color: #3f51b5 !important;}.indigo.lighten-3{background-color: #9fa8da !important;}.indigo.darken-1{background-color: #3949ab !important;}.light-blue{background-color: #03a9f4 !important;}.cyan{background-color: #00bcd4 !important;}.cyan.lighten-1{background-color: #26c6da !important;}.orange{background-color: #ff9800 !important;}.orange-text{color: #ff9800 !important;}.orange.darken-4{background-color: #e65100 !important;}.orange-text.text-darken-4{color: #e65100 !important;}.deep-orange{background-color: #ff5722 !important;}.deep-orange.lighten-1{background-color: #ff7043 !important;}.blue-grey{background-color: #607d8b !important;}.blue-grey-text{color: #607d8b !important;}.blue-grey-text.text-lighten-4{color: #cfd8dc !important;}.blue-grey.darken-3{background-color: #37474f !important;}.blue-grey.darken-4{background-color: #263238 !important;}.grey-text{color: #9e9e9e !important;}.grey-text.text-lighten-4{color: #f5f5f5 !important;}.white-text{color: #fff !important;}html{line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}body{margin: 0;}footer, header, nav{display: block;}figcaption, figure, main{display: block;}figure{margin: 1em 40px;}a{background-color: transparent; -webkit-text-decoration-skip: objects;}b{font-weight: inherit;}b{font-weight: bolder;}img{border-style: none;}svg:not(:root){overflow: hidden;}input{font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0;}input{overflow: visible;}[type="checkbox"]{-webkit-box-sizing: border-box; box-sizing: border-box; padding: 0;}html{-webkit-box-sizing: border-box; box-sizing: border-box;}*, :after, :before{-webkit-box-sizing: inherit; box-sizing: inherit;}input{font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;}ul:not(.browser-default){padding-left: 0; list-style-type: none;}ul:not(.browser-default) > li{list-style-type: none;}a{color: #039be5; text-decoration: none; -webkit-tap-highlight-color: transparent;}.z-depth-0{-webkit-box-shadow: none !important; box-shadow: none !important;}.btn, .btn-floating, .btn-small, .card, .sidenav, nav{-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);}.btn-floating:hover, .btn-small:hover, .btn:hover{-webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);}.z-depth-2{-webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);}.hoverable{-webkit-transition: -webkit-box-shadow 0.25s; transition: -webkit-box-shadow 0.25s; transition: box-shadow 0.25s; transition: box-shadow 0.25s, -webkit-box-shadow 0.25s;}.hoverable:hover{-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}i{line-height: inherit;}i.left{float: left; margin-right: 15px;}i.right{float: right; margin-left: 15px;}i.large{font-size: 6rem;}img.responsive-img{max-width: 100%; height: auto;}@media only screen and (max-width: 992px){.hide-on-med-and-down{display: none !important;}}.page-footer{padding-top: 20px; color: #fff; background-color: #ee6e73;}.page-footer .footer-copyright{overflow: hidden; min-height: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 0; color: rgba(255, 255, 255, 0.8); background-color: rgba(51, 51, 51, 0.08);}table, td, th{border: none;}table{width: 100%; display: table; border-collapse: collapse; border-spacing: 0;}table.centered tbody tr td, table.centered thead tr th{text-align: center;}tr{border-bottom: 1px solid rgba(0, 0, 0, 0.12);}td, th{padding: 15px 5px; display: table-cell; text-align: left; vertical-align: middle; border-radius: 2px;}@media only screen and (max-width: 992px){table.responsive-table{width: 100%; border-collapse: collapse; border-spacing: 0; display: block; position: relative;}table.responsive-table td:empty:before{content: "\00a0";}table.responsive-table td, table.responsive-table th{margin: 0; vertical-align: top;}table.responsive-table th{text-align: left;}table.responsive-table thead{display: block; float: left;}table.responsive-table thead tr{display: block; padding: 0 10px 0 0;}table.responsive-table thead tr th::before{content: "\00a0";}table.responsive-table tbody{display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap;}table.responsive-table tbody tr{display: inline-block; vertical-align: top;}table.responsive-table th{display: block; text-align: right;}table.responsive-table td{display: block; min-height: 1.25em; text-align: left;}table.responsive-table tr{border-bottom: none; padding: 0 10px;}table.responsive-table thead{border: 0; border-right: 1px solid rgba(0, 0, 0, 0.12);}}.collection{margin: 0.5rem 0 1rem 0; border: 1px solid #e0e0e0; border-radius: 2px; overflow: hidden; position: relative;}.collection .collection-item{background-color: #fff; line-height: 1.5rem; padding: 10px 20px; margin: 0; border-bottom: 1px solid #e0e0e0;}.collection .collection-item:last-child{border-bottom: none;}.progress{position: relative; height: 4px; display: block; width: 100%; background-color: #acece6; border-radius: 2px; margin: 0.5rem 0 1rem 0; overflow: hidden;}.progress .indeterminate{background-color: #26a69a;}.progress .indeterminate:before{content: ""; position: absolute; background-color: inherit; top: 0; left: 0; bottom: 0; will-change: left, right; -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;}.progress .indeterminate:after{content: ""; position: absolute; background-color: inherit; top: 0; left: 0; bottom: 0; will-change: left, right; -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; -webkit-animation-delay: 1.15s; animation-delay: 1.15s;}.right-align{text-align: right;}.center-align{text-align: center;}.left{float: left !important;}.right{float: right !important;}.material-icons{text-rendering: optimizeLegibility; -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga"; font-feature-settings: "liga";}.container{margin: 0 auto; max-width: 1280px; width: 90%;}@media only screen and (min-width: 601px){.container{width: 90%;}}@media only screen and (min-width: 993px){.container{width: 70%;}}.col .row{margin-left: -0.75rem; margin-right: -0.75rem;}.row{margin-left: auto; margin-right: auto; margin-bottom: 20px;}.row:after{content: ""; display: table; clear: both;}.row .col{float: left; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0.75rem; min-height: 1px;}.row .col.s12{width: 100%; margin-left: auto; left: auto; right: auto;}@media only screen and (min-width: 601px){.row .col.m4{width: 33.3333333333%; margin-left: auto; left: auto; right: auto;}.row .col.m6{width: 50%; margin-left: auto; left: auto; right: auto;}.row .col.m8{width: 66.6666666667%; margin-left: auto; left: auto; right: auto;}.row .col.m12{width: 100%; margin-left: auto; left: auto; right: auto;}}@media only screen and (min-width: 993px){.row .col.l3{width: 25%; margin-left: auto; left: auto; right: auto;}.row .col.l4{width: 33.3333333333%; margin-left: auto; left: auto; right: auto;}.row .col.l5{width: 41.6666666667%; margin-left: auto; left: auto; right: auto;}.row .col.l6{width: 50%; margin-left: auto; left: auto; right: auto;}.row .col.l8{width: 66.6666666667%; margin-left: auto; left: auto; right: auto;}.row .col.l12{width: 100%; margin-left: auto; left: auto; right: auto;}.row .col.offset-l2{margin-left: 16.6666666667%;}}nav{color: #fff; background-color: #ee6e73; width: 100%; height: 56px; line-height: 56px;}nav.nav-extended{height: auto;}nav.nav-extended .nav-wrapper{min-height: 56px; height: auto;}nav a{color: #fff;}nav i, nav i.material-icons{display: block; font-size: 24px; height: 56px; line-height: 56px;}nav .nav-wrapper{position: relative; height: 100%;}@media only screen and (min-width: 993px){nav a.sidenav-trigger{display: none;}}nav .sidenav-trigger{float: left; position: relative; z-index: 1; height: 56px; margin: 0 18px;}nav .sidenav-trigger i{height: 56px; line-height: 56px;}nav .brand-logo{position: absolute; color: #fff; display: inline-block; font-size: 2.1rem; padding: 0;}@media only screen and (max-width: 992px){nav .brand-logo{left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}}nav .brand-logo i, nav .brand-logo i.material-icons{float: left; margin-right: 15px;}nav ul{margin: 0;}nav ul li{-webkit-transition: background-color 0.3s; transition: background-color 0.3s; float: left; padding: 0;}nav ul li.active{font-weight: 900;}nav ul a{-webkit-transition: background-color 0.3s; transition: background-color 0.3s; font-size: 1rem; color: #fff; display: block; padding: 0 15px; cursor: pointer;}.navbar-fixed{position: relative; height: 56px; z-index: 997;}.navbar-fixed nav{position: fixed;}@media only screen and (min-width: 601px){nav.nav-extended .nav-wrapper{min-height: 64px;}nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i{height: 64px; line-height: 64px;}.navbar-fixed{height: 64px;}}a{text-decoration: none;}html{line-height: 1.5; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-weight: 400; color: rgba(0, 0, 0, 0.87);}@media only screen and (min-width: 0){html{font-size: 14px;}}@media only screen and (min-width: 992px){html{font-size: 14.5px;}}@media only screen and (min-width: 1200px){html{font-size: 15px;}}h4, h5, h6{font-weight: 400; line-height: 1.3;}h4{font-size: 2.28rem; line-height: 110%; margin: 1.52rem 0 0.912rem 0;}h5{font-size: 1.64rem; line-height: 110%; margin: 1.0933333333rem 0 0.656rem 0;}h6{font-size: 1.15rem; line-height: 110%; margin: 0.7666666667rem 0 0.46rem 0;}.card{position: relative; margin: 0.5rem 0 1rem 0; background-color: #fff; -webkit-transition: -webkit-box-shadow 0.25s; transition: -webkit-box-shadow 0.25s; transition: box-shadow 0.25s; transition: box-shadow 0.25s, -webkit-box-shadow 0.25s; border-radius: 2px;}.card .card-content{padding: 24px; border-radius: 0 0 2px 2px;}.card .card-content p{margin: 0;}.material-tooltip{padding: 10px 8px; font-size: 1rem; z-index: 2000; background-color: transparent; border-radius: 2px; color: #fff; min-height: 36px; line-height: 120%; opacity: 0; position: absolute; text-align: center; max-width: calc(100% - 4px); overflow: hidden; left: 0; top: 0; pointer-events: none; visibility: hidden; background-color: #323232;}.btn, .btn-small{border: none; border-radius: 2px; display: inline-block; height: 36px; line-height: 36px; padding: 0 16px; text-transform: uppercase; vertical-align: middle; -webkit-tap-highlight-color: transparent;}.btn-floating:disabled, .btn-small:disabled, .btn:disabled{pointer-events: none; background-color: #dfdfdf !important; -webkit-box-shadow: none; box-shadow: none; color: #9f9f9f !important; cursor: default;}.btn-floating:disabled:hover, .btn-small:disabled:hover, .btn:disabled:hover{background-color: #dfdfdf !important; color: #9f9f9f !important;}.btn, .btn-floating, .btn-small{font-size: 14px; outline: 0;}.btn i, .btn-floating i, .btn-small i{font-size: 1.3rem; line-height: inherit;}.btn-floating:focus, .btn-small:focus, .btn:focus{background-color: #1d7d74;}.btn, .btn-small{text-decoration: none; color: #fff; background-color: #26a69a; text-align: center; letter-spacing: 0.5px; -webkit-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; cursor: pointer;}.btn-small:hover, .btn:hover{background-color: #2bbbad;}.btn-floating{display: inline-block; color: #fff; position: relative; overflow: hidden; z-index: 1; width: 40px; height: 40px; line-height: 40px; padding: 0; background-color: #26a69a; border-radius: 50%; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; cursor: pointer; vertical-align: middle;}.btn-floating:hover{background-color: #26a69a;}.btn-floating:before{border-radius: 0;}.btn-floating.btn-small{width: 32.4px; height: 32.4px;}.btn-floating.btn-small i{line-height: 32.4px;}.btn-floating i{width: inherit; display: inline-block; text-align: center; color: #fff; font-size: 1.6rem; line-height: 40px;}.fixed-action-btn{position: fixed; right: 23px; bottom: 23px; padding-top: 15px; margin-bottom: 0; z-index: 997;}.btn-small{height: 32.4px; line-height: 32.4px; font-size: 13px;}.btn-small i{font-size: 1.2rem;}.waves-effect{position: relative; cursor: pointer; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; vertical-align: middle; z-index: 1; -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out;}label{font-size: 0.8rem; color: #9e9e9e;}::-webkit-input-placeholder{color: #d1d1d1;}::-moz-placeholder{color: #d1d1d1;}:-ms-input-placeholder{color: #d1d1d1;}::-ms-input-placeholder{color: #d1d1d1;}::placeholder{color: #d1d1d1;}input[type="text"]:not(.browser-default){background-color: transparent; border: none; border-bottom: 1px solid #9e9e9e; border-radius: 0; outline: 0; height: 3rem; width: 100%; font-size: 16px; margin: 0 0 8px 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-transition: border 0.3s, -webkit-box-shadow 0.3s; transition: border 0.3s, -webkit-box-shadow 0.3s; transition: box-shadow 0.3s, border 0.3s; transition: box-shadow 0.3s, border 0.3s, -webkit-box-shadow 0.3s;}input[type="text"]:not(.browser-default):disabled{color: rgba(0, 0, 0, 0.42); border-bottom: 1px dotted rgba(0, 0, 0, 0.42);}input[type="text"]:not(.browser-default):disabled + label{color: rgba(0, 0, 0, 0.42);}input[type="text"]:not(.browser-default):focus:not([readonly]){border-bottom: 1px solid #26a69a; -webkit-box-shadow: 0 1px 0 0 #26a69a; box-shadow: 0 1px 0 0 #26a69a;}input[type="text"]:not(.browser-default):focus:not([readonly]) + label{color: #26a69a;}input[type="text"]:not(.browser-default) + label:after{display: block; content: ""; position: absolute; top: 100%; left: 0; opacity: 0; -webkit-transition: 0.2s opacity ease-out, 0.2s color ease-out; transition: 0.2s opacity ease-out, 0.2s color ease-out;}.input-field{position: relative; margin-top: 1rem; margin-bottom: 1rem;}.input-field.col label{left: 0.75rem;}.input-field.col .prefix ~ label{width: calc(100% - 3rem - 1.5rem);}.input-field > label{color: #9e9e9e; position: absolute; top: 0; left: 0; font-size: 1rem; cursor: text; -webkit-transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out; transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out, color 0.2s ease-out; transition: transform 0.2s ease-out, color 0.2s ease-out, -webkit-transform 0.2s ease-out; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; text-align: initial; -webkit-transform: translateY(12px); transform: translateY(12px);}.input-field .prefix{position: absolute; width: 3rem; font-size: 2rem; -webkit-transition: color 0.2s; transition: color 0.2s; top: 0.5rem;}.input-field .prefix ~ input, .input-field .prefix ~ label{margin-left: 3rem; width: 92%; width: calc(100% - 3rem);}.input-field .prefix ~ label{margin-left: 3rem;}@media only screen and (max-width: 992px){.input-field .prefix ~ input{width: 86%; width: calc(100% - 3rem);}}@media only screen and (max-width: 600px){.input-field .prefix ~ input{width: 80%; width: calc(100% - 3rem);}}[type="checkbox"]:checked{position: absolute; opacity: 0; pointer-events: none;}[type="checkbox"]:checked:disabled + span:before{border-right: 2px solid rgba(0, 0, 0, 0.42); border-bottom: 2px solid rgba(0, 0, 0, 0.42);}.switch, .switch *{-webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}.switch label{cursor: pointer;}.switch label input[type="checkbox"]{opacity: 0; width: 0; height: 0;}.switch label input[type="checkbox"]:checked + .lever{background-color: #84c7c1;}.switch label input[type="checkbox"]:checked + .lever:after, .switch label input[type="checkbox"]:checked + .lever:before{left: 18px;}.switch label input[type="checkbox"]:checked + .lever:after{background-color: #26a69a;}.switch label .lever{content: ""; display: inline-block; position: relative; width: 36px; height: 14px; background-color: rgba(0, 0, 0, 0.38); border-radius: 15px; margin-right: 10px; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; vertical-align: middle; margin: 0 16px;}.switch label .lever:after, .switch label .lever:before{content: ""; position: absolute; display: inline-block; width: 20px; height: 20px; border-radius: 50%; left: 0; top: -3px; -webkit-transition: left 0.3s ease, background 0.3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease; transition: left 0.3s ease, background 0.3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease; transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease, transform 0.1s ease; transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease, transform 0.1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease;}.switch label .lever:before{background-color: rgba(38, 166, 154, 0.15);}.switch label .lever:after{background-color: #f1f1f1; -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}.prefix ~ label{margin-left: 3rem;}.sidenav{position: fixed; width: 300px; left: 0; top: 0; margin: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); height: 100%; height: calc(100% + 60px); height: -moz-calc(100%); padding-bottom: 60px; background-color: #fff; z-index: 999; overflow-y: auto; will-change: transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-105%); transform: translateX(-105%);}.sidenav li{float: none; line-height: 48px;}.sidenav li > a{color: rgba(0, 0, 0, 0.87); display: block; font-size: 14px; font-weight: 500; height: 48px; line-height: 48px; padding: 0 32px;}.sidenav li > a:hover{background-color: rgba(0, 0, 0, 0.05);}.sidenav li > a > i, .sidenav li > a > i.material-icons{float: left; height: 48px; line-height: 48px; margin: 0 32px 0 0; width: 24px; color: rgba(0, 0, 0, 0.54);}.drag-target{height: 100%; width: 10px; position: fixed; top: 0; z-index: 998;}.sidenav-overlay{position: fixed; top: 0; left: 0; right: 0; opacity: 0; height: 120vh; background-color: rgba(0, 0, 0, 0.5); z-index: 997; display: none;}/*! CSS Used from: https://teamtigers.github.io/coronainfobd/assets/css/minified/style.min.css */ header li a{color: #fff; font-family: "Google Sans", sans-serif;}header li :hover{color: #fff;}main{display: none;}table th{color: #135dcc; position: -webkit-sticky; position: sticky; top: 0; z-index: 1; border-top: 0; background: #fff;}.onmouseTest :hover h6{color: #7c4dff; font-weight: 700;}.onmouseCase :hover h6{color: #0288d1; font-weight: 700;}.onmouseDeath :hover h6{color: #e53935; font-weight: 700;}.onmouseRecovery :hover h6{color: #07db5f; font-weight: 700;}#cpa-logo{font-family: "Google Sans", sans-serif; font-size: 25px; margin-top: 2px; margin-left: 10px; color: #fff;}#logo-icon{margin-bottom: -9px; margin-right: 6px;}#scrollTop{display: none;}.affectedText{font-weight: 700;}#selectedDistrict{font-weight: 700; font-size: 1.5rem;}.selectedDistrictPercentageDes{font-weight: 700;}#selectedDivisionName{font-weight: 700; font-size: 1.3rem;}.ascBtn{margin: 8px;}.descBtn{margin: 8px;}.headerText{font-size: 2rem;}.customContainer{margin-top: 3rem; margin-left: 4rem; margin-right: 4rem; margin-bottom: 4rem;}.gsans{font-family: "Google Sans", sans-serif;}.title{color: #5cb8f5; font-weight: 700;}.navTheme{background-color: #1b37c4dc;}.bannerSvg{max-width: 6rem; max-height: 6rem;}.brand-logo{font-family: "Google Sans", sans-serif; font-size: 25px; margin-top: 2px; margin-left: 10px; color: #fff;}.scrollable{width: auto; height: 130rem; overflow-y: scroll;}.scrollableTable{width: auto; height: 50rem; overflow-y: scroll;}.testCard{color: #7c4dff;}.caseCard{color: #0288d1; display: inline;}.deathCard{color: #e53935; display: inline;}.recoveryCard{color: #07db5f; display: inline;}.round{border-radius: 20px;}.progress{margin: 0;}.count{font-size: 4rem;}.countNumber{font-size: 2.5rem;}.countNumberMap{font-size: 3rem;}.collection-item{font-weight: 700;}@media only screen and (min-device-width: 320px) and (max-device-width: 480px){#cpa-logo{font-size: 1.2rem;}#logo-icon{font-size: 1.2rem;}.customContainer{margin-left: 0; margin-right: 0;}}@media only screen and (min-device-width: 482px) and (max-device-width: 767px){#cpa-logo{font-size: 3rem; margin-left: 2px;}#logo-icon{display: none;}.customContainer{margin-left: 0; margin-right: 0;}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){.customContainer{margin-left: 0; margin-right: 0;}}/*! CSS Used from: https://teamtigers.github.io/coronainfobd/assets/css/minified/map-style.min.css */ .districtLargeArea{font-size: 16px; fill: #000; font-weight: 400; font-family: "Hind Siliguri", sans-serif; cursor: pointer;}.districtMediumArea{stroke: #e0e0e0; stroke-width: 0.5; stroke-miterlimit: 10; cursor: pointer;}a:hover path, g:hover path, path:hover{fill: #ffab40;}@media only screen and (max-width: 823px){.districtLargeArea{font-size: 20px;}}.st1{font-family: "Hind Siliguri", sans-serif;}.sylhetDivision{fill: #ff5252;}.dhakaDivision{fill: #2bbd7e;}.khulnaDivision{fill: #ff4081;}.barishalDivision{fill: #03a9f4;}.chittagongDivision{fill: #ab47bc;}.mymenshingDivision{fill: #ff7043;}.rajshahiDivision{fill: #26c6da;}.rangpurDivision{fill: #ff9800;}.btn.waves-effect.waves-light{border-radius: 15px;}@media only screen and (max-width: 600px){#desktopIndicator{display: none;}}#selectedDistrictInfoCards{display: none;}/*! CSS Used from: Embedded */ .zc-style{font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif; font-size: 11px; font-weight: 400; font-style: normal; text-decoration: none; text-shadow: none;}.zc-style *{font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif; font-size: 11px; font-weight: 400; font-style: normal; text-decoration: none; text-shadow: none;}.zc-top *{text-align: left; margin: auto; text-shadow: none;}.zc-menu *{text-align: left; margin: auto;}.zc-main text{user-select: none;}.zc-img{user-select: none; -webkit-tap-highlight-color: transparent;}.zc-map{user-select: none; -webkit-tap-highlight-color: transparent;}.zc-menu{position: absolute; display: none; background-repeat: no-repeat !important; background-position: 50% 0 !important;}.zc-menu-sep{font-size: 1px; padding: 0; line-height: 1px; border-bottom: 1px solid #000;}.zc-rel{top: 0; left: 0; position: relative;}.zc-abs{top: 0; left: 0; position: absolute;}/*! CSS Used keyframes */ @-webkit-keyframes indeterminate{0%{left: -35%; right: 100%;}60%{left: 100%; right: -90%;}100%{left: 100%; right: -90%;}}@keyframes indeterminate{0%{left: -35%; right: 100%;}60%{left: 100%; right: -90%;}100%{left: 100%; right: -90%;}}@-webkit-keyframes indeterminate-short{0%{left: -200%; right: 100%;}60%{left: 107%; right: -8%;}100%{left: 107%; right: -8%;}}@keyframes indeterminate-short{0%{left: -200%; right: 100%;}60%{left: 107%; right: -8%;}100%{left: 107%; right: -8%;}}/*! CSS Used fontfaces */ @font-face{font-family: "Material Icons"; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/materialicons/v50/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format("woff2");}@font-face{font-family: "Google Sans"; font-style: normal; font-weight: 400; src: local("Google Sans Regular"), local("GoogleSans-Regular"), url(https://fonts.gstatic.com/s/googlesans/v16/4UaGrENHsxJlGDuGo1OIlL3Kwp5eKQtGBlc.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face{font-family: "Google Sans"; font-style: normal; font-weight: 400; src: local("Google Sans Regular"), local("GoogleSans-Regular"), url(https://fonts.gstatic.com/s/googlesans/v16/4UaGrENHsxJlGDuGo1OIlL3Nwp5eKQtGBlc.woff2) format("woff2"); unicode-range: U+0370-03FF;}@font-face{font-family: "Google Sans"; font-style: normal; font-weight: 400; src: local("Google Sans Regular"), local("GoogleSans-Regular"), url(https://fonts.gstatic.com/s/googlesans/v16/4UaGrENHsxJlGDuGo1OIlL3Bwp5eKQtGBlc.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;}@font-face{font-family: "Google Sans"; font-style: normal; font-weight: 400; src: local("Google Sans Regular"), local("GoogleSans-Regular"), url(https://fonts.gstatic.com/s/googlesans/v16/4UaGrENHsxJlGDuGo1OIlL3Awp5eKQtGBlc.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family: "Google Sans"; font-style: normal; font-weight: 400; src: local("Google Sans Regular"), local("GoogleSans-Regular"), url(https://fonts.gstatic.com/s/googlesans/v16/4UaGrENHsxJlGDuGo1OIlL3Owp5eKQtG.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family: "Hind Siliguri"; font-style: normal; font-weight: 500; font-display: swap; src: local("Hind Siliguri Medium"), local("HindSiliguri-Medium"), url(https://fonts.gstatic.com/s/hindsiliguri/v6/ijwOs5juQtsyLLR5jN4cxBEoRG_50vQVKwOs1tqhwg.woff2) format("woff2"); unicode-range: U+0964-0965, U+0981-09FB, U+200C-200D, U+20B9, U+25CC;}@font-face{font-family: "Hind Siliguri"; font-style: normal; font-weight: 500; font-display: swap; src: local("Hind Siliguri Medium"), local("HindSiliguri-Medium"), url(https://fonts.gstatic.com/s/hindsiliguri/v6/ijwOs5juQtsyLLR5jN4cxBEoRG_50ugVKwOs1tqhwg.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family: "Hind Siliguri"; font-style: normal; font-weight: 500; font-display: swap; src: local("Hind Siliguri Medium"), local("HindSiliguri-Medium"), url(https://fonts.gstatic.com/s/hindsiliguri/v6/ijwOs5juQtsyLLR5jN4cxBEoRG_50uYVKwOs1to.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}.switch label input[type="checkbox"]:checked + .lever:after{background-color: #2962ff !important;}.switch label input[type="checkbox"]:checked + .lever{background-color: #448aff !important;}#selectedDistrictCount{color: rgb(0, 122, 204);}#selectedDistrictPercentage{color: rgb(0, 122, 204);}#selectedDivisionCount{color: rgb(0, 122, 204);}</style> <link rel="stylesheet" href="assets/css/minified/darkMood.min.css" as="style"/> <noscript> <link rel="stylesheet" href="assets/css/minified/darkMood.min.css"/></noscript> <link rel="stylesheet" href="assets/css/minified/map-style.min.css" as="style"/> <noscript> <link rel="stylesheet" href="assets/css/minified/map-style.min.css"/></noscript> <script src="https://cdn.zingchart.com/zingchart.min.js"></script> <link rel="preconnect" href="https://www.googletagmanager.com/gtag/js?id=UA-164180702-1"/> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-164180702-1" ></script> <script>window.dataLayer=window.dataLayer || []; function gtag(){dataLayer.push(arguments);}gtag("js", new Date()); gtag("config", "UA-164180702-1"); </script> </head> <body> <header> <div class="navbar"> <nav class="nav-extended nav-fixed navTheme z-depth-0"> <div class="nav-wrapper"> <a class="brand-logo gsans" id="cpa-logo" href="index.html" ><i class="material-icons" id="logo-icon">ac_unit</i >CoronaInfoBD</a > <a href="#" class="sidenav-trigger" data-target="mobile-nav"> <i class="material-icons">menu</i> </a> <ul id="nav-mobile" class="right hide-on-med-and-down"> <li class="active"><a href="index.html">Home</a></li><li><a href="about_corona.html">About corona</a></li><li><a href="hotline.html">Emergency</a></li><li><a href="faq.html">FAQ</a></li><li><a href="advice_for_public.html">Advice for public</a></li><li> <a href="#" onclick="darkMood();location.reload();return false;" class="tooltipped" data-position="left" data-tooltip="Day/Night" ><i class="material-icons blue-grey-text text-lighten-4" id="moodIcon" >brightness_7</i ></a > </li></ul> </div></nav> </div><ul class="sidenav" id="mobile-nav"> <li> <a href="#" onclick="darkMood();location.reload();return false;" >Day/Night mode<i class="material-icons blue-grey-text text-lighten-4 right" id="moodIcon" >brightness_7</i ></a > </li><li><a href="index.html">Home</a></li><li><a href="about_corona.html">About corona</a></li><li><a href="hotline.html">Emergency</a></li><li><a href="faq.html">FAQ</a></li><li><a href="advice_for_public.html">Advice for public</a></li></ul> <div class="progress indigo lighten-3"> <div class="indeterminate indigo darken-1"></div></div></header> <main id="elemets"> <div class="fixed-action-btn"> <a class="btn-floating btn-medium blue-grey darken-4 tooltipped" data-position="left" data-tooltip="Top" id="scrollTop" onclick="toTop()" > <i class="large material-icons">arrow_upward</i> </a> </div><div class="customContainer"> <div class="row"> <h4 class="center-align gsans text-blue-grey text-darken-1 headerText" > COVID-19 in World </h4> <div class="col s12 m6 l4"> <div class="card round center-align"> <div class="card-content"> <div class="row"> <div class="col s12 m6 l6"> <img class="responsive-img bannerSvg" src="assets/img/svg/infected.svg" alt="infected"/> </div><div class="col s12 m6 l6"> <span class="countNumber count gsans" style="color: rgb(0, 122, 204);" id="worldInfected" ></span ><br/> <span class="countName gsans">Coronavirus cases</span> </div></div></div></div></div><div class="col s12 m6 l4"> <div class="card round center-align"> <div class="card-content"> <div class="row"> <div class="col s12 m6 l6"> <img class="responsive-img bannerSvg" src="assets/img/svg/death.svg" alt="death"/> </div><div class="col s12 m6 l6"> <span class="countNumber count gsans" style="color: rgb(235, 34, 44);" id="worldDeath" ></span ><br/> <span class="countName gsans">Deaths</span> </div></div></div></div></div><div class="col s12 m6 l4"> <div class="card round center-align"> <div class="card-content"> <div class="row"> <div class="col s12 m6 l6"> <img class="responsive-img bannerSvg" src="assets/img/svg/recovered.svg" alt="recovered"/> </div><div class="col s12 m6 l6"> <span class="countNumber count gsans" style="color: rgb(7, 219, 95);" id="worldRecovered" ></span ><br/> <span class="countName gsans">Recovered</span> </div></div></div></div></div></div><div class="row"> <h4 class="center-align gsans text-blue-grey text-darken-1 headerText" > COVID-19 in Bangladesh </h4> <div class="col s12 m6 l3"> <div class="card round center-align hoverable onmouseTest"> <div class="card-content"> <span class="testCard count gsans" id="numberOfTests"></span> <h6 class="gsans">Total Tests</h6> </div></div></div><div class="col s12 m6 l3"> <div class="card round center-align hoverable onmouseCase"> <div class="card-content"> <span class="caseCard count gsans" id="numberOfConfirmedCases" ></span> <h6 class="gsans">Coronavirus positive</h6> </div></div></div><div class="col s12 m6 l3"> <div class="card round center-align hoverable onmouseDeath"> <div class="card-content"> <span class="deathCard count gsans" id="numberOfDeaths"></span> <h6 class="gsans">Deaths</h6> </div></div></div><div class="col s12 m6 l3"> <div class="card round center-align hoverable onmouseRecovery"> <div class="card-content"> <span class="recoveryCard count gsans" id="numberOfRecovery" ></span> <h6 class="gsans">Recovered</h6> </div></div></div></div><div class="row"> <div class="col s12 m12 l12"> <div class="card round"> <div class="card-content"> <h5 class="center-align gsans text-blue-grey text-darken-1"> More info </h5> <table id="summaryTable" class="centered responsive-table"> <thead> <tr> <th>Total Cases</th> <th>Active Cases</th> <th>Cases in last 24 hours</th> <th>Deaths in last 24 hours</th> <th>Critical</th> <th>Tests Per One Million</th> <th>Cases Per One Million</th> <th>Deaths Per One Million</th> </tr></thead> <tbody> <tr> <td id="td_total"></td><td id="td_active"></td><td id="td_cases_today"></td><td id="td_deaths"></td><td id="td_critical"></td><td id="test_per_one_m"></td><td id="case_per_one_m"></td><td id="death_per_one_m"></td></tr></tbody> </table> </div></div></div></div></div><div class="customContainer"> <div class="row"> <div class="col s12 l12"> <h4 class="center-align gsans">Map Visualization</h4> <div class="center-align gsans"> <span>Hover/Click on the district name to view details info</span> </div><div class="card round"> <div class="row"> <div class="col s12 l3"> <br/><br/> <div id="desktopIndicator" class="container"> <a class="waves-effect waves-light btn btn-small" style="background-color: #2bbd7e;" ><i class="material-icons left">location_on</i>Dhaka</a ><br/><br/> <a class="waves-effect waves-light btn btn-small purple lighten-1" ><i class="material-icons left">location_on</i >Chattogram</a ><br/><br/> <a class="waves-effect waves-light btn btn-small pink accent-2" ><i class="material-icons left">location_on</i>Khulna</a ><br/><br/> <a class="waves-effect waves-light btn btn-small red accent-2 chi" ><i class="material-icons left">location_on</i>Sylhet</a ><br/><br/> <a class="waves-effect waves-light btn btn-small light-blue" ><i class="material-icons left">location_on</i>Barishal</a ><br/><br/> <a class="waves-effect waves-light btn btn-small deep-orange lighten-1" ><i class="material-icons left">location_on</i >Mymensingh</a ><br/><br/> <a class="waves-effect waves-light btn btn-small cyan lighten-1" ><i class="material-icons left">location_on</i>Rajshahi</a ><br/><br/> <a class="waves-effect waves-light btn btn-small orange" ><i class="material-icons left">location_on</i>Rangpur</a ><br/><br/> </div></div><div id="mapColumn" class="col s12 l5"> <div id="bangladesh"></div></div><div id="selectedDistrictInfoCards" class="col s12 l4"> <div class="col s12 m4 l12"> <div class="container"> <div class="card round center-align z-depth-2 dCard"> <div class="card-content"> <span class="countNumberMap count gsans" id="selectedDistrictCount" ></span ><br/> <span id="selectedDistrict" class="gsans"></span> <p class="gsans"> ⇗ Increased: <b id="districtComparator">0</b> </p></div></div></div></div><div class="col s12 m4 l12"> <div class="container"> <div class="card round center-align z-depth-2 dCard"> <div class="card-content"> <span class="countNumberMap count gsans" id="selectedDistrictPercentage" ></span ><br/> <span class="gsans selectedDistrictPercentageDes" >affected compared to total affected in Bangladesh.</span > </div></div></div></div><div class="col s12 m4 l12"> <div class="container"> <div id="divisionCard" class="card round center-align z-depth-2 dCard" > <div class="card-content"> <span class="countNumberMap count gsans" id="selectedDivisionCount" ></span ><br/> <span id="selectedDivisionName" class="gsans"></span> <p class="gsans"> ⇗ Increased: <b id="divisionComparator">0</b> </p></div></div></div></div></div></div></div></div></div></div><div class="customContainer" id="analysis"> <h4 class="center-align gsans">Data Visualization</h4> <div class="card round"> <div class="card-content"> <br/> <div class="row"> <div class="col l12 s12 right-align"> <div class="switch"> <label> Modern <input type="checkbox" checked/> <span class="lever"></span> Traditional </label> </div></div></div><div id="modernCharts"> <div class="row"> <div class="col l6 s12"> <h6 class="center-align">Affected timeseries</h6> <div id="affectedHeatMap"></div></div><div class="col l6 s12"> <h6 class="center-align">Recovered timeseries</h6> <div id="recoveredHeatMap"></div></div></div></div><div id="traditionalCharts"> <div class="row"> <div class="col l6 s12"> <h6 class="center-align">Newly Affected</h6> <div id="affectedSeries"></div></div><div class="col l6 s12"> <h6 class="center-align">Death-Recovered</h6> <div id="rdSeries"></div></div></div></div></div></div></div><!-- <div class="customContainer"> <div class="row"> <h4 class="center-align gsans text-blue-grey text-darken-1 headerText" > Confirmed cases in Dhaka city </h4> <div class="card round"> <div class="card-content"> <div class="row"> <div class="center-align"> <h6 class="gsans"> <b>Affected areas: </b> <span class="orange-text text-darken-4 affectedText" id="affectedAreaNumber" ></span > | <b>Count: </b> <span class="orange-text text-darken-4 affectedText" id="affectedPeopleNumber" ></span> </h6> </div><div class="input-field col s12 m12 l4"> <i class="material-icons prefix indigo-text text-lighten-3" >search</i > <input id="search" type="text" placeholder="Search for a location..." autocomplete="off"/> </div><div class="right-align"> <a class="btn-floating tooltipped btn-small waves-effect waves-light teal darken-4 ascBtn" id="accending" data-tooltip="Filter in ascending order" ><i class="material-icons">vertical_align_bottom</i></a > <a class="btn-floating tooltipped btn-small waves-effect waves-light deep-purple darken-4 descBtn" id="decending" data-tooltip="Filter in descending order" ><i class="material-icons">vertical_align_top</i></a > </div><div class="col s12 m12 l12 scrollableTable"> <div id="dhakaCityInfo"></div></div></div></div></div></div></div>--> <div class="customContainer"> <div class="row"> <h4 class="center-align gsans text-blue-grey text-darken-1 headerText" > Case study </h4> <div class="card round"> <div class="card-content"> <div class="row"> <div class="col s12 l4 m6"> <figure> <img id="mindmap" src="assets/img/CoronaInfo.webp" alt="coronavirus" class="responsive-img"/> <figcaption id="mindMapCaption" class="center-align orange-text text-lighten-4" > Fig.1 - Mind map of cases. Due to logarithmic growth of COVID-19 we are eliminating cases after the count 50. </figcaption> </figure> </div><div class="col s12 l8 m8 scrollable"> <div id="CasestudyInfo"></div></div></div></div></div></div></div><footer class="page-footer blue-grey darken-3"> <div class="container"> <div class="row"> <div class="col l6 s12"> <h5 class="white-text">CoronaInfoBD</h5> <p class="grey-text text-lighten-4"> It is a voluntary act aimed at mass awareness. All content used here is open to everyone. For any kind of queries you can <a href="mailto:[email protected]">Email</a> us or create an <a href="https://github.com/TeamTigers/coronainfobd/issues" target="_blank" rel="noopener" >issue</a > in github. If you like our work please give a star in our <a href="https://github.com/TeamTigers/coronainfobd" target="_blank" rel="noopener" >repository.</a > </p><br/> <h6 class="whtie-text gsans">Initiative taken by:</h6> <p class="grey-text text-lighten-4 gsans"> Department of Software Engineering <br/> Daffodil International University </p></div><div class="col l4 offset-l2 s12"> <h5 class="white-text">Important Links</h5> <ul> <li> <a href="https://daffodilvarsity.edu.bd/article/corona" target="_blank" rel="noopener" >Activiy of DIU against Corona</a > </li></ul> </div></div></div><div class="footer-copyright"> <div class="container"> © 2020 Copyright TeamTigers <a class="grey-text text-lighten-4 right" href="https://github.com/teamtigers" target="_blank" rel="noopener" >TeamTigers</a > </div></div></footer> </main> <script src="https://code.jquery.com/jquery-3.5.0.min.js" integrity="sha256-xNzN2a4ltkB44Mc/Jz3pT4iU1cmeR0FkXs4pru/JxaQ=" crossorigin="anonymous" ></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script> <script src="assets/js/minified/coronaCounter.min.js"></script> <script src="assets/js/minified/chart-constructor.min.js"></script> <script src="assets/js/minified/plugin.min.js"></script> <script src="assets/js/minified/darkMood.min.js"></script> <script src="assets/js/minified/dhaka-city.min.js"></script> <script src="assets/js/minified/caseStudy.min.js"></script> <script src="assets/js/map.js"></script> <script src="assets/js/minified/map-controller.min.js"></script> <script>window.onscroll=scroll1; function scroll1(){var toTop=document.getElementById("scrollTop"); window.scrollY > 500 ? (toTop.style.display="Block") : (toTop.style.display="none");}function toTop(){window.scrollTo({top: 0, behavior: "smooth"});}</script> </body></html>