{"id":12835,"date":"2026-04-05T14:06:54","date_gmt":"2026-04-05T11:06:54","guid":{"rendered":"https:\/\/research-says.com\/?page_id=12835"},"modified":"2026-09-16T19:14:39","modified_gmt":"2026-09-16T16:14:39","slug":"grade-5-sailing","status":"publish","type":"page","link":"https:\/\/research-says.com\/tr\/grade-5-sailing\/","title":{"rendered":"Grade 5: Sailing!"},"content":{"rendered":"\n<div class=\"sail-game\">\n\n  <h2>\u26f5 Sailing Vocabulary Challenge<\/h2>\n\n  <div class=\"sail-score\">\n    Score: <span id=\"sail-score\">0<\/span>\n  <\/div>\n\n  <!-- DEFINITION -->\n  <div class=\"sail-definition-card\">\n    <div id=\"sail-definition\" class=\"sail-definition\">\n      Loading&#8230;\n    <\/div>\n  <\/div>\n\n  <!-- IMAGE + ANSWERS -->\n  <div class=\"sail-content-row\">\n\n    <!-- IMAGE -->\n    <div class=\"sail-image-wrap\">\n      <img decoding=\"async\" \n        src=\"https:\/\/research-says.com\/wp-content\/uploads\/2026\/04\/Sailboat.png\"\n        alt=\"Sailboat diagram\"\n        class=\"sail-image\"\n      >\n    <\/div>\n\n    <!-- ANSWERS -->\n    <div class=\"sail-options\" id=\"sail-options\"><\/div>\n\n  <\/div>\n\n  <!-- FEEDBACK -->\n  <div id=\"sail-feedback\" class=\"sail-feedback\"><\/div>\n\n  <!-- BUTTON -->\n  <button onclick=\"startSailingGame()\" class=\"sail-refresh\">\n    \ud83d\udd04 Restart Game\n  <\/button>\n\n<\/div>\n\n<style>\n.sail-game{\n  max-width:1200px;\n  margin:30px auto;\n  padding:24px;\n  background:#ffffff;\n  border-radius:24px;\n  border:1px solid #e7dff0;\n  font-family:Arial, Helvetica, sans-serif;\n}\n\n.sail-score{\n  font-weight:bold;\n  margin-bottom:18px;\n  font-size:20px;\n}\n\n.sail-definition-card{\n  background:#eef7ff;\n  border-radius:18px;\n  padding:24px;\n  margin-bottom:20px;\n}\n\n.sail-definition{\n  font-size:22px;\n  font-weight:bold;\n  line-height:1.5;\n}\n\n\/* ROW *\/\n\n.sail-content-row{\n  display:grid;\n  grid-template-columns:420px 1fr;\n  gap:24px;\n  align-items:start;\n}\n\n\/* IMAGE *\/\n\n.sail-image-wrap{\n  text-align:center;\n}\n\n.sail-image{\n  width:100%;\n  max-width:420px;\n  height:auto;\n  border-radius:18px;\n  border:2px solid #e7dff0;\n}\n\n\/* ANSWERS *\/\n\n.sail-options{\n  display:grid;\n  grid-template-columns:1fr;\n  gap:14px;\n}\n\n.sail-option{\n  padding:22px;\n  border:none;\n  border-radius:16px;\n  cursor:pointer;\n  font-size:20px;\n  font-weight:bold;\n  transition:0.2s;\n  background:#f3efff;\n}\n\n.sail-option:hover{\n  transform:translateY(-2px);\n}\n\n.correct{\n  background:#dff7ea !important;\n}\n\n.wrong{\n  background:#ffe2e2 !important;\n}\n\n\/* FEEDBACK *\/\n\n.sail-feedback{\n  margin-top:18px;\n  font-size:18px;\n  font-weight:bold;\n  min-height:30px;\n}\n\n\/* BUTTON *\/\n\n.sail-refresh{\n  margin-top:22px;\n  padding:14px 20px;\n  border:none;\n  border-radius:999px;\n  background:#eadfff;\n  font-weight:bold;\n  cursor:pointer;\n}\n\n.sail-refresh:hover{\n  background:#dccbff;\n}\n\n\/* MOBILE *\/\n\n@media (max-width:900px){\n\n  .sail-content-row{\n    grid-template-columns:1fr;\n  }\n\n  .sail-image{\n    max-width:320px;\n  }\n\n}\n\n@media (max-width:760px){\n\n  .sail-definition{\n    font-size:20px;\n  }\n\n  .sail-option{\n    font-size:18px;\n    padding:18px;\n  }\n\n}\n<\/style>\n\n<script>\nconst sailingWords = [\n{\nword:\"sail\",\ndefinition:\"The part of the boat that catches the wind.\"\n},\n{\nword:\"mast\",\ndefinition:\"The tall pole that holds the sail up.\"\n},\n{\nword:\"boom\",\ndefinition:\"The horizontal pole attached to the sail.\"\n},\n{\nword:\"tiller\",\ndefinition:\"The handle you move to control the boat\u2019s direction.\"\n},\n{\nword:\"rudder\",\ndefinition:\"The flat part under or behind the boat that helps it turn.\"\n},\n{\nword:\"rope\",\ndefinition:\"A strong line you pull or hold while sailing.\"\n},\n{\nword:\"deck\",\ndefinition:\"The flat surface where you stand on the boat.\"\n},\n{\nword:\"hull\",\ndefinition:\"The main body of the boat.\"\n},\n{\nword:\"life jacket\",\ndefinition:\"A safety jacket that helps you float.\"\n},\n{\nword:\"harbor\",\ndefinition:\"A safe place near the shore where boats start or stop.\"\n}\n];\n\nlet currentQuestion = 0;\nlet score = 0;\nlet gameOrder = [];\n\nfunction shuffle(arr){\n  return [...arr].sort(()=>Math.random()-0.5);\n}\n\nfunction startSailingGame(){\n\n  score = 0;\n  currentQuestion = 0;\n\n  gameOrder = shuffle(sailingWords);\n\n  document.getElementById(\"sail-score\").textContent = score;\n\n  loadQuestion();\n}\n\nfunction loadQuestion(){\n\n  if(currentQuestion >= gameOrder.length){\n\n    document.getElementById(\"sail-definition\").innerHTML =\n      \"\ud83c\udf89 Game finished!\";\n\n    document.getElementById(\"sail-options\").innerHTML = \"\";\n\n    document.getElementById(\"sail-feedback\").innerHTML =\n      \"Final score: \" + score + \" \/ \" + gameOrder.length;\n\n    return;\n  }\n\n  const q = gameOrder[currentQuestion];\n\n  document.getElementById(\"sail-definition\").textContent =\n    q.definition;\n\n  const wrong = shuffle(\n    sailingWords.filter(w=>w.word !== q.word)\n  ).slice(0,2);\n\n  const options = shuffle([\n    q.word,\n    wrong[0].word,\n    wrong[1].word\n  ]);\n\n  const optionsBox = document.getElementById(\"sail-options\");\n\n  optionsBox.innerHTML = \"\";\n\n  options.forEach(option=>{\n\n    const btn = document.createElement(\"button\");\n\n    btn.className = \"sail-option\";\n\n    btn.textContent = option;\n\n    btn.onclick = ()=>{\n      checkAnswer(btn, option, q.word);\n    };\n\n    optionsBox.appendChild(btn);\n\n  });\n\n  document.getElementById(\"sail-feedback\").textContent = \"\";\n}\n\nfunction checkAnswer(button, chosen, correct){\n\n  const allBtns = document.querySelectorAll(\".sail-option\");\n\n  allBtns.forEach(btn=>btn.disabled=true);\n\n  if(chosen === correct){\n\n    button.classList.add(\"correct\");\n\n    score++;\n\n    document.getElementById(\"sail-score\").textContent = score;\n\n    document.getElementById(\"sail-feedback\").textContent =\n      \"\u2705 Correct!\";\n\n  } else {\n\n    button.classList.add(\"wrong\");\n\n    allBtns.forEach(btn=>{\n\n      if(btn.textContent === correct){\n        btn.classList.add(\"correct\");\n      }\n\n    });\n\n    document.getElementById(\"sail-feedback\").textContent =\n      \"\u274c Correct answer: \" + correct;\n  }\n\n  setTimeout(()=>{\n\n    currentQuestion++;\n\n    loadQuestion();\n\n  },1400);\n}\n\nstartSailingGame();\n<\/script>\n\n\n\n<div class=\"sail-collocation-game\">\n\n  <h2>\u26f5 Optimist Sailing Collocations Game<\/h2>\n\n  <p class=\"sail-intro\">\n    Match the sailing actions and words to learn useful expressions for describing how to sail an Optimist.\n  <\/p>\n\n  <div class=\"sail-score-box\">\n    Score: <span id=\"collocation-score\">0<\/span> \/ 7\n  <\/div>\n\n  <div class=\"sail-layout\">\n\n    <!-- LEFT SIDE -->\n\n    <div class=\"sail-left\">\n\n      <div class=\"sail-column\">\n        <h3>\u2693 Actions<\/h3>\n\n        <button class=\"verb-card\" data-action=\"hold-tiller\">hold<\/button>\n        <button class=\"verb-card\" data-action=\"hold-mainsheet\">hold<\/button>\n        <button class=\"verb-card\" data-action=\"steer\">steer<\/button>\n        <button class=\"verb-card\" data-action=\"turn\">turn<\/button>\n        <button class=\"verb-card\" data-action=\"pull-in\">pull<\/button>\n        <button class=\"verb-card\" data-action=\"let-out\">let<\/button>\n        <button class=\"verb-card\" data-action=\"hike-out\">hike<\/button>\n\n      <\/div>\n\n      <div class=\"sail-column\">\n        <h3>\ud83c\udf0a Sailing Words<\/h3>\n\n        <button class=\"noun-card\" data-noun=\"tiller\">the tiller<\/button>\n        <button class=\"noun-card\" data-noun=\"mainsheet\">the mainsheet<\/button>\n        <button class=\"noun-card\" data-noun=\"boat\">the boat<\/button>\n        <button class=\"noun-card\" data-noun=\"sail-in\">the sail + in<\/button>\n        <button class=\"noun-card\" data-noun=\"sail-out\">the sail + out<\/button>\n        <button class=\"noun-card\" data-noun=\"balance\">to balance the boat<\/button>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- RIGHT SIDE -->\n\n    <div class=\"sail-right\">\n\n    <div class=\"sail-image-wrap\">\n  <img decoding=\"async\" src=\"https:\/\/research-says.com\/wp-content\/uploads\/2026\/09\/Optimist-Image.png\"\n       alt=\"Optimist sailing boat\"\n       class=\"sail-image\">\n      <\/div>\n\n      <div class=\"sail-feedback\" id=\"sail-feedback\">\n        Click an action and then choose its correct match.\n      <\/div>\n\n      <div class=\"sail-completed\">\n        <h3>\u2705 Completed Collocations<\/h3>\n        <div id=\"completed-list\"><\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n<style>\n\n\/* =========================\n   MAIN GAME CONTAINER\n   ========================= *\/\n\n.sail-collocation-game{\n  max-width:1350px;\n  margin:30px auto;\n  padding:28px;\n  background:#ffffff;\n  border:1px solid #e7dff0;\n  border-radius:24px;\n  font-family:Arial, Helvetica, sans-serif;\n  color:#3b3550;\n  box-sizing:border-box;\n}\n\n.sail-collocation-game h2{\n  margin-top:0;\n  margin-bottom:12px;\n}\n\n.sail-intro{\n  line-height:1.6;\n  margin-bottom:20px;\n  max-width:900px;\n}\n\n.sail-score-box{\n  background:#f3efff;\n  padding:14px 18px;\n  border-radius:16px;\n  font-weight:bold;\n  display:inline-block;\n  margin-bottom:26px;\n}\n\n\n\/* =========================\n   MAIN TWO-SIDED LAYOUT\n   ========================= *\/\n\n.sail-layout{\n  display:grid;\n\n  \/*\n    The right side is deliberately larger\n    so the Optimist image has more presence,\n    while the exercise still occupies slightly\n    more than half of the page.\n  *\/\n\n  grid-template-columns:minmax(0, 1.2fr) minmax(430px, 1fr);\n  gap:32px;\n  align-items:start;\n}\n\n\n\/* =========================\n   LEFT SIDE\n   ========================= *\/\n\n.sail-left{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:20px;\n  min-width:0;\n}\n\n.sail-column{\n  background:#fcfbff;\n  border:1px solid #ece4f5;\n  border-radius:20px;\n  padding:18px;\n  box-sizing:border-box;\n}\n\n.sail-column h3{\n  margin-top:0;\n  margin-bottom:18px;\n}\n\n\n\/* =========================\n   BUTTONS\n   ========================= *\/\n\n.verb-card,\n.noun-card{\n  width:100%;\n  border:none;\n  padding:16px;\n  margin-bottom:12px;\n  border-radius:16px;\n  font-size:18px;\n  font-weight:bold;\n  cursor:pointer;\n  transition:\n    transform 0.2s ease,\n    box-shadow 0.2s ease;\n  box-sizing:border-box;\n}\n\n.verb-card:last-child,\n.noun-card:last-child{\n  margin-bottom:0;\n}\n\n\n\/* Pastel colors *\/\n\n.verb-card{\n  background:#eef7ff;\n  color:#355070;\n}\n\n.noun-card{\n  background:#fdf1f7;\n  color:#7a4660;\n}\n\n.verb-card:hover,\n.noun-card:hover{\n  transform:translateY(-2px);\n  box-shadow:0 5px 12px rgba(59, 53, 80, 0.08);\n}\n\n.verb-card:disabled,\n.noun-card:disabled{\n  cursor:default;\n  opacity:0.75;\n}\n\n.verb-card:disabled:hover,\n.noun-card:disabled:hover{\n  transform:none;\n  box-shadow:none;\n}\n\n.selected{\n  outline:4px solid #c4b5fd;\n}\n\n.correct{\n  background:#dff7ea !important;\n  color:#256c46 !important;\n}\n\n.wrong{\n  background:#ffe2e2 !important;\n}\n\n\n\/* =========================\n   RIGHT SIDE\n   ========================= *\/\n\n.sail-right{\n  min-width:0;\n}\n\n\n\/* Larger image area *\/\n\n.sail-image-wrap{\n  width:100%;\n  margin-bottom:20px;\n  border-radius:20px;\n  overflow:hidden;\n  background:#fcfbff;\n}\n\n.sail-image{\n  display:block;\n  width:100%;\n  height:auto;\n  max-height:500px;\n  object-fit:contain;\n  border-radius:20px;\n  border:2px solid #e7dff0;\n  box-sizing:border-box;\n}\n\n\n\/* =========================\n   FEEDBACK\n   ========================= *\/\n\n.sail-feedback{\n  background:#fff7fb;\n  border:1px solid #f3d9ea;\n  border-radius:16px;\n  padding:16px 18px;\n  min-height:70px;\n  font-weight:bold;\n  line-height:1.5;\n  margin-bottom:20px;\n  box-sizing:border-box;\n}\n\n\n\/* =========================\n   COMPLETED COLLOCATIONS\n   ========================= *\/\n\n.sail-completed{\n  background:#fcfbff;\n  border:1px solid #ece4f5;\n  border-radius:18px;\n  padding:18px;\n  box-sizing:border-box;\n}\n\n.sail-completed h3{\n  margin-top:0;\n  margin-bottom:14px;\n}\n\n#completed-list{\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n}\n\n.completed-item{\n  background:#eefcf5;\n  border:1px solid #cdebd8;\n  padding:10px 14px;\n  border-radius:999px;\n  font-weight:bold;\n}\n\n\n\/* =========================\n   TABLET\n   ========================= *\/\n\n@media (max-width:1100px){\n\n  .sail-collocation-game{\n    padding:22px;\n  }\n\n  .sail-layout{\n    grid-template-columns:minmax(0, 1fr) minmax(360px, 0.9fr);\n    gap:24px;\n  }\n\n  .verb-card,\n  .noun-card{\n    font-size:16px;\n    padding:14px 12px;\n  }\n\n}\n\n\n\/* =========================\n   MOBILE \/ SMALL TABLET\n   ========================= *\/\n\n@media (max-width:850px){\n\n  .sail-layout{\n    grid-template-columns:1fr;\n  }\n\n  \/*\n    On smaller screens, the image comes first\n    so it works as a visual introduction.\n  *\/\n\n  .sail-right{\n    display:flex;\n    flex-direction:column;\n  }\n\n  .sail-image{\n    max-height:none;\n  }\n\n}\n\n\n\/* =========================\n   SMALL MOBILE\n   ========================= *\/\n\n@media (max-width:600px){\n\n  .sail-collocation-game{\n    margin:15px auto;\n    padding:16px;\n    border-radius:18px;\n  }\n\n  .sail-left{\n    grid-template-columns:1fr 1fr;\n    gap:12px;\n  }\n\n  .sail-column{\n    padding:12px;\n    border-radius:16px;\n  }\n\n  .sail-column h3{\n    font-size:16px;\n  }\n\n  .verb-card,\n  .noun-card{\n    padding:13px 8px;\n    font-size:15px;\n    border-radius:13px;\n  }\n\n}\n\n\n\/* Very narrow phones *\/\n\n@media (max-width:430px){\n\n  .sail-left{\n    grid-template-columns:1fr;\n  }\n\n}\n\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n  const correctPairs = {\n\n    \"hold-tiller\": {\n      noun: \"tiller\",\n      phrase: \"hold the tiller\"\n    },\n\n    \"hold-mainsheet\": {\n      noun: \"mainsheet\",\n      phrase: \"hold the mainsheet\"\n    },\n\n    \"steer\": {\n      noun: \"boat\",\n      phrase: \"steer the boat\"\n    },\n\n    \"turn\": {\n      noun: \"boat\",\n      phrase: \"turn the boat\"\n    },\n\n    \"pull-in\": {\n      noun: \"sail-in\",\n      phrase: \"pull the sail in\"\n    },\n\n    \"let-out\": {\n      noun: \"sail-out\",\n      phrase: \"let the sail out\"\n    },\n\n    \"hike-out\": {\n      noun: \"balance\",\n      phrase: \"hike out to balance the boat\"\n    }\n\n  };\n\n\n  let selectedAction = null;\n  let selectedVerbButton = null;\n  let score = 0;\n\n\n  const feedback =\n    document.getElementById(\"sail-feedback\");\n\n  const scoreBox =\n    document.getElementById(\"collocation-score\");\n\n  const completedList =\n    document.getElementById(\"completed-list\");\n\n  const verbButtons =\n    document.querySelectorAll(\".verb-card\");\n\n  const nounButtons =\n    document.querySelectorAll(\".noun-card\");\n\n\n  \/* =========================\n     ACTION CLICK\n     ========================= *\/\n\n  verbButtons.forEach(btn => {\n\n    btn.addEventListener(\"click\", function(){\n\n      if(btn.disabled) return;\n\n\n      verbButtons.forEach(v => {\n        v.classList.remove(\"selected\");\n      });\n\n\n      btn.classList.add(\"selected\");\n\n      selectedAction =\n        btn.dataset.action;\n\n      selectedVerbButton =\n        btn;\n\n\n      feedback.innerHTML =\n        \"\u2693 Selected action: <strong>\" +\n        btn.textContent.trim() +\n        \"<\/strong><br>Now choose the correct match.\";\n\n    });\n\n  });\n\n\n  \/* =========================\n     NOUN \/ COMPLEMENT CLICK\n     ========================= *\/\n\n  nounButtons.forEach(btn => {\n\n    btn.addEventListener(\"click\", function(){\n\n      if(btn.disabled) return;\n\n\n      if(!selectedAction){\n\n        feedback.innerHTML =\n          \"\u26a0\ufe0f First choose an action.\";\n\n        return;\n\n      }\n\n\n      const noun =\n        btn.dataset.noun;\n\n      const correctMatch =\n        correctPairs[selectedAction];\n\n\n      \/* =====================\n         CORRECT\n         ===================== *\/\n\n      if(correctMatch.noun === noun){\n\n        feedback.innerHTML =\n          \"\u2705 Correct!<br><strong>\" +\n          correctMatch.phrase +\n          \"<\/strong>\";\n\n\n        score++;\n\n        scoreBox.textContent =\n          score;\n\n\n        btn.classList.add(\"correct\");\n\n        selectedVerbButton.classList.add(\"correct\");\n\n        selectedVerbButton.disabled =\n          true;\n\n\n        \/*\n          \"the boat\" is needed twice:\n\n          steer the boat\n          turn the boat\n\n          All other matches are used once.\n        *\/\n\n        if(noun !== \"boat\"){\n\n          btn.disabled =\n            true;\n\n        }\n\n\n        \/*\n          Disable \"the boat\" only after both\n          steer and turn have been completed.\n        *\/\n\n        if(noun === \"boat\"){\n\n          const steerButton =\n            document.querySelector(\n              '[data-action=\"steer\"]'\n            );\n\n          const turnButton =\n            document.querySelector(\n              '[data-action=\"turn\"]'\n            );\n\n\n          if(\n            steerButton.disabled &&\n            turnButton.disabled\n          ){\n\n            btn.disabled =\n              true;\n\n          }\n\n        }\n\n\n        \/* Add completed phrase *\/\n\n        const completed =\n          document.createElement(\"div\");\n\n        completed.className =\n          \"completed-item\";\n\n        completed.textContent =\n          correctMatch.phrase;\n\n        completedList.appendChild(\n          completed\n        );\n\n\n        \/* Game completed *\/\n\n        if(score === 7){\n\n          feedback.innerHTML =\n            \"\ud83c\udf89 <strong>Excellent!<\/strong><br>\" +\n            \"You completed all 7 Optimist sailing expressions.\";\n\n        }\n\n      }\n\n\n      \/* =====================\n         WRONG\n         ===================== *\/\n\n      else {\n\n        feedback.innerHTML =\n          \"\u274c Incorrect.<br>\" +\n          \"Try another sailing word.\";\n\n\n        btn.classList.add(\"wrong\");\n\n\n        setTimeout(() => {\n\n          btn.classList.remove(\"wrong\");\n\n        }, 800);\n\n      }\n\n\n      \/* =====================\n         RESET CURRENT SELECTION\n         ===================== *\/\n\n      verbButtons.forEach(v => {\n\n        v.classList.remove(\"selected\");\n\n      });\n\n\n      selectedAction =\n        null;\n\n      selectedVerbButton =\n        null;\n\n    });\n\n  });\n\n});\n<\/script>\n\n\n\n<div class=\"sailing-sort\">\n  <div class=\"container\">\n    <div class=\"panel\">\n      <div class=\"top-bar\">\n        <div>\n          <h1>Sailing Day: Put the Sentences in Order<\/h1>\n\n          <div class=\"intro\">\n            Drag the 7 sentences into the best order. The story uses sailing words from the earlier activity, such as <strong>hold the tiller<\/strong>, <strong>steer the boat<\/strong>, <strong>pull the sail in<\/strong>, <strong>let the sail out<\/strong>, <strong>hike out<\/strong>, and <strong>turn the boat<\/strong>.\n          <\/div>\n        <\/div>\n\n        <div class=\"score-box\">\n          Correct places: <span id=\"sailingScore\">0<\/span> \/ 7\n        <\/div>\n      <\/div>\n\n      <div class=\"layout\">\n        <div>\n          <div class=\"sentence-list\" id=\"sailingSentenceList\"><\/div>\n\n          <div class=\"controls\">\n            <button class=\"check-btn\" id=\"sailingCheckBtn\" type=\"button\">\n              Check Order\n            <\/button>\n\n            <button class=\"reset-btn\" id=\"sailingResetBtn\" type=\"button\">\n              Shuffle Again\n            <\/button>\n          <\/div>\n\n          <div class=\"feedback\" id=\"sailingFeedback\">\n            Move the cards to build a short paragraph about a day of sailing in an Optimist.\n          <\/div>\n\n          <div class=\"model-box\">\n            <strong>Useful linking words:<\/strong>\n            first, next, after that, then, later, in the end, finally\n          <\/div>\n        <\/div>\n\n        <div class=\"side-box\">\n          <h2>Sailing Scene<\/h2>\n\n          <img decoding=\"async\"\n            src=\"https:\/\/research-says.com\/wp-content\/uploads\/2026\/04\/sailboat-storm.png\"\n            alt=\"Small sailing boat in waves and rain\"\n            class=\"sailing-image\"\n          >\n\n          <p class=\"image-caption\">\n            Look at the boat. Think: when do you pull the sail in? When do you let it out? When do you hike out to balance the boat?\n          <\/p>\n\n          <h2>How to think<\/h2>\n\n          <ul>\n            <li>What do you do before you start steering?<\/li>\n            <li>How do you control the sail while you are moving?<\/li>\n            <li>What do you do if the boat starts to heel?<\/li>\n            <li>What happens near the end of the lesson?<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n.sailing-sort,\n.sailing-sort * {\n  box-sizing: border-box;\n}\n\n.sailing-sort {\n  width: 100%;\n  max-width: 1200px;\n  margin: 30px auto;\n  padding: 24px;\n  background: #ffffff;\n  border: 1px solid #e7dff0;\n  border-radius: 24px;\n  font-family: Arial, Helvetica, sans-serif;\n  color: #3b3550;\n}\n\n.sailing-sort .container {\n  width: 100%;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n.sailing-sort .panel {\n  width: 100%;\n  margin: 30px auto;\n  padding: 24px;\n  background: #ffffff;\n  border: 1px solid #e7dff0;\n  border-radius: 24px;\n  box-shadow: 0 6px 18px rgba(190, 170, 220, 0.08);\n  color: #3b3550;\n}\n\n.sailing-sort h1 {\n  margin: 0;\n  font-size: 30px;\n  font-weight: 900;\n  color: #3b3550;\n}\n\n.sailing-sort h2 {\n  margin: 0 0 14px;\n  font-size: 22px;\n  font-weight: 900;\n  color: #3b3550;\n}\n\n.sailing-sort .intro {\n  font-size: 16px;\n  line-height: 1.6;\n  color: #5b5670;\n  margin-top: 10px;\n}\n\n.sailing-sort .top-bar {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: 20px;\n  flex-wrap: wrap;\n  margin-bottom: 24px;\n}\n\n.sailing-sort .score-box {\n  background: #f3efff;\n  border: 1px solid #e7dff0;\n  border-radius: 14px;\n  padding: 12px 16px;\n  font-weight: 800;\n  color: #3b3550;\n}\n\n.sailing-sort .layout {\n  display: grid;\n  grid-template-columns: 1fr 380px;\n  gap: 24px;\n  align-items: start;\n}\n\n.sailing-sort .sentence-list {\n  min-height: 500px;\n  border: 2px dashed #ddd6fe;\n  border-radius: 20px;\n  padding: 14px;\n  background: #fcfbff;\n}\n\n.sailing-sort .sentence-card {\n  background: #ffffff;\n  border: 1px solid #e7dff0;\n  border-radius: 16px;\n  padding: 14px 16px 14px 56px;\n  margin-bottom: 14px;\n  position: relative;\n  cursor: grab;\n  line-height: 1.6;\n  color: #3b3550;\n  transition: 0.2s ease;\n  box-shadow: 0 2px 8px rgba(190, 170, 220, 0.05);\n}\n\n.sailing-sort .sentence-card:hover {\n  transform: translateY(-2px);\n}\n\n.sailing-sort .sentence-card.dragging {\n  opacity: 0.6;\n}\n\n.sailing-sort .number {\n  position: absolute;\n  left: 14px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  background: #eadfff;\n  color: #3b3550;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  font-weight: 900;\n}\n\n.sailing-sort .side-box {\n  background: #fcfbff;\n  border: 1px solid #e7dff0;\n  border-radius: 20px;\n  padding: 18px;\n  color: #3b3550;\n}\n\n.sailing-sort .sailing-image {\n  width: 100%;\n  border-radius: 16px;\n  border: 2px solid #e7dff0;\n  margin-bottom: 14px;\n}\n\n.sailing-sort .image-caption {\n  font-size: 14px;\n  line-height: 1.5;\n  color: #6b7280;\n  margin-bottom: 18px;\n}\n\n.sailing-sort .side-box ul {\n  padding-left: 20px;\n}\n\n.sailing-sort .side-box li {\n  margin-bottom: 10px;\n  line-height: 1.5;\n}\n\n.sailing-sort .controls {\n  display: flex;\n  gap: 12px;\n  flex-wrap: wrap;\n  margin-top: 18px;\n}\n\n.sailing-sort button {\n  border: none;\n  border-radius: 999px;\n  padding: 14px 20px;\n  font-size: 15px;\n  font-weight: 900;\n  cursor: pointer;\n  transition: 0.2s;\n}\n\n.sailing-sort .check-btn {\n  background: #dff7ea;\n  color: #256c46;\n}\n\n.sailing-sort .check-btn:hover {\n  background: #c8f0d9;\n}\n\n.sailing-sort .reset-btn {\n  background: #eadfff;\n  color: #5a4680;\n}\n\n.sailing-sort .reset-btn:hover {\n  background: #dccbff;\n}\n\n.sailing-sort .feedback {\n  margin-top: 18px;\n  background: #fcfbff;\n  border: 1px solid #e7dff0;\n  border-radius: 18px;\n  padding: 16px;\n  min-height: 60px;\n  font-size: 15px;\n  line-height: 1.5;\n  color: #3b3550;\n}\n\n.sailing-sort .model-box {\n  margin-top: 20px;\n  padding: 16px;\n  border-radius: 18px;\n  background: #fff7fb;\n  border: 1px solid #f3d9ea;\n  color: #3b3550;\n  font-size: 15px;\n  line-height: 1.6;\n}\n\n.sailing-sort .correct {\n  border: 2px solid #8bc9a6 !important;\n  background: #eefcf5 !important;\n}\n\n.sailing-sort .incorrect {\n  border: 2px solid #e6a0a0 !important;\n  background: #fff1f1 !important;\n}\n\n@media (max-width: 950px) {\n  .sailing-sort .layout {\n    grid-template-columns: 1fr;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  const correctSentences = [\n    \"First, I put on my life jacket and get into the Optimist with my coach nearby.\",\n    \"Next, I hold the tiller and the mainsheet and check where the wind is coming from.\",\n    \"After that, I steer the boat away from the shore and let the sail out a little.\",\n    \"Then, I pull the sail in as I turn the boat more toward the wind.\",\n    \"A little later, the boat starts to heel, so I hike out to keep it balanced.\",\n    \"Before the lesson ends, I turn the boat and steer back toward the shore.\",\n    \"Finally, I let the sail out, slow the boat down, and bring the Optimist back in.\"\n  ];\n\n  const sentenceList = document.getElementById(\"sailingSentenceList\");\n  const checkBtn = document.getElementById(\"sailingCheckBtn\");\n  const resetBtn = document.getElementById(\"sailingResetBtn\");\n  const feedback = document.getElementById(\"sailingFeedback\");\n  const scoreEl = document.getElementById(\"sailingScore\");\n\n  let draggedItem = null;\n\n  function shuffle(array) {\n    const arr = [...array];\n\n    for (let i = arr.length - 1; i > 0; i--) {\n      const j = Math.floor(Math.random() * (i + 1));\n      [arr[i], arr[j]] = [arr[j], arr[i]];\n    }\n\n    return arr;\n  }\n\n  function render(sentences) {\n    sentenceList.innerHTML = \"\";\n\n    sentences.forEach((sentence, index) => {\n      const card = document.createElement(\"div\");\n\n      card.className = \"sentence-card\";\n      card.draggable = true;\n      card.dataset.text = sentence;\n\n      card.innerHTML = `\n        <div class=\"number\">${index + 1}<\/div>\n        ${sentence}\n      `;\n\n      card.addEventListener(\"dragstart\", function () {\n        draggedItem = card;\n        card.classList.add(\"dragging\");\n      });\n\n      card.addEventListener(\"dragend\", function () {\n        card.classList.remove(\"dragging\");\n        draggedItem = null;\n        refreshNumbers(false);\n      });\n\n      card.addEventListener(\"dragover\", function (e) {\n        e.preventDefault();\n      });\n\n      card.addEventListener(\"drop\", function (e) {\n        e.preventDefault();\n\n        if (!draggedItem || draggedItem === card) {\n          return;\n        }\n\n        const cards = [\n          ...sentenceList.querySelectorAll(\".sentence-card\")\n        ];\n\n        const draggedIndex = cards.indexOf(draggedItem);\n        const targetIndex = cards.indexOf(card);\n\n        if (draggedIndex < targetIndex) {\n          sentenceList.insertBefore(draggedItem, card.nextSibling);\n        } else {\n          sentenceList.insertBefore(draggedItem, card);\n        }\n\n        refreshNumbers(false);\n      });\n\n      sentenceList.appendChild(card);\n    });\n  }\n\n  sentenceList.addEventListener(\"dragover\", function (e) {\n    e.preventDefault();\n  });\n\n  function refreshNumbers(resetScore = true) {\n    const cards = [\n      ...sentenceList.querySelectorAll(\".sentence-card\")\n    ];\n\n    cards.forEach((card, index) => {\n      const number = card.querySelector(\".number\");\n\n      if (number) {\n        number.textContent = index + 1;\n      }\n\n      card.classList.remove(\"correct\", \"incorrect\");\n    });\n\n    if (resetScore) {\n      scoreEl.textContent = \"0\";\n    }\n  }\n\n  function checkOrder() {\n    const cards = [\n      ...sentenceList.querySelectorAll(\".sentence-card\")\n    ];\n\n    let correct = 0;\n\n    cards.forEach((card, index) => {\n      card.classList.remove(\"correct\", \"incorrect\");\n\n      if (card.dataset.text === correctSentences[index]) {\n        card.classList.add(\"correct\");\n        correct++;\n      } else {\n        card.classList.add(\"incorrect\");\n      }\n    });\n\n    scoreEl.textContent = String(correct);\n\n    if (correct === 7) {\n      feedback.innerHTML =\n        \"<strong>Excellent!<\/strong> You put all 7 sentences in the correct order. Now read the full paragraph aloud or use it as a model.\";\n    } else if (correct >= 4) {\n      feedback.innerHTML =\n        `<strong>Good job.<\/strong> You placed ${correct} out of 7 sentences correctly. Think about what the sailor does first, how the sail is controlled, and what happens when the boat starts to heel.`;\n    } else {\n      feedback.innerHTML =\n        `<strong>Keep trying.<\/strong> You placed ${correct} out of 7 sentences correctly. Look again at the sequence words and the sailing actions.`;\n    }\n  }\n\n  function resetGame() {\n    render(shuffle(correctSentences));\n\n    feedback.innerHTML =\n      \"The cards have been shuffled again. Put the Optimist sailing lesson back in order.\";\n\n    scoreEl.textContent = \"0\";\n  }\n\n  checkBtn.addEventListener(\"click\", checkOrder);\n  resetBtn.addEventListener(\"click\", resetGame);\n\n  render(shuffle(correctSentences));\n})();\n<\/script>\n\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u26f5 Sailing Vocabulary Challenge Score: 0 Loading&#8230; \ud83d\udd04 Restart Game \u26f5 Optimist Sailing Collocations Game Match the sailing actions and words to learn useful expressions for describing how to sail an Optimist. Score: 0 \/ 7 \u2693 Actions hold hold steer turn pull let hike \ud83c\udf0a Sailing Words the tiller the mainsheet the boat the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12835","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Grade 5: Sailing! - Language Education &amp; Consultancy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/research-says.com\/tr\/grade-5-sailing\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Grade 5: Sailing! - Language Education &amp; Consultancy\" \/>\n<meta property=\"og:description\" content=\"\u26f5 Sailing Vocabulary Challenge Score: 0 Loading&#8230; \ud83d\udd04 Restart Game \u26f5 Optimist Sailing Collocations Game Match the sailing actions and words to learn useful expressions for describing how to sail an Optimist. Score: 0 \/ 7 \u2693 Actions hold hold steer turn pull let hike \ud83c\udf0a Sailing Words the tiller the mainsheet the boat the [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/research-says.com\/tr\/grade-5-sailing\/\" \/>\n<meta property=\"og:site_name\" content=\"Language Education &amp; Consultancy\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/reliableeducationservices\/notifications\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-16T16:14:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/research-says.com\/wp-content\/uploads\/2026\/04\/Sailboat.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@guveniliregitim\" \/>\n<meta name=\"twitter:label1\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/research-says.com\\\/grade-5-sailing\\\/\",\"url\":\"https:\\\/\\\/research-says.com\\\/grade-5-sailing\\\/\",\"name\":\"Grade 5: Sailing! - Language Education &amp; Consultancy\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/research-says.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/research-says.com\\\/grade-5-sailing\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/research-says.com\\\/grade-5-sailing\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/research-says.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Sailboat.png\",\"datePublished\":\"2026-04-05T11:06:54+00:00\",\"dateModified\":\"2026-09-16T16:14:39+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/research-says.com\\\/grade-5-sailing\\\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/research-says.com\\\/grade-5-sailing\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/research-says.com\\\/grade-5-sailing\\\/#primaryimage\",\"url\":\"https:\\\/\\\/research-says.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Sailboat.png\",\"contentUrl\":\"https:\\\/\\\/research-says.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Sailboat.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/research-says.com\\\/grade-5-sailing\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/research-says.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Grade 5: Sailing!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/research-says.com\\\/#website\",\"url\":\"https:\\\/\\\/research-says.com\\\/\",\"name\":\"Language Education &amp; Consultancy\",\"description\":\"Sharper Language. Stronger Communication.\",\"publisher\":{\"@id\":\"https:\\\/\\\/research-says.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/research-says.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/research-says.com\\\/#organization\",\"name\":\"Compleat English\",\"alternateName\":\"IELTS Writing\",\"url\":\"https:\\\/\\\/research-says.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/research-says.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/research-says.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/cropped-cropped-plain-logo-e1772516744844.png\",\"contentUrl\":\"https:\\\/\\\/research-says.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/cropped-cropped-plain-logo-e1772516744844.png\",\"width\":150,\"height\":163,\"caption\":\"Compleat English\"},\"image\":{\"@id\":\"https:\\\/\\\/research-says.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/reliableeducationservices\\\/notifications\\\/\",\"https:\\\/\\\/x.com\\\/guveniliregitim\",\"https:\\\/\\\/www.instagram.com\\\/guveniliregitimhizmetleri\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Grade 5: Sailing! - Language Education &amp; Consultancy","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/research-says.com\/tr\/grade-5-sailing\/","og_locale":"tr_TR","og_type":"article","og_title":"Grade 5: Sailing! - Language Education &amp; Consultancy","og_description":"\u26f5 Sailing Vocabulary Challenge Score: 0 Loading&#8230; \ud83d\udd04 Restart Game \u26f5 Optimist Sailing Collocations Game Match the sailing actions and words to learn useful expressions for describing how to sail an Optimist. Score: 0 \/ 7 \u2693 Actions hold hold steer turn pull let hike \ud83c\udf0a Sailing Words the tiller the mainsheet the boat the [&hellip;]","og_url":"https:\/\/research-says.com\/tr\/grade-5-sailing\/","og_site_name":"Language Education &amp; Consultancy","article_publisher":"https:\/\/www.facebook.com\/reliableeducationservices\/notifications\/","article_modified_time":"2026-09-16T16:14:39+00:00","og_image":[{"url":"https:\/\/research-says.com\/wp-content\/uploads\/2026\/04\/Sailboat.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@guveniliregitim","twitter_misc":{"Tahmini okuma s\u00fcresi":"2 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/research-says.com\/grade-5-sailing\/","url":"https:\/\/research-says.com\/grade-5-sailing\/","name":"Grade 5: Sailing! - Language Education &amp; Consultancy","isPartOf":{"@id":"https:\/\/research-says.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/research-says.com\/grade-5-sailing\/#primaryimage"},"image":{"@id":"https:\/\/research-says.com\/grade-5-sailing\/#primaryimage"},"thumbnailUrl":"https:\/\/research-says.com\/wp-content\/uploads\/2026\/04\/Sailboat.png","datePublished":"2026-04-05T11:06:54+00:00","dateModified":"2026-09-16T16:14:39+00:00","breadcrumb":{"@id":"https:\/\/research-says.com\/grade-5-sailing\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/research-says.com\/grade-5-sailing\/"]}]},{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/research-says.com\/grade-5-sailing\/#primaryimage","url":"https:\/\/research-says.com\/wp-content\/uploads\/2026\/04\/Sailboat.png","contentUrl":"https:\/\/research-says.com\/wp-content\/uploads\/2026\/04\/Sailboat.png"},{"@type":"BreadcrumbList","@id":"https:\/\/research-says.com\/grade-5-sailing\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/research-says.com\/"},{"@type":"ListItem","position":2,"name":"Grade 5: Sailing!"}]},{"@type":"WebSite","@id":"https:\/\/research-says.com\/#website","url":"https:\/\/research-says.com\/","name":"Dil E\u011fitimi ve Dan\u0131\u015fmanl\u0131k","description":"Daha Etkili Dil. Daha G\u00fc\u00e7l\u00fc \u0130leti\u015fim.","publisher":{"@id":"https:\/\/research-says.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/research-says.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/research-says.com\/#organization","name":"Compleat English","alternateName":"IELTS Writing","url":"https:\/\/research-says.com\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/research-says.com\/#\/schema\/logo\/image\/","url":"https:\/\/research-says.com\/wp-content\/uploads\/2026\/03\/cropped-cropped-plain-logo-e1772516744844.png","contentUrl":"https:\/\/research-says.com\/wp-content\/uploads\/2026\/03\/cropped-cropped-plain-logo-e1772516744844.png","width":150,"height":163,"caption":"Compleat English"},"image":{"@id":"https:\/\/research-says.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/reliableeducationservices\/notifications\/","https:\/\/x.com\/guveniliregitim","https:\/\/www.instagram.com\/guveniliregitimhizmetleri\/"]}]}},"_links":{"self":[{"href":"https:\/\/research-says.com\/tr\/wp-json\/wp\/v2\/pages\/12835","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/research-says.com\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/research-says.com\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/research-says.com\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/research-says.com\/tr\/wp-json\/wp\/v2\/comments?post=12835"}],"version-history":[{"count":78,"href":"https:\/\/research-says.com\/tr\/wp-json\/wp\/v2\/pages\/12835\/revisions"}],"predecessor-version":[{"id":13166,"href":"https:\/\/research-says.com\/tr\/wp-json\/wp\/v2\/pages\/12835\/revisions\/13166"}],"wp:attachment":[{"href":"https:\/\/research-says.com\/tr\/wp-json\/wp\/v2\/media?parent=12835"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}