Updates

leozamboni · Aug 16, 2024 · 1883004 · 1883004
1 parent 06b1256
commit 1883004
Show file tree

Hide file tree

Showing 4 changed files with 45 additions and 40 deletions.
diff --git a/assets/rosary-d83182f9.js → assets/rosary-9ddb5b05.js b/assets/rosary-d83182f9.js → assets/rosary-9ddb5b05.js
diff --git a/global.css b/global.css
@@ -756,10 +756,6 @@ select {
   visibility: visible;
 }
 
-.invisible {
-  visibility: hidden;
-}
-
 .static {
   position: static;
 }
@@ -788,6 +784,10 @@ select {
   z-index: 10;
 }
 
+.float-right {
+  float: right;
+}
+
 .float-left {
   float: left;
 }
@@ -991,10 +991,6 @@ select {
   border-radius: 0.25rem;
 }
 
-.rounded-lg {
-  border-radius: 0.5rem;
-}
-
 .rounded-md {
   border-radius: 0.375rem;
 }
@@ -1020,11 +1016,6 @@ select {
   border-color: rgb(180 146 68 / var(--tw-border-opacity));
 }
 
-.bg-gray-900 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
-}
-
 .bg-green-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(59 128 67 / var(--tw-bg-opacity));
@@ -1193,10 +1184,6 @@ select {
   color: rgb(180 146 68 / var(--tw-text-opacity));
 }
 
-.opacity-0 {
-  opacity: 0;
-}
-
 .shadow {
   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
@@ -1232,16 +1219,6 @@ select {
   transition-duration: 150ms;
 }
 
-.transition-opacity {
-  transition-property: opacity;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-
-.duration-300 {
-  transition-duration: 300ms;
-}
-
 .ease-out {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
@@ -1355,13 +1332,6 @@ select {
   outline-color: #3b8043;
 }
 
-@media (prefers-color-scheme: dark) {
-  .dark\:bg-gray-700 {
-    --tw-bg-opacity: 1;
-    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
-  }
-}
-
 @media (max-width: 1000px) {
   .max-\[1000px\]\:text-\[62pt\] {
     font-size: 62pt;

diff --git a/index.html b/index.html
@@ -291,6 +291,20 @@ <h2 class="text-base font-semibold leading-7 text-black">
                     placeholder="Ex: St Catherine of Siena ora pro nobis, St Thomas Aquinas ora pro nobis, ..."
                   ></textarea>
                 </div>
+
+                <div class="mt-[2px]">
+                  <label class="block text-sm font-medium leading-6 text-black"
+                    >Translation (Google Translator)</label
+                  >
+                  <select
+                    name="translation"
+                    id="translation"
+                    class="focus:ring-green-600 block w-2/4 rounded-md border-0 py-1.5 text-black shadow-sm ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset"
+                  >
+                    <option value="en">English</option>
+                    <option value="pt-br">Portuguese</option>
+                  </select>
+                </div>
               </div>
 
               <h2 class="text-base mt-[3px] font-semibold leading-7 text-black">

diff --git a/rosary.html b/rosary.html
@@ -187,7 +187,7 @@
         opacity: 1;
       }
     </style>
-    <script type="module" crossorigin src="./assets/rosary-d83182f9.js"></script>
+    <script type="module" crossorigin src="./assets/rosary-9ddb5b05.js"></script>
     <link rel="modulepreload" crossorigin href="./assets/map-c6fd9b82.js">
   </head>
 
@@ -290,7 +290,7 @@ <h1>osarium</h1>
 
         <div
           class="pr-2 scrollbar-w-0.5 scrollbar scrollbar-thumb-yellow scrollbar-track-slate-300 overflow-y-scroll"
-          style="height: calc(100vh - 425px)"
+          style="height: calc(100vh - 450px)"
         >
           <div class="pb-10 mt-3 border-b border-gray-900/10">
             <h2 class="text-base font-semibold leading-7 text-black">
@@ -356,6 +356,20 @@ <h2 class="text-base font-semibold leading-7 text-black">Rosary</h2>
                 placeholder="Ex: St Catherine of Siena ora pro nobis, St Thomas Aquinas ora pro nobis, ..."
               ></textarea>
             </div>
+
+            <div class="mt-3">
+              <label class="block text-sm font-medium leading-6 text-black"
+                >Translation (Google Translator)</label
+              >
+              <select
+                name="translation"
+                id="translation"
+                class="focus:ring-green-600 block w-2/4 rounded-md border-0 py-1.5 text-black shadow-sm ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset"
+              >
+                <option value="en">English</option>
+                <option value="pt-br">Portuguese</option>
+              </select>
+            </div>
           </div>
 
           <div class="mt-2">