diff --git a/spin-wheel/bg-images/bg4.jpg b/spin-wheel/bg-images/bg4.jpg
new file mode 100644
index 0000000..538e22a
Binary files /dev/null and b/spin-wheel/bg-images/bg4.jpg differ
diff --git a/spin-wheel/index.html b/spin-wheel/index.html
index 0f98369..795bac2 100644
--- a/spin-wheel/index.html
+++ b/spin-wheel/index.html
@@ -20,7 +20,7 @@ questions.onreadystatechange = function() {
questions.send();
function preload(){
- img=loadImage('wheel.svg');
+ img=loadImage('wheel2803.svg');
}
function setup() {
var canvas = createCanvas(windowWidth/2, windowHeight/2);
@@ -110,10 +110,10 @@ function draw() {
-
-
-
-
+
+
+
+
diff --git a/spin-wheel/style.css b/spin-wheel/style.css
index 94c198b..41432bc 100644
--- a/spin-wheel/style.css
+++ b/spin-wheel/style.css
@@ -2,7 +2,7 @@ html {
position: relative; /* Make the html element a positioned parent */
}
- html::before { /* Add a pseudo-element to the html element */
+html::before { /* Add a pseudo-element to the html element */
content: "";
position: fixed;
width: 200vw;
@@ -12,8 +12,8 @@ html {
right: 0;
bottom: 0;
z-index: -1; /* Set a negative z-index to move the pseudo-element below the content */
- background: url(bg-images/bg2.jpg) no-repeat center center fixed;
- background-size: 100%;
+ background: url(bg-images/bg4.jpg) no-repeat center center fixed;
+ background-size: cover;
/* Add animation properties */
-webkit-animation: spin 100s linear infinite;
@@ -40,12 +40,12 @@ html {
transform: rotate(360deg);
}
}
-
+
.top-left-corner{
position: fixed;
top: 0px;
left: 0px;
- transform: translate(0%,0%);
+ transform: translate(20%,20%);
width: 12vw;
filter: hue-rotate(0deg);
}
@@ -54,7 +54,7 @@ html {
position: fixed;
top: 0px;
right: 0px;
- transform: translate(0%,0%);
+ transform: translate(-20%,20%);
width: 12vw;
filter: hue-rotate(0deg);
}
@@ -88,7 +88,7 @@ html {
}
button{
- color:antiquewhite;
+ color:black;
background-color:cyan;
position: center;
top:6%;
diff --git a/spin-wheel/svg/crystalsleft.svg b/spin-wheel/svg/crystalsleft.svg
new file mode 100644
index 0000000..87ce5ea
--- /dev/null
+++ b/spin-wheel/svg/crystalsleft.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/spin-wheel/svg/crystals.svg b/spin-wheel/svg/crystalsright.svg
similarity index 100%
rename from spin-wheel/svg/crystals.svg
rename to spin-wheel/svg/crystalsright.svg
diff --git a/spin-wheel/wheel.svg b/spin-wheel/wheel1.svg
similarity index 100%
rename from spin-wheel/wheel.svg
rename to spin-wheel/wheel1.svg
diff --git a/spin-wheel/wheel2.svg b/spin-wheel/wheel2.svg
new file mode 100644
index 0000000..0305161
--- /dev/null
+++ b/spin-wheel/wheel2.svg
@@ -0,0 +1,120 @@
+
diff --git a/spin-wheel/wheel2803.svg b/spin-wheel/wheel2803.svg
new file mode 100644
index 0000000..de66335
--- /dev/null
+++ b/spin-wheel/wheel2803.svg
@@ -0,0 +1 @@
+
\ No newline at end of file