updating the .gitinore file and adding instructions for the tailwindcss

SunbirdAI · Oct 8, 2023 · 3d1217b · 3d1217b
1 parent 91eaef0
commit 3d1217b
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 57 deletions.
diff --git a/app/front_end/home.html b/app/front_end/home.html
@@ -23,21 +23,21 @@
                     <option value="">Auto Detect</option>
                     <option value="English">English</option>
                     <option value="Luganda">Luganda</option>
-                    <option value="Luganda">Lugbara</option>
-                    <option value="Luganda">Runyankole</option>
-                    <option value="Luganda">Ateso</option>
-                    <option value="Luganda">Acholi</option>                                    
+                    <option value="Lugbara">Lugbara</option>
+                    <option value="Runyankole">Runyankole</option>
+                    <option value="Ateso">Ateso</option>
+                    <option value="Acholi">Acholi</option>                                    
                 </select>
             </div>
             <div class="col1">
                 <select name="Souce Language" id="tta_select_drop" class="ttasrcsl inline-flex justify-center gap-x-1.5 rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 ">
                     <option value="">Auto Detect</option>
                     <option value="English">English</option>
                     <option value="Luganda">Luganda</option>
-                    <option value="Luganda">Lugbara</option>
-                    <option value="Luganda">Runyankole</option>
-                    <option value="Luganda">Ateso</option>
-                    <option value="Luganda">Acholi</option>                                    
+                    <option value="Lugbara">Lugbara</option>
+                    <option value="Runyankole">Runyankole</option>
+                    <option value="Ateso">Ateso</option>
+                    <option value="Acholi">Acholi</option>                                      
                 </select>
             </div>
             <div class="col1 ">

diff --git a/app/front_end/output.css b/app/front_end/output.css
@@ -713,11 +713,10 @@ video {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-
-.ring {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+.shadow-sm {
+  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
 .ring-1 {
@@ -735,28 +734,6 @@ video {
   --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
 }
 
-.ring-slate-200 {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity));
-}
-
-.blur {
-  --tw-blur: blur(8px);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-
-.backdrop-blur {
-  --tw-backdrop-blur: blur(8px);
-  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-}
-
-.backdrop-blur-sm {
-  --tw-backdrop-blur: blur(4px);
-  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-}
-
 .hover\:bg-gray-50:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity));

diff --git a/app/package-lock.json → package-lock.json b/app/package-lock.json → package-lock.json
diff --git a/app/package.json → package.json b/app/package.json → package.json
@@ -8,7 +8,7 @@
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "dev": "tailwindcss -i ./src/input.css -o ./front_end/output.css --watch"
+    "dev": "tailwindcss -i ./app/src/input.css -o ./app/front_end/output.css --watch"
   },
   "keywords": [],
   "author": "",

diff --git a/app/tailwind.config.js → tailwind.config.js b/app/tailwind.config.js → tailwind.config.js
@@ -1,6 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: ["./front_end/*.{html,js}"],
+  content: ["./app/front_end/*.{html,js}"],
   theme: {
     extend: {
       aspectRatio: {