(24 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
{{IISER-Mohali-INDIA}} | {{IISER-Mohali-INDIA}} | ||
− | |||
<html> | <html> | ||
<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%; | |
− | + | margin-left:2%; | |
− | + | ||
− | + | padding-top: 2%; | |
− | + | ||
} | } | ||
.page_logo{float:right; | .page_logo{float:right; | ||
text-align:right; | text-align:right; | ||
− | margin-right:; | + | margin-right:-20%; |
− | width: | + | width:35%; |
− | height: | + | height:35%; |
position:static; | position:static; | ||
margin-top:8% | margin-top:8% | ||
− | + | } | |
header, section, article { | header, section, article { | ||
− | + | display:block;} | |
.page_head{ | .page_head{ | ||
− | + | position:static; | |
− | + | margin-top:; | |
− | + | text-align:center; | |
− | + | } | |
− | h1, h2, | + | h1, h2, h3{ |
padding-left: 5%; | padding-left: 5%; | ||
padding-right: 5%; | padding-right: 5%; | ||
font-weight:normal; | font-weight:normal; | ||
} | } | ||
− | + | h4{ | |
padding-left: 10%; | padding-left: 10%; | ||
padding-right: 5%; | padding-right: 5%; | ||
Line 37: | Line 241: | ||
} | } | ||
</style> | </style> | ||
− | |||
</head> | </head> | ||
− | |||
<body> | <body> | ||
<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;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.instagram.com/igem_iisermohali/"><img src="https://static.igem.org/mediawiki/2017/c/ce/T--IISER-Mohali-INDIA--Insta.png" style="float: right; width: 4%; margin-right: 1%; padding-top: 1%;"></a> | |
− | + | <a href="#"><img src="https://static.igem.org/mediawiki/2017/d/d7/T--IISER-Mohali-INDIA--G%2B.png" style="float: right; width: 4%; margin-right: 1%; padding-top: 1%;"></a> | |
− | + | <a href="https://twitter.com/iGEMIISERM"><img src="https://static.igem.org/mediawiki/2017/0/04/T--IISER-Mohali-INDIA--Tw.png" style="float: right; width: 4%; margin-right: 1%; padding-top: 1%;"></a> | |
− | + | <a href="https://www.youtube.com/channel/UCXhpctjIXTHUpVCwq_ctgDg"><img src="https://static.igem.org/mediawiki/2017/3/3a/T--IISER-Mohali-INDIA--You.png" style="float: right; width: 4%; margin-right: 1%; padding-top: 1%;"></a> | |
</header> | </header> | ||
− | + | <div class="page_logo"> | |
− | + | <img src="https://static.igem.org/mediawiki/2017/4/4e/T--IISER-Mohali-INDIA--slums.png" width="100%" height="100%"></div> | |
− | + | ||
<article> | <article> | ||
− | + | <h1><center>Integrated Human Practices | |
− | + | </center></h1> | |
<br /><br /><br /><br /><br /><br /> | <br /><br /><br /><br /><br /><br /> | ||
− | + | <section><h3> | |
− | + | ||
− | + | ||
− | + | ||
− | + | Our project stems from an ever increasing need to address and tackle the issue of environmental pollution. Our interactions with the slum dwellers of Mohali, Punjab made us conscious of their inability to get access to clean and green sources of fuel which therefore forced them to breathe in toxic gases released upon burning cheap firewood. We immediately understood that the need of the hour is to stop further damage to our environment and make people aware of the steps to be taken in order to stop the crucifixion of our Mother Earth; but firstly we needed a way to assess the level of toxicants present in our atmosphere. This inspired us to design a cost-effective model based on co-cultures that could detect, capture, and consume pollutants from the air that we breathe. Our intention is to market this color based biosensor cum detoxifier as a cheap wristband model that can be worn by anyone to assess the level of contaminants present in the air that we breathe. | |
− | + | ||
− | + | ||
− | + | </h3> | |
− | + | <h3>Thus, people can be better cautioned to adopt greener practices in their life including:</h3> | |
− | + | <h3>1) Adopting a non-smoking lifestyle.</h3> | |
− | + | <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 /> | |
− | + | <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> | |
− | + | ||
− | + | <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 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>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). | ||
+ | The team members met 5 families and 2 cluster joint families, consisting of 6 nuclear families each. It was found that: | ||
+ | </h4> | ||
+ | <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> | <img src="https://static.igem.org/mediawiki/2017/2/23/T--IISER-Mohali-INDIA--SlumAJ.png" style="float: left; width: 100%;"></td> | ||
− | <td><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> | + | <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/> | |
− | + | ||
− | + | <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> | ||
+ | <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></section> | ||
+ | |||
+ | |||
+ | <div> | ||
+ | <img style="padding-left: 32%; padding-top: 4%; width: 35%;" src="https://static.igem.org/mediawiki/2017/4/4b/T--IISER-Mohali-INDIA--GS.png"> | ||
+ | </div> | ||
+ | <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 | ||
+ | from various countries. The countries that participated include India, France, Sweden, Costa Rica, | ||
+ | Pakistan, Kazakhstan, Netherlands, Taiwan, Slovenia, Hong Kong, Brazil, Panama, Honduras, Mexico, | ||
+ | Spain, Egypt, Chile and Bulgaria. The total number of responses came out to be 119. | ||
+ | This survey highlighted many aspects that need to be taken care of if we wish to make people | ||
+ | participate in mitigating the effects or controlling further pollution: | ||
+ | </h3> | ||
+ | <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/6/6a/T--IISER-Mohali-INDIA--Q2.png" alt="Bar graph"></div><br/> | ||
+ | </section><section><h3> | ||
+ | 58.5 % of the population does experience the effects of pollution in their everyday life. This | ||
+ | includes problems becoming very common like respiratory problems and troubles in vision | ||
+ | to be counted as a few among them. This points towards the fact that people do realize | ||
+ | the problems associated with pollution and this would help in motivating them to work | ||
+ | towards it. | ||
+ | </h3><br/> | ||
+ | <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><h3> | ||
+ | 33.1 % responses were received for either-‘They do not know” about "Reduce, Reuse and | ||
+ | Recycle" or they know but do not practice. This calls for large scale awareness! | ||
+ | </h3><br/> | ||
+ | <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><h3> | ||
+ | Among all the people that participated in the survey, 39.3 % never make use of the public | ||
+ | transport. This occurs due to many reasons including poor transport facilities, using personal | ||
+ | vehicles as a symbol of status, lack of awareness about advantages of car pool system etc. | ||
+ | The number of personal vehicles increase the carbon-footprint many fold contributing | ||
+ | heavily to not only pollution but also to the quick consumption of resources like petrol, | ||
+ | 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/> | ||
+ | <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><h3> | ||
+ | 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 | ||
+ | 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. | ||
+ | </h3></section><br/> | ||
+ | <section> | ||
+ | <h3> | ||
+ | In short, the survey points out the requirement of awareness among the public, to encourage their | ||
+ | participation with the authorities, the latter being required to be more responsible on their part to | ||
+ | take actions to deal with the pollution and waste related issues. | ||
+ | </h3></section><br /> | ||
+ | <br/> | ||
+ | <div> | ||
+ | <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> | ||
+ | <section><center><h2>Fountain Pen Survey</h2></center> | ||
+ | <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 | ||
+ | used throughout a year with the typically used brand. We recorded 26 responses to it which we | ||
+ | will present here. | ||
+ | </h3><br/> | ||
+ | <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/> | ||
+ | <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>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> | ||
+ | <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></section> | ||
+ | |||
+ | |||
+ | <br/><br/><br/> | ||
</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