@learnpack/learnpack 5.0.291 → 5.0.293

package/src/creator/src/index.css

@@ -1,217 +1,227 @@
-@import "tailwindcss";
-
-:root {
-  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
-  line-height: 1.5;
-  font-weight: 400;
-
-  color-scheme: light dark;
-  color: #213547;
-
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-
-  --four-geeks-blue: #0097cf;
-  --soft-blue: #f3fafd;
-  --gray-text: #6883b4;
-  --learnpack-blue: #02a9ea;
-  --learnpack-light-blue: #c7f3fd;
-}
-
-a {
-  font-weight: 500;
-  color: var(--learnpack-blue);
-  text-decoration: inherit;
-}
-a:hover {
-  color: var(--learnpack-blue);
-}
-
-body {
-  margin: 0;
-  min-height: 100vh;
-  background-color: #f4f9fe;
-}
-
-.bg-learnpack-blue {
-  background-color: var(--soft-blue);
-}
-
-.bg-learnpack {
-  background-color: var(--learnpack-blue);
-}
-
-.bg-gray-blue {
-  background-color: #e7f1ff;
-}
-
-.index-circle {
-  width: 30px;
-  height: 30px;
-  font-size: 16px;
-  font-weight: 600;
-  border-radius: 50%;
-  color: var(--four-geeks-blue);
-  background-color: var(--soft-blue);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.text-gray {
-  color: var(--gray-text);
-}
-
-.scrollbar-hide {
-  scrollbar-width: none !important;
-}
-
-.loader {
-  display: flex;
-  /* flex-direction: column; */
-  align-items: center;
-  gap: 10px;
-  justify-content: center;
-  animation: glowing 1000ms linear infinite;
-}
-@keyframes spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-.loader-icon {
-  width: 40px;
-  height: 40px;
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-/* .loader-icon::after {
-  content: "";
-  display: block;
-  width: 100%;
-  top: 0;
-  left: 0;
-  position: absolute;
-  height: 100%;
-  border: 2px solid var(--gray-text);
-  border-top: 2px solid var(--learnpack-blue);
-
-  border-radius: 50%;
-  animation: spin 2s linear infinite;
-} */
-
-@keyframes glowing {
-  0% {
-    opacity: 0.6;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-
-.blue-on-hover:hover {
-  svg {
-    fill: var(--learnpack-blue);
-
-    path {
-      fill: var(--learnpack-blue);
-    }
-  }
-}
-
-.border-learnpack-blue {
-  border-color: var(--learnpack-blue);
-}
-
-.red-ball {
-  width: 16px;
-  height: 16px;
-  border: 2px solid white;
-  background-color: #eb5757;
-  border-radius: 50%;
-  position: absolute;
-  top: -10px;
-  left: 10px;
-}
-
-.fluid-svg {
-  > svg {
-    width: 100%;
-    height: 100%;
-  }
-}
-
-.outline-blue:focus {
-  outline: 1px solid #51b3e5;
-}
-
-.border-C8DBFC {
-  border-color: #c8dbfc;
-}
-
-.markdown-renderer {
-  & ul {
-    padding-left: 0;
-    list-style-position: inside;
-    list-style-type: disc;
-  }
-
-  & ol {
-    padding-left: 0;
-    list-style-position: inside;
-    list-style-type: decimal;
-  }
-}
-
-.appear {
-  animation: appear 0.5s ease-in-out forwards;
-  transform-origin: top center; /* o donde quieras que crezca */
-  opacity: 0;
-  transform: scaleY(0) translateY(20px);
-}
-
-@keyframes appear {
-  from {
-    opacity: 0;
-    transform: scaleY(0) translateY(20px);
-  }
-  to {
-    opacity: 1;
-    transform: scaleY(1) translateY(0);
-  }
-}
-
-.bg-heavy-blue {
-  background-color: #9fbdf0;
-}
-
-.border-heavy-blue {
-  border-color: #9fbdf0;
-  &:focus {
-    outline: 1px solid #9fbdf0;
-  }
-}
-
-.cloudy {
-  opacity: 0;
-  transition: opacity 0.5s ease-in-out;
-  animation: fadeIn 0.5s ease-in-out forwards;
-}
-
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-    transform: translateY(20px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
+@import "tailwindcss";
+
+:root {
+  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: #213547;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+  --four-geeks-blue: #0097cf;
+  --soft-blue: #f3fafd;
+  --gray-text: #6883b4;
+  --learnpack-blue: #02a9ea;
+  --learnpack-light-blue: #c7f3fd;
+}
+
+a {
+  font-weight: 500;
+  color: var(--learnpack-blue);
+  text-decoration: inherit;
+}
+a:hover {
+  color: var(--learnpack-blue);
+}
+
+body {
+  margin: 0;
+  min-height: 100vh;
+  background-color: #f4f9fe;
+}
+
+.bg-learnpack-blue {
+  background-color: var(--soft-blue);
+}
+
+.bg-learnpack {
+  background-color: var(--learnpack-blue);
+}
+
+.bg-gray-blue {
+  background-color: #e7f1ff;
+}
+
+.index-circle {
+  width: 30px;
+  height: 30px;
+  font-size: 16px;
+  font-weight: 600;
+  border-radius: 50%;
+  color: var(--four-geeks-blue);
+  background-color: var(--soft-blue);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.text-gray {
+  color: var(--gray-text);
+}
+
+.scrollbar-hide {
+  scrollbar-width: none !important;
+}
+
+.loader {
+  display: flex;
+  /* flex-direction: column; */
+  align-items: center;
+  gap: 10px;
+  justify-content: center;
+  animation: glowing 1000ms linear infinite;
+}
+@keyframes spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.loader-icon {
+  width: 40px;
+  height: 40px;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+/* .loader-icon::after {
+  content: "";
+  display: block;
+  width: 100%;
+  top: 0;
+  left: 0;
+  position: absolute;
+  height: 100%;
+  border: 2px solid var(--gray-text);
+  border-top: 2px solid var(--learnpack-blue);
+
+  border-radius: 50%;
+  animation: spin 2s linear infinite;
+} */
+
+@keyframes glowing {
+  0% {
+    opacity: 0.6;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+.blue-on-hover:hover {
+  svg {
+    fill: var(--learnpack-blue);
+
+    path {
+      fill: var(--learnpack-blue);
+    }
+  }
+}
+
+.border-learnpack-blue {
+  border-color: var(--learnpack-blue);
+}
+
+.red-ball {
+  width: 16px;
+  height: 16px;
+  border: 2px solid white;
+  background-color: #eb5757;
+  border-radius: 50%;
+  position: absolute;
+  top: -10px;
+  left: 10px;
+}
+
+.fluid-svg {
+  > svg {
+    width: 100%;
+    height: 100%;
+  }
+}
+
+.outline-blue:focus {
+  outline: 1px solid #51b3e5;
+}
+
+.border-C8DBFC {
+  border-color: #c8dbfc;
+}
+
+.markdown-renderer {
+  & ul {
+    padding-left: 0;
+    list-style-position: inside;
+    list-style-type: disc;
+  }
+
+  & ol {
+    padding-left: 0;
+    list-style-position: inside;
+    list-style-type: decimal;
+  }
+}
+
+.appear {
+  animation: appear 0.5s ease-in-out forwards;
+  transform-origin: top center; /* o donde quieras que crezca */
+  opacity: 0;
+  transform: scaleY(0) translateY(20px);
+}
+
+@keyframes appear {
+  from {
+    opacity: 0;
+    transform: scaleY(0) translateY(20px);
+  }
+  to {
+    opacity: 1;
+    transform: scaleY(1) translateY(0);
+  }
+}
+
+.bg-heavy-blue {
+  background-color: #9fbdf0;
+}
+
+.border-heavy-blue {
+  border-color: #9fbdf0;
+  &:focus {
+    outline: 1px solid #9fbdf0;
+  }
+}
+
+.cloudy {
+  opacity: 0;
+  transition: opacity 0.5s ease-in-out;
+  animation: fadeIn 0.5s ease-in-out forwards;
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.yellow-ball {
+  width: 16px;
+  height: 16px;
+  background-color: #08f700;
+  border-radius: 50%;
+  position: absolute;
+  top: -10px;
+  left: 10px;
+}

package/src/creator/src/locales/en.json

@@ -14,9 +14,9 @@
         "descriptionPlaceholder": "Describe your course",
         "duration": "What is the estimated duration for this tutorial?",
         "durationCard": {
+            "15": "Around 15 minutes",
             "30": "Around 30 minutes",
-            "60": "Around 1 hour",
-            "120": "Around 2 hours"
+            "60": "Around 1 hour"
         },
         "purpose": "What’s your primary learning goal for this tutorial?",
         "verifyHuman": "Please verify you are a human",
@@ -124,4 +124,4 @@
         "title": "We need to verify you are a human, wait a moment...",
         "error": "Error verifying you are a human, please try again, if the problem persists, use a different browser."
     }
-}
+}

package/src/creator/src/locales/es.json

@@ -14,9 +14,9 @@
         "descriptionPlaceholder": "Describe tu curso",
         "duration": "¿Cuál es la duración estimada para este tutorial?",
         "durationCard": {
+            "15": "Alrededor de 15 minutos",
             "30": "Alrededor de 30 minutos",
-            "60": "Alrededor de 1 hora",
-            "120": "Alrededor de 2 horas"
+            "60": "Alrededor de 1 hora"
         },
         "purpose": "¿Cómo te gustaría usar learnpack?",
         "verifyHuman": "Por favor, verifica que eres un humano",
@@ -124,4 +124,4 @@
         "title": "Necesitamos verificar que eres un humano, espera un momento...",
         "error": "Error al verificar que eres un humano, por favor intenta de nuevo, si el problema persiste, usa un navegador diferente."
     }
-}
+}