33< head >
44 < meta charset ="UTF-8 ">
55 < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
6- < title > Mitologia Estendida </ title >
6+ < title > MITOLOGIA EXTENDIDA </ title >
77 <!-- Tailwind CSS CDN -->
88 < script src ="https://cdn.tailwindcss.com "> </ script >
99 <!-- Font Inter -->
@@ -121,19 +121,19 @@ <h2 class="text-2xl font-semibold mb-4 text-[#08B59F]">ÁLBUM DE FIGURINHAS</h2>
121121 A principal forma de interagir com os mitos é por meio do álbum de figurinhas. Preparamos uma série de recursos didáticos e atividades interativas para aprofundar seu conhecimento sobre as mitologias apresentadas e a tecnologia utilizada. Perfeito para estudantes e entusiastas!
122122 </ p >
123123 < button class ="w-full bg-[#08B59F] hover:bg-[#9500FF] text-white font-bold py-3 px-6 rounded-full transition-colors duration-300 transform hover:scale-105 mt-auto " onclick ="showSection('album-figurinhas') ">
124- Conhecer Materiais
124+ Conhecer materiais
125125 </ button >
126126 </ div >
127127
128128 <!-- MAKING OF Box -->
129129 < div class ="bg-white p-6 rounded-lg shadow-md hover:shadow-xl transition-shadow duration-300 border border-gray-200 lg:col-span-1 md:col-span-2 flex flex-col h-full ">
130- < h2 class ="text-2xl font-semibold mb-4 text-[#08B59F] "> Quem Somos </ h2 >
130+ < h2 class ="text-2xl font-semibold mb-4 text-[#08B59F] "> QUEM SOMOS </ h2 >
131131 < img src ="{{ static('images/icons/me/JANDIGME_HOTSITE ALTA7.png') }} " alt ="Imagem: Making Of " class ="w-full h-48 object-cover rounded-lg mb-4 shadow-md ">
132132 < p class ="text-gray-700 mb-6 flex-grow ">
133133 Conheça nossa equipe e todo o projeto Jandig.
134134 </ p >
135135 < button class ="w-full bg-[#08B59F] hover:bg-[#9500FF] text-white font-bold py-3 px-6 rounded-full transition-colors duration-300 transform hover:scale-105 mt-auto " onclick ="showSection('quem-somos') ">
136- Veja Quem Somos
136+ Veja quem somos
137137 </ button >
138138 </ div >
139139 </ div >
@@ -167,8 +167,22 @@ <h1 class="text-4xl font-extrabold text-center mb-8 text-[#08B59F]">Quem Somos</
167167 < li > < strong > Consultoria:</ strong > Auá Mendes e Demétrio Portugal</ li >
168168 < li > < strong > Agradecimentos:</ strong > Almir Almas</ li >
169169 </ ul >
170-
170+
171171 < h2 class ="text-3xl font-bold text-center mt-12 mb-8 text-[#08B59F] "> JANDIG</ h2 >
172+
173+ < div class ="relative pt-[56.25%] w-full max-w-screen-md mx-auto mb-8 ">
174+ < iframe
175+ class ="absolute top-0 left-0 w-full h-full rounded-lg shadow-lg "
176+ src ="https://www.youtube.com/embed/Oou7uE2XeRo?si=aXKp_PGwZ_Rh_Z8K "
177+ title ="YouTube video player "
178+ frameborder ="0 "
179+ allow ="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share "
180+ referrerpolicy ="strict-origin-when-cross-origin "
181+ allowfullscreen
182+ width ="100% " height ="100% "
183+ > </ iframe >
184+ </ div >
185+
172186 < p class ="mb-4 ">
173187 O projeto Mitologia Estendida faz parte da Jandig - Uma comunidade de arte em Realidade Aumentada de código aberto. A plataforma Jandig viabiliza a realização de exposições com o uso de realidade aumentada e mista.
174188 </ p >
@@ -230,7 +244,7 @@ <h1 class="text-4xl font-extrabold text-center mb-8 text-[#08B59F]">Álbum de Fi
230244 O álbum de figurinhas é a nossa forma de ampliar e democratizar a experiência de realidade aumentada e as histórias das três lendas que compõem o projeto Mitologias Estendidas. Esses materiais são ideais para uso em sala de aula, em casa ou em atividades recreativas, promovendo a cultura e a história de forma interativa. Nosso objetivo é tornar o conhecimento acessível e divertido para todas as idades, desde crianças a adultos.
231245 </ p >
232246
233- < h2 class ="text-3xl font-bold text-center mb-6 text-[#08B59F] "> Downloads </ h2 >
247+ < h2 class ="text-3xl font-bold text-center mb-6 text-[#08B59F] "> DOWNLOADS </ h2 >
234248 < div class ="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 ">
235249 <!-- Álbum de Figurinhas -->
236250 < div class ="bg-white p-6 rounded-lg shadow-md text-center border border-gray-200 flex flex-col h-full ">
@@ -397,7 +411,8 @@ <h1 class="text-4xl font-extrabold text-center mb-8 text-[#08B59F]">Contato</h1>
397411 <!-- Formulário de Contato -->
398412 < div class ="bg-white p-6 rounded-lg shadow-md border border-gray-200 ">
399413 < h2 class ="text-2xl font-semibold mb-4 text-[#08B59F] "> Envie-nos uma Mensagem</ h2 >
400- < form onsubmit ="event.preventDefault(); alert('Mensagem enviada com sucesso! (Este é um formulário de demonstração)'); this.reset(); ">
414+ < form action ="https://formsubmit.co/09786f14f9888657b21f743ad95bd5ed " method ="POST ">
415+ < input type ="hidden " name ="_url " value ="https://dev.jandig.app/me ">
401416 < div class ="mb-4 ">
402417 < label for ="name " class ="block text-gray-700 text-sm font-bold mb-2 "> Nome:</ label >
403418 < input type ="text " id ="name " name ="name " class ="shadow appearance-none border rounded-lg w-full py-2 px-3 text-gray-800 leading-tight focus:outline-none focus:shadow-outline bg-gray-50 border-gray-200 " placeholder ="Seu nome " required >
@@ -424,7 +439,7 @@ <h2 class="text-2xl font-semibold mb-4 text-[#08B59F]">Envie-nos uma Mensagem</h
424439 <!-- Footer -->
425440 < footer class ="bg-white p-6 text-center text-gray-600 mt-auto shadow-inner border-t border-gray-200 ">
426441 < div class ="container mx-auto flex flex-col md:flex-row md:justify-between items-center ">
427- < a href ="# " class ="text-gray-600 hover:text-[#08B59F] transition-colors duration-300 mt-2 md:mt-0 md:order-1 " onclick ="showSection('contato') "> Contato </ a >
442+ < a href ="# " class ="text-gray-600 hover:text-[#08B59F] transition-colors duration-300 mt-2 md:mt-0 md:order-1 " onclick ="showSection('contato') "> CONTATO </ a >
428443 < p class ="mt-2 text-sm md:mt-0 md:order-2 md:flex-grow md:text-center "> Desenvolvido com paixão e tecnologia.</ p >
429444 <!-- Social Media Icons -->
430445 < div class ="flex space-x-4 mt-4 md:mt-0 md:order-3 ">
0 commit comments