ajuste

Author: Fabio Brasileiro

src/app/page/footer/footer.component.html

@@ -1,5 +1,5 @@
 <!-- End block -->
-<footer class="bg-white dark:bg-gray-800">
+<footer class="bg-zinc-200 dark:bg-gray-800">
   <div class="max-w-screen-xl p-4 py-6 mx-auto lg:py-16 md:p-8 lg:p-10">
     <!-- <div class="grid grid-cols-2 gap-8 md:grid-cols-3 lg:grid-cols-5">
       <div>
@@ -85,7 +85,7 @@ <h3 class="mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white">D
         </ul>
       </div>
     </div> -->
-    <hr class="my-6 border-gray-200 sm:mx-auto dark:border-gray-700 lg:my-8">
+    <hr class="my-6 border-gray-400 sm:mx-auto dark:border-gray-700 lg:my-8">
     <div class="text-center">
       <a href="#" class="flex items-center justify-center mb-5 text-2xl font-semibold text-gray-900 dark:text-white">
         <img src="../assets/logo-java-jugle.png" class="h-6 mr-3 sm:h-9" alt="jugle Logo" />
@@ -143,4 +143,4 @@ <h3 class="mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white">D
       </ul>
     </div>
   </div>
-</footer>
+</footer>

src/app/page/header-landing-page/header-landing-page.component.html

@@ -1,5 +1,5 @@
 <header class="fixed w-full backdrop-blur">
-  <nav class="bg-white opacity-85 border-gray-200 py-2.5 dark:bg-gray-900">
+  <nav class="bg-zinc-300 opacity-85 border-gray-200 py-2.5 dark:bg-gray-900">
     <div class="flex flex-wrap items-center justify-between max-w-screen-xl px-4 mx-auto">
       <a href="#" class="flex items-center">
         <img src="../assets/logo-java-jugle.png" class="h-6 mr-3 sm:h-9 disabled-logo" alt="Java juble Logo" />
@@ -62,4 +62,4 @@
       </div>
     </div>
   </nav>
-</header>
+</header>

src/app/page/landing-page-inicio/landing-page-inicio.component.html

@@ -1,13 +1,13 @@
 <app-header-landing-page></app-header-landing-page>
 <!-- Start block -->
-<section class="bg-white dark:bg-gray-900">
+<section class="bg-zinc-300 dark:bg-gray-900">
   <div class="grid max-w-screen-xl px-4 pt-20 pb-8 mx-auto lg:gap-8 xl:gap-0 lg:py-16 lg:grid-cols-12 lg:pt-28">
     <div class="mr-auto place-self-center lg:col-span-7">
-      <p class="font-light text-gray-500">Alô programador (a) Java! Conheça a</p>
+      <p class="font-light text-zinc-600 dark:text-gray-500">Alô programador (a) Java! Conheça a</p>
       <h1
         class="max-w-2xl mb-4 text-4xl font-extrabold leading-none tracking-tight md:text-5xl xl:text-6xl dark:text-white">
         Comunidade<br>Java Amazonas</h1>
-      <p class="max-w-2xl mb-6 font-light text-gray-500 lg:mb-8 md:text-lg lg:text-xl dark:text-gray-400">A comunidade
+      <p class="max-w-2xl mb-6 font-light text-zinc-600 lg:mb-8 md:text-lg lg:text-xl dark:text-gray-400">A comunidade
         foi criada na<a href="https://brasil.campus-party.org/cpamazonia/" class="hover:underline">Campus Party
           Amazônia</a>, e ela mesma é uma excelente maneira de se conectar, comunicar e colaborar com outros
         desenvolvedores, compartilhando seus conhecimentos com o objetivo de expandir a experiência em Tecnologia.</p>
@@ -199,11 +199,11 @@
 </section> -->
 <!-- End block -->
 <!-- Start block -->
-<section class="bg-gray-50 dark:bg-gray-800">
+<section class="bg-zinc-200 dark:bg-gray-800">
   <div class="max-w-screen-xl px-4 py-8 mx-auto space-y-12 lg:space-y-20 lg:py-24 lg:px-6">
     <!-- Row -->
     <div class="items-center gap-8 lg:grid lg:grid-cols-2 xl:gap-16">
-      <div class="text-gray-500 sm:text-lg dark:text-gray-400">
+      <div class="text-zinc-600 sm:text-lg dark:text-gray-400">
         <h2 class="mb-4 text-3xl font-extrabold tracking-tight text-gray-900 dark:text-white">Por que aprender Java?
         </h2>
         <p class="mb-8 font-light lg:text-xl">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta
@@ -323,14 +323,14 @@ <h2 class="mb-4 text-3xl font-extrabold tracking-tight text-gray-900 dark:text-w
 </section>
 <!-- End block -->
 <!-- Start block -->
-<section class="bg-white dark:bg-gray-900">
+<section class="bg-zinc-300 dark:bg-gray-900">
   <div
     class="items-center max-w-screen-xl px-4 py-8 mx-auto lg:grid lg:grid-cols-4 lg:gap-16 xl:gap-24 lg:py-24 lg:px-6">
     <div class="col-span-2 mb-8">
       <p class="text-lg font-medium text-green-600 dark:text-green-500">Hello world</p>
       <h2 class="mt-3 mb-4 text-3xl font-extrabold tracking-tight text-gray-900 md:text-3xl dark:text-white">Sobre a
         comunidade Java Amazonas</h2>
-      <p class="font-light text-gray-500 sm:text-xl dark:text-gray-400">"Java User Groups (JUGs) são organizações
+      <p class="font-light text-zinc-600 sm:text-xl dark:text-gray-400">"Java User Groups (JUGs) são organizações
         voluntárias que se esforçam para distribuir conhecimento relacionado a Java em todo o mundo. Eles fornecem um
         ponto de encontro para os usuários Java obterem informações, compartilharem recursos e soluções, aumentarem o
         networking, expandirem o conhecimento da tecnologia Java e, acima de tudo, se esforçarem para construir uma
@@ -410,7 +410,7 @@ <h3 class="mb-2 text-2xl font-bold dark:text-white">5+ Million</h3>
 </section>
 <!-- End block -->
 <!-- Start block -->
-<section class="bg-gray-50 dark:bg-gray-800">
+<section class="bg-zinc-200 dark:bg-gray-800">
   <div class="max-w-screen-xl px-4 py-8 mx-auto text-center lg:py-24 lg:px-6">
     <figure class="max-w-screen-md mx-auto">
       <svg class="h-12 mx-auto mb-3 text-gray-400 dark:text-gray-600" viewBox="0 0 24 27" fill="none"
@@ -435,10 +435,12 @@ <h3 class="mb-2 text-2xl font-bold dark:text-white">5+ Million</h3>
 </section>
 <!-- End block -->
 <!-- Start block -->
-<section class="bg-gray-50 dark:bg-gray-900">
-  <div class="text-white max-w-screen-xl mx-auto py-8 px-4 lg:py-16 lg:px-6">
+<section class="bg-zinc-300 dark:bg-gray-900">
+  <div class="text-black dark:text-white max-w-screen-xl mx-auto py-8 px-4 lg:py-16 lg:px-6">
     <div class="text-center mb-10">
-      <h2 class="text-4xl tracking-tight font-bold text-primary-800">Mas por que participar de uma comunidade?</h2>
+      <h2 class="text-4xl tracking-tight font-bold text-primary-800">Mas por que participar de uma
+        comunidade?
+      </h2>
       <p class="mt-3">"Participar de um grupo de usuários Java é uma ótima maneira de se conectar, comunicar e colaborar
         com seus colegas desenvolvedores. Os JUGs podem ser encontrados em quase todos os continentes, com encontros
         regulares." Site do Java (https://dev.java/community/jugs/)</p>
@@ -487,11 +489,11 @@ <h3 class="text-2xl font-bold text-md mb-6">Compartilhamento</h3>
 <!-- End block -->
 <!-- Start block -->
 
-<section class="bg-white dark:bg-gray-800">
+<section class="bg-zinc-200 dark:bg-gray-800">
   <div class="max-w-screen-xl px-4 py-8 mx-auto lg:py-24 lg:px-6">
     <div class="max-w-screen-md mx-auto mb-8 text-center lg:mb-12">
       <h2 class="mb-4 text-3xl font-extrabold tracking-tight text-gray-900 dark:text-white">Eventos</h2>
-      <p class="mb-5 font-light text-gray-500 sm:text-xl dark:text-gray-400">Mergulhe em eventos, workshops e aulas
+      <p class="mb-5 font-light text-gray-700 sm:text-xl dark:text-gray-400">Mergulhe em eventos, workshops e aulas
         cuidadosamente elaborados para expandir seus horizontes e alimentar sua paixão pelo conhecimento.</p>
     </div>
 
@@ -571,7 +573,7 @@ <h3 class="mb-4 text-2xl font-semibold">Starter</h3>
 </section>
 <!-- End block -->
 <!-- Start block -->
-<section class="bg-white dark:bg-gray-900 pt-8">
+<section class="bg-zinc-300 dark:bg-gray-900 pt-8">
   <div class="max-w-screen-xl px-4 pb-8 mx-auto lg:pb-24 lg:px-6 ">
     <h2
       class="mb-6 text-3xl font-extrabold tracking-tight text-center text-gray-900 lg:mb-8 lg:text-3xl dark:text-white">
@@ -692,7 +694,7 @@ <h3 id="accordion-flush-heading-3">
 </section>
 <!-- End block -->
 <!-- Start block -->
-<section class="bg-gray-50 dark:bg-gray-800">
+<section class="bg-zinc-200 dark:bg-gray-800">
   <div class="max-w-screen-xl px-4 py-8 mx-auto lg:py-16 lg:px-6">
     <div class="max-w-screen-sm mx-auto text-center">
       <h2 class="mb-4 text-3xl font-extrabold leading-tight tracking-tight text-gray-900 dark:text-white">Contato</h2>
@@ -704,7 +706,7 @@ <h2 class="mb-4 text-3xl font-extrabold leading-tight tracking-tight text-gray-9
         trial for 30 days</a> -->
       <div class="items-center justify-center space-y-4 sm:flex sm:space-y-0 sm:space-x-4 rtl:space-x-reverse">
         <a href="#"
-          class="w-full sm:w-auto bg-gray-800 hover:bg-gray-700 focus:ring-4 focus:outline-none focus:ring-gray-300 text-white rounded-lg inline-flex items-center justify-center px-4 py-2.5 dark:bg-gray-700 dark:hover:bg-gray-600 dark:focus:ring-gray-700">
+          class="w-full sm:w-auto bg-gray-700 hover:bg-gray-700 focus:ring-4 focus:outline-none focus:ring-gray-300 text-white rounded-lg inline-flex items-center justify-center px-4 py-2.5 dark:bg-gray-700 dark:hover:bg-gray-600 dark:focus:ring-gray-700">
           <!-- <svg class="me-3 w-7 h-7" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="apple" role="img"
             xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
             <path fill="currentColor"
@@ -732,7 +734,7 @@ <h2 class="mb-4 text-3xl font-extrabold leading-tight tracking-tight text-gray-9
           </div>
         </a>
         <a href="#"
-          class="w-full sm:w-auto bg-gray-800 hover:bg-gray-700 focus:ring-4 focus:outline-none focus:ring-gray-300 text-white rounded-lg inline-flex items-center justify-center px-4 py-2.5 dark:bg-gray-700 dark:hover:bg-gray-600 dark:focus:ring-gray-700">
+          class="w-full sm:w-auto bg-gray-700 hover:bg-gray-700 focus:ring-4 focus:outline-none focus:ring-gray-300 text-white rounded-lg inline-flex items-center justify-center px-4 py-2.5 dark:bg-gray-700 dark:hover:bg-gray-600 dark:focus:ring-gray-700">
           <!-- <svg class="me-3 w-7 h-7" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="google-play"
             role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
             <path fill="currentColor"

src/app/page/slider-event/slider-event.component.html

@@ -118,38 +118,41 @@
 
 
         <div
-          class="border-r border-b border-l border-gray-300 lg:border-l-0 lg:border-t lg:border-gray-400 bg-white dark:bg-gray-900 rounded-b lg:rounded-b-none lg:rounded-r p-4 flex flex-col justify-between leading-normal">
+          class="border-r border-b border-l dark:border-gray-300 border-gray-900 lg:border-l-0 lg:border-t lg:border-gray-400 bg-zinc-300 dark:bg-gray-900 rounded-b lg:rounded-b-none lg:rounded-r p-4 flex flex-col justify-between leading-normal">
           <div class="mb-8 mt-1">
-            <p class="text-sm text-gray-500 flex items-center">
+            <p class="text-sm text-zinc-700  dark:text-gray-500 flex items-center">
               <!-- <svg class="fill-current text-gray-400 w-3 h-3 mr-2" xmlns="http://www.w3.org/2000/svg"
                 viewBox="0 0 20 20">
                 <path
                   d="M4 8V6a6 6 0 1 1 12 0v2h1a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-8c0-1.1.9-2 2-2h1zm5 6.73V17h2v-2.27a2 2 0 1 0-2 0zM7 6v2h6V6a3 3 0 0 0-6 0z" />
               </svg> -->
               @if(card.evento) {
-                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-400 w-3 h-3 mr-2" width="16"
-                  height="16" fill="currentColor" class="bi bi-unlock" viewBox="0 0 20 20">
-                  <path
-                    d="M11 1a2 2 0 0 0-2 2v4a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h5V3a3 3 0 0 1 6 0v4a.5.5 0 0 1-1 0V3a2 2 0 0 0-2-2M3 8a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1z" />
-                </svg>
+              <svg xmlns="http://www.w3.org/2000/svg" class="fill-current  text-gray-400 w-3 h-3 mr-2" width="16"
+                height="16" fill="currentColor" class="bi bi-unlock" viewBox="0 0 20 20">
+                <path
+                  d="M11 1a2 2 0 0 0-2 2v4a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h5V3a3 3 0 0 1 6 0v4a.5.5 0 0 1-1 0V3a2 2 0 0 0-2-2M3 8a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1z" />
+              </svg>
               } @else {
-                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-400 w-3 h-3 mr-2"  width="16" height="16" fill="currentColor" class="bi bi-lock"
-                  viewBox="0 0 20 20">
-                  <path
-                    d="M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2m3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2M5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1" />
-                </svg>
+              <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-gray-400 w-3 h-3 mr-2" width="16"
+                height="16" fill="currentColor" class="bi bi-lock" viewBox="0 0 20 20">
+                <path
+                  d="M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2m3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2M5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1" />
+              </svg>
               }
               {{ card.typeMembro }}
             </p>
             <a target="_blank " href="{{card.link}}" style="display: block;">
-              <div class=" hover:text-gray-100  text-gray-400 font-bold text-xl mb-2">{{ card.Title }}</div>
+              <div
+                class="text-gray-800 hover:text-gray-900 dark:hover:text-gray-100  dark:text-gray-400 font-bold text-xl mb-2">
+                {{
+                card.Title }}</div>
             </a>
-            <p class="text-gray-500 text-base">{{ card.desc }}</p>
+            <p class="text-gray-700 dark:text-gray-500 text-base">{{ card.desc }}</p>
           </div>
           <div class="flex items-center">
             <img class="w-10 h-10 rounded-full mr-4" [src]="card.imgAutor" alt="Avatar">
             <div class="text-sm">
-              <p class="text-gray-500 leading-none">{{ card.nomes }}</p>
+              <p class="text-gray-700 dark:text-gray-500 leading-none">{{ card.nomes }}</p>
               <p class="text-gray-600">{{ card.datas }}</p>
             </div>
           </div>
@@ -174,4 +177,4 @@
   <div class="right" *ngIf="totalPages > 1" (click)="currentPage != totalPages && changePage(+1)"
     [ngClass]="{'disabled':currentPage === totalPages}"></div>
 </div> -->
-</div>
+</div>

src/index.html

@@ -10,8 +10,7 @@
 
   <!-- Meta SEO -->
   <meta name="title" content="Java Jugle - Comunidade de java no Amazonas">
-  <meta name="description"
-    content="Comunidade de desenvolvendores software livre no Amazonas.">
+  <meta name="description" content="Comunidade de desenvolvendores software livre no Amazonas.">
   <meta name="robots" content="index, follow">
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <meta name="language" content="Portugues">