wagtail-enap-designsystem 1.2.1.158__py3-none-any.whl → 1.2.1.159__py3-none-any.whl

enap_designsystem/models.py

@@ -1664,16 +1664,22 @@ class TemplateEspecializacao(Page):
 	)
 
 	feature_course = StreamField([
-		('feature_course', CourseFeatureBlock()),
-	], use_json_field=True, blank=True, null=True, default=[
-		('feature_course', {
-			'title_1': 'Características do Curso',
-			'description_1': 'Conheça os principais diferenciais e características que tornam nosso programa único no mercado.',
-			'title_2': 'Metodologia Inovadora',
-			'description_2': 'Utilizamos as mais modernas práticas pedagógicas para garantir o melhor aprendizado.',
-			'image': None
-		})
-	])
+    ('feature_course', CourseFeatureBlock()),
+    ('card_cards', blocks.StreamBlock(CARD_CARDS_STREAMBLOCKS, required=False)),
+	], 
+		use_json_field=True, 
+		blank=True, 
+		null=True,
+		default=[
+			('feature_course', {
+				'title_1': 'Características do Curso',
+				'description_1': 'Conheça os principais diferenciais e características que tornam nosso programa único no mercado.',
+				'title_2': 'Metodologia Inovadora',
+				'description_2': 'Utilizamos as mais modernas práticas pedagógicas para garantir o melhor aprendizado.',
+				'image': None
+			})
+		]
+	)
 
 	content = StreamField(
 		[
@@ -1691,6 +1697,13 @@ class TemplateEspecializacao(Page):
 		]
 	)
 
+	cards_one = StreamField(
+		CARD_CARDS_STREAMBLOCKS,
+		null=True,
+		blank=True,
+		use_json_field=True,
+	)
+
 	feature_estrutura = StreamField([
 		('feature_estrutura', CourseModulesBlock()),
 	], use_json_field=True, blank=True, null=True, default=[
@@ -1747,36 +1760,42 @@ class TemplateEspecializacao(Page):
 	])
 
 	team_carousel = StreamField([
-		('team_carousel', TeamCarouselBlock()),
-	], use_json_field=True, blank=True, null=True, default=[
-		('team_carousel', {
-			'title': 'Nossa Equipe',
-			'description': 'Conheça os profissionais especializados que compõem nosso corpo docente',
-			'view_all_text': 'Ver todos os professores',
-			'members': [
-				{
-					'name': 'Prof. Dr. Nome Sobrenome',
-					'role': '<p>Coordenador Acadêmico</p>',
-					'image': None
-				},
-				{
-					'name': 'Prof. Mestre Nome Sobrenome',
-					'role': '<p>Docente Especialista</p>',
-					'image': None
-				},
-				{
-					'name': 'Prof. Dr. Nome Sobrenome',
-					'role': '<p>Professor Convidado</p>',
-					'image': None
-				},
-				{
-					'name': 'Prof. Mestre Nome Sobrenome',
-					'role': '<p>Consultor Especializado</p>',
-					'image': None
-				}
-			]
-		})
-	])
+    ('team_carousel', TeamCarouselBlock()),
+    ('team_modern', TeamModern()),  
+	], 
+		use_json_field=True, 
+		blank=True, 
+		null=True,
+		default=[
+			('team_carousel', {
+				'title': 'Nossa Equipe',
+				'description': 'Conheça os profissionais especializados que compõem nosso corpo docente',
+				'view_all_text': 'Ver todos os professores',
+				'members': [
+					{
+						'name': 'Prof. Dr. Nome Sobrenome',
+						'role': '<p>Coordenador Acadêmico</p>',
+						'image': None
+					},
+					{
+						'name': 'Prof. Mestre Nome Sobrenome',
+						'role': '<p>Docente Especialista</p>',
+						'image': None
+					},
+					{
+						'name': 'Prof. Dr. Nome Sobrenome',
+						'role': '<p>Professor Convidado</p>',
+						'image': None
+					},
+					{
+						'name': 'Prof. Mestre Nome Sobrenome',
+						'role': '<p>Consultor Especializado</p>',
+						'image': None
+					}
+				]
+			})
+		]
+	)
 
 	cards = StreamField(
 		CARD_CARDS_STREAMBLOCKS,
@@ -1798,9 +1817,10 @@ class TemplateEspecializacao(Page):
 		FieldPanel('status_inscricao'),
 		FieldPanel('content'),
 		FieldPanel('feature_course'),
+		FieldPanel('cards_one'),
 		FieldPanel('feature_estrutura'),
-		FieldPanel('feature_processo_seletivo'),
 		FieldPanel('team_carousel'),
+		FieldPanel('feature_processo_seletivo'),
 		FieldPanel('cards'),
 		FieldPanel("footer"),
 	]

enap_designsystem/static/enap_designsystem/blocks/btn.css

@@ -1,5 +1,6 @@
 a{
     text-decoration: none;
+    color: inherit;
 }
 
 .btn{
@@ -13,6 +14,36 @@ a{
     text-decoration: none;
 }
 
+
+
+.content-richtext a {
+    display: inline-flex;
+    align-items: center;
+    padding: 8px 14px;
+    background-color: #007D7A;
+    border: none;
+    color: white;
+    gap: 8px;
+    width: auto;
+    text-decoration: none;
+    border-radius: 32px;
+}
+
+.content-richtext a::after {
+    content: "\f138";
+    font-family: "Font Awesome 6 Free";
+    font-weight: 900;
+    font-size: 0.9em;
+}
+
+.content-richtext a:hover {
+    background-color: #006562;
+    color: white;
+}
+
+
+
+
 .small{
     height: 32px;
     border-radius: 32px;

enap_designsystem/static/enap_designsystem/blocks/cards.css

@@ -51,7 +51,7 @@
     p {
         font-weight: 400;
         line-height: 150%;
-        font-size: 16px;
+        font-size: 20px;
         word-wrap: break-word;
     }
 
@@ -149,9 +149,16 @@
 
 
     .card-primary p{
-       
-        color: #434A54;
+        color: #434A54 !important;
         }
+
+        .card-primary .card-icone{
+            color: #024248 !important;
+            }
+    
+        .card-primary h2{
+            color: #434A54 !important;
+            }
     
     
     .card-secondary{
@@ -463,7 +470,7 @@
 .bg-enap-40 h4,
 .bg-enap-40 h5,
 .bg-enap-40 h6 {
-    color: white !important;
+    color: white;
 }
 
 /* Versão alternativa mais compacta usando seletor de atributo */
@@ -516,7 +523,7 @@
 .section-card[class*="bg-enap-40"] h4,
 .section-card[class*="bg-enap-40"] h5,
 .section-card[class*="bg-enap-40"] h6 {
-    color: white !important;
+    color: white;
 }
 
 /* Aplica também para outros elementos de texto comuns */
@@ -548,7 +555,7 @@
 .bg-enap-40 div,
 .bg-enap-40 li,
 .bg-enap-40 a {
-    color: white !important;
+    color: white;
 }
 
 /* Para links, mantém a funcionalidade de hover */

enap_designsystem/static/enap_designsystem/blocks/carousel_images.css

@@ -146,8 +146,8 @@
 }
 
 
-.slide-subtitle p{
-    color: white;
+.slide-subtitle p, .slide-subtitle ul{
+    color: inherit;
 }
 
 .slide-button-wrapper {

enap_designsystem/static/enap_designsystem/blocks/feature_course.css

@@ -4,6 +4,10 @@
     padding: 90px 0;
 }
 
+.section-description_template p {
+    font-size: 16px;
+}
+
 .grid-two-columns {
     display: grid;
     grid-template-columns: repeat(2, 1fr);

enap_designsystem/static/enap_designsystem/blocks/navbar/navbar.css

@@ -116,9 +116,9 @@
 	width: max-content;
 }
 
-.fa-circle-user:hover {
+/* .fa-circle-user:hover {
 	color: white;
-}
+} */
 
 .navbar .login-btn:hover {
 	background: #006D77;

enap_designsystem/static/enap_designsystem/blocks/team_carousel.css

@@ -208,7 +208,8 @@
     .content-richtext h1,
     .content-richtext h2 {
         color: #434A54;
-        font-weight: 500;
+        font-weight: 400;
+        font-size: 16px;
     }
 
     .content-richtext p {

enap_designsystem/static/enap_designsystem/blocks/team_modern.css

@@ -36,7 +36,7 @@
 }
 
 .header-teammodern p {
-    font-size: 1.5rem;
+    font-size: 18px;
     color: #333840;
     max-width: 800px;
 }
@@ -133,6 +133,7 @@
 
 .member-role p{
     margin-bottom: 0;
+    font-size: 14px;
 }
 
 /* Estilos responsivos para mobile */

enap_designsystem/templates/enap_designsystem/base.html

@@ -5,7 +5,7 @@
 
 <html lang="pt-BR">
 	<head>
-		    {# Meta descrição tradicional ANTES das tags Open Graph #}
+		{# Meta descrição tradicional ANTES das tags Open Graph #}
 		{% if page.legenda_home %}
 		<meta name="description" content="{{ page.legenda_home|striptags|truncatewords:25 }}">
 	{% elif page.subtitulo %}
@@ -302,18 +302,8 @@
 				
 				// Estilização
 				link.style.textDecoration = 'none';
-				link.style.color = '#007D7A';
 				
-				// Adicionar efeito hover
-				link.addEventListener('mouseenter', function() {
-					this.style.textDecoration = 'underline';
-					this.style.color = '#005a58';
-				});
 				
-				link.addEventListener('mouseleave', function() {
-					this.style.textDecoration = 'none';
-					this.style.color = '#007D7A';
-				});
 			});
 			
 			// Estilizar parágrafos
@@ -340,6 +330,7 @@
 				list.style.marginBottom = '1em';
 			});
 		});
+		
 		</script>
 		{% endblock %}
 

enap_designsystem/templates/enap_designsystem/blocks/card_block.html

@@ -9,6 +9,8 @@
         {% if value.image %}
             {% image value.image original format-webp as card_bg_img %}
             <div class="card-bgimage" style="background-image: url('{{ card_bg_img.url }}');">
+        {% elif value.icone %}
+            <i class="card-icone {{ value.icone }}"></i>
                 <!-- Link overlay para o primeiro botão -->
                 {% if value.links %}
                     {% for link_block in value.links %}
@@ -79,6 +81,8 @@
                 {% if value.image %}
                     {% image value.image fill-800x450 format-webp preserve-svg as card_img %}
                     <div class="img-card" style="background-image: url('{{ card_img.url }}');"></div>
+                {% elif value.icone %}
+                    <i class="card-icone {{ value.icone }}"></i>
                 {% endif %}
             </div>
 
@@ -151,6 +155,8 @@
                 {% if value.image %}
                     {% image value.image fill-800x450 format-webp preserve-svg as card_img %}
                     <div class="img-card" style="background-image: url('{{ card_img.url }}');"></div>
+                {% elif value.icone %}
+                    <i class="card-icone {{ value.icone }}"></i>
                 {% endif %}
             </div>
         </div>
@@ -158,6 +164,8 @@
         {% if value.image %}
             {% image value.image fill-800x450 format-webp preserve-svg as card_img %}
             <div class="img-card" style="background-image: url('{{ card_img.url }}');"></div>
+        {% elif value.icone %}
+            <i class="card-icone {{ value.icone }}"></i>
         {% endif %}
 
         <div class="wrapper-text-button_card-terciary">
@@ -179,11 +187,11 @@
             
             <div class="wrapper-text-card">
                 {% if value.title %}
-                    <h2 class="h2-card {% if value.type == 'card-secondary' %}text-center{% endif %} {% if value.type == 'card-secondary' or value.type == 'card-terciary' %}white{% endif %}">{{ value.title }}</h2>
+                    <h2 class="h2-card{% if value.type == 'card-secondary' %}text-center{% endif %}{% if value.type == 'card-secondary' or value.type == 'card-terciary' %}white{% endif %}">{{ value.title }}</h2>
                 {% endif %}
 
                 {% if value.description %}
-                    <div class="p-card {% if value.type == 'card-secondary' %}text-center{% endif %} {% if value.type == 'card-secondary' or value.type == 'card-terciary' %}white{% endif %}">{{ value.description|richtext }}</div>
+                    <div class="p-card{% if value.type == 'card-secondary' %}text-center{% endif %}{% if value.type == 'card-secondary' or value.type == 'card-terciary' %}white{% endif %}">{{ value.description|richtext }}</div>
                 {% endif %}
             </div>
 
@@ -222,4 +230,33 @@
             {% endif %}
         </div>
     {% endif %}
-</div>
+</div>
+<style>
+.card-icone{
+    text-align: center;
+    font-size: 72px;
+    padding: 15px 0;
+    {% if value.cor_texto_hex %}
+    color: {{value.cor_texto_hex}};
+    {% elif value.cor_texto %}
+    color: {{value.cor_texto}};
+    {% endif %}
+}
+
+.h2-card, ul {
+    font-size: 20px;
+}
+
+.h2-card{
+    font-weight: 600;
+}
+
+.h2-card, .p-card p{
+    {% if value.cor_texto_hex %}
+    color: {{value.cor_texto_hex}};
+    {% elif value.cor_texto %}
+    color: {{value.cor_texto}};
+    {% endif %}
+    text-align: {{ value.text_align }};
+}
+</style>

enap_designsystem/templates/enap_designsystem/blocks/carousel_images.html

@@ -135,7 +135,7 @@
     width: 100%;
     height: var(--altura-desktop);
     overflow: hidden;
-    margin-bottom: 60px;
+    margin-bottom: 0px;
 }
 
 @media (max-width: 768px) {

enap_designsystem/templates/enap_designsystem/blocks/feature_estrutura.html

@@ -1,4 +1,5 @@
 {% load wagtailimages_tags %}
+{% load wagtailcore_tags %}
 {% load static %}
 {% block content %}
 <section class="course-structure">
@@ -7,6 +8,11 @@
             <div class="icon-title-container">
                 <h2>{{ value.title }}</h2>
             </div>
+            {% if value.description %}
+            <div class="section-description_template">
+                {{ value.description|richtext }}
+            </div>
+            {% endif %}
         
             <div class="modules-grid">
                 {% for module in value.modules %}

enap_designsystem/templates/enap_designsystem/blocks/footer_block.html

@@ -100,6 +100,7 @@
     margin: 0px;
     padding: 0px;
     list-style: none;
+    font-size: 16px;
 }
 
 .footer-links_generico ul li a{

enap_designsystem/templates/enap_designsystem/blocks/preview_courses.html

@@ -7,7 +7,13 @@
 <section class="section-courses">
     <div class="content-section">
         <div class="section-header">
-            <h2 class="section-heading">{{ value.page.title }}</h2>
+            <h2 class="section-heading">
+                {% if value.title %}
+                    {{ value.title }}
+                {% else %}
+                    {{ value.page.title }}
+                {% endif %}
+            </h2>
         </div>
     
         <div class="slider-container">

enap_designsystem/templates/enap_designsystem/blocks/richtext_block.html

@@ -1,65 +1,64 @@
 {% load wagtailcore_tags %}
+
+<style>
+.content-richtext a {
+    display: inline-flex;
+    align-items: center;
+    padding: 8px 14px;
+    background-color: #007D7A;
+    border: none;
+    color: white;
+    gap: 8px;
+    width: auto;
+    text-decoration: none;
+    border-radius: 32px;
+    transition: background-color 0.3s, transform 0.2s;
+}
+
+.content-richtext a::after {
+    content: "\f138";
+    font-family: "Font Awesome 6 Free";
+    font-weight: 900;
+    font-size: 0.9em;
+    transition: transform 0.2s;
+}
+
+.content-richtext a:hover {
+    background-color: #006562;
+}
+
+
+.content-richtext p {
+    margin-bottom: 1.2em;
+    line-height: 1.6;
+}
+
+.content-richtext h2 {
+    font-size: 1.5em;
+    margin-top: 1em;
+    color: #333;
+}
+
+.content-richtext ul,
+.content-richtext ol {
+    margin-left: 1.5em;
+    margin-bottom: 1em;
+}
+
+.content-richtext blockquote {
+    border-left: 3px solid #007D7A;
+    padding-left: 1em;
+    margin-left: 0;
+    color: #555;
+}
+
+.content-richtext img {
+    max-width: 100%;
+    height: auto;
+    margin: 1em 0;
+}
+</style>
+
 <div class="content-richtext">
     {% block block_render %}{{ self|richtext }}{% endblock %}
-</div>
-
-<script>
-    document.addEventListener('DOMContentLoaded', function() {
-        // Estilizar links
-        const links = document.querySelectorAll('.content-richtext a');
-        links.forEach(function(link) {
-            link.style.textDecoration = 'none';
-            link.style.color = '#007D7A';
-            
-            // Adicionar efeito hover
-            link.addEventListener('mouseenter', function() {
-                this.style.textDecoration = 'underline';
-                this.style.color = '#005a58';
-            });
-            
-            link.addEventListener('mouseleave', function() {
-                this.style.textDecoration = 'none';
-                this.style.color = '#007D7A';
-            });
-        });
-        
-        // Estilizar parágrafos
-        const paragraphs = document.querySelectorAll('.content-richtext p');
-        paragraphs.forEach(function(p) {
-            p.style.marginBottom = '1.2em';
-            p.style.lineHeight = '1.6';
-        });
-        
-        // Estilizar cabeçalhos
-        const headings = document.querySelectorAll('.content-richtext h2');
-        headings.forEach(function(heading) {
-            heading.style.fontSize = '1.5em';
-            heading.style.marginTop = '1em';
-            heading.style.color = '#333';
-        });
-        
-        // Estilizar listas
-        const lists = document.querySelectorAll('.content-richtext ul, .content-richtext ol');
-        lists.forEach(function(list) {
-            list.style.marginLeft = '1.5em';
-            list.style.marginBottom = '1em';
-        });
-        
-        // Estilizar citações
-        const blockquotes = document.querySelectorAll('.content-richtext blockquote');
-        blockquotes.forEach(function(quote) {
-            quote.style.borderLeft = '3px solid #007D7A';
-            quote.style.paddingLeft = '1em';
-            quote.style.marginLeft = '0';
-            quote.style.color = '#555';
-        });
-        
-        // Estilizar imagens
-        const images = document.querySelectorAll('.content-richtext img');
-        images.forEach(function(img) {
-            img.style.maxWidth = '100%';
-            img.style.height = 'auto';
-            img.style.margin = '1em 0';
-        });
-    });
-    </script>
+</div>