From 9fd4180b1fc0eb5c06a746c189d948328fc47601 Mon Sep 17 00:00:00 2001 From: glendc <glen.decauwsemaecker@otainsight.com> Date: Thu, 8 Feb 2024 12:54:36 +0100 Subject: [PATCH] improve layout and scroll to el --- site/1/mathbox.html | 18 +++++++++++++++--- site/index.html | 9 ++++++--- 2 files changed, 21 insertions(+), 6 deletions(-) diff --git a/site/1/mathbox.html b/site/1/mathbox.html index 1bc7204..2a9bc0f 100644 --- a/site/1/mathbox.html +++ b/site/1/mathbox.html @@ -5,14 +5,17 @@ <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> - <title>rekendoos</title> + <title>rekendoos oefening</title> - <meta property="og:title" content="huiswerk rekendoos" /> + <link rel="icon" + href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%2210 0 100 100%22><text y=%22.90em%22 font-size=%2290%22>🏫</text></svg>"> + + <meta property="og:title" content="rekendoos" /> <meta property="og:locale" content="nl_BE" /> <meta property="og:type" content="website"> <meta property="og:description" content="gratis huiswerk middel voor rekenen te oefenen in het 1ste leerjaar van de basisschool" /> - <meta property="og:site_name" content="huiswerk" /> + <meta property="og:site_name" content="rekendoos" /> <link rel="stylesheet" href="/css/reset.css"> @@ -34,6 +37,11 @@ padding: 5px; } + + #form-setup>* { + margin-block-end: 10px; + } + #form-exercise { display: flex; flex-direction: column; @@ -259,6 +267,10 @@ <h3 id="form-title"></h3> answerEl.style.backgroundColor = "#fffde6"; answerEl.focus(); answerEl.click(); + + document.getElementById("exercise").scrollTo({ + behavior: "smooth", + }) } function validateAnswer() { diff --git a/site/index.html b/site/index.html index 61589d8..1df1c49 100644 --- a/site/index.html +++ b/site/index.html @@ -5,13 +5,16 @@ <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> - <title>huiswerk</title> + <title>basisschool oefeningen</title> - <meta property="og:title" content="huiswerk" /> + <link rel="icon" + href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%2210 0 100 100%22><text y=%22.90em%22 font-size=%2290%22>🏫</text></svg>"> + + <meta property="og:title" content="bassisschool" /> <meta property="og:locale" content="nl_BE" /> <meta property="og:type" content="website"> <meta property="og:description" content="gratis huiswerk middel voor de basisschool" /> - <meta property="og:site_name" content="huiswerk" /> + <meta property="og:site_name" content="bassisschool" /> <link rel="stylesheet" href="/css/reset.css">