Skip to content

Optimize font loading and update legal document links #18

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
CodeAriCos28 merged 4 commits into from
May 26, 2026
Merged

Optimize font loading and update legal document links #18

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
74d091f
feat: optimizar carga de fuentes con carga asíncrona y eliminar prelo…
CodeAriCos28 May 25, 2026
db8779d
feat: actualizar año en derechos reservados y mejorar enlaces de docu…
CodeAriCos28 May 26, 2026
7a6c157
feat: optimizar carga de fuentes y mejorar rendimiento en varias páginas
CodeAriCos28 May 26, 2026
4401f6d
fix: corregir propiedad de estilo para icono de TikTok en hover
CodeAriCos28 May 26, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
19 changes: 10 additions & 9 deletions blog.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,15 +8,15 @@
<meta name="description" content="Blog de DerejSoft: artículos sobre desarrollo de software, Python, Django, diseño web, tendencias tecnológicas y consejos para tu negocio digital." />
<meta name="keywords" content="DerejSoft blog, desarrollo web, software, Python, Django, tecnología, programación" />
<meta name="theme-color" content="#050a18" />

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap" media="print" onload="this.media='all'">
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap"></noscript>

<link rel="preload" as="style" href="styles.css">
<link rel="preload" as="style" href="blog.css">
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap" />
<link rel="stylesheet" media="print" onload="this.media='all'" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap" />
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap" /></noscript>

<link rel="preload" as="style" href="styles.css" />
<link rel="preload" as="style" href="blog.css" />
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="blog.css">

Expand Down Expand Up @@ -94,7 +94,7 @@
<span class="prompt">root@derejsoft</span><span style="color:#5a6b8a">:</span><span class="path">~/blog</span><span style="color:#fff">$</span>
<span id="typed-text"></span><span class="cursor"></span>
</div>
<h1 class="fade-in-up" style="animation-delay:.12s">
<h1 class="fade-in-up">
<span class="gradient-text">Blog</span> &amp; Recursos Tech
</h1>
<p class="fade-in-up" style="animation-delay:.22s">
Expand Down Expand Up @@ -255,7 +255,7 @@ <h3>Artículos <span class="gradient-text">relacionados</span></h3>
</div>
</div>
<div class="footer-bottom">
<div>&copy; 2025 <span style="color:var(--accent-cyan);font-weight:700">DerejSoft</span>. Todos los derechos reservados.</div>
<div>&copy; <script>document.write(new Date().getFullYear())</script> <span style="color:var(--accent-cyan);font-weight:700">DerejSoft</span>. Todos los derechos reservados.</div>
<div>Hecho con <svg class="icon" style="color:#e11d48"><use href="/svg/icons.svg#icon-heart"/></svg> en República Dominicana</div>
</div>
</div>
Expand Down Expand Up @@ -1069,5 +1069,6 @@ <h3 class="blog-card-title">${p.title}</h3>
}), { threshold: .12, rootMargin: '0px 0px -40px 0px' });
document.querySelectorAll('.reveal').forEach(el => robs.observe(el));
</script>
</body>

</body>
</html>
25 changes: 13 additions & 12 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,16 +9,16 @@
<meta name="keywords" content="DerejSoft, desarrollo web, software, Python, Django, soluciones tecnológicas" />
<meta name="google-site-verification" content="U8NxFe4ImPVgVONMKLManzbFzU_wdJkFNd8_-gbuSBo" />
<meta name="theme-color" content="#050a18" />

<!-- Preload & Async Load para Fuentes (LCP Optimization) -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap" media="print" onload="this.media='all'">
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap"></noscript>

<link rel="preload" as="style" href="styles.css">
<link rel="preload" as="style" href="home.css">
<!-- Optimized font loading: starts immediately but doesn't block render -->
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap" />
<link rel="stylesheet" media="print" onload="this.media='all'" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap" />
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap" /></noscript>

<link rel="preload" as="style" href="styles.css" />
<link rel="preload" as="style" href="home.css" />
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="home.css">

Expand Down Expand Up @@ -84,7 +84,7 @@
<header class="site-header">
<nav>
<a href="#inicio" class="logo">
<img src="logos/DerejLogo.webp" alt="Logo DerejSoft" class="logo-img" width="38" height="38" />
<img fetchpriority="high" src="logos/DerejLogo.webp" alt="Logo DerejSoft" class="logo-img" width="38" height="38" />
<div class="logo-text">Derej<span>Soft</span></div>
</a>
<button class="menu-toggle" aria-label="Abrir menú"><span></span><span></span><span></span></button>
Expand Down Expand Up @@ -127,7 +127,7 @@
<span class="prompt">root@derejsoft</span><span style="color:#5a6b8a">:</span><span class="path">~</span><span style="color:#fff">$</span>
<span id="typed-text"></span><span class="cursor"></span>
</div>
<h1 class="fade-in-up" style="animation-delay:.12s">
<h1 class="fade-in-up">
<span class="gradient-text">Desarrollo de Software</span> que impulsa tu Negocio
</h1>
<p class="fade-in-up" style="animation-delay:.22s">
Expand Down Expand Up @@ -223,7 +223,7 @@ <h2>¿Listo para <span class="gradient-text">transformar</span> tu idea?</h2>
</div>
<input type="hidden" name="_captcha" value="false" />
<input type="hidden" name="_subject" value="Nuevo mensaje desde el formulario" />
<input type="hidden" name="_next" value="" />
<input type="hidden" name="_next" value="https://derejsoft.com/" />
<button type="submit" class="submit-button">
<span>Enviar Mensaje</span>
<svg class="icon"><use href="/svg/icons.svg#icon-paper-plane"/></svg>
Expand Down Expand Up @@ -256,7 +256,7 @@ <h2>¿Listo para <span class="gradient-text">transformar</span> tu idea?</h2>
</div>
</div>
<div class="footer-bottom">
<div>© 2025 <span style="color:var(--accent-cyan);font-weight:700">DerejSoft</span>. Todos los derechos reservados.</div>
<div>© <script>document.write(new Date().getFullYear())</script> <span style="color:var(--accent-cyan);font-weight:700">DerejSoft</span>. Todos los derechos reservados.</div>
<div>Hecho con <svg class="icon" style="color:#e11d48"><use href="/svg/icons.svg#icon-heart"/></svg> en República Dominicana</div>
</div>
</div>
Expand Down Expand Up @@ -401,5 +401,6 @@ <h2>¿Listo para <span class="gradient-text">transformar</span> tu idea?</h2>
});
});
</script>
</body>

</body>
</html>
19 changes: 10 additions & 9 deletions nosotros.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,19 +7,19 @@
<meta name="description" content="Conoce al equipo de DerejSoft: desarrolladores apasionados que crean soluciones digitales de alto rendimiento para empresas y emprendedores en República Dominicana." />
<link rel="shortcut icon" href="/logos/logo2D(1).ico" />
<meta name="theme-color" content="#050a18" />
<!-- Preload & Async Load para Fuentes (LCP Optimization) -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap" media="print" onload="this.media='all'">
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap"></noscript>

<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap" />
<link rel="stylesheet" media="print" onload="this.media='all'" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap" />
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap" /></noscript>

<!-- Async Load para CSS de terceros -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" media="print" onload="this.media='all'" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css" media="print" onload="this.media='all'" />

<link rel="preload" as="style" href="styles.css">
<link rel="preload" as="style" href="nosotros.css">
<link rel="preload" as="style" href="styles.css" />
<link rel="preload" as="style" href="nosotros.css" />
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="nosotros.css">

Expand Down Expand Up @@ -104,7 +104,7 @@
<i class="fas fa-rocket"></i>
<span>Innovación Digital desde 2021</span>
</div>
<h1 class="hero-title fade-in-up" style="animation-delay:.15s">
<h1 class="hero-title fade-in-up">
<span class="gradient-text">Somos</span> DerejSoft
</h1>
<p class="hero-subtitle fade-in-up" style="animation-delay:.3s">
Expand Down Expand Up @@ -395,7 +395,7 @@ <h2>¿Tienes una idea? <span class="gradient-text">Nosotros</span> te ayudamos a
</div>
</div>
<div class="footer-bottom">
<div>© 2025 <span style="color:var(--accent-cyan);font-weight:700">DerejSoft</span>. Todos los derechos reservados.</div>
<div>© <script>document.write(new Date().getFullYear())</script> <span style="color:var(--accent-cyan);font-weight:700">DerejSoft</span>. Todos los derechos reservados.</div>
<div>Hecho con <i class="fas fa-heart" style="color:#e11d48"></i> en República Dominicana</div>
</div>
</div>
Expand Down Expand Up @@ -449,5 +449,6 @@ <h2>¿Tienes una idea? <span class="gradient-text">Nosotros</span> te ayudamos a
obs.observe(el);
});
</script>
</body>

</body>
</html>
39 changes: 35 additions & 4 deletions proyectos/derejfinance.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,37 @@
<title>DerejFinance | DerejSoft — Proyecto</title>
<link rel="shortcut icon" href="/logos/logo2D(1).ico" />
<meta name="description" content="Descubre DerejFinance, plataforma de control de finanzas personales desarrollada por DerejSoft.">

<!-- SEO & Open Graph -->
<link rel="canonical" href="https://derejsoft.com/proyectos/derejfinance.html" />
<meta property="og:title" content="DerejFinance | DerejSoft — Proyecto" />
<meta property="og:description" content="DerejFinance — Plataforma de control de finanzas personales. Centraliza gastos, servicios y conversiones monetarias." />
<meta property="og:url" content="https://derejsoft.com/proyectos/derejfinance.html" />
<meta property="og:type" content="website" />
<meta property="og:locale" content="es_DO" />
<meta property="og:site_name" content="DerejSoft" />
<meta property="og:image" content="https://derejsoft.com/logos/DerejSoft.webp" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="DerejFinance | DerejSoft" />
<meta name="twitter:description" content="DerejFinance — Plataforma de control de finanzas personales." />
<meta name="twitter:site" content="@derejsoft" />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"name": "DerejFinance",
"url": "https://derejsoft.com/proyectos/derejfinance.html",
"description": "Plataforma de control de finanzas personales. Centraliza gastos, servicios y conversiones monetarias.",
"offers": {
"@type": "Offer",
"price": "20000",
"priceCurrency": "DOP",
"priceValidUntil": "2027-12-31",
"availability": "https://schema.org/InStock"
}
}
</script>

<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" />
Expand Down Expand Up @@ -529,7 +560,7 @@
.social-icon.instagram:hover{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%);color:#fff;border-color:transparent;transform:translateY(-4px);box-shadow:0 4px 12px rgba(214,36,159,0.35)}
.social-icon.facebook:hover{background:#1877f2;color:#fff;border-color:#1877f2;transform:translateY(-4px);box-shadow:0 4px 12px rgba(24,119,242,0.35)}
.social-icon.tiktok:hover{background:#000;border-color:#00f2ea;color:#fff;transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,242,234,0.25)}
.social-icon.tiktok:hover i{background:linear-gradient(45deg,#00f2ea,#ff0050);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.social-icon.tiktok:hover i{background:linear-gradient(45deg,#00f2ea,#ff0050);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.footer-bottom{display:flex;justify-content:space-between;color:var(--text-secondary);padding:16px 0 0;font-size:.82rem}

/* =============================================
Expand Down Expand Up @@ -822,8 +853,8 @@ <h2><span class="gradient-text">¿Listo para tener control real</span> de tus fi
<div class="footer-logo-text">Derej<span>Soft</span></div>
</div>
<div class="footer-links">
<a href="/Documentos_Legales/termino_servicio.html" class="footer-link">Términos de Servicio</a>
<a href="/Documentos_Legales/politica_privacidad.html" class="footer-link">Privacidad</a>
<a href="/documentos-legales/terminos-de-servicio.html" class="footer-link">Términos de Servicio</a>
<a href="/documentos-legales/politica-de-privacidad.html" class="footer-link">Privacidad</a>
<a href="/index.html#contacto" class="footer-link">Contacto</a>
</div>
<div class="footer-social">
Expand All @@ -836,7 +867,7 @@ <h2><span class="gradient-text">¿Listo para tener control real</span> de tus fi
</div>
</div>
<div class="footer-bottom">
<div>&copy; 2025 <span style="color:var(--accent-cyan);font-weight:700">DerejSoft</span>. Todos los derechos reservados.</div>
<div>&copy; <script>document.write(new Date().getFullYear())</script> <span style="color:var(--accent-cyan);font-weight:700">DerejSoft</span>. Todos los derechos reservados.</div>
<div>Hecho con <i class="fas fa-heart" style="color:#e11d48"></i> en República Dominicana</div>
</div>
</div>
Expand Down
Loading
Loading