From e04a4157a7b8f557c1c37056df60694012af2b35 Mon Sep 17 00:00:00 2001
From: Win Parker <wins.dominoes2007@gmail.com>
Date: Sun, 20 Aug 2023 22:02:24 +0700
Subject: [PATCH] Switch to light mode

---
 .gitignore                              | 0
 README.md                               | 0
 index.js                                | 0
 package.json                            | 0
 public/assets/css/style.css             | 6 ++++--
 public/assets/js/dropdown.js            | 0
 public/assets/js/fetch.js               | 2 +-
 public/assets/material/material.min.css | 0
 public/assets/material/material.min.js  | 0
 views/pages/home.ejs                    | 6 +++---
 views/partials/footer.ejs               | 2 +-
 views/partials/header.ejs               | 2 +-
 12 files changed, 10 insertions(+), 8 deletions(-)
 mode change 100644 => 100755 .gitignore
 mode change 100644 => 100755 README.md
 mode change 100644 => 100755 index.js
 mode change 100644 => 100755 package.json
 mode change 100644 => 100755 public/assets/css/style.css
 mode change 100644 => 100755 public/assets/js/dropdown.js
 mode change 100644 => 100755 public/assets/js/fetch.js
 mode change 100644 => 100755 public/assets/material/material.min.css
 mode change 100644 => 100755 public/assets/material/material.min.js
 mode change 100644 => 100755 views/pages/home.ejs
 mode change 100644 => 100755 views/partials/footer.ejs
 mode change 100644 => 100755 views/partials/header.ejs

diff --git a/.gitignore b/.gitignore
old mode 100644
new mode 100755
diff --git a/README.md b/README.md
old mode 100644
new mode 100755
diff --git a/index.js b/index.js
old mode 100644
new mode 100755
diff --git a/package.json b/package.json
old mode 100644
new mode 100755
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
old mode 100644
new mode 100755
index ed25379..d89d356
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -17,9 +17,11 @@ button{
 pre{
     white-space:pre-line
 }
-form, input, textarea, label, p, select, option{
-    color: #fff !important
+
+.column {
+    flex-grow: 1; 
 }
+
 #icon{
     max-width:45px;
     height:auto;
diff --git a/public/assets/js/dropdown.js b/public/assets/js/dropdown.js
old mode 100644
new mode 100755
diff --git a/public/assets/js/fetch.js b/public/assets/js/fetch.js
old mode 100644
new mode 100755
index 29b2455..dc2260e
--- a/public/assets/js/fetch.js
+++ b/public/assets/js/fetch.js
@@ -25,7 +25,7 @@ $('#formSubmit').click(function () {
             if(response) {
                 const url = body.url;
 
-                $('#audioContainer').css("display", "block");
+                $('#resultContainer').css("display", "block");
 
                 setTimeout(() => {
 
diff --git a/public/assets/material/material.min.css b/public/assets/material/material.min.css
old mode 100644
new mode 100755
diff --git a/public/assets/material/material.min.js b/public/assets/material/material.min.js
old mode 100644
new mode 100755
diff --git a/views/pages/home.ejs b/views/pages/home.ejs
old mode 100644
new mode 100755
index a568148..50270b0
--- a/views/pages/home.ejs
+++ b/views/pages/home.ejs
@@ -1,6 +1,6 @@
 <%- include('../partials/header'); %>
 
-<div class="column shadow-sm p-3 m-4 bg-dark-3 text-light">
+<div class="column shadow-sm p-3 m-4">
     <div align="left">
         <h1>Sanskrit TTS</h1>
         <p>Enter your text below to convert to speech.</p>
@@ -24,8 +24,8 @@
         <hr>
         
         <h3>Result</h3>
-        <div id="resultContainer">
-            <div id="audioContainer" style="display: none;">
+        <div id="resultContainer" style="display: none;">
+            <div id="audioContainer">
                 <div class="gapContainer">
                     <audio controls id="audioPlayer">
                         <source src="" id="ttsAudio">
diff --git a/views/partials/footer.ejs b/views/partials/footer.ejs
old mode 100644
new mode 100755
index 11df6e2..00056f6
--- a/views/partials/footer.ejs
+++ b/views/partials/footer.ejs
@@ -1,4 +1,4 @@
-<p class="text-center text-light">Source Code: <a href="">Github</a> - Made by <a href="https://github.com/WinsDominoes">Win</a> - Material Theme Library by <a href="https://daemonite.github.io/material/">daemonite.github.io</a>
+<p class="text-center">Source Code: <a href="">Github</a> - Made by <a href="https://github.com/WinsDominoes">Win</a> - Material Theme Library by <a href="https://daemonite.github.io/material/">daemonite.github.io</a>
 
 </div>
 
diff --git a/views/partials/header.ejs b/views/partials/header.ejs
old mode 100644
new mode 100755
index 3a8e80e..13694d5
--- a/views/partials/header.ejs
+++ b/views/partials/header.ejs
@@ -20,7 +20,7 @@
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0"/>
     <title>Sanskrit TTS</title>
 </head>
-<body class="bg-dark-2">
+<body>
 <header>
     <nav class="navbar navbar-expand-lg navbar-dark bg-info">
         <a class="navbar-brand" href="/"></a>