style edits

main
Boyana 2 years ago
parent c733d429cc
commit 786c4a8d06

@ -19,7 +19,6 @@ questions.onreadystatechange = function() {
} }
questions.send(); questions.send();
console.log("hey there");
function preload(){ function preload(){
img=loadImage('wheel.svg'); img=loadImage('wheel.svg');
} }
@ -90,7 +89,8 @@ function draw() {
<div id="wheel"></div> <div id="wheel"></div>
<div id="popup"> <div id="popup">
<h1 id="popuptext"></h1> <h3 id="popuptext"></h3>
<img src="photo-slide.jpg">
<button class="close" onclick="closepopup()" > Close</button> <button class="close" onclick="closepopup()" > Close</button>
</div> </div>
@ -105,6 +105,10 @@ function draw() {
<img class="top-left-corner" src="crystals.svg"> <img class="top-left-corner" src="crystals.svg">
<img class="top-right-corner" src="crystals.svg">
<img class="bottom-left-corner" src="crystals.svg">
<img class="bottom-right-corner" src="crystals.svg">
</body> </body>

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

@ -46,10 +46,37 @@ html {
top: 0px; top: 0px;
left: 0px; left: 0px;
transform: translate(-50%,-50%); transform: translate(-50%,-50%);
width: 50vw; width: 40vw;
filter: hue-rotate(180deg); filter: hue-rotate(180deg);
} }
.top-right-corner {
position: fixed;
top: 0px;
right: 0px;
transform: translate(50%,-50%);
width: 40vw;
filter: hue-rotate(180deg);
}
.bottom-left-corner {
position: fixed;
bottom: 0px;
left: 0px;
transform: translate(-50%,50%);
width: 40vw;
filter: hue-rotate(180deg);
}
.bottom-right-corner{
position: fixed;
bottom: 0px;
right: 0px;
transform: translate(50%,50%);
width: 40vw;
filter: hue-rotate(180deg);
}
#wheel{ #wheel{
text-align: center; text-align: center;
} }
@ -72,8 +99,9 @@ html {
position: fixed; position: fixed;
top: 50%; top: 50%;
left: 50%; left: 50%;
width: 5cm; width: fit-content;
height: 5cm; height: fit-content;
padding: 5%;
background-color: azure; background-color: azure;
z-index: 3; z-index: 3;
transform: translate(-50%,-50%); transform: translate(-50%,-50%);
@ -83,9 +111,10 @@ html {
h1{ h1{
position: relative; position: relative;
margin-top: 5%; margin-top: 5%;
margin-bottom: 0;
text-align: center; text-align: center;
font-family: fantasy; font-family: fantasy;
font-size:larger; font-size:5em;
color:antiquewhite; color:antiquewhite;
} }
@ -95,9 +124,18 @@ html {
color:antiquewhite; color:antiquewhite;
} }
h3 {
text-align: center;
font-family: fantasy;
color:antiquewhite;
}
p { p {
text-align: center; text-align: center;
font-family: monospace; font-family: monospace;
color:antiquewhite; color:antiquewhite;
padding: 5%; font-size: 1.2em;
padding-right: 15%;
padding-left: 15%;
padding-bottom: 5%;
} }

Loading…
Cancel
Save