(10 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 40: | Line 245: | ||
<div class="container"> | <div class="container"> | ||
<header> | <header> | ||
− | <a href="index.html"><img src="https://static.igem.org/mediawiki/2017/7/7b/T--IISER-Mohali-INDIA--logogeco.png" style="float: left; width:8%; padding-top: 1%;" alt="gEco"></a> | + | <a href="index.html"><img src="https://static.igem.org/mediawiki/2017/7/7b/T--IISER-Mohali-INDIA--logogeco.png" style="float: left;margin-left:1%; width:8%; padding-top: 1%;" alt="gEco"></a> |
<a href="https://www.facebook.com/igemiiserm/"><img src="https://static.igem.org/mediawiki/2017/5/5f/T--IISER-Mohali-INDIA--FB.png" style="float: right; width: 4%; margin-right: 1%; padding-top: 1%;"></a> | <a href="https://www.facebook.com/igemiiserm/"><img src="https://static.igem.org/mediawiki/2017/5/5f/T--IISER-Mohali-INDIA--FB.png" style="float: right; width: 4%; margin-right: 1%; padding-top: 1%;"></a> | ||
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 67: | Line 272: | ||
<h3>2) Encouraging the government to distribute clean gas to poverty stricken slum dwellers for cooking, as opposed to burning firewood.</h3></section> | <h3>2) Encouraging the government to distribute clean gas to poverty stricken slum dwellers for cooking, as opposed to burning firewood.</h3></section> | ||
<br /><br /><br /><br /><br /> | <br /><br /><br /><br /><br /> | ||
− | <section>< | + | <section><center><h2>Slum Awareness</h2></center><br /> |
<h3>With the aim of creating awareness among people, which is the prerequisite for mass revolution, the following activities were carried out by the iGEM team members:</h3> | <h3>With the aim of creating awareness among people, which is the prerequisite for mass revolution, the following activities were carried out by the iGEM team members:</h3> | ||
<h4>Awareness session for pollution control and waste management conducted by team members at the Government Boys Senior Secondary School, Mandi Village, New Delhi, 110047 on 23rd September 2017. 10:00 Hrs.</h4> | <h4>Awareness session for pollution control and waste management conducted by team members at the Government Boys Senior Secondary School, Mandi Village, New Delhi, 110047 on 23rd September 2017. 10:00 Hrs.</h4> | ||
− | <h4>During this session, children were told the very basic steps that can be taken at the individual level to contribute towards pollution control and waste management. It was an event where we learnt as much as we taught as the students too came up with several innovative ideas to deal with the environmental problems being faced by the society | + | <h4>During this session, children were told the very basic steps that can be taken at the individual level to contribute towards pollution control and waste management. It was an event where we learnt as much as we taught as the students too came up with several innovative ideas to deal with the environmental problems being faced by the society paving the path to development for countries like India.</h4> |
− | <h4>A slum survey was done and people living there were given guidance to lead a healthy life. The details of the same are as written below :</h4> | + | <h4>A slum survey was done and people living there were given guidance to lead a healthy life. The details of the same are as written below:</h4> |
− | <h4>Time and Date: 17:30 Hrs - 20:00 Hrs on 07-10-2017 and 17:30 Hrs - 19:00 Hrs on 08-10-2017 | + | <h4>Time and Date: 17:30 Hrs - 20:00 Hrs on 07-10-2017 and 17:30 Hrs - 19:00 Hrs on 08-10-2017. |
Place: Jagatpura, Beside Sector 48-C, Chandigarh (30.679218, 76.756539). | Place: Jagatpura, Beside Sector 48-C, Chandigarh (30.679218, 76.756539). | ||
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 /> |
− | <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. | + | <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> | ||
<section> | <section> | ||
<h3>We told the people about the issues with using wood as fuel, about the breathing problems it can lead to in a long run and also about the pollutants released in the environment as a consequence of such practices. Also we told them about the problems associated with open defecation since it leads to mixing of toxic substances and harmful bacteria with underground water sources. | <h3>We told the people about the issues with using wood as fuel, about the breathing problems it can lead to in a long run and also about the pollutants released in the environment as a consequence of such practices. Also we told them about the problems associated with open defecation since it leads to mixing of toxic substances and harmful bacteria with underground water sources. | ||
Line 97: | Line 317: | ||
</div> | </div> | ||
<section> | <section> | ||
− | < | + | <center><h2>Green Survey</h2</center> |
<h3>We conducted a green survey via a set of questions and collated data from the responses we got | <h3>We conducted a green survey via a set of questions and collated data from the responses we got | ||
from various countries. The countries that participated include India, France, Sweden, Costa Rica, | from various countries. The countries that participated include India, France, Sweden, Costa Rica, | ||
Line 105: | 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 114: | 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 120: | 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 130: | 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> | ||
− | The results of the survey shows that | + | The results of the survey shows that 58.8% of people think that the governing authorities are not |
taking up effective measures to check the issue of pollution. This calls for attention on the part | taking up effective measures to check the issue of pollution. This calls for attention on the part | ||
− | of the higher authorities like | + | of the higher authorities like Pollution Control Boards. Furthermore, this needs to be focused upon mainly in the developed countries due to higher energy demands in comparison to |
those of the developing or under-developed countries. | those of the developing or under-developed countries. | ||
</h3></section><br/> | </h3></section><br/> | ||
Line 148: | Line 368: | ||
<img style="padding-left: 32%; padding-top: 4%; width: 35%;" src="https://static.igem.org/mediawiki/2017/a/a0/T--IISER-Mohali-INDIA--FPS.png"> | <img style="padding-left: 32%; padding-top: 4%; width: 35%;" src="https://static.igem.org/mediawiki/2017/a/a0/T--IISER-Mohali-INDIA--FPS.png"> | ||
</div> | </div> | ||
− | <section>< | + | <section><center><h2>Fountain Pen Survey</h2></center> |
<h3>Our dependency on plastic items has increased many fold. | <h3>Our dependency on plastic items has increased many fold. | ||
So recently we issued a Google Form and asked people to mention the number of pens they | So recently we issued a Google Form and asked people to mention the number of pens they | ||
Line 154: | Line 374: | ||
will present here. | will present here. | ||
</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/6/6b/T--IISER-Mohali-INDIA--ajurve.png" alt="Bar graph"></div></section> |
<section><br/> | <section><br/> | ||
− | <h3>Average number of pens used in an year : 16</h3> | + | <h3>Average number of pens used in an year: 16</h3> |
<h3>We have extended this data to the world population of 7,530,739,516 taken from <a href="http://www.worldometers.info/world-population/">here</a>.This turns out to be 120,491,832,256 pens an year. And the amount of plastic generated by these pens is enormous even though we don't have a good number to represent that.</h3> | <h3>We have extended this data to the world population of 7,530,739,516 taken from <a href="http://www.worldometers.info/world-population/">here</a>.This turns out to be 120,491,832,256 pens an year. And the amount of plastic generated by these pens is enormous even though we don't have a good number to represent that.</h3> | ||
<h3>Hence, we would request you all to please join hands with us in using fountain pens (metal | <h3>Hence, we would request you all to please join hands with us in using fountain pens (metal | ||
ones :P ) and saying no to plastic ball and gel pens.</h3> | ones :P ) and saying no to plastic ball and gel pens.</h3> | ||
− | <h3>Google Form : <a href="https://goo.gl/2xV9FS">Click here</a> (https://goo.gl/2xV9FS)</h3> | + | <h3>Google Form: <a href="https://goo.gl/2xV9FS">Click here</a> (https://goo.gl/2xV9FS)</h3> |
− | <h3>Google Form results : <a href="https://goo.gl/1nmPxv">Click here</a> (https://goo.gl/1nmPxv)</h3> | + | <h3>Google Form results: <a href="https://goo.gl/1nmPxv">Click here</a> (https://goo.gl/1nmPxv)</h3> |
</h3></section> | </h3></section> | ||
Line 168: | 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