-
Notifications
You must be signed in to change notification settings - Fork 5
/
web.html
1 lines (1 loc) · 11.8 KB
/
web.html
1
<!DOCTYPE html><html lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>RSE | Reaction Space Explorer</title> <link rel='shortcut icon' type='image/x-icon' href='assets/favicon.ico'/> <meta name="theme-color" content="#101357"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=yes"> <meta name="description" content="Hi! This is our webpage for our project"> <meta property="og:site_name" content="RSE | Reaction Space Explorer"> <meta property="og:title" content="RSE | Reaction Space Explorer"> <meta property="og:type" content="website"> <meta property="og:image" content="https://github.com/walliedraws/personal-website/blob/master/assets/ov.webp"> <meta property="og:description" content="Hi! This is our webpage for our project"> <meta property="og:url" content=""> <meta property="twitter:card" content="summary_large_image"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" media="screen"> <style>html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}mark{background-color:transparent;color:inherit}input::-moz-focus-inner{border:0;padding:0}input[type="text"],input[type="email"],select,textarea{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none}*, *:before, *:after{box-sizing: border-box;}body{min-width: 320px;min-height: 100vh;line-height: 1.0;word-wrap: break-word;overflow-x: hidden;}u{text-decoration: underline;}strong{color: inherit;font-weight: bolder;}em{font-style: italic;}code{font-family: 'Lucida Console', 'Courier New', monospace;font-weight: normal;text-indent: 0;letter-spacing: 0;font-size: 0.9em;margin: 0 0.25em;padding: 0.25em 0.5em;background-color: rgba(144,144,144,0.25);border-radius: 0.25em;}mark{background-color: rgba(144,144,144,0.25);}a{-moz-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;-webkit-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;-ms-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;color: inherit;text-decoration: underline;}s{text-decoration: line-through;}body:before{content: '';display: block;position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;z-index: 0;-moz-pointer-events: none;-webkit-pointer-events: none;-ms-pointer-events: none;pointer-events: none;-moz-transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);background-attachment: scroll;background-image: linear-gradient(to top, rgba(0,0,0,0.753), rgba(0,0,0,0.753)), url('assets/bg.webp');background-position: 0% 0%, center;background-repeat: repeat, no-repeat;background-size: auto, cover;background-color: #FFFFFF;}html{font-size: 18pt;}#wrapper{-webkit-overflow-scrolling: touch;display: flex;-moz-flex-direction: column;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-moz-align-items: center;-webkit-align-items: center;-ms-align-items: center;align-items: center;-moz-justify-content: center;-webkit-justify-content: center;-ms-justify-content: center;justify-content: center;min-height: 100vh;position: relative;z-index: 2;overflow: hidden;}#main{display: flex;position: relative;max-width: 100%;z-index: 1;-moz-align-items: center;-webkit-align-items: center;-ms-align-items: center;align-items: center;-moz-justify-content: center;-webkit-justify-content: center;-ms-justify-content: center;justify-content: center;-moz-flex-grow: 0;-webkit-flex-grow: 0;-ms-flex-grow: 0;flex-grow: 0;-moz-flex-shrink: 0;-webkit-flex-shrink: 0;-ms-flex-shrink: 0;flex-shrink: 0;text-align: center;-moz-transition: opacity 1s ease 0s,-moz-transform 1s ease 0s;-webkit-transition: opacity 1s ease 0s,-webkit-transform 1s ease 0s;-ms-transition: opacity 1s ease 0s,-ms-transform 1s ease 0s;transition: opacity 1s ease 0s,transform 1s ease 0s;}#main > .inner{position: relative;z-index: 1;border-radius: inherit;padding: 3.5rem 2.75rem;max-width: 100%;width: 28rem;}#main > .inner > *{margin-top: 1.5rem;margin-bottom: 1.5rem;}#main > .inner > :first-child{margin-top: 0 !important;}#main > .inner > :last-child{margin-bottom: 0 !important;}#main > .inner > .full{margin-left: calc(-2.75rem);width: calc(100% + 5.5rem + 0.4725px);max-width: calc(100% + 5.5rem + 0.4725px);}#main > .inner > .full:first-child{margin-top: -3.5rem !important;border-top-left-radius: inherit;border-top-right-radius: inherit;}#main > .inner > .full:last-child{margin-bottom: -3.5rem !important;border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}#main > .inner > .full.screen{width: 100vw;max-width: 100vw;position: relative;border-radius: 0 !important;left: 50%;right: auto;margin-left: -50vw;}body.is-loading #main{opacity: 0;-moz-transform: translateY(1.5rem);-webkit-transform: translateY(1.5rem);-ms-transform: translateY(1.5rem);transform: translateY(1.5rem);}body.is-instant #main, body.is-instant #main > .inner > *,body.is-instant #main > .inner > section > *{-moz-transition: none !important;-webkit-transition: none !important;-ms-transition: none !important;transition: none !important;}body.is-instant:after{display: none !important;-moz-transition: none !important;-webkit-transition: none !important;-ms-transition: none !important;transition: none !important;}h1 br + br, h2 br + br, h3 br + br, p br + br{display: block;content: ' ';}h1 .li, h2 .li, h3 .li, p .li{display: list-item;padding-left: 0.5em;margin: 0.75em 0 0 1em;}#text01 br + br{margin-top: 0.675rem;}#text01{color: #FFFFFF;font-family: 'Montserrat', sans-serif;font-size: 2.75em;line-height: 1.125;font-weight: 400;}#text02 br + br{margin-top: 0.975rem;}#text02{color: #FFFFFF;font-family: 'Source Sans Pro', sans-serif;font-size: 1em;line-height: 1.625;font-weight: 300;}hr{width: 100%;position: relative;padding: 0;border: 0;}hr:before{content: '';display: inline-block;vertical-align: middle;}#divider01{height: 0.5rem;line-height: 0.5rem;}#divider01:before{width: 13%;border-top: solid 1px #FFFFFF;height: 1px;}.buttons{cursor: default;padding: 0;letter-spacing: 0;}.buttons li a{text-decoration: none;text-align: center;white-space: nowrap;max-width: 100%;-moz-align-items: center;-webkit-align-items: center;-ms-align-items: center;align-items: center;-moz-justify-content: center;-webkit-justify-content: center;-ms-justify-content: center;justify-content: center;vertical-align: middle;}#buttons01{width: calc(100% + 0.75rem);margin-left: -0.375rem;}#buttons01 li{display: inline-block;vertical-align: middle;max-width: calc(100% - 0.75rem);margin: 0.375rem;}#buttons01 li a{display: flex;width: 15rem;height: 3.25rem;line-height: 3.25rem;vertical-align: middle;padding: 0 1.625rem;text-transform: uppercase;font-size: 0.75em;font-family: 'Montserrat', sans-serif;letter-spacing: 0.275rem;padding-left: calc(0.275rem + 1.625rem);font-weight: 400;border-radius: 2rem;}#buttons01 .button{background-color: #42B398;color: #FFFFFF;}#buttons01 .button:hover{background-color: #3EC2A2 !important;}.icons{cursor: default;padding: 0;letter-spacing: 0;}.icons li{display: inline-block;vertical-align: middle;position: relative;z-index: 1;}.icons li a{display: flex;-moz-align-items: center;-webkit-align-items: center;-ms-align-items: center;align-items: center;-moz-justify-content: center;-webkit-justify-content: center;-ms-justify-content: center;justify-content: center;}.icons li a svg{display: block;position: relative;-moz-transition: fill 0.25s ease;-webkit-transition: fill 0.25s ease;-ms-transition: fill 0.25s ease;transition: fill 0.25s ease;}.icons li a + svg{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;-moz-pointer-events: none;-webkit-pointer-events: none;-ms-pointer-events: none;pointer-events: none;-moz-transition: fill 0.25s ease, stroke 0.25s ease;-webkit-transition: fill 0.25s ease, stroke 0.25s ease;-ms-transition: fill 0.25s ease, stroke 0.25s ease;transition: fill 0.25s ease, stroke 0.25s ease;}.icons li a .label{display: none;}#icons01{font-size: 1.25em;width: calc(100% + 0.5rem);margin-left: -0.25rem;}#icons01 li{margin: 0.25rem;}#icons01 li a{border-radius: 100%;width: 2em;height: 2em;}#icons01 li a svg{width: 60%;height: 60%;}#icons01 a{background-color: transparent;}#icons01 a svg{fill: #FFFFFF;}#icons01 a:hover{background-color: rgba(255,255,255,0.141) !important;}@media (max-width: 1680px){html{font-size: 13pt;}}@media (max-width: 1280px){html{font-size: 13pt;}}@media (max-width: 980px){html{font-size: 11pt;}}@media (max-width: 736px){html{font-size: 11pt;}#main > .inner{padding: 3.5rem 2rem;}#main > .inner > *{margin-top: 1.5rem;margin-bottom: 1.5rem;}#main > .inner > .full{margin-left: calc(-2rem);width: calc(100% + 4rem + 0.4725px);max-width: calc(100% + 4rem + 0.4725px);}#main > .inner > .full:first-child{margin-top: -3.5rem !important;}#main > .inner > .full:last-child{margin-bottom: -3.5rem !important;}#main > .inner > .full.screen{margin-left: -50vw;}#text01{letter-spacing: 0rem;width: 100%;font-size: 2.75em;line-height: 1.125;}#text02{letter-spacing: 0rem;width: 100%;font-size: 1em;line-height: 1.625;}#divider01{height: 0.5rem;line-height: 0.5rem;}}@media (max-width: 480px){#main > .inner > *{margin-top: 1.3125rem;margin-bottom: 1.3125rem;}#buttons01 li a{width: 15rem;}}@media (max-width: 360px){#main > .inner{padding: 2.625rem 1.5rem;}#main > .inner > *{margin-top: 1.125rem;margin-bottom: 1.125rem;}#main > .inner > .full{margin-left: calc(-1.5rem);width: calc(100% + 3rem + 0.4725px);max-width: calc(100% + 3rem + 0.4725px);}#main > .inner > .full:first-child{margin-top: -2.625rem !important;}#main > .inner > .full:last-child{margin-bottom: -2.625rem !important;}#main > .inner > .full.screen{margin-left: -50vw;}#text01{font-size: 2em;}#text02{font-size: 1em;}#buttons01{width: calc(100% + 0.5625rem);margin-left: -0.28125rem;}#buttons01 li{max-width: calc(100% - 0.5625rem);margin: 0.28125rem;}#icons01{width: calc(100% + 0.375rem);margin-left: -0.1875rem;}#icons01 li{margin: 0.1875rem;}}</style> <noscript> <style>body{overflow: auto !important;}#main{opacity: 1.0 !important;-moz-transform: none !important;-webkit-transform: none !important;-ms-transform: none !important;transform: none !important;-moz-transition: none !important;-webkit-transition: none !important;-ms-transition: none !important;transition: none !important;-moz-filter: none !important;-webkit-filter: none !important;-ms-filter: none !important;filter: none !important;}</style> </noscript> </head> <body class="is-ready"> <div id="wrapper"> <div id="main"> <div class="inner"> <h1 id="text01"><span><b>Reaction Space Explorer</b></span></h1> <hr id="divider01"> <p id="text02">We will build a chemically complete in silico model of plausible prebiotic chemical reaction networks using automated computational methods. We hope this will enable detection of autocatalysis for understanding the origins of life, and assist in the interpretation of mass spectra from planetary materials and laboratory simulations. </p><ul id="buttons01" class="buttons animated infinite pulse"> <li><a href="https://github.com/Reaction-Space-Explorer" class="button n01">Github Organization </a></li></ul> </div></div></div></body></html>