From 9faa3c018d36ed82a8093b83c3b42fff9012b64d Mon Sep 17 00:00:00 2001 From: scales Date: Tue, 22 Jun 2021 10:51:43 +0800 Subject: [PATCH] add guidance to poles\connect\inclusions\patterns --- bebras/2019/FR-2019-01-poles/index_en.html | 27 ++- .../2019/FR-2019-06-inclusions/index_en.html | 215 ++++++++++++++++-- .../2019/FR-2019-07-two-connect/index_en.html | 136 ++++++++++- bebras/2019/FR-2019-08-patterns/index_en.html | 134 +++++++++++ 4 files changed, 481 insertions(+), 31 deletions(-) diff --git a/bebras/2019/FR-2019-01-poles/index_en.html b/bebras/2019/FR-2019-01-poles/index_en.html index 50f6903..96291bd 100644 --- a/bebras/2019/FR-2019-01-poles/index_en.html +++ b/bebras/2019/FR-2019-01-poles/index_en.html @@ -76,18 +76,18 @@ #displayHelper_validate::before { content: ''; - width: 100%; - height: 180%; + width: 200%; + height: 175%; background-color: rgba(255, 255, 255); z-index: -1; position: absolute; top: -40%; - right: 0%; - border-radius: 83px; + left: 0%; + border-radius: 80px; } #displayHelper_validate::after { - content: '点击验证，可以验证你的效果~'; + content: '您可以验证答案是否正确或重新开始作答~'; width: 200%; height: 180%; background-color: rgba(255, 255, 255); @@ -121,7 +121,9 @@ .relative { position: relative; } - + #popupMessage.floatingMessage { + z-index: 2100; + } #paper::before { content: ''; width: 100%; @@ -135,8 +137,8 @@ #paper::after { content: '拖动任意柱子，可以改变柱子的位置'; - width: 90%; - height: 30%; + width: 288px; + height: 60px; background-color: rgba(255, 255, 255); z-index: 1500; position: absolute; @@ -160,7 +162,7 @@ background-color: #FDF151; z-index: 1500; position: absolute; - top: 200%; + top: 150%; left: 60%; border-radius: 30px; font-size: 20px; @@ -217,10 +219,9 @@ setTimeout(() => { $('#displayHelper_validate').addClass('relative').css('z-index', 2000); $('#displayHelper_saved').addClass('relative').css('z-index', 2000); + $('#displayHelper_cancel').addClass('relative').css('z-index', 2000); $('#paper').addClass('relative').css('z-index', 2000); - $('#zone_2').addClass('relative').css({'z-index': 2100},{'pointer-events': 'none'}); - // $('#displayHelper_validate').append(""); - + $('#zone_2').addClass('relative').css({'z-index': 2000},{'pointer-events': 'none'}); }, 50); $('#zone_2').on('click', function () { $('#zone_2').append(""); @@ -229,8 +230,6 @@ $('#paper').append(""); $('#fullbg').css('display','none'); }) - // console.log($('#displayHelper_validate')); - // console.log($('#displayHelper_validate').html()) diff --git a/bebras/2019/FR-2019-06-inclusions/index_en.html b/bebras/2019/FR-2019-06-inclusions/index_en.html index c3a4da5..18a59e8 100644 --- a/bebras/2019/FR-2019-06-inclusions/index_en.html +++ b/bebras/2019/FR-2019-06-inclusions/index_en.html @@ -2,12 +2,14 @@ - + + 2019-FR-06-inclusion - + - + \ No newline at end of file diff --git a/bebras/2019/FR-2019-07-two-connect/index_en.html b/bebras/2019/FR-2019-07-two-connect/index_en.html index ee9794f..5eb1087 100644 --- a/bebras/2019/FR-2019-07-two-connect/index_en.html +++ b/bebras/2019/FR-2019-07-two-connect/index_en.html @@ -57,10 +57,128 @@ .paper-instr td { vertical-align: top; } + #fullbg { + background-color: #7C98D1; + opacity: 0.5; + left: 0; + opacity: 0.5; + position: absolute; + top: 0; + z-index: 1500; + filter: alpha(opacity=50); + -moz-opacity: 0.5; + -khtml-opacity: 0.5; + display: block; + width: 100vw; + height: 100vh; + } + + #displayHelper_validate::before { + content: ''; + width: 200%; + height: 175%; + background-color: rgba(255, 255, 255); + z-index: -1; + position: absolute; + top: -40%; + left: 0%; + border-radius: 80px; + } + + #displayHelper_validate::after { + content: '您可以验证答案是否正确或重新开始作答~'; + width: 200%; + height: 180%; + background-color: rgba(255, 255, 255); + z-index: 1500; + position: absolute; + top: 250%; + left: 10%; + border-radius: 83px; + font-size: 14px; + font-weight: 400; + line-height: 1.42857143; + text-align: center; + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + } + + #displayHelper_saved::after { + content: ''; + width: 0; + height: 0; + border-width: 0 25px 30px 25px; + border-style: solid; + border-color: transparent transparent #fff transparent; + position: absolute; + top: 120%; + left: 20%; + } + + .relative { + position: relative; + } + #popupMessage.floatingMessage { + z-index: 2100; + } + #zone_2::after { + content: '我知道了！'; + width: 150px; + height: 60px; + background-color: #FDF151; + z-index: 1500; + position: absolute; + top: 130%; + left: 60%; + border-radius: 30px; + font-size: 20px; + font-weight: 400; + line-height: 1.42857143; + text-align: center; + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + pointer-events: auto; + } + #paper::before { + content: ''; + width: 0; + height: 0; + border-width:12px 20px 12px 0; + border-style: solid; + border-color: transparent #fff transparent transparent; + position: absolute; + top: calc(110% - 17px); + left: 148px; + } + + #paper::after { + content: '点击任意两朵花，它们之间会出现一个新的管道，表示水可以通过~'; + width: 500px; + height: 60px; + background-color: rgba(255, 255, 255); + z-index: 1500; + position: absolute; + top: calc(110% - 32px); + left: 160px; + font-size: 16px; + font-weight: 400; + line-height: 1.42857143; + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + } +
+ +
@@ -103,6 +221,22 @@

Solution 离散数学-图论-节点的度

- +
+ diff --git a/bebras/2019/FR-2019-08-patterns/index_en.html b/bebras/2019/FR-2019-08-patterns/index_en.html index 23f41f9..f653583 100644 --- a/bebras/2019/FR-2019-08-patterns/index_en.html +++ b/bebras/2019/FR-2019-08-patterns/index_en.html @@ -58,11 +58,129 @@ #error { text-align: center; } + #fullbg { + background-color: #7C98D1; + opacity: 0.5; + left: 0; + opacity: 0.5; + position: absolute; + top: 0; + z-index: 1500; + filter: alpha(opacity=50); + -moz-opacity: 0.5; + -khtml-opacity: 0.5; + display: block; + width: 100vw; + height: 100vh; + } + #displayHelper_validate::before { + content: ''; + width: 200%; + height: 175%; + background-color: rgba(255, 255, 255); + z-index: -1; + position: absolute; + top: -40%; + left: 0%; + border-radius: 80px; + } + + #displayHelper_validate::after { + content: '您可以验证答案是否正确或重新开始作答~'; + width: 200%; + height: 180%; + background-color: rgba(255, 255, 255); + z-index: 1500; + position: absolute; + top: 250%; + left: 10%; + border-radius: 83px; + font-size: 14px; + font-weight: 400; + line-height: 1.42857143; + text-align: center; + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + } + + #displayHelper_saved::after { + content: ''; + width: 0; + height: 0; + border-width: 0 25px 30px 25px; + border-style: solid; + border-color: transparent transparent #fff transparent; + position: absolute; + top: 120%; + left: 20%; + } + + .relative { + position: relative; + } + #popupMessage.floatingMessage { + z-index: 2100; + } + #zone_2::after { + content: '我知道了！'; + width: 150px; + height: 60px; + background-color: #FDF151; + z-index: 1500; + position: absolute; + top: 130%; + left: 60%; + border-radius: 30px; + font-size: 20px; + font-weight: 400; + line-height: 1.42857143; + text-align: center; + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + pointer-events: auto; + } + #paper::before { + content: ''; + width: 0; + height: 0; + border-width:12px 20px 12px 0; + border-style: solid; + border-color: transparent #fff transparent transparent; + position: absolute; + top: -11px; + left: 183px; + } + + #paper::after { + content: '将蓝色的图形复制拖拽到下方的图案上~'; + width: 288px; + height: 28px; + background-color: rgba(255, 255, 255); + z-index: 1500; + position: absolute; + top: -14px; + left: 190px; + font-size: 14px; + font-weight: 400; + line-height: 1.42857143; + text-align: center; + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + } +
+ +
@@ -93,6 +211,22 @@

这是提示信息！排列组合

+