aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorKumar Damani <me@kumardamani.net>2024-08-14 21:12:00 +0000
committerKumar Damani <me@kumardamani.net>2024-08-14 21:12:00 +0000
commit01daad9389f7368360fb799db48b01ba9439f0ff (patch)
tree8f3039c850e21cbad50a3e55f62bf08c550f6704
parentcd66828ed8bc688491194db98a1e8fc3499058d4 (diff)
bug fixes
-rw-r--r--public/about.html8
-rw-r--r--public/index.html18
-rw-r--r--public/style.css8
3 files changed, 26 insertions, 8 deletions
diff --git a/public/about.html b/public/about.html
index 138d1e9..3aa12ae 100644
--- a/public/about.html
+++ b/public/about.html
@@ -34,8 +34,12 @@
</div>
</div>
<footer>
- <a href="index.html">Home</a><br>
- <a href="https://kumardamani.net" target="_blank">Author</a>
+ <div>
+ <a href="index.html">Home</a><br>
+ </div>
+ <div>
+ <a href="https://kumardamani.net" target="_blank">Author</a>
+ </div>
</footer>
</center>
</body>
diff --git a/public/index.html b/public/index.html
index 3e445c5..7929e0f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -19,10 +19,12 @@
<span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span>
</div>
<div class="container">
- <form id="nameForm" class="flex">
- <label style="color: black;" for="firstName">Enter your first name:</label>
- <input type="text" id="firstName" placeholder="bob" required>
- <button type="submit">Name my Dragon</button>
+ <form id="nameForm" class="container">
+ <label class="flex" for="firstName">Enter your first name:</label>
+ <input class="flex" type="text" id="firstName" placeholder="bob" required>
+ <div class="flex">
+ <button type="submit">Name my Dragon</button>
+ </div>
</form>
<div class="flex">
<button id="stop-music" onclick="stopMusic();">Stop music</button>
@@ -40,8 +42,12 @@
<img src="images/dragon-sizes.png" width="50%" alt="Comparison chart for all the dragons">
</div>
<footer>
- <a href="about.html">How it works</a><br>
- <a href="https://kumardamani.net" target="_blank">Author</a>
+ <div>
+ <a href="about.html">How it works</a><br>
+ </div>
+ <div>
+ <a href="https://kumardamani.net" target="_blank">Author</a>
+ </div>
</footer>
</center>
diff --git a/public/style.css b/public/style.css
index 9e664c4..fad2048 100644
--- a/public/style.css
+++ b/public/style.css
@@ -86,3 +86,11 @@ h1 {
cursor: pointer;
transition: 0.3s;
}
+
+#nameForm > * {
+ color: black;
+}
+
+footer > div {
+ padding-bottom: 10px;
+}