|
|
| Line 1: |
Line 1: |
| − | {{Heidelberg/header}}
| |
| − | {{Heidelberg/navbar}}
| |
| − | <html>
| |
| − | <head>
| |
| | | | |
| − | <style>
| |
| − | * {
| |
| − | box-sizing: border-box;
| |
| − | }
| |
| − |
| |
| − | .contain {
| |
| − | max-width: 1170px;
| |
| − | margin-left: auto;
| |
| − | margin-right: auto;
| |
| − | padding: 1em;
| |
| − | }
| |
| − | @media (min-width: 600px) {
| |
| − | .contain {
| |
| − | padding: 0;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − |
| |
| − | input:focus,
| |
| − | textarea:focus {
| |
| − | outline: 3px solid #9d1c20;
| |
| − | }
| |
| − |
| |
| − | input,
| |
| − | textarea,
| |
| − | button {
| |
| − | width: 100%;
| |
| − | border: 1px solid #000;
| |
| − | }
| |
| − |
| |
| − | input[type="number"] {
| |
| − | height: 2.8em !important;
| |
| − | }
| |
| − | .form-wrapper {
| |
| − | box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
| |
| − | }
| |
| − | .form-wrapper > * {
| |
| − | padding: 1em;
| |
| − | }
| |
| − | @media (min-width: 700px) {
| |
| − | .form-wrapper {
| |
| − | display: grid;
| |
| − | grid-template-columns: 1fr 2fr;
| |
| − | }
| |
| − | .form-wrapper > * {
| |
| − | padding: 2em 2em;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | ul {
| |
| − | list-style: none;
| |
| − | padding: 0;
| |
| − | }
| |
| − |
| |
| − | .form-description {
| |
| − | background: #222;
| |
| − | }
| |
| − | .form-description > * {
| |
| − | color: #fff !important;
| |
| − | }
| |
| − | .form-description > ul li, .form-description > ol li {
| |
| − | color: #fff !important;
| |
| − | }
| |
| − |
| |
| − | .form {
| |
| − | background: #fff;
| |
| − | }
| |
| − |
| |
| − | form {
| |
| − | display: grid;
| |
| − | grid-template-columns: 1fr 1fr;
| |
| − | grid-gap: 20px;
| |
| − | }
| |
| − | form label {
| |
| − | display: block;
| |
| − | text-align: center !important;
| |
| − | }
| |
| − | form p {
| |
| − | margin: 0;
| |
| − | }
| |
| − |
| |
| − | .full-width {
| |
| − | grid-column: 1 / 3;
| |
| − | }
| |
| − |
| |
| − | button,
| |
| − | input,
| |
| − | textarea {
| |
| − | padding: 1em;
| |
| − | }
| |
| − |
| |
| − | button {
| |
| − | background: #222;
| |
| − | width: 100%;
| |
| − | border: 0;
| |
| − | color: white;
| |
| − | font-size: 25px;
| |
| − | }
| |
| − | button:hover, button:focus {
| |
| − | background: dimgrey;
| |
| − | outline: 0;
| |
| − | transition: all 1s ease;
| |
| − | }
| |
| − |
| |
| − | </style>
| |
| − | </head>
| |
| − | <body>
| |
| − | <div class="page-title" style="padding-top: 100px;">
| |
| − | <div class="t-container">
| |
| − | <div class="t-col t-col_12">
| |
| − |
| |
| − | <div class="header-title heidelberg-orange">SafetyNet.</div><br>
| |
| − | <div class="header-subtitle" style="white-space: pre-line;">Subtitle</div>
| |
| − | </div>
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="container" style="background-color: white;padding-top: 100px;">
| |
| − | <div class="col-lg-12 col-md-12 col-xs-12">
| |
| − | <div class="form-wrapper" style="margin-bottom: 50px;">
| |
| − | <div class="form-description content">
| |
| − | <h3>Enter your input sequence here ⇨</h3>
| |
| − |
| |
| − | <p style="color: white !important">Paste a PROTEIN sequence in FASTA format</p>
| |
| − | </div>
| |
| − |
| |
| − | <div class="form" id="first_input">
| |
| − | <textarea id="push_sequence"></textarea>
| |
| − | <button id="hyperreference1">Submit ⇨</button>
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | </div>
| |
| − | <div class="form-wrapper" style="margin-bottom: 50px;">
| |
| − | <div class="form-description">
| |
| − | <h3>Enter your Request ID here ⇨</h3>
| |
| − | </div>
| |
| − | <div class="form" id="second_input">
| |
| − | <textarea id="get_sequence"></textarea>
| |
| − | <button id="hyperreference2">Submit ⇨</button>
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="form-wrapper">
| |
| − | <div class="form-description">
| |
| − | <h3>Enter NCBI Result here ⇨</h3>
| |
| − | </div>
| |
| − | <div class="form" id="third_input">
| |
| − |
| |
| − | <textarea id="get_safety"></textarea>
| |
| − | <button id="hyperreference3">Submit ⇨</button>
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div id="safety_table"></div>
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | </body>
| |
| − | </html>
| |
| − | {{Heidelberg/footer}}
| |
