/* ===== index.html ===== */
GOLDECOLLECTION
GOLDECOLLECTION
/* ===== style.css ===== */
* { box-sizing: border-box; }
body {
margin: 0;
padding: 30px 15px;
background: #F3EBDD;
font-family: Georgia, serif;
}
.title {
text-align: center;
color: #B18A35;
font-size: 40px;
font-weight: 900;
letter-spacing: 3px;
}
.cubes {
display: grid;
grid-template-columns: repeat(3, var(--size));
gap: var(--gap);
justify-content: center;
}
.cube {
width: var(--size);
height: var(--size);
border-radius: var(--radius);
background: linear-gradient(
135deg,
#FFF1B8,
#E6C35C,
#AA831F
);
box-shadow: 0 5px 15px rgba(120,90,30,.15);
display: flex;
align-items: center;
justify-content: center;
padding: 8px;
cursor: pointer;
}
.cube-text {
text-align: center;
font-family: Georgia, serif;
font-size: 20px;
font-weight: bold;
color: #684A12;
overflow-wrap: anywhere;
}
@media(max-width:450px) {
.cubes {
grid-template-columns: repeat(3,minmax(0,1fr));
}
.cube {
width: 100%;
height: auto;
aspect-ratio: 1;
}
.title {
font-size: 28px;
}
}
/* ===== app.js ===== */
document.querySelectorAll('.cube').forEach(cube => {
cube.addEventListener('click', () => {
const internal = cube.dataset.internal;
const external = cube.dataset.link;
if (internal) {
window.location.href = internal;
} else if (external) {
window.open(external, '_blank', 'noopener');
}
});
});
/* ===== pages-data.json ===== */
{
"pages/כהנ.html": {
"title": "כהנ",
"content": ""
}
}