diff --git a/frontend/static/frontend/css/base.css b/frontend/static/frontend/css/base.css index ce983bf..9375e79 100644 --- a/frontend/static/frontend/css/base.css +++ b/frontend/static/frontend/css/base.css @@ -1,37 +1,4 @@ -html { - font-family: - "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, - "Liberation Mono", "Courier New", monospace; -} - -body { - background: radial-gradient( - circle at top, - #f2f1ea 0%, - #e6e1d7 42%, - #d8d2c5 100% - ); - color: #2b2620; - margin: 0; - min-height: 100vh; -} - -.home { - max-width: 960px; - margin: 0 auto; - padding: 96px 24px 80px; -} - -.home h1 { - font-size: clamp(2.4rem, 4vw, 3.6rem); - margin: 0 0 16px; - letter-spacing: -0.03em; -} - -.home p { - font-size: 1.05rem; - line-height: 1.7; - margin: 0; - max-width: 560px; - color: #4a4136; +#map { + width: 100%; + height: 100vh; } diff --git a/frontend/static/frontend/css/reset.css b/frontend/static/frontend/css/reset.css new file mode 100644 index 0000000..c2117c6 --- /dev/null +++ b/frontend/static/frontend/css/reset.css @@ -0,0 +1,75 @@ +/* 1. Use a more-intuitive box-sizing model */ +*, +*::before, +*::after { + box-sizing: border-box; +} + +/* 2. Remove default margin */ +*:not(dialog) { + margin: 0; +} + +/* 3. Enable keyword animations */ +@media (prefers-reduced-motion: no-preference) { + html { + interpolate-size: allow-keywords; + } +} + +body { + /* 4. Add accessible line-height */ + line-height: 1.5; + /* 5. Improve text rendering */ + -webkit-font-smoothing: antialiased; +} + +/* 6. Improve media defaults */ +img, +picture, +video, +canvas, +svg { + display: block; + max-width: 100%; +} + +/* 7. Inherit fonts for form controls */ +input, +button, +textarea, +select { + font: inherit; +} + +/* 8. Avoid text overflows */ +p, +h1, +h2, +h3, +h4, +h5, +h6 { + overflow-wrap: break-word; +} + +/* 9. Improve line wrapping */ +p { + text-wrap: pretty; +} +h1, +h2, +h3, +h4, +h5, +h6 { + text-wrap: balance; +} + +/* + 10. Create a root stacking context +*/ +#root, +#__next { + isolation: isolate; +} diff --git a/frontend/templates/frontend/base.html b/frontend/templates/frontend/base.html index 3e3b45f..84e8d5c 100644 --- a/frontend/templates/frontend/base.html +++ b/frontend/templates/frontend/base.html @@ -9,14 +9,26 @@ - {% block extra_css %}{% endblock %} - + referrerpolicy="no-referrer" + /> + {% block extra_css %}{% endblock %} + + {% block js_top %}{% endblock %} {% block content %} {% endblock %} + + {% block js_bottom %}{% endblock %} diff --git a/frontend/templates/frontend/home.html b/frontend/templates/frontend/home.html index b6cd063..22f7b6c 100644 --- a/frontend/templates/frontend/home.html +++ b/frontend/templates/frontend/home.html @@ -3,8 +3,16 @@ {% block title %}Home{% endblock %} {% block content%} -
-

Ciao

-

Static CSS is wired up through WhiteNoise. Tweak this file to verify changes.

-
+
+{% endblock %} + +{% block js_bottom %} + {% endblock %}