Skip to content

Commit 12b7973

Browse files
author
FACTTIC
committed
Logo FACTTIC, imagen OG, header con titulo
1 parent ac27da2 commit 12b7973

4 files changed

Lines changed: 42 additions & 10 deletions

File tree

css/main.css

Lines changed: 33 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -639,6 +639,20 @@ section[id] {
639639

640640
.facttic-logo {
641641
text-decoration: none;
642+
display: flex;
643+
align-items: center;
644+
}
645+
646+
.logo-img {
647+
height: 32px;
648+
width: auto;
649+
}
650+
651+
.site-title {
652+
font-family: var(--font-handwritten);
653+
font-size: var(--text-hand-base);
654+
font-weight: 600;
655+
color: var(--color-ink);
642656
}
643657

644658
.logo-text {
@@ -2707,10 +2721,8 @@ section[id] {
27072721
}
27082722

27092723
.facttic-logo-cierre {
2710-
font-family: var(--font-handwritten);
2711-
font-size: var(--text-hand-xl);
2712-
font-weight: 700;
2713-
color: #2563eb;
2724+
height: 48px;
2725+
width: auto;
27142726
margin-bottom: var(--space-3);
27152727
}
27162728

@@ -2915,6 +2927,23 @@ section[id] {
29152927
margin-top: var(--space-3) !important;
29162928
}
29172929

2930+
/* Hero badge con logo */
2931+
.hero-badge {
2932+
margin-bottom: var(--space-4);
2933+
}
2934+
2935+
.hero-logo-img {
2936+
height: 80px;
2937+
width: auto;
2938+
}
2939+
2940+
/* Footer logo */
2941+
.footer-logo-img {
2942+
height: 40px;
2943+
width: auto;
2944+
margin-bottom: var(--space-3);
2945+
}
2946+
29182947
/* Hero disclaimer - sutil en gris */
29192948
.hero-disclaimer {
29202949
background: var(--color-surface-sunken);

index.html

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -10,12 +10,16 @@
1010
<meta property="og:title" content="Reforma Laboral 2026: Lo que cambia para vos">
1111
<meta property="og:description" content="¿Cómo te afecta la reforma laboral 2026? Guía interactiva para entender los cambios en tus derechos laborales.">
1212
<meta property="og:type" content="website">
13-
<meta property="og:image" content="/assets/og-image.png">
13+
<meta property="og:url" content="https://facttic.github.io/guiareforma/">
14+
<meta property="og:image" content="https://facttic.github.io/guiareforma/assets/og-image.jpg">
15+
<meta property="og:image:width" content="1200">
16+
<meta property="og:image:height" content="630">
1417

1518
<!-- Twitter Card -->
1619
<meta name="twitter:card" content="summary_large_image">
1720
<meta name="twitter:title" content="Reforma Laboral 2026 | FACTTIC">
1821
<meta name="twitter:description" content="Guía interactiva: calculá cómo te afecta la reforma laboral según tu situación.">
22+
<meta name="twitter:image" content="https://facttic.github.io/guiareforma/assets/og-image.jpg">
1923

2024
<!-- Leaflet CSS -->
2125
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="">
@@ -42,9 +46,7 @@
4246
<header class="site-header">
4347
<div class="container">
4448
<div class="header-content">
45-
<a href="https://facttic.org.ar" class="facttic-logo" target="_blank" rel="noopener">
46-
<span class="logo-text">FACTTIC</span>
47-
</a>
49+
<span class="site-title">Guía de la Reforma Laboral 2026</span>
4850
<nav class="header-nav" aria-label="Enlaces externos">
4951
<ul class="nav-list nav-list-simple">
5052
<li><a href="https://facttic.org.ar" target="_blank" rel="noopener">facttic.org.ar</a></li>
@@ -61,7 +63,7 @@
6163
<section id="hero" class="section hero-section" data-step="0" data-step-title="Inicio" aria-labelledby="hero-title">
6264
<div class="container">
6365
<div class="hero-content">
64-
<div class="hero-badge">FACTTIC</div>
66+
<div class="hero-badge"><img src="/assets/logo_facttic.png" alt="FACTTIC" class="hero-logo-img"></div>
6567
<h1 id="hero-title">Reforma Laboral 2026 <span class="hero-tag">Guía Interactiva</span></h1>
6668
<p class="hero-subtitle">Una lectura y apuntes de la reforma laboral por parte de las cooperativas tecnológicas argentinas.</p>
6769

@@ -1823,7 +1825,7 @@ <h3>¿Qué podés hacer?</h3>
18231825
</div>
18241826

18251827
<div class="cierre-facttic">
1826-
<div class="facttic-logo-cierre">FACTTIC</div>
1828+
<img src="/assets/logo_facttic.png" alt="FACTTIC" class="facttic-logo-cierre">
18271829
<p>Somos la <strong>Federación Argentina de Cooperativas de Trabajo de Tecnología, Innovación y Conocimiento</strong>.</p>
18281830
<p>Trabajadores que elegimos organizarnos de otra forma: sin patrones, con autogestión y solidaridad. Porque creemos que otro modelo de trabajo es posible.</p>
18291831
<a href="https://facttic.org.ar" target="_blank" rel="noopener" class="facttic-link-cierre">Conocé más sobre nosotros →</a>
@@ -1900,6 +1902,7 @@ <h4>Aviso legal</h4>
19001902
<div class="container">
19011903
<div class="footer-content">
19021904
<div class="footer-about">
1905+
<img src="/assets/logo_facttic.png" alt="FACTTIC" class="footer-logo-img">
19031906
<h4>Sobre FACTTIC</h4>
19041907
<p>Somos la <strong>Federación Argentina de Cooperativas de Trabajo de Tecnología, Innovación y Conocimiento</strong>. Trabajadores organizados en cooperativas, desarrollando tecnología con valores de solidaridad y autogestión.</p>
19051908
</div>

public/assets/logo_facttic.png

37.1 KB
Loading

public/assets/og-image.jpg

231 KB
Loading

0 commit comments

Comments
 (0)