Updates

qwinsi · Jan 23, 2025 · 8ec6c72 · 8ec6c72
1 parent 0d22c8f
commit 8ec6c72
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 19 deletions.
diff --git a/index.html b/index.html
@@ -12,7 +12,7 @@
     <noscript style="color: red;font-size: 2em;">
       We're sorry but this app doesn't work properly without JavaScript enabled. Please enable it to continue.
     </noscript>
-    <div id="app" data-server-rendered="true"><!--[--><div class="bg-app text-app-blue min-h-screen flex flex-col"><nav class="theme-app flex justify-between text-white"><h1 class="flex items-center h-16 ml-4 select-none"><span class="text-4xl">tex2typst</span></h1><div class="flex"><a class="flex items-center font-medium p-2 mr-2 hover:bg-gray-900" href="cheat-sheet.html" target="_blank"><img class="inline h-9" src="data:image/svg+xml,%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20width='80'%20height='80'%20viewBox='0%200%20380.832%20380.832'%3e%3cg%3e%3cg%3e%3cpath%20d='M320.159,30.864h-47.243V12.5c0-6.904-5.597-12.5-12.5-12.5s-12.5,5.596-12.5,12.5v18.364h-45V12.5%20c0-6.904-5.597-12.5-12.5-12.5c-6.903,0-12.5,5.596-12.5,12.5v18.364h-45V12.5c0-6.904-5.597-12.5-12.5-12.5%20s-12.5,5.596-12.5,12.5v18.364H60.673c-6.903,0-12.5,5.597-12.5,12.5v324.968c0,6.903,5.597,12.5,12.5,12.5h259.486%20c6.903,0,12.5-5.597,12.5-12.5V43.364C332.659,36.461,327.062,30.864,320.159,30.864z%20M307.659,355.832H73.173V55.864h34.743%20v14.59c0,6.904,5.597,12.5,12.5,12.5s12.5-5.596,12.5-12.5v-14.59h45v14.59c0,6.904,5.597,12.5,12.5,12.5%20c6.903,0,12.5-5.596,12.5-12.5v-14.59h45v14.59c0,6.904,5.597,12.5,12.5,12.5s12.5-5.596,12.5-12.5v-14.59h34.743V355.832z'%20fill='%23fff'/%3e%3cpath%20d='M264.416,139.758h-148c-6.903,0-12.5,5.597-12.5,12.5c0,6.903,5.597,12.5,12.5,12.5h148c6.903,0,12.5-5.597,12.5-12.5%20C276.916,145.355,271.319,139.758,264.416,139.758z'%20fill='%23fff'/%3e%3cpath%20d='M264.416,209.758h-148c-6.903,0-12.5,5.598-12.5,12.5c0,6.903,5.597,12.5,12.5,12.5h148c6.903,0,12.5-5.597,12.5-12.5%20C276.916,215.355,271.319,209.758,264.416,209.758z'%20fill='%23fff'/%3e%3cpath%20d='M264.416,279.758h-148c-6.903,0-12.5,5.598-12.5,12.5c0,6.903,5.597,12.5,12.5,12.5h148c6.903,0,12.5-5.597,12.5-12.5%20C276.916,285.355,271.319,279.758,264.416,279.758z'%20fill='%23fff'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e" alt="Cheat sheet icon"><span class="text-lg ml-2 mr-4 hide-on-mobile">Cheat Sheet</span></a><a class="flex items-center font-medium p-2 mr-2 hover:bg-gray-900" href="https://github.com/qwinsi/tex2typst-webapp" target="_blank"><img class="inline h-9" src="data:image/svg+xml,%3csvg%20width='98'%20height='96'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M48.854%200C21.839%200%200%2022%200%2049.217c0%2021.756%2013.993%2040.172%2033.405%2046.69%202.427.49%203.316-1.059%203.316-2.362%200-1.141-.08-5.052-.08-9.127-13.59%202.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015%204.934.326%207.523%205.052%207.523%205.052%204.367%207.496%2011.404%205.378%2014.235%204.074.404-3.178%201.699-5.378%203.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283%200-5.378%201.94-9.778%205.014-13.2-.485-1.222-2.184-6.275.486-13.038%200%200%204.125-1.304%2013.426%205.052a46.97%2046.97%200%200%201%2012.214-1.63c4.125%200%208.33.571%2012.213%201.63%209.302-6.356%2013.427-5.052%2013.427-5.052%202.67%206.763.97%2011.816.485%2013.038%203.155%203.422%205.015%207.822%205.015%2013.2%200%2018.905-11.404%2023.06-22.324%2024.283%201.78%201.548%203.316%204.481%203.316%209.126%200%206.6-.08%2011.897-.08%2013.526%200%201.304.89%202.853%203.316%202.364%2019.412-6.52%2033.405-24.935%2033.405-46.691C97.707%2022%2075.788%200%2048.854%200z'%20fill='%23fff'/%3e%3c/svg%3e" alt="Github logo"><span class="text-lg ml-2 mr-4 hide-on-mobile">Open-source</span></a><button class="flex items-center font-medium p-2 mr-2 hover:bg-gray-900"><img class="inline h-9" src="data:image/svg+xml,%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20height='32px'%20viewBox='0%200%2032%2032'%20width='32px'%3e%3cg%3e%3cpath%20d='M30.391,12.68l-3.064-0.614c-0.154-0.443-0.336-0.873-0.537-1.289l1.736-2.604%20c0.529-0.793,0.424-1.85-0.25-2.523l-1.924-1.924c-0.387-0.387-0.898-0.586-1.416-0.586c-0.383,0-0.77,0.11-1.107,0.336%20l-2.604,1.735c-0.418-0.202-0.848-0.382-1.291-0.536L19.32,1.61c-0.186-0.936-1.008-1.608-1.961-1.608h-2.72%20c-0.953,0-1.774,0.673-1.961,1.608l-0.614,3.065c-0.443,0.154-0.873,0.335-1.289,0.536L8.172,3.476%20C7.833,3.25,7.447,3.14,7.063,3.14c-0.517,0-1.028,0.199-1.415,0.586L3.725,5.65c-0.674,0.674-0.779,1.73-0.25,2.523l1.735,2.604%20c-0.202,0.417-0.382,0.847-0.536,1.29L1.608,12.68C0.673,12.867,0,13.688,0,14.641v2.72c0,0.953,0.673,1.775,1.608,1.961%20l3.065,0.615c0.154,0.443,0.335,0.873,0.536,1.289L3.475,23.83c-0.529,0.793-0.424,1.85,0.25,2.523l1.924,1.924%20c0.387,0.387,0.898,0.586,1.415,0.586c0.384,0,0.771-0.111,1.108-0.336l2.604-1.736c0.417,0.203,0.847,0.383,1.29,0.537%20l0.613,3.064c0.187,0.936,1.008,1.609,1.961,1.609h2.72c0.953,0,1.775-0.674,1.961-1.609l0.615-3.064%20c0.443-0.154,0.873-0.336,1.289-0.537l2.604,1.736c0.338,0.225,0.725,0.336,1.107,0.336c0.518,0,1.029-0.199,1.416-0.586%20l1.924-1.924c0.674-0.674,0.779-1.73,0.25-2.523l-1.736-2.604c0.203-0.418,0.383-0.848,0.537-1.291l3.064-0.613%20C31.326,19.137,32,18.314,32,17.361v-2.72C32,13.688,31.326,12.867,30.391,12.68z%20M26.934,17.975%20c-0.695,0.139-1.264,0.635-1.496,1.305c-0.129,0.369-0.279,0.727-0.447,1.074c-0.311,0.639-0.258,1.393,0.135,1.982l1.736,2.604%20l-1.924,1.924l-2.604-1.736c-0.334-0.223-0.721-0.336-1.109-0.336c-0.297,0-0.596,0.066-0.871,0.199%20c-0.348,0.168-0.705,0.32-1.076,0.449c-0.668,0.232-1.164,0.801-1.303,1.496l-0.615,3.066h-2.72l-0.613-3.066%20c-0.139-0.695-0.635-1.264-1.304-1.496c-0.369-0.129-0.728-0.279-1.075-0.447c-0.276-0.135-0.574-0.201-0.872-0.201%20c-0.389,0-0.775,0.113-1.109,0.336l-2.604,1.736l-1.924-1.924l1.735-2.604c0.393-0.59,0.444-1.344,0.137-1.98%20c-0.168-0.348-0.319-0.705-0.448-1.076c-0.232-0.668-0.802-1.164-1.496-1.303l-3.065-0.615L2,14.641l3.066-0.613%20c0.694-0.139,1.264-0.635,1.496-1.304c0.129-0.369,0.278-0.728,0.447-1.075c0.31-0.638,0.258-1.392-0.136-1.981L5.139,7.064%20L7.062,5.14l2.604,1.735C10,7.098,10.387,7.211,10.775,7.211c0.297,0,0.595-0.066,0.871-0.199c0.347-0.168,0.705-0.319,1.075-0.448%20c0.669-0.232,1.165-0.802,1.304-1.496l0.614-3.065l2.72-0.001l0.613,3.066c0.139,0.694,0.635,1.264,1.305,1.496%20c0.369,0.129,0.727,0.278,1.074,0.447c0.277,0.134,0.574,0.2,0.873,0.2c0.389,0,0.775-0.113,1.109-0.336l2.604-1.735l1.924,1.924%20l-1.736,2.604c-0.393,0.59-0.443,1.343-0.137,1.98c0.168,0.347,0.32,0.705,0.449,1.075c0.232,0.669,0.801,1.165,1.496,1.304%20l3.064,0.614L30,17.361L26.934,17.975z'%20fill='white'%20/%3e%3ccircle%20cx='16'%20cy='16'%20r='5'%20stroke='white'%20stroke-width='2'%20/%3e%3c/g%3e%3c/svg%3e" alt="Settings icon"><span class="text-lg ml-2 mr-4 hide-on-mobile">Settings</span></button></div></nav><div class="text-center text-app-blue p-4 m-2"> Convert LaTeX math formula code to Typst and vice versa. All running in your browser. </div><main class="flex-1 flex flex-col justify-between ml-6 mr-6 border border-gray-700 rounded-lg"><div class="flex justify-between p-2 border-b border-gray-700"><div class="flex-1 flex justify-between"><span class="text-app-blue p-2">LaTeX</span><div><button class="text-app-light-black p-2 mr-2 rounded-lg hover:bg-gray-300 active:bg-gray-400"><span class="hide-on-mobile">Random</span><span class="hide-on-desktop">R</span></button><button class="text-app-light-black p-2 rounded-lg hover:bg-gray-300 active:bg-gray-400"><span class="hide-on-mobile">Clear</span><span class="hide-on-desktop">C</span></button></div></div><button class="pl-1 pr-1 rounded-lg ml-3 mr-3 hover:bg-gray-300 active:bg-gray-400"><img class="inline" src="data:image/svg+xml,%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20width='24px'%20viewBox='0%200%2024%2024'%3e%3cpath%20stroke='currentColor'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M8%207L20%207M20%207L16%203M20%207L16%2011M16%2017L4%2017M4%2017L8%2021M4%2017L8%2013'%3e%3c/path%3e%3c/svg%3e" alt="Swap icon"></button><div class="flex-1 flex-1 flex justify-between relative"><span class="text-app-blue p-2">Typst</span><button class="text-app-light-black p-2 rounded-lg hover:bg-gray-300 active:bg-gray-400">Copy</button><div class="snackbar hide" id="copiedToast" data-v-15e96db2="">Copied!</div></div></div><div class="flex-1 flex md:flex-row flex-col"><div class="flex-1 flex flex-col border border-gray-700 min-h-[200px]"><textarea class="flex-1 text-app-light-black p-4" spellcheck="false"></textarea></div><div class="flex-1 flex flex-col border border-gray-700 min-h-[200px]"><div class="flex-1 flex flex-col" id="typst"><div class="flex-1 text-app-light-black p-4"></div><!----></div></div></div></main><div class="flex items-center text-center text-app-light-black pb-4 min-h-28"><div class="flex-1"><div><span style="opacity: 0.6;">LaTeX math formula will be rendered here.</span></div></div></div><footer class="theme-app text-center p-4"><p class="text-white">Powered by <a href="https://github.com/qwinsi/tex2typst" target="_blank">tex2typst.js</a></p></footer></div><dialog class="min-h-80 min-w-80 bg-white rounded-lg shadow-lg" data-v-8f167cda=""><div class="flex justify-between items-center p-4" data-v-8f167cda=""><h2 data-v-8f167cda="">Settings</h2><button class="text-xl" data-v-8f167cda="">✕</button></div><div class="flex flex-col p-4" data-v-8f167cda=""><div class="flex-1 flex justify-between mb-4" data-v-8f167cda=""><span data-v-8f167cda="">Show Preview</span><label class="switch" data-v-8f167cda="" data-v-4ea9372f=""><input type="checkbox" checked="" data-v-4ea9372f=""><span class="slider round" data-v-4ea9372f=""></span></label></div><div class="flex-1 flex justify-between mb-4" data-v-8f167cda=""><span data-v-8f167cda="">Remember Direction</span><label class="switch" data-v-8f167cda="" data-v-4ea9372f=""><input type="checkbox" checked="" data-v-4ea9372f=""><span class="slider round" data-v-4ea9372f=""></span></label></div></div><br data-v-8f167cda=""><br data-v-8f167cda=""><br data-v-8f167cda=""><br data-v-8f167cda=""><br data-v-8f167cda=""><div class="text-center text-gray-500" data-v-8f167cda=""> tex2typst Web App version 0.2.7</div></dialog><!--]--></div>
+    <div id="app" data-server-rendered="true"><!--[--><div class="bg-app text-app-blue min-h-screen flex flex-col"><nav class="theme-app flex justify-between text-white"><h1 class="flex items-center h-16 ml-4 select-none"><span class="text-4xl">tex2typst</span></h1><div class="flex"><a class="flex items-center font-medium p-2 mr-2 hover:bg-gray-900" href="cheat-sheet.html" target="_blank"><img class="inline h-9" src="data:image/svg+xml,%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20width='80'%20height='80'%20viewBox='0%200%20380.832%20380.832'%3e%3cg%3e%3cg%3e%3cpath%20d='M320.159,30.864h-47.243V12.5c0-6.904-5.597-12.5-12.5-12.5s-12.5,5.596-12.5,12.5v18.364h-45V12.5%20c0-6.904-5.597-12.5-12.5-12.5c-6.903,0-12.5,5.596-12.5,12.5v18.364h-45V12.5c0-6.904-5.597-12.5-12.5-12.5%20s-12.5,5.596-12.5,12.5v18.364H60.673c-6.903,0-12.5,5.597-12.5,12.5v324.968c0,6.903,5.597,12.5,12.5,12.5h259.486%20c6.903,0,12.5-5.597,12.5-12.5V43.364C332.659,36.461,327.062,30.864,320.159,30.864z%20M307.659,355.832H73.173V55.864h34.743%20v14.59c0,6.904,5.597,12.5,12.5,12.5s12.5-5.596,12.5-12.5v-14.59h45v14.59c0,6.904,5.597,12.5,12.5,12.5%20c6.903,0,12.5-5.596,12.5-12.5v-14.59h45v14.59c0,6.904,5.597,12.5,12.5,12.5s12.5-5.596,12.5-12.5v-14.59h34.743V355.832z'%20fill='%23fff'/%3e%3cpath%20d='M264.416,139.758h-148c-6.903,0-12.5,5.597-12.5,12.5c0,6.903,5.597,12.5,12.5,12.5h148c6.903,0,12.5-5.597,12.5-12.5%20C276.916,145.355,271.319,139.758,264.416,139.758z'%20fill='%23fff'/%3e%3cpath%20d='M264.416,209.758h-148c-6.903,0-12.5,5.598-12.5,12.5c0,6.903,5.597,12.5,12.5,12.5h148c6.903,0,12.5-5.597,12.5-12.5%20C276.916,215.355,271.319,209.758,264.416,209.758z'%20fill='%23fff'/%3e%3cpath%20d='M264.416,279.758h-148c-6.903,0-12.5,5.598-12.5,12.5c0,6.903,5.597,12.5,12.5,12.5h148c6.903,0,12.5-5.597,12.5-12.5%20C276.916,285.355,271.319,279.758,264.416,279.758z'%20fill='%23fff'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e" alt="Cheat sheet icon"><span class="text-lg ml-2 mr-4 hide-on-mobile">Cheat Sheet</span></a><a class="flex items-center font-medium p-2 mr-2 hover:bg-gray-900" href="https://github.com/qwinsi/tex2typst-webapp" target="_blank"><img class="inline h-9" src="data:image/svg+xml,%3csvg%20width='98'%20height='96'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M48.854%200C21.839%200%200%2022%200%2049.217c0%2021.756%2013.993%2040.172%2033.405%2046.69%202.427.49%203.316-1.059%203.316-2.362%200-1.141-.08-5.052-.08-9.127-13.59%202.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015%204.934.326%207.523%205.052%207.523%205.052%204.367%207.496%2011.404%205.378%2014.235%204.074.404-3.178%201.699-5.378%203.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283%200-5.378%201.94-9.778%205.014-13.2-.485-1.222-2.184-6.275.486-13.038%200%200%204.125-1.304%2013.426%205.052a46.97%2046.97%200%200%201%2012.214-1.63c4.125%200%208.33.571%2012.213%201.63%209.302-6.356%2013.427-5.052%2013.427-5.052%202.67%206.763.97%2011.816.485%2013.038%203.155%203.422%205.015%207.822%205.015%2013.2%200%2018.905-11.404%2023.06-22.324%2024.283%201.78%201.548%203.316%204.481%203.316%209.126%200%206.6-.08%2011.897-.08%2013.526%200%201.304.89%202.853%203.316%202.364%2019.412-6.52%2033.405-24.935%2033.405-46.691C97.707%2022%2075.788%200%2048.854%200z'%20fill='%23fff'/%3e%3c/svg%3e" alt="Github logo"><span class="text-lg ml-2 mr-4 hide-on-mobile">Open-source</span></a><button class="flex items-center font-medium p-2 mr-2 hover:bg-gray-900"><img class="inline h-9" src="data:image/svg+xml,%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20height='32px'%20viewBox='0%200%2032%2032'%20width='32px'%3e%3cg%3e%3cpath%20d='M30.391,12.68l-3.064-0.614c-0.154-0.443-0.336-0.873-0.537-1.289l1.736-2.604%20c0.529-0.793,0.424-1.85-0.25-2.523l-1.924-1.924c-0.387-0.387-0.898-0.586-1.416-0.586c-0.383,0-0.77,0.11-1.107,0.336%20l-2.604,1.735c-0.418-0.202-0.848-0.382-1.291-0.536L19.32,1.61c-0.186-0.936-1.008-1.608-1.961-1.608h-2.72%20c-0.953,0-1.774,0.673-1.961,1.608l-0.614,3.065c-0.443,0.154-0.873,0.335-1.289,0.536L8.172,3.476%20C7.833,3.25,7.447,3.14,7.063,3.14c-0.517,0-1.028,0.199-1.415,0.586L3.725,5.65c-0.674,0.674-0.779,1.73-0.25,2.523l1.735,2.604%20c-0.202,0.417-0.382,0.847-0.536,1.29L1.608,12.68C0.673,12.867,0,13.688,0,14.641v2.72c0,0.953,0.673,1.775,1.608,1.961%20l3.065,0.615c0.154,0.443,0.335,0.873,0.536,1.289L3.475,23.83c-0.529,0.793-0.424,1.85,0.25,2.523l1.924,1.924%20c0.387,0.387,0.898,0.586,1.415,0.586c0.384,0,0.771-0.111,1.108-0.336l2.604-1.736c0.417,0.203,0.847,0.383,1.29,0.537%20l0.613,3.064c0.187,0.936,1.008,1.609,1.961,1.609h2.72c0.953,0,1.775-0.674,1.961-1.609l0.615-3.064%20c0.443-0.154,0.873-0.336,1.289-0.537l2.604,1.736c0.338,0.225,0.725,0.336,1.107,0.336c0.518,0,1.029-0.199,1.416-0.586%20l1.924-1.924c0.674-0.674,0.779-1.73,0.25-2.523l-1.736-2.604c0.203-0.418,0.383-0.848,0.537-1.291l3.064-0.613%20C31.326,19.137,32,18.314,32,17.361v-2.72C32,13.688,31.326,12.867,30.391,12.68z%20M26.934,17.975%20c-0.695,0.139-1.264,0.635-1.496,1.305c-0.129,0.369-0.279,0.727-0.447,1.074c-0.311,0.639-0.258,1.393,0.135,1.982l1.736,2.604%20l-1.924,1.924l-2.604-1.736c-0.334-0.223-0.721-0.336-1.109-0.336c-0.297,0-0.596,0.066-0.871,0.199%20c-0.348,0.168-0.705,0.32-1.076,0.449c-0.668,0.232-1.164,0.801-1.303,1.496l-0.615,3.066h-2.72l-0.613-3.066%20c-0.139-0.695-0.635-1.264-1.304-1.496c-0.369-0.129-0.728-0.279-1.075-0.447c-0.276-0.135-0.574-0.201-0.872-0.201%20c-0.389,0-0.775,0.113-1.109,0.336l-2.604,1.736l-1.924-1.924l1.735-2.604c0.393-0.59,0.444-1.344,0.137-1.98%20c-0.168-0.348-0.319-0.705-0.448-1.076c-0.232-0.668-0.802-1.164-1.496-1.303l-3.065-0.615L2,14.641l3.066-0.613%20c0.694-0.139,1.264-0.635,1.496-1.304c0.129-0.369,0.278-0.728,0.447-1.075c0.31-0.638,0.258-1.392-0.136-1.981L5.139,7.064%20L7.062,5.14l2.604,1.735C10,7.098,10.387,7.211,10.775,7.211c0.297,0,0.595-0.066,0.871-0.199c0.347-0.168,0.705-0.319,1.075-0.448%20c0.669-0.232,1.165-0.802,1.304-1.496l0.614-3.065l2.72-0.001l0.613,3.066c0.139,0.694,0.635,1.264,1.305,1.496%20c0.369,0.129,0.727,0.278,1.074,0.447c0.277,0.134,0.574,0.2,0.873,0.2c0.389,0,0.775-0.113,1.109-0.336l2.604-1.735l1.924,1.924%20l-1.736,2.604c-0.393,0.59-0.443,1.343-0.137,1.98c0.168,0.347,0.32,0.705,0.449,1.075c0.232,0.669,0.801,1.165,1.496,1.304%20l3.064,0.614L30,17.361L26.934,17.975z'%20fill='white'%20/%3e%3ccircle%20cx='16'%20cy='16'%20r='5'%20stroke='white'%20stroke-width='2'%20/%3e%3c/g%3e%3c/svg%3e" alt="Settings icon"><span class="text-lg ml-2 mr-4 hide-on-mobile">Settings</span></button></div></nav><div class="text-center text-app-blue p-4 m-2"> Convert LaTeX math formula code to Typst and vice versa. All running in your browser. </div><main class="flex-1 flex flex-col justify-between ml-6 mr-6 border border-gray-700 rounded-lg"><div class="flex justify-between p-2 border-b border-gray-700"><div class="flex-1 flex justify-between"><span class="text-app-blue p-2">LaTeX</span><div><button class="text-app-light-black p-2 mr-2 rounded-lg hover:bg-gray-300 active:bg-gray-400"><span class="hide-on-mobile">Random</span><span class="hide-on-desktop">R</span></button><button class="text-app-light-black p-2 rounded-lg hover:bg-gray-300 active:bg-gray-400"><span class="hide-on-mobile">Clear</span><span class="hide-on-desktop">C</span></button></div></div><button class="pl-1 pr-1 rounded-lg ml-3 mr-3 hover:bg-gray-300 active:bg-gray-400"><img class="inline" src="data:image/svg+xml,%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20width='24px'%20viewBox='0%200%2024%2024'%3e%3cpath%20stroke='currentColor'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M8%207L20%207M20%207L16%203M20%207L16%2011M16%2017L4%2017M4%2017L8%2021M4%2017L8%2013'%3e%3c/path%3e%3c/svg%3e" alt="Swap icon"></button><div class="flex-1 flex-1 flex justify-between relative"><span class="text-app-blue p-2">Typst</span><button class="text-app-light-black p-2 rounded-lg hover:bg-gray-300 active:bg-gray-400">Copy</button><div class="snackbar hide" id="copiedToast" data-v-15e96db2="">Copied!</div></div></div><div class="flex-1 flex md:flex-row flex-col"><div class="flex-1 flex flex-col border border-gray-700 min-h-[200px]"><textarea class="flex-1 text-app-light-black p-4" spellcheck="false"></textarea></div><div class="flex-1 flex flex-col border border-gray-700 min-h-[200px]"><div class="flex-1 flex flex-col" id="typst"><div class="flex-1 text-app-light-black p-4"></div><!----></div></div></div></main><div class="flex items-center text-center text-app-light-black pb-4 min-h-28"><div class="flex-1"><div><span style="opacity: 0.6;">LaTeX math formula will be rendered here.</span></div></div></div><footer class="theme-app text-center p-4"><p class="text-white">Powered by <a href="https://github.com/qwinsi/tex2typst" target="_blank">tex2typst.js</a></p></footer></div><dialog class="min-h-80 min-w-80 bg-white rounded-lg shadow-lg" data-v-8f167cda=""><div class="flex justify-between items-center p-4" data-v-8f167cda=""><h2 data-v-8f167cda="">Settings</h2><button class="text-xl" data-v-8f167cda="">✕</button></div><div class="flex flex-col p-4" data-v-8f167cda=""><div class="flex-1 flex justify-between mb-4" data-v-8f167cda=""><span data-v-8f167cda="">Show Preview</span><label class="switch" data-v-8f167cda="" data-v-4ea9372f=""><input type="checkbox" checked="" data-v-4ea9372f=""><span class="slider round" data-v-4ea9372f=""></span></label></div><div class="flex-1 flex justify-between mb-4" data-v-8f167cda=""><span data-v-8f167cda="">Remember Direction</span><label class="switch" data-v-8f167cda="" data-v-4ea9372f=""><input type="checkbox" checked="" data-v-4ea9372f=""><span class="slider round" data-v-4ea9372f=""></span></label></div></div><br data-v-8f167cda=""><br data-v-8f167cda=""><br data-v-8f167cda=""><br data-v-8f167cda=""><br data-v-8f167cda=""><div class="text-center text-gray-500" data-v-8f167cda=""> tex2typst Web App version 0.2.8</div></dialog><!--]--></div>
     <script>
       if ('serviceWorker' in navigator) {
           // navigator.serviceWorker.register("/tex2typst-webapp/sw.js");