Merge pull request #34 from pythonNordeste/speakers-enhancement

Speakers enhancement

assets/css/custom.css

@@ -2,14 +2,23 @@
     --laranja: #FF5C27;
     --bege: #F5F3E7;
     --azul: #3F9BFF;
-    --verde: #2A9507;
+    --verde: #00923F;
     --amarelo: #FFDA1F;
     --verde_escuro: #383806;
     --vermelho: #FD4000;
     --branco_default: #FFF;
     --preto_default: #000;
+    --fuchsia:  #D70086;
+    --roxo__escuro: #5E17EB;
+    --cinza_escuro: #777777;
+    --marron_escuro: #353408;
 }
 
+.uk-badge-large {
+    padding: 1rem;
+    font-size: medium;
+
+}
 @font-face {
     font-family: bonoc;
     src: url(../fonts/Bonoc.ttf);
@@ -73,6 +82,11 @@ footer h3 {
     padding-right: 15px;
 }
 
+.uk-width-auto img {
+    max-width: 100px;
+    max-height: 100px;
+}
+
 .hero {
     margin-top: 2em;
     align-items: center;
@@ -130,10 +144,6 @@ footer h3 {
     font-family: bonoc;
 }
 
-.uk-text-bold {
-    color: var(--preto_default);
-}
-
 .uk-button {
     border: none;
     font-size: 1rem;
@@ -230,3 +240,99 @@ footer h3 {
         font-family: manropeRegular;
     }
 }
+
+
+/*
+ * Card Third
+ */
+.uk-card-green {
+    background-color: var(--verde);
+    color: var(--branco_default);
+}
+
+.uk-card-green span {
+    background-color: var(--verde);
+    color: var(--branco_default);
+}
+
+span {
+    color: var(--branco_default) !important;
+    font-size: medium;
+}
+
+.uk-card-fuchsia {
+    background-color: var(--fuchsia);
+    color: var(--branco_default);
+}
+
+.uk-card-orange {
+    background-color: var(--laranja);
+    color: var(--branco_default);
+}
+
+.uk-card-blue {
+    cursor: pointer;
+    background-color: var(--azul);
+    color: var(--branco_default);
+}
+
+.uk-card-blue h3 {
+    background-color: var(--azul);
+    color: var(--branco_default);
+}
+
+.uk-card-gray {
+    cursor: pointer;
+    background-color: var(--cinza_escuro);
+    color: var(--branco_default);
+}
+.uk-card-gray h3 {
+    background-color: var(--cinza_escuro);
+    color: var(--branco_default);
+}
+.uk-badge-beige {
+    background-color: var(--bege);
+    color: var(--preto_default) !important;
+}
+
+.uk-card-brown {
+    background-color: var(--marron_escuro);
+    color: var(--branco_default);
+    height: auto !important;
+}
+
+.agenda-card-body {
+    padding: 1.5rem 0.7rem;
+    position: relative;
+    display: grid;
+    grid-template-columns: 1fr 2fr;
+}
+
+.card-flex-wrap {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+}
+
+/* .uk-text-small {
+    min-height: 220px;
+} */
+
+.custom-class {
+    margin-top: 10px;
+    margin-bottom: 0px;
+    padding-bottom: 15px;
+}
+
+.truncate {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 200px; /* Ajuste este valor para o tamanho desejado */
+}
+
+.avatar-medium {
+    object-fit: cover;
+    height: 100px;
+    width: 100px;
+}

index.html

@@ -48,6 +48,8 @@
                 <li><a class="uk-navbar-item" href="#local">Local</a></li>
                 <!-- <li><a class="uk-navbar-item" href="#patrocinio">Patrocínio</a></li> -->
                 <li><a class="uk-navbar-item" href="#patrocinadoras">Patrocinadoras</a></li>
+                <li><a class="uk-navbar-item" href="/speakers.html">Agenda</a></li>
+
             </ul>
             <a href="#" class="uk-navbar-toggle uk-hidden@s" uk-navbar-toggle-icon uk-toggle="target: #sidenav"></a>
         </div>
@@ -67,6 +69,8 @@
                 <li><a class="uk-navbar-item" href="#local">Local</a></li>
                 <!-- <li><a class="uk-navbar-item" href="#patrocinio">Patrocínio</a></li> -->
                 <li><a class="uk-navbar-item" href="#patrocinadoras">Patrocinadoras</a></li>
+                <li><a class="uk-navbar-item" href="/speakers.html">Agenda</a></li>
+
             </ul>
         </div>
     </div>
@@ -108,13 +112,13 @@ <h2 class="uk-width-1-1 uk-text-center uk-margin">
                 <div>
                 <h1>SOBRE O EVENTO</h1>
                 <p>
-                    A Python Nordeste é o <span class="uk-text-bold">maior encontro da comunidade Python</span> na região. 
+                    A Python Nordeste é o <strong>maior encontro da comunidade Python</strong> na região. 
                     É um evento itinerante que ocorre anualmente nas cidades do Nordeste a mais de 10 anos. Em 2024 chegaremos 
                     a 12ª edição do evento!
                 </p>
                 <p>
                     Com foco na promoção da diversidade e troca de experiências e conhecimento, 
-                    o evento é voltado para indivíduos de diversas áreas e origens, <span class="uk-text-bold">sem distinção</span>
+                    o evento é voltado para indivíduos de diversas áreas e origens, <strong>sem distinção</strong>
                     de conhecimento técnico ou atuação na área.
                 </p> 
                 <p>
@@ -210,7 +214,7 @@ <h2 class="uk-text-center">PATROCÍNIO</h3>
 
         <div class="uk-margin-auto" style="max-width: 800px">
             <p class="uk-text-center">
-                Baixe aqui o nosso <span class="uk-text-bold">Plano de Patrocínio</span> com as 
+                Baixe aqui o nosso plano de patrocínio com as 
                 modalidades, benefícios e todas informações que 
                 você precisa.
             </p>
@@ -250,7 +254,7 @@ <h3>Sobre</h3>
                             </a>
                         </li>
                         <!-- <li>Keynotes</li> -->
-                        <li><a href="#patrocinio">Patrocínio</a></li>
+                        <!-- <li><a href="#patrocinio">Patrocínio</a></li> -->
                         <li><a href="https://github.com/pythonNordeste/codigo-de-conduta">Código de Conduta (CDC)</a></li>
                         <!-- <li>Perguntas Frequentes</li> -->
                         <!-- <li>Programação</li> -->
@@ -264,7 +268,7 @@ <h3>Créditos</h3>
                     </p>
                     <p>
                         Identidade visual e design por 
-                        <a href="https://www.linkedin.com/in/lucas-lenin-456726162/">Lucas Lenin</a>
+                        <a href="https://www.linkedin.com/in/lucas-lenin-456726162/"><u>Lucas Lenin</u></a>
                     </p>
                 </div>
                 <div>