rav4s
/
wasm-dna-transcription-translation
mirror of https://github.com/Rav4s/wasm-dna-transcription-translation
1
1
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Finalize styling (hopefully)

pull/1/head
Ravi Shah 5 years ago
parent
5727846bad
commit
42f775d198
3 changed files with 64 additions and 4 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 9
      www/app.html
  2. 53
      www/css/styles.css
  3. 4
      www/index.html

9
www/app.html
View File

@ -10,10 +10,13 @@
<body> <body>
<noscript>This page contains webassembly and javascript content, please enable javascript in your browser.</noscript> <noscript>This page contains webassembly and javascript content, please enable javascript in your browser.</noscript>
<script src="./bootstrap.js"></script> <script src="./bootstrap.js"></script>
<h1>DNA Transcription &amp; Translation</h1>
<div class="main-heading">
<h1><a href="/">DNA Transcription &amp; Translation</a></h1>
</div>
<div class="codons-div-container">
<div class="codons-container">
<div id="codons"></div> <div id="codons"></div>
<div id="footer">
<p>© 2021 Ravi Shah</p>
</div>
</div> </div>
</body> </body>
</html> </html>

53
www/css/styles.css
View File

@ -39,6 +39,22 @@ h1, h2 {
color: white; color: white;
} }
noscript {
text-align: center;
font-size: 2em;
color: orange;
font-style: italic;
font-weight: bold;
}
a {
color: white;
}
a:hover {
color: var(--secondary-bg-color);
}
.input-div-container { .input-div-container {
height: 100%; height: 100%;
width: 100%; width: 100%;
@ -62,4 +78,41 @@ h1, h2 {
#footer { #footer {
text-align: center; text-align: center;
margin-top: 1em;
}
.codons-div-container {
height: 100%;
width: 100%;
margin: 0 auto;
padding: 10px;
position: relative;
text-align: center;
}
.codons-container {
margin-top: 3em;
width: 85%;
height: auto;
background-color: var(--secondary-bg-color);
margin-left: auto;
margin-right: auto;
padding: 10px;
}
#codons {
line-height: 1em;
}
#codons h2 {
font-size: 1.75em;
}
.main-heading {
text-align: center;
margin: 1em;
}
.main-heading h1 {
font-size: 2em;
} }

4
www/index.html
View File

@ -11,6 +11,9 @@
</head> </head>
<body> <body>
<noscript>This page contains webassembly and javascript content, please enable javascript in your browser.</noscript> <noscript>This page contains webassembly and javascript content, please enable javascript in your browser.</noscript>
<div class="main-heading">
<h1><a href="#">DNA Transcription &amp; Translation</a></h1>
</div>
<div class="input-div-container"> <div class="input-div-container">
<div class="input-div"> <div class="input-div">
<form class="dna-input" action="app.html" method="get"> <form class="dna-input" action="app.html" method="get">
@ -24,6 +27,7 @@
</div> </div>
<div id="footer"> <div id="footer">
<p>© 2021 Ravi Shah</p> <p>© 2021 Ravi Shah</p>
<p><a href="https://github.com/Rav4s/wasm-dna-transcription-translation">Source Code</a></p>
<br /> <br />
</div> </div>
</body> </body>

Write Preview
Loading…
Cancel
Save