Revert "Update embeds (#1012)" (#1014)

This reverts commit fe63391.

docusaurus.config.js

@@ -104,6 +104,12 @@ async function createConfig() {
         crossorigin: "anonymous",
         defer: true,
       },
+      {
+        href: "https://embed.trydyno.com/embedder.css",
+        type: "text/css",
+        crossorigin: "anonymous",
+        defer: true,
+      },
       {
         href: "https://fonts.googleapis.com",
         rel: "preconnect",

i18n/es/docusaurus-plugin-content-docs/current/applied_prompting/short_response.md

@@ -95,11 +95,7 @@ Este es un buen comienzo. Luego seguí con otra pregunta para expandir:
 
 Prueba esta pregunta de expansión con el demo a continuación (necesitarás tu clave de API de OpenAI)
 
-<iframe
-    src="http://embed.learnprompting.org/embed?config=eyJib3hSb3dzIjoyNSwidG9wUCI6MSwidGVtcGVyYXR1cmUiOjAuNywibWF4VG9rZW5zIjoyNTYsIm91dHB1dCI6IiIsInByb21wdCI6IiIsIm1vZGVsIjoiZ3B0LTQiLCJ1bmRlZmluZWQiOiIxIn0%3D"
-    style={{width:"100%", height:"1250px", border:"0", borderRadius:"4px", overflow:"hidden"}}
-    sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
-></iframe>
+<div trydyno-embed="" openai-model="text-davinci-003" initial-prompt="Estoy escribiendo un ensayo corto detallado en respuesta al siguiente tema: \n¿Las matemáticas son inventadas o descubiertas? Usa un razonamiento cuidadoso para explicar tu respuesta. \n\nEsto es lo que tengo hasta ahora: Existe mucho debate entre filósofos y matemáticos sobre si las matemáticas son inventadas o descubiertas. Algunos argumentan que los conceptos y principios matemáticos existen independientemente de las mentes humanas y, por lo tanto, pueden considerarse descubiertos en lugar de inventados. Por ejemplo, el concepto de números, proporciones y formas geométricas se observa en el mundo natural y se pueden abstraer y estudiar de manera sistemática. \n\nEscribe el siguiente párrafo de mi ensayo." initial-response="Por otro lado, algunos argumentan que las matemáticas son en gran parte una invención de la mente humana. Los principios matemáticos se basan en el razonamiento lógico, que es una característica de la mente humana. Por ejemplo, la geometría euclidiana se basa en axiomas y postulados abstractos, que se aceptan como verdaderos sin prueba. Por lo tanto, se puede argumentar que la geometría es una invención de la mente humana en lugar de un descubrimiento. De manera similar, las fórmulas y ecuaciones matemáticas se usan para modelar y predecir fenómenos físicos, que son nuevamente el resultado del razonamiento humano." max-tokens="256" box-rows="11" model-temp="0.7" top-p="1"></div>
 <br/>
 
 Generé algunas expansiones con esta instrucción y seleccioné una que me gustó para obtener el siguiente resultado final:

i18n/es/docusaurus-plugin-content-docs/current/basic_applications/writing_in_diff_voices.md

@@ -52,10 +52,8 @@ Pero no tiene que ser un autor famoso. También puedes usar personas conocidas c
 
 Simplemente mostrarle algún contenido previo que hayas escrito es suficiente. Aquí hay un ejemplo, en el que le mostramos a GPT-3 algunos correos electrónicos que 'Dr. Rodriguez' ha escrito en el pasado, y le pedimos que escriba un nuevo correo electrónico en el mismo estilo a un nuevo paciente, Sr. Inuez.
 
-<iframe
-    src="http://embed.learnprompting.org/embed?config=eyJib3hSb3dzIjoyNSwidG9wUCI6MSwidGVtcGVyYXR1cmUiOjAuNywibWF4VG9rZW5zIjoyNTYsIm91dHB1dCI6IiIsInByb21wdCI6IiIsIm1vZGVsIjoiZ3B0LTQiLCJ1bmRlZmluZWQiOiIwIn0%3D"
-    style={{width:"100%", height:"1250px", border:"0", borderRadius:"4px", overflow:"hidden"}}
-    sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
-></iframe>
+<div trydyno-embed="" openai-model="text-davinci-003" initial-prompt="Correo electrónico #1: Asunto - Confirmación de cita\n\nEstimado John,\n\nQuería confirmar tu cita conmigo, el Dr. Smith, el 1 de mayo de 2023 a las 2:30 pm en la clínica HealthFirst. Espero con interés reunirme contigo y discutir tus preocupaciones de salud.\n\nPor favor, llega 15 minutos antes para completar cualquier documentación necesaria y trae una lista de cualquier medicamento que estés tomando actualmente. Si necesitas reprogramar o cancelar tu cita, por favor avísanos con al menos 24 horas de anticipación.\n\nSi tiene alguna pregunta o inquietud antes de su cita, no dude en comunicarse con nosotros.\n\nAtentamente,\nDr. Rodríguez\n\nCorreo electrónico #2: Asunto - Resultados de prueba\n\nEstimada Jane,\n\nLe escribo para informarle que sus recientes resultados de pruebas de sangre han llegado. Sus niveles de colesterol están dentro del rango normal, pero sus niveles de vitamina D son bajos. Le recomendaría que comience a tomar suplementos de vitamina D para mejorar sus niveles.\n\nEn base a estos resultados, también recomendaría que programe una cita de seguimiento en 3 meses para volver a evaluar sus niveles de vitamina D. Si tiene alguna pregunta o inquietud, no dude en ponerse en contacto con nosotros.\n\nGracias,\nDr. Rodriguez\n\nCorreo electrónico #3: Asunto - Cita de seguimiento\n\nEstimado Mark,\n\nQuería hacerle seguimiento después de nuestra última cita y saber cómo se siente. Si aún tiene dolor de espalda o tiene alguna nueva inquietud, por favor hágamelo saber para que podamos discutirlas durante su próxima cita.\n\nSu próxima cita está programada para el 15 de junio de 2023 a las 10:00 am en la Clínica de Salud de la Ciudad. Por favor, háganos saber si necesita reprogramar o cancelar.\n\nCuídate,\nDr. Rodriguez\n\nEscribe un correo electrónico al Sr. Inuez en el estilo de los correos electrónicos anteriores preguntando si el 5 de octubre de 2023 funciona para una cita de revisión médica." initial-response="Asunto - Cita de revisión\n\nEstimado Sr. Inuez,\n\nEspero que este mensaje le encuentre bien. Le escribo para preguntarle si el 5 de octubre de 2023 le funciona para una cita de revisión conmigo, el Dr. Rodriguez.\n\nDurante la cita, discutiremos sus preocupaciones de salud y cualquier cambio en su historial médico. Por favor, llegue 15 minutos antes para completar cualquier documentación necesaria y traiga una lista de los medicamentos que está tomando actualmente.\n\nSi el 5 de octubre no funciona para usted, por favor hágamelo saber y podemos encontrar una fecha diferente que funcione mejor para usted.\n\nGracias,\nDr. Rodriguez" max-tokens="256" box-rows="18" model-temp="0" top-p="0">
+    <noscript>Failed to load Dyno Embed: JavaScript must be enabled</noscript>
+</div>
 
 <br/>Puedes ingresar cualquier texto que hayas escrito en el pasado (correos electrónicos, informes, blogs, etc.), y GPT-3/ChatGPT generalmente será capaz de copiar tu estilo. Cuanto más texto ingreses, mejor podrá copiar tu estilo.

i18n/es/docusaurus-plugin-content-docs/current/basic_applications/zapier_for_emails.md

@@ -106,18 +106,14 @@ A continuación, mostramos algunos ejemplos con correos electrónicos que un adm
 
 Puedes pedir que resuma un correo electrónico simple en viñetas, sin embargo, esto puede no ser muy útil dependiendo de cómo quieras usar el resumen. Para un examen rápido de intercambios de correo electrónico, quizás solo quieras que sea corto y conciso. Simplemente pedir esto en el prompt funciona bien. A continuación, se muestra un ejemplo de este prompt. Ajusta y experimenta con él para ver cómo cambia.
 
-<iframe
-    src="http://embed.learnprompting.org/embed?config=eyJib3hSb3dzIjoyNSwidG9wUCI6MSwidGVtcGVyYXR1cmUiOjAuNywibWF4VG9rZW5zIjoyNTYsIm91dHB1dCI6IiIsInByb21wdCI6IiIsIm1vZGVsIjoiZ3B0LTQiLCJ1bmRlZmluZWQiOiIwIn0%3D"
-    style={{width:"100%", height:"1250px", border:"0", borderRadius:"4px", overflow:"hidden"}}
-    sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
-></iframe>
+<div trydyno-embed="" openai-model="text-davinci-003" initial-prompt="Actúe como mi asistente personal. Soy un administrador de oficina. Resuma el siguiente correo electrónico de la manera más concisa posible, ignorando el encabezado y pie de página y cualquier correo electrónico anterior.. \n\nCorreo Electrónico: Solicitud de suministros de oficina adicionales Estimado Administrador de Oficina, Espero que este correo electrónico le encuentre bien. Me dirijo a usted para solicitar suministros de oficina adicionales para nuestro equipo. Como sabe, últimamente hemos estado experimentando un alto volumen de trabajo y hemos estado utilizando nuestros suministros a un ritmo más rápido de lo habitual. Agradeceríamos mucho si pudiera proporcionarnos los siguientes elementos: Papel de impresora Cartuchos de tinta para la impresora HP en la sala de conferencias Notas adhesivas Clips de carpeta Marcadores Por favor, háganos saber si hay alguna pregunta o inquietud, y cuándo podemos esperar la entrega de los suministros. Gracias por su ayuda. \n\nAtentamente, Tu Nombre:\n" initial-response="Solicitud de suministros de oficina adicionales debido a alta carga de trabajo. Lista de elementos solicitados: papel de impresora, cartuchos de tinta para la impresora HP en la sala de conferencias, notas adhesivas, clips de carpeta y marcadores. Se solicita información sobre la entrega y si hay alguna pregunta o inquietud." max-tokens="256" box-rows="15" model-temp="0.0" top-p="0">
+    <noscript>Failed to load Dyno Embed: JavaScript must be enabled</noscript>
+</div>
 La respuesta aquí es aceptable y sería útil. Sin embargo, con algunos ajustes adicionales se puede obtener un mejor resultado. Como lector de los resúmenes, no le importa que sea un correo electrónico y es posible que desee un nivel de detalle menor para el resumen. La información sobre el porqué es irrelevante, lo mismo ocurre con la última oración sobre preguntas e inquietudes. Al agregar simplemente que el objetivo del resumen es permitirle revisar rápidamente el contenido y que se eliminen las formalidades, se puede mejorar el resultado.
 
-<iframe
-    src="http://embed.learnprompting.org/embed?config=eyJib3hSb3dzIjoyNSwidG9wUCI6MSwidGVtcGVyYXR1cmUiOjAuNywibWF4VG9rZW5zIjoyNTYsIm91dHB1dCI6IiIsInByb21wdCI6IiIsIm1vZGVsIjoiZ3B0LTQiLCJ1bmRlZmluZWQiOiIwIn0%3D"
-    style={{width:"100%", height:"1250px", border:"0", borderRadius:"4px", overflow:"hidden"}}
-    sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
-></iframe>
+<div trydyno-embed="" openai-model="text-davinci-003" initial-prompt="Actúa como mi asistente personal. Soy un administrador de oficina. Resume el siguiente correo electrónico lo más concisamente posible, ignorando el encabezado, pie de página y cualquier correo electrónico anterior. Quiero usar el resumen para revisar rápidamente los correos electrónicos. Elimina cualquier formalidad. \n\nCorreo Electrónico:Solicitud de suministros de oficina adicionales Estimado Administrador de Oficina, Me dirijo a usted para solicitar suministros de oficina adicionales para nuestro equipo. Como sabe, últimamente hemos estado experimentando un alto volumen de trabajo y hemos estado utilizando nuestros suministros a un ritmo más rápido de lo habitual. Agradeceríamos mucho si pudiera proporcionarnos los siguientes elementos: Papel de impresora Cartuchos de tinta para la impresora HP en la sala de conferencias Notas adhesivas Clips de carpeta Marcadores Por favor, háganos saber cuándo podemos esperar la entrega de los suministros. Gracias por su ayuda. \n\nAtentamente, Tu Nombre:\n" initial-response="Solicitud de suministros de oficina adicionales - papel de impresora, cartuchos de tinta para impresora HP, notas adhesivas, clips de carpeta y marcadores." max-tokens="256" box-rows="15" model-temp="0.0" top-p="0">
+    <noscript>Failed to load Dyno Embed: JavaScript must be enabled</noscript>
+</div>
 
 <br/>¡Ahora solo te quedan las partes más importantes del resumen!
 

i18n/es/docusaurus-plugin-content-docs/current/basics/few_shot.md

@@ -16,11 +16,9 @@ Consideremos el ejemplo anterior, en el que intentamos clasificar las opiniones
 
 La forma en que estructuramos los ejemplos es muy importante. Como hemos estructurado estos 3 ejemplos como `entrada: clasificación`, el modelo emite una sola palabra después de la última línea, en lugar de decir una frase completa como `esta reseña es positiva`.
 
-<iframe
-    src="http://embed.learnprompting.org/embed?config=eyJib3hSb3dzIjoyNSwidG9wUCI6MSwidGVtcGVyYXR1cmUiOjAuNywibWF4VG9rZW5zIjoyNTYsIm91dHB1dCI6IiIsInByb21wdCI6IiIsIm1vZGVsIjoiZ3B0LTQiLCJ1bmRlZmluZWQiOiIwIn0%3D"
-    style={{width:"100%", height:"1250px", border:"0", borderRadius:"4px", overflow:"hidden"}}
-    sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
-></iframe>
+<div trydyno-embed="" openai-model="text-davinci-003" initial-prompt="Gran producto, 10 de 10: positivo\nNo funcionó muy bien: negativo\nSuper útil, vale la pena: positivo\n¡No funciona!:" initial-response="negativo" max-tokens="256" box-rows="5" model-temp="0.0" top-p="0">
+    <noscript>Failed to load Dyno Embed: JavaScript must be enabled</noscript>
+</div>
 
 <br/>
 
@@ -32,11 +30,9 @@ Cada par entrada-salida se denomina *ejemplar*.
 
 Un caso clave en el que se pueden utilizar algunas sugerencias es cuando se necesita que la salida esté estructurada de una forma específica que sea difícil de describir al modelo. Para entender esto, consideremos un ejemplo relevante: supongamos que necesita recopilar nombres y ocupaciones de ciudadanos conocidos en ciudades cercanas analizando artículos de periódicos locales. Le gustaría que el modelo leyera cada artículo y generara una lista de nombres y ocupaciones en formato `Apellido, Nombre [OCUPACIÓN]`. Para conseguir que el modelo haga esto, puede mostrarle algunos ejemplos:
 
-<iframe
-    src="http://embed.learnprompting.org/embed?config=eyJib3hSb3dzIjoyNSwidG9wUCI6MSwidGVtcGVyYXR1cmUiOjAuNywibWF4VG9rZW5zIjoyNTYsIm91dHB1dCI6IiIsInByb21wdCI6IiIsIm1vZGVsIjoiZ3B0LTQiLCJ1bmRlZmluZWQiOiIwIn0%3D"
-    style={{width:"100%", height:"1250px", border:"0", borderRadius:"4px", overflow:"hidden"}}
-    sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
-></iframe>
+<div trydyno-embed="" openai-model="text-davinci-003" initial-prompt="En la bulliciosa ciudad de Emerald Hills, un grupo diverso de personas dejó su huella. Sarah Martínez, una enfermera entregada a su trabajo, era conocida por sus cuidados compasivos en el hospital local. David Thompson, un innovador ingeniero de software, trabajaba incansablemente en proyectos pioneros que revolucionarían la industria tecnológica. Por su parte, Emily Nakamura, artista y muralista de talento, pintó obras vibrantes y sugerentes que adornaron las paredes de edificios y galerías por igual. Por último, Michael O'Connell, un ambicioso empresario, abrió una cafetería única y respetuosa con el medio ambiente que se convirtió rápidamente en el punto de encuentro favorito de la ciudad. Cada una de estas personas contribuyó al rico tapiz de la comunidad de Emerald Hills.\n1. Sarah Martinez [ENFERMERA]\n2. David Thompson [INGENIERO DE SOFTWARE]\n3. Emily Nakamura [ARTISTA]\n4. Michael O'Connell [EMPRENDEDOR]\n\nEn el corazón de la ciudad, el chef Oliver Hamilton ha transformado la escena culinaria con su restaurante de la granja a la mesa, Green Plate. La dedicación de Oliver a la búsqueda de ingredientes locales y ecológicos le ha valido críticas muy favorables tanto de los críticos gastronómicos como de los lugareños.\n\nJusto al final de la calle se encuentra la Biblioteca Riverside Grove, donde la bibliotecaria Elizabeth Chen ha trabajado con diligencia para crear un espacio acogedor e integrador para todos. Sus esfuerzos por ampliar la oferta de la biblioteca y establecer programas de lectura para niños han tenido un impacto significativo en los índices de alfabetización de la ciudad.\n\nMientras paseas por la encantadora plaza del pueblo, quedarás cautivado por los hermosos murales que adornan las paredes. Estas obras maestras son obra de la renombrada artista Isabella Torres, cuyo talento para capturar la esencia de Riverside Grove ha dado vida a la ciudad.\n\nLos logros deportivos de Riverside Grove también son dignos de mención, gracias al ex nadador olímpico reconvertido en entrenador Marcus Jenkins. Marcus ha utilizado su experiencia y pasión para entrenar a los jóvenes del pueblo, llevando al equipo de natación de Riverside Grove a varios campeonatos regionales.\n1. Oliver Hamilton [CHEF]\n2. Elizabeth Chen [BIBLIOTECARIA]\n3. Isabella Torres [ARTISTA]\n4. Marcus Jenkins [ENTRENADOR]\n\nOak Valley, un pueblo pequeño y encantador, es el hogar de un trío notable de personas cuyas habilidades y dedicación han dejado un impacto duradero en la comunidad.\n\nEn el bullicioso mercado de agricultores de la ciudad, encontrarás a Laura Simmons, una granjera orgánica apasionada conocida por sus deliciosos productos cultivados de manera sostenible. Su dedicación a la promoción de una alimentación saludable ha inspirado a la ciudad a adoptar un estilo de vida más consciente del medio ambiente.\n\nEn el centro comunitario de Oak Valley, Kevin Alvarez, un hábil instructor de baile, ha llevado la alegría del movimiento a personas de todas las edades. Sus clases de danza inclusivas han fomentado un sentido de unidad y autoexpresión entre los residentes, enriqueciendo la escena artística local.\n\nPor último, Rachel O'Connor, una incansable voluntaria, dedica su tiempo a diversas iniciativas benéficas. Su compromiso de mejorar la vida de los demás ha sido fundamental para crear un fuerte sentido de comunidad dentro de Oak Valley.\n\nA través de sus talentos únicos y dedicación inquebrantable, Laura, Kevin y Rachel se han entretejido en la estructura de Oak Valley, ayudando a crear una pequeña ciudad vibrante y próspera." initial-response="1. Laura Simmons [AGRICULTORA]\n2. Kevin Alvarez [PROFESOR DE BAILE]\n3. Rachel O'Connor [VOLUNTARIA]" max-tokens="616" box-rows="20" model-temp="0" top-p="0">
+    <noscript>Failed to load Dyno Embed: JavaScript must be enabled</noscript>
+</div>
 
 Al mostrar los ejemplos del modelo del formato de salida correcto, puede producir la salida correcta para nuevos artículos.
 

i18n/es/docusaurus-plugin-content-docs/current/basics/instructions.md

@@ -11,11 +11,7 @@ A continuación se muestra un ejemplo de una inserción interactiva de Dyno. Si
 
 #### Ejemplo 1
 
-<iframe
-    src="http://embed.learnprompting.org/embed?config=eyJib3hSb3dzIjoyNSwidG9wUCI6MSwidGVtcGVyYXR1cmUiOjAuNywibWF4VG9rZW5zIjoyNTYsIm91dHB1dCI6IiIsInByb21wdCI6IiIsIm1vZGVsIjoiZ3B0LTQiLCJ1bmRlZmluZWQiOiIwIn0%3D"
-    style={{width:"100%", height:"1250px", border:"0", borderRadius:"4px", overflow:"hidden"}}
-    sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
-></iframe>
+<div trydyno-embed="" openai-model="text-davinci-003" initial-prompt="Un usuario ha ingresado su nombre y apellido en un formulario. Nosotros no sabemos en que orden esta \nSu nombre/apellido, pero necesitamos que tenga el formato 'Apellido, Nombre'. Convierta lo siguiente:\n\njohn doe" initial-response="Doe, John" max-tokens="256" box-rows="7" model-temp="0" top-p="0"></div>
 
 <br/>La IA puede resolver fácilmente este problema. Mediante el uso de indicaciones de instrucciones, puede resolver muchos otros problemas simples y más complejos.