kar/phaser-game-bs
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

work n new tracing game

Browse Source
This commit is contained in:
Dev 1
2023-09-23 17:27:47 +05:30
parent 8c88aea0a9
commit e492d23d70
5 changed files with 265 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/tick/varient1.astro → src/pages/tick/v1.astro
View File

@@ -46,7 +46,7 @@
<script is:inline>
const params = new URLSearchParams(window.location.search);
const paramsID = params.get('id');
fetch(`https://management.beanstalkedu.com/items/game_tick6/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
fetch(`https://management.beanstalkedu.com/items/game_tick_variant1/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
.then(res => res.json())
.then(data => {
gameData = data.data;

26
src/pages/tick/varient2.astro → src/pages/tick/v2.astro
View File

@@ -11,9 +11,11 @@
<form id="contactForm">
<div id="" class="flex flex-row place-content-between">
<div class="flex flex-col gap-6 place-items-center">
<img id="image1" src="" alt="" draggable="false" class="select-none" />
<!-- <img id="image1" src="" alt="" draggable="false" class="select-none" /> -->
<input onclick="checkResult2('image1');" type="checkbox" id="a1" class="round-checkbox-input myCheckbox" value="a1"/>
<label for="a1" class="round-checkbox-label"></label>
<label for="a1" class="round-checkbox-label">
<img id="image1" src="" alt="" draggable="false" class="select-none" />
</label>
<img id="image2" src="" alt="" draggable="false" class="select-none" />
<input onclick="checkResult2('image2');" type="checkbox" id="a2" class="round-checkbox-input myCheckbox" value="a2"/>
@@ -223,7 +225,7 @@
border-radius: 10%;
}
#image1, #image2, #image3, #image4, #image5, #image6, #image7, #image8, #image9{
width: 200px;
width: 150px;
/* border: 4px solid red;
border-radius: 5%; */
}
@@ -232,29 +234,29 @@
}
.round-checkbox-label {
display: inline-block;
width: 30px;
height: 30px;
border-radius: 10%;
background-color: #ccc;
border: 2px solid #007bff;
/* width: 30px; */
/* height: 30px; */
/* border-radius: 10%; */
/* background-color: #ccc; */
/* border: 2px solid #007bff; */
cursor: pointer;
position: relative;
transition: background-color 0.3s, border-color 0.3s, transform 0.3s;
}
.round-checkbox-input:checked + .round-checkbox-label {
background-color: #007bff;
border-color: #007bff;
/* background-color: #007bff; */
/* border-color: #007bff; */
transform: scale(1.2);
border-radius: 30%;
}
.round-checkbox-input:checked + .round-checkbox-label::after {
content: '\2713';
/* content: '\2713'; */
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 40px;
color: white;
/* color: white; */
display: block;
}
</style>