homepage: replace tinyletters → sendfox

pehapkari · Feb 21, 2024 · c5e9f72 · c5e9f72
1 parent 4736bc9
commit c5e9f72
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 20 deletions.
diff --git a/public/index.html b/public/index.html
@@ -237,25 +237,24 @@ <h4 class="text-lg leading-6 font-medium text-gray-900">Online / Stream </h4>
         <div class="px-6 py-6 bg-indigo-700 rounded-lg md:py-12 md:px-12 lg:py-16 lg:px-16 xl:flex xl:items-center">
             <div class="xl:w-0 xl:flex-1">
                 <h2 class="text-2xl leading-8 font-extrabold tracking-tight text-white sm:text-3xl sm:leading-9">
-                    Newsletter - neboli zpravodaj
+                    Newsletter
                 </h2>
                 <p class="mt-3 max-w-3xl text-lg leading-6 text-indigo-200" id="newsletter-headline">
                     novinky kolem php, nepravidelně do tvého inboxu
                 </p>
             </div>
             <div class="mt-8 sm:w-full sm:max-w-md xl:mt-0 xl:ml-8">
-                <form action="https://tinyletter.com/pehapkari" method="post" target="popupwindow" onsubmit="window.open('https://tinyletter.com/pehapkari', 'popupwindow', 'scrollbars=yes,width=800,height=600');return true" class="sm:flex" aria-labelledby="newsletter-headline"><input type="hidden" value="1" name="embed"/>
-                    <input aria-label="Email adresa" type="email" name="email" required class="appearance-none w-full px-5 py-3 border border-transparent text-base leading-6 rounded-md text-gray-900 bg-white placeholder-gray-500 focus:outline-none focus:placeholder-gray-400 transition duration-150 ease-in-out" placeholder="Zadej svůj email">
+                <form class="sm:flex" method="post" action="https://sendfox.com/form/10od4r/1vv87v" class="sendfox-form" id="1vv87v" data-async="true" data-recaptcha="true">
+                    <p><label for="sendfox_form_email">Email: </label><input type="email" id="sendfox_form_email" placeholder="Email" name="email" required class="appearance-none w-full px-5 py-3 border border-transparent text-base leading-6 rounded-md text-gray-900 bg-white placeholder-gray-500 focus:outline-none focus:placeholder-gray-400 transition duration-150 ease-in-out" /></p>
+                    <p><label><input type="checkbox" name="gdpr" value="1" required /> Souhlasím se zasíláním emailových zpráv</label></p>
+                    <!-- no botz please -->
+                    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="a_password" tabindex="-1" value="" autocomplete="off" /></div>
                     <div class="mt-3 rounded-md shadow sm:mt-0 sm:ml-3 sm:flex-shrink-0">
-                        <input type="submit" value="Přihlásit se" class="w-full flex items-center justify-center px-5 py-3 border border-transparent text-base leading-6 font-medium rounded-md text-white bg-indigo-500 hover:bg-indigo-400 focus:outline-none focus:bg-indigo-400 transition duration-150 ease-in-out" />
+                        <button type="submit" class="w-full flex items-center justify-center px-5 py-3 border border-transparent text-base leading-6 font-medium rounded-md text-white bg-indigo-500 hover:bg-indigo-400 focus:outline-none focus:bg-indigo-400 transition duration-150 ease-in-out" >Přihlásit se</button>
                     </div>
                 </form>
-                <p class="mt-3 text-sm leading-5 text-indigo-200">
-                    archív najdeš na
-                    <a href="https://tinyletter.com/pehapkari" class="text-white font-medium underline">
-                        TinyLetter
-                    </a>
-                </p>
+                <script src="https://sendfox.com/js/form.js"></script>
+
             </div>
         </div>
     </div>

diff --git a/src/index.html b/src/index.html
@@ -243,25 +243,23 @@ <h4 class="text-lg leading-6 font-medium text-gray-900">Online / Stream </h4>
         <div class="px-6 py-6 bg-indigo-700 rounded-lg md:py-12 md:px-12 lg:py-16 lg:px-16 xl:flex xl:items-center">
             <div class="xl:w-0 xl:flex-1">
                 <h2 class="text-2xl leading-8 font-extrabold tracking-tight text-white sm:text-3xl sm:leading-9">
-                    Newsletter - neboli zpravodaj
+                    Newsletter
                 </h2>
                 <p class="mt-3 max-w-3xl text-lg leading-6 text-indigo-200" id="newsletter-headline">
                     novinky kolem php, nepravidelně do tvého inboxu
                 </p>
             </div>
             <div class="mt-8 sm:w-full sm:max-w-md xl:mt-0 xl:ml-8">
-                <form action="https://tinyletter.com/pehapkari" method="post" target="popupwindow" onsubmit="window.open('https://tinyletter.com/pehapkari', 'popupwindow', 'scrollbars=yes,width=800,height=600');return true" class="sm:flex" aria-labelledby="newsletter-headline"><input type="hidden" value="1" name="embed"/>
-                    <input aria-label="Email adresa" type="email" name="email" required class="appearance-none w-full px-5 py-3 border border-transparent text-base leading-6 rounded-md text-gray-900 bg-white placeholder-gray-500 focus:outline-none focus:placeholder-gray-400 transition duration-150 ease-in-out" placeholder="Zadej svůj email">
+                <form class="sm:flex" method="post" action="https://sendfox.com/form/10od4r/1vv87v" class="sendfox-form" id="1vv87v" data-async="true" data-recaptcha="true">
+                    <p><label for="sendfox_form_email">Email: </label><input type="email" id="sendfox_form_email" placeholder="Email" name="email" required class="appearance-none w-full px-5 py-3 border border-transparent text-base leading-6 rounded-md text-gray-900 bg-white placeholder-gray-500 focus:outline-none focus:placeholder-gray-400 transition duration-150 ease-in-out" /></p>
+                    <p><label><input type="checkbox" name="gdpr" value="1" required /> Souhlasím se zasíláním emailových zpráv</label></p>
+                    <!-- no botz please -->
+                    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="a_password" tabindex="-1" value="" autocomplete="off" /></div>
                     <div class="mt-3 rounded-md shadow sm:mt-0 sm:ml-3 sm:flex-shrink-0">
-                        <input type="submit" value="Přihlásit se" class="w-full flex items-center justify-center px-5 py-3 border border-transparent text-base leading-6 font-medium rounded-md text-white bg-indigo-500 hover:bg-indigo-400 focus:outline-none focus:bg-indigo-400 transition duration-150 ease-in-out" />
+                        <button type="submit" class="w-full flex items-center justify-center px-5 py-3 border border-transparent text-base leading-6 font-medium rounded-md text-white bg-indigo-500 hover:bg-indigo-400 focus:outline-none focus:bg-indigo-400 transition duration-150 ease-in-out" >Přihlásit se</button>
                     </div>
                 </form>
-                <p class="mt-3 text-sm leading-5 text-indigo-200">
-                    archív najdeš na
-                    <a href="https://tinyletter.com/pehapkari/archive" class="text-white font-medium underline">
-                        TinyLetter
-                    </a>
-                </p>
+                <script src="https://sendfox.com/js/form.js"></script>
             </div>
         </div>
     </div>