diff --git a/spin-wheel/index.html b/spin-wheel/index.html index 77b3718..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('wheel1.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 f5bb7a1..41432bc 100644 --- a/spin-wheel/style.css +++ b/spin-wheel/style.css @@ -45,7 +45,7 @@ html::before { /* Add a pseudo-element to the html element */ 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::before { /* Add a pseudo-element to the html element */ position: fixed; top: 0px; right: 0px; - transform: translate(0%,0%); + transform: translate(-20%,20%); width: 12vw; filter: hue-rotate(0deg); } 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/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