Oliver/estancia-agape
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update homepage

Browse Source
This commit is contained in:
AGAPE S.R.L
2026-06-25 10:30:34 +00:00
parent b0b324f30f
commit 0ffb787875
3 changed files with 32 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
images/cowS.jpg
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 93 KiB

images/entranceS.jpg
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 57 KiB

index.html
+32 -38
View File
@@ -100,9 +100,19 @@
#tile-cow { background-image: url('images/cow.jpg'); }
#tile-luft { background-image: url('images/luftbild1.jpg'); }
#tile-entrance { background-image: url('images/entrance.jpg'); }
#tile-cows { background-image: url('images/cowS.jpg'); }
#tile-agapei { background-image: url('images/agapei-1.jpg'); }
#tile-entrances{ background-image: url('images/entranceS.jpg'); }
.logo-tile {
display: flex;
align-items: center;
justify-content: center;
background: none;
}
.logo-tile img {
width: 90%;
height: 90%;
object-fit: contain;
}
[data-lang] { display: none; }
@@ -134,16 +144,10 @@
.footer .lang-select a:hover, .footer .lang-select a.active {
color: #c8a86e;
}
.footer .copyright {
color: #666;
}
.footer .copyright { color: #666; }
@media (max-width: 600px) {
.grid {
width: 90vmin;
height: 90vmin;
gap: 4px;
}
.grid { width: 92vmin; height: 92vmin; gap: 4px; }
.tile-inner { padding: 8px; }
.footer { flex-direction: column; gap: 4px; }
}
@@ -151,20 +155,23 @@
</head>
<body>
<div class="grid">
<!-- Cow hero -->
<!-- Logo -->
<div class="tile logo-tile"><img src="images/logo.png" alt="AGAPE S.R.L"></div>
<!-- Cow -->
<div id="tile-cow" class="tile img-tile"><div class="tile-inner"></div></div>
<!-- Aerial view -->
<div id="tile-luft" class="tile img-tile"><div class="tile-inner"></div></div>
<!-- Welcome text -->
<!-- Welcome -->
<div class="tile text-tile">
<div class="tile-inner" data-lang="es"><h2>Bienvenidos</h2><p>Ganadería de precisión con más de 20 años en genética bovina.</p><p class="sub">Paraguay · Sudamérica</p></div>
<div class="tile-inner" data-lang="en"><h2>Welcome</h2><p>Precision cattle farming with over 20 years in bovine genetics.</p><p class="sub">Paraguay · South America</p></div>
<div class="tile-inner" data-lang="de"><h2>Willkommen</h2><p>Präzisionsrinderhaltung mit über 20 Jahren in der Rindergenetik.</p><p class="sub">Paraguay · Südamerika</p></div>
</div>
<!-- Genetics text -->
<!-- Luftbild -->
<div id="tile-luft" class="tile img-tile"><div class="tile-inner"></div></div>
<!-- Brangus -->
<div class="tile text-tile">
<div class="tile-inner" data-lang="es"><h2>Brangus</h2><p>Sangre galardonada con trazabilidad completa y certificación genética.</p><p class="sub">Campeones nacionales · ADN certificado</p></div>
<div class="tile-inner" data-lang="en"><h2>Brangus</h2><p>Award-winning bloodline with full traceability and genetic certification.</p><p class="sub">National champions · Certified DNA</p></div>
@@ -174,19 +181,13 @@
<!-- Entrance -->
<div id="tile-entrance" class="tile img-tile"><div class="tile-inner"></div></div>
<!-- Food production -->
<!-- Nutrition -->
<div class="tile text-tile">
<div class="tile-inner" data-lang="es"><h2>Nutrición</h2><p>Alimentos balanceados, pasturas mejoradas y suplementación estratégica.</p><p class="sub">Alimento propio · Sin hormonas</p></div>
<div class="tile-inner" data-lang="en"><h2>Nutrition</h2><p>Balanced feed, improved pastures and strategic supplementation.</p><p class="sub">Homegrown feed · Hormone-free</p></div>
<div class="tile-inner" data-lang="de"><h2>Ernährung</h2><p>Ausgewogenes Futter, verbesserte Weiden und strategische Ergänzung.</p><p class="sub">Eigenes Futter · Hormonfrei</p></div>
</div>
<!-- Cow secondary -->
<div id="tile-cows" class="tile img-tile"><div class="tile-inner"></div></div>
<!-- Entrance secondary -->
<div id="tile-entrances" class="tile img-tile"><div class="tile-inner"></div></div>
<!-- Agapei -->
<div id="tile-agapei" class="tile img-tile"><div class="tile-inner"></div></div>
@@ -232,24 +233,17 @@
</div>
<script>
function setLang(lang) {
localStorage.setItem('agape-lang', lang);
applyLang(lang);
}
function applyLang(lang) {
document.querySelectorAll('[data-lang]').forEach(el => {
el.style.display = el.getAttribute('data-lang') === lang ? 'flex' : 'none';
});
function setLang(l) { localStorage.setItem('agape-lang', l); applyLang(l); }
function applyLang(l) {
document.querySelectorAll('[data-lang]').forEach(e => e.style.display = e.getAttribute('data-lang') === l ? 'flex' : 'none');
document.querySelectorAll('.lang-select a').forEach(a => a.classList.remove('active'));
var link = document.getElementById('lang-' + lang);
if (link) link.classList.add('active');
document.documentElement.lang = lang;
var el = document.getElementById('lang-'+l); if (el) el.classList.add('active');
document.documentElement.lang = l;
}
(function() {
var saved = localStorage.getItem('agape-lang');
var detected = (navigator.language || navigator.userLanguage || 'es').substring(0, 2);
detected = ['es','en','de'].includes(detected) ? detected : 'es';
applyLang(saved || detected);
var s = localStorage.getItem('agape-lang');
var d = (navigator.language||'es').substring(0,2);
applyLang(s || (['es','en','de'].includes(d)?d:'es'));
})();
</script>
</body>