(4 intermediate revisions by 2 users not shown) | |||
Line 3: | Line 3: | ||
<head> | <head> | ||
<style> | <style> | ||
+ | article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block} | ||
+ | audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline} | ||
+ | audio:not([controls]){display:none;height:0}[hidden],template{display:none} | ||
+ | a{background-color:transparent;-webkit-text-decoration-skip:objects} | ||
+ | a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted} | ||
+ | dfn{font-style:italic}mark{background:#ff0;color:#000} | ||
+ | small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} | ||
+ | sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}svg:not(:root){overflow:hidden} | ||
+ | code,kbd,pre,samp{font-family:font;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible} | ||
+ | button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold} | ||
+ | button,input{overflow:visible}button,select{text-transform:none} | ||
+ | button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button} | ||
+ | button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;padding:0} | ||
+ | button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:1px dotted ButtonText} | ||
+ | fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em} | ||
+ | legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto} | ||
+ | [type=checkbox],[type=radio]{padding:0} | ||
+ | [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto} | ||
+ | [type=search]{-webkit-appearance:textfield;outline-offset:-2px} | ||
+ | [type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none} | ||
+ | ::-webkit-input-placeholder{color:inherit;opacity:0.54} | ||
+ | ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} | ||
+ | /* End extract */ | ||
+ | html,body{font-family:font;}html{overflow-x:hidden} | ||
+ | |||
+ | .w3-image{max-width:100%;height:auto}img{margin-bottom:-5px}a{color:inherit} | ||
+ | .w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.w3-table-all{border:1px solid #ccc} | ||
+ | .w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1} | ||
+ | .w3-table-all tr:nth-child(odd){background-color:#fff}.w3-table-all tr:nth-child(even){background-color:#f1f1f1} | ||
+ | .w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}.w3-centered tr th,.w3-centered tr td{text-align:center} | ||
+ | .w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top} | ||
+ | .w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px} | ||
+ | .w3-btn,.w3-button{border:none;display:inline-block;outline:0;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap} | ||
+ | .w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)} | ||
+ | .w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} | ||
+ | .w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none} | ||
+ | .w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none} | ||
+ | .w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%} | ||
+ | .w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none} | ||
+ | .w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block} | ||
+ | .w3-ripple:active{opacity:0.5}.w3-ripple{transition:opacity 0s} | ||
+ | .w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%} | ||
+ | .w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc} | ||
+ | .w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer} | ||
+ | .w3-dropdown-hover:hover .w3-dropdown-content{display:block;z-index:1} | ||
+ | .w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000} | ||
+ | .w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000} | ||
+ | .w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0} | ||
+ | .w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px} | ||
+ | .w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto} | ||
+ | .w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%} | ||
+ | .w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%} | ||
+ | .w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px} | ||
+ | .w3-main,#main{transition:margin-left .4s} | ||
+ | .w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)} | ||
+ | .w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px} | ||
+ | .w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto} | ||
+ | .w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;outline:none;display:block} | ||
+ | .w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left} | ||
+ | .w3-bar .w3-button{white-space:normal} | ||
+ | .w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;outline:none;white-space:normal;float:none} | ||
+ | .w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%} | ||
+ | .w3-responsive{display:block;overflow-x:auto} | ||
+ | .w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before, | ||
+ | .w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both} | ||
+ | .w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%} | ||
+ | .w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%} | ||
+ | .w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%} | ||
+ | .w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%} | ||
+ | @media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%} | ||
+ | .w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%} | ||
+ | .w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}} | ||
+ | @media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%} | ||
+ | .w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%} | ||
+ | .w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}} | ||
+ | .w3-content{max-width:980px;margin:auto}.w3-rest{overflow:hidden} | ||
+ | .w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell} | ||
+ | .w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom} | ||
+ | .w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important} | ||
+ | @media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px} | ||
+ | .w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative} | ||
+ | .w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center} | ||
+ | .w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}} | ||
+ | @media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}} | ||
+ | @media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}} | ||
+ | @media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}} | ||
+ | @media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}} | ||
+ | .w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0} | ||
+ | .w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2} | ||
+ | .w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0} | ||
+ | .w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0} | ||
+ | .w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)} | ||
+ | .w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)} | ||
+ | .w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)} | ||
+ | .w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)} | ||
+ | .w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)} | ||
+ | .w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none} | ||
+ | .w3-display-position{position:absolute} | ||
+ | .w3-circle{border-radius:50%} | ||
+ | .w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px} | ||
+ | .w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px} | ||
+ | .w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px} | ||
+ | .w3-code,.w3-codespan{font-family:font,font;font-size:16px} | ||
+ | .w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word} | ||
+ | .w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%} | ||
+ | .w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)} | ||
+ | .w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)} | ||
+ | .w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}} | ||
+ | .w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}} | ||
+ | .w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}} | ||
+ | .w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}} | ||
+ | .w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}} | ||
+ | .w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}} | ||
+ | .w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}} | ||
+ | .w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}} | ||
+ | .w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important} | ||
+ | .w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1} | ||
+ | .w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75} | ||
+ | .w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)} | ||
+ | .w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)} | ||
+ | .w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)} | ||
+ | .w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important} | ||
+ | .w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important} | ||
+ | .w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important} | ||
+ | .w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important} | ||
+ | .w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important} | ||
+ | .w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important} | ||
+ | .w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important} | ||
+ | .w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important} | ||
+ | .w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important} | ||
+ | .w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important} | ||
+ | .w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important} | ||
+ | .w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important} | ||
+ | .w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important} | ||
+ | .w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important} | ||
+ | .w3-padding-64{padding-top:64px!important;padding-bottom:64px!important} | ||
+ | .w3-left{float:left!important}.w3-right{float:right!important} | ||
+ | .w3-button:hover{color:#000!important;background-color:#ccc!important} | ||
+ | .w3-transparent,.w3-hover-none:hover{background-color:transparent!important} | ||
+ | .w3-hover-none:hover{box-shadow:none!important} | ||
+ | /* Colors */ | ||
+ | .w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important} | ||
+ | .w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important} | ||
+ | .w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important} | ||
+ | .w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important} | ||
+ | .w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important} | ||
+ | .w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important} | ||
+ | .w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important} | ||
+ | .w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important} | ||
+ | .w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important} | ||
+ | .w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important} | ||
+ | .w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important} | ||
+ | .w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important} | ||
+ | .w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important} | ||
+ | .w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important} | ||
+ | .w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important} | ||
+ | .w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important} | ||
+ | .w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important} | ||
+ | .w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important} | ||
+ | .w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important} | ||
+ | .w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important} | ||
+ | .w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important} | ||
+ | .w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important} | ||
+ | .w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important} | ||
+ | .w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#bbb!important} | ||
+ | .w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important} | ||
+ | .w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important} | ||
+ | .w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important} | ||
+ | .w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important} | ||
+ | .w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important} | ||
+ | .w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important} | ||
+ | .w3-text-red,.w3-hover-text-red:hover{color:#f44336!important} | ||
+ | .w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important} | ||
+ | .w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3!important} | ||
+ | .w3-text-yellow,.w3-hover-text-yellow:hover{color:#ffeb3b!important} | ||
+ | .w3-text-white,.w3-hover-text-white:hover{color:#fff!important} | ||
+ | .w3-text-black,.w3-hover-text-black:hover{color:#000!important} | ||
+ | .w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important} | ||
+ | .w3-text-amber{color:#ffc107!important} | ||
+ | .w3-text-aqua{color:#00ffff!important} | ||
+ | .w3-text-light-blue{color:#87CEEB!important} | ||
+ | .w3-text-brown{color:#795548!important} | ||
+ | .w3-text-cyan{color:#00bcd4!important} | ||
+ | .w3-text-blue-grey,.w3-text-blue-gray{color:#607d8b!important} | ||
+ | .w3-text-light-green{color:#8bc34a!important} | ||
+ | .w3-text-indigo{color:#3f51b5!important} | ||
+ | .w3-text-khaki{color:#b4aa50!important} | ||
+ | .w3-text-lime{color:#cddc39!important} | ||
+ | .w3-text-orange{color:#ff9800!important} | ||
+ | .w3-text-deep-orange{color:#ff5722!important} | ||
+ | .w3-text-pink{color:#e91e63!important} | ||
+ | .w3-text-purple{color:#9c27b0!important} | ||
+ | .w3-text-deep-purple{color:#673ab7!important} | ||
+ | .w3-text-sand{color:#fdf5e6!important} | ||
+ | .w3-text-teal{color:#009688!important} | ||
+ | .w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important} | ||
+ | .w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#3a3a3a!important} | ||
+ | .w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important} | ||
+ | .w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50!important} | ||
+ | .w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3!important} | ||
+ | .w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important} | ||
+ | .w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important} | ||
+ | .w3-border-black,.w3-hover-border-black:hover{border-color:#000!important} | ||
+ | .w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#bbb!important} | ||
+ | |||
.container { | .container { | ||
width:92%; | width:92%; | ||
Line 52: | Line 257: | ||
<article> | <article> | ||
− | < | + | <h1><center>Integrated Human Practices |
− | </ | + | </center></h1> |
<br /><br /><br /><br /><br /><br /> | <br /><br /><br /><br /><br /><br /> | ||
<section><h3> | <section><h3> | ||
Line 78: | Line 283: | ||
The team members met 5 families and 2 cluster joint families, consisting of 6 nuclear families each. It was found that: | The team members met 5 families and 2 cluster joint families, consisting of 6 nuclear families each. It was found that: | ||
</h4> | </h4> | ||
− | <center><table width="90%"><tr><td> | + | <center><table width="90%"><tr><td width="45%"> |
− | + | <img src="https://static.igem.org/mediawiki/2017/2/23/T--IISER-Mohali-INDIA--SlumAJ.png" style="float: left; width: 100%;"></td> | |
− | + | <td width="45%"><img src="https://static.igem.org/mediawiki/2017/7/78/T--IISER-Mohali-INDIA--SlumAJ1.png" style="float: left; width: 100%;"></td></tr></table></center> | |
+ | <center><table width="90%"><tr><td width="45%"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/d/d7/T--IISER-Mohali-INDIA--ajslumsd.png" style="float: left; width: 100%;"></td> | ||
+ | <td width="45%"><img src="https://static.igem.org/mediawiki/2017/c/c3/T--IISER-Mohali-INDIA--ajslumssd.png" style="float: left; width: 100%;"></td></tr></table></center> | ||
<br/> | <br/> | ||
<h4>All of them had settled temporarily and most of them had no identity proof. People settled there were from different states - Uttar Pradesh, Bihar, Tamil Nadu, West Bengal, and Punjab. No sanitary facilities were available in their settlements. All of them defecated openly near the drainage that passed through the slums. No waste disposal mechanism was provided. Large piles of plastic were seen everywhere. Except two families that alternatively used gas, all others permanently used wood as fuel for Cooking food. Wood, used as fuel, was mainly procured from nearby woodland and waste grounds. While some said they picked the dry, dead branches, others axed out fresh trees and dried them in their localities. Also we were told that whenever they came to know about any clearing of forests for industrial purposes by the government, they picked up wood from there in masses.During winters, even those who use gas, shift to wood burning as they don't want to spend their money on heaters nor electricity.</h4><br /> | <h4>All of them had settled temporarily and most of them had no identity proof. People settled there were from different states - Uttar Pradesh, Bihar, Tamil Nadu, West Bengal, and Punjab. No sanitary facilities were available in their settlements. All of them defecated openly near the drainage that passed through the slums. No waste disposal mechanism was provided. Large piles of plastic were seen everywhere. Except two families that alternatively used gas, all others permanently used wood as fuel for Cooking food. Wood, used as fuel, was mainly procured from nearby woodland and waste grounds. While some said they picked the dry, dead branches, others axed out fresh trees and dried them in their localities. Also we were told that whenever they came to know about any clearing of forests for industrial purposes by the government, they picked up wood from there in masses.During winters, even those who use gas, shift to wood burning as they don't want to spend their money on heaters nor electricity.</h4><br /> | ||
+ | |||
+ | <div class="w3-content w3-display-container" style="clear: both;"> | ||
+ | <img class="mySlides w3-animate-fading" src="https://static.igem.org/mediawiki/2017/b/b2/T--IISER-Mohali-INDIA--gb1.png" style="width:100%"> | ||
+ | <img class="mySlides w3-animate-fading" src="https://static.igem.org/mediawiki/2017/e/e0/T--IISER-Mohali-INDIA--gb2.png" style="width:100%"> | ||
+ | <img class="mySlides w3-animate-fading" src="https://static.igem.org/mediawiki/2017/4/45/T--IISER-Mohali-INDIA--gb3.png" style="width:100%"> | ||
+ | <img class="mySlides w3-animate-fading" src="https://static.igem.org/mediawiki/2017/5/5b/T--IISER-Mohali-INDIA--gb4.png" style="width:100%"> | ||
+ | <img class="mySlides w3-animate-fading" src="https://static.igem.org/mediawiki/2017/3/38/T--IISER-Mohali-INDIA--gb5.png" style="width:100%"> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <button class="w3-button w3-black w3-display-left" onclick="plusDivs(-1)">❮</button> | ||
+ | <button class="w3-button w3-black w3-display-right" onclick="plusDivs(1)">❯</button> | ||
+ | </div> | ||
<h4>Despite government distribution of free gas connection, most of them couldn’t register for it due to the lack of address proof for their temporary settlements. On being asked about the government scheme Pradhan Mantri Ujjwala Yojana, they said that the number of people using wood as fuel has fallen a lot but hasn’t dropped to a nil. It was found that nearby government toilets charged Rs. 5 for one instance and it was not known if the charge that was procured was on a legal basis.</h4></section> | <h4>Despite government distribution of free gas connection, most of them couldn’t register for it due to the lack of address proof for their temporary settlements. On being asked about the government scheme Pradhan Mantri Ujjwala Yojana, they said that the number of people using wood as fuel has fallen a lot but hasn’t dropped to a nil. It was found that nearby government toilets charged Rs. 5 for one instance and it was not known if the charge that was procured was on a legal basis.</h4></section> | ||
Line 103: | Line 325: | ||
participate in mitigating the effects or controlling further pollution: | participate in mitigating the effects or controlling further pollution: | ||
</h3> | </h3> | ||
− | <div class="data-img"><img src="https://static.igem.org/mediawiki/2017/ | + | <div class="data-img"><img src="https://static.igem.org/mediawiki/2017/f/f1/T--IISER-Mohali-INDIA--Q1.png" alt="Pie chart"></div><br /> |
− | <div class="data-img"><img src="https://static.igem.org/mediawiki/2017/ | + | <div class="data-img"><img src="https://static.igem.org/mediawiki/2017/6/6a/T--IISER-Mohali-INDIA--Q2.png" alt="Bar graph"></div><br/> |
</section><section><h3> | </section><section><h3> | ||
58.5 % of the population does experience the effects of pollution in their everyday life. This | 58.5 % of the population does experience the effects of pollution in their everyday life. This | ||
Line 112: | Line 334: | ||
towards it. | towards it. | ||
</h3><br/> | </h3><br/> | ||
− | <div class="data-img"><img src="https://static.igem.org/mediawiki/2017/ | + | <div class="data-img"><img src="https://static.igem.org/mediawiki/2017/b/bd/T--IISER-Mohali-INDIA--Q3.png" alt="Pie chart"></div><br/> |
</section> | </section> | ||
<section><h3> | <section><h3> | ||
Line 118: | Line 340: | ||
Recycle" or they know but do not practice. This calls for large scale awareness! | Recycle" or they know but do not practice. This calls for large scale awareness! | ||
</h3><br/> | </h3><br/> | ||
− | <div class="data-img"><img src="https://static.igem.org/mediawiki/2017/ | + | <div class="data-img"><img src="https://static.igem.org/mediawiki/2017/a/ae/T--IISER-Mohali-INDIA--Q4.png" alt="Pie chart"></div><br/> |
</section> | </section> | ||
<section><h3> | <section><h3> | ||
Line 128: | Line 350: | ||
diesel, etc. This can be checked by focusing on improving the status of public transport facilities which would incentivize more people to use them. | diesel, etc. This can be checked by focusing on improving the status of public transport facilities which would incentivize more people to use them. | ||
</h3><br/> | </h3><br/> | ||
− | <div class="data-img"><img src="https://static.igem.org/mediawiki/2017/ | + | <div class="data-img"><img src="https://static.igem.org/mediawiki/2017/9/98/T--IISER-Mohali-INDIA--Q5.png" alt="Pie chart"></div><br/> |
</section> | </section> | ||
<section><h3> | <section><h3> | ||
Line 166: | Line 388: | ||
</article> | </article> | ||
</div> | </div> | ||
+ | |||
+ | <script> | ||
+ | var slideIndex = 1; | ||
+ | showDivs(slideIndex); | ||
+ | |||
+ | function plusDivs(n) { | ||
+ | showDivs(slideIndex += n); | ||
+ | } | ||
+ | |||
+ | function showDivs(n) { | ||
+ | var i; | ||
+ | var x = document.getElementsByClassName("mySlides"); | ||
+ | if (n > x.length) {slideIndex = 1} | ||
+ | if (n < 1) {slideIndex = x.length} | ||
+ | for (i = 0; i < x.length; i++) { | ||
+ | x[i].style.display = "none"; | ||
+ | } | ||
+ | x[slideIndex-1].style.display = "block"; | ||
+ | } | ||
+ | </script> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 04:00, 2 November 2017