var contest,info,body,main,cursor,text,t1,t2,t3,d,t4,t5; var c = 0; var mytext = "Let\'s cook food..."; var mynewtext = " make food..."; var ind = 0; var ind2 = 0; var op = 0; var links = { // Image link, background-size, Inner text, clicks,opacity-of-text,open/close,height // Some of the images are taken from flaticon 🙌, it's an awesome site for icons! 2:["https://imgur.com/W34u79L.jpg","cover","The winners will be announced at 6th October 2020.

There will be three winners:

The 1st winner will get 2 huge like storms and 2 challenge gifts from the judges.
The 2nd winner will get 2 like storms.
The 3rd winner will get 1 like storm.

(Attention:
there can be some runner-up gifts too!)",0,0,"n","62%"], 1:["https://imgur.com/eOE40kT.jpg","contain","You will get a duration of 16 days for this contest! We hope you utilise these days in giving your best for the contest!
The contest will start from 20 September 2020 to 5 October 2020.
Please make sure that the code you make is NEW and NOT COPIED!

Post your codes in the comments section of this code (don't dm codes, they will not be considered)

Status:
"+getDate(),0,0,"n","70%"], 0:["https://imgur.com/Hca85HU.jpg","contain","Hey guys, here's another contest for you all to show your creativity and skills.

Topic: Food Dishes

Contest judges are:
Justin and Namit Jain

Rules:

You cannot use images.
All you have to do is make a dish.
Any food website code will not be considered.

",0,0,"n","70%"], 3:["https://imgur.com/wx02z6a.jpg","cover","This page is for giving you guys some ideas! (No discrimination will be there if you do something apart from the ideas below)

You can make:

Cakes and muffins.
Fast food (eg: burger, pizza, noodles).
Indian food (eg: rotis & sabji).
Some drinks along with the food.
Some small toppings on the food.
Background enhancements (eg: table, plate, spoon, straws).

",0,0,"n","72%"] }; const calc = (a) => (a+1)*70 + 10; window.onload = function() { setTimeout(function() { let loader = document.getElementById("loader"); loader.style.top = "50%"; loader.style.left = "50%"; loader.style.height = "0"; loader.style.width = "0"; loader.style.opacity = "0"; setTimeout(function() { loader.style.display = "none"; },500); text = document.getElementById("text"); cusor = document.getElementById("cursor"); main = document.getElementById("main"); main.style.display = "block"; contest = document.getElementById("contest"); info = document.getElementById("info"); body = document.getElementsByTagName("body")[0]; for (let i = 0; i < 4; i++) { MakeDiv(i); } setTimeout(function() { t1 = setInterval(Typing,100); },1000); t4 = setInterval(TextOpacity,100); t5 = setInterval(textOp,50); showInfo(); showInfo(); },5000); }; function MakeDiv(i) { main.innerHTML += `

`; let di = document.getElementById("d"+i); } function f(i) { links[i][3]++; d = document.getElementById("d"+i); if (links[i][3]%2) { d.style.left = "75px"; d.style.top = "60px"; d.style.height = links[i][6]; d.style.padding = "20px"; d.style.width = "65%"; d.style.background = "url('https://imgur.com/18wzKJC.jpg')"; d.style.filter = "brightness(120%)"; d.style.backgroundSize = "100% 100%"; d.innerHTML = links[i][2]; setTimeout(function() { links[i][5] = "y"; },200); d.style.borderRadius = "0"; d.style.border = "1px solid rgba(255,255,255,0.5)"; for (let j = 0; j < Math.max(...Object.keys(links))+1;j++) { if (j != i) { links[j][5] = "n"; let dj = document.getElementById("d"+j); dj.style.border = "2px solid black"; if (links[j][3]%2) { closing(j); links[j][3]++; } } } } else { links[i][5] = "n"; closing(i); } } function TextOpacity() { for (let i = 0; i < Math.max(...(Object.keys(links)))+1; i++) { if (links[i][5] == "n") { links[i][4] = 0; } else { if (links[i][4] < 1) { links[i][4]+=0.05; } } } } function textOp() { for (let i = 0; i < Math.max(...(Object.keys(links)))+1; i++) { document.getElementById("d"+i).style.color = `rgba(0,0,0,${links[i][4]})`; } } function closing(i) { let d = document.getElementById("d"+i); d.style.left = "13px"; d.style.top = calc(i) + "px"; d.style.height = "45px"; d.style.width = "45px"; d.style.padding = "0"; d.style.background = "white"; d.innerHTML = ""; setTimeout(function() {d.innerHTML = `

`;}, 500); d.style.borderRadius = "50%"; d.style.border = "2px solid black"; } function showInfo() { c++; info = document.getElementById("info"); if (c%2) { info.innerHTML = "❌"; for (let i = 0; i < Math.max(...(Object.keys(links)))+1; i++) { let a = i; i = calc(i); let el = document.getElementById(`d${a}`); el.style.display = "block"; el.style.top = i + "px"; i = a; } } else { info.innerHTML = "i"; for (let i = 0; i < Math.max(...(Object.keys(links)))+1; i++) { let a = i; i = calc(i); closing(a); links[a][5] = "n"; if (links[a][3]%2) { links[a][3]++; } let el = document.getElementById(`d${a}`); el.style.top = 10 + "px"; i = a; } } } function Typing() { if (ind < mytext.length) { document.getElementById("text").innerHTML += mytext[ind]; ind++; } else { clearInterval(t1); setTimeout(function() { t2 = setInterval(BackSpace, 100); },200); } } function BackSpace() { var text = document.getElementById("text"); if (text.innerHTML.slice(text.innerHTML.length-2,text.innerHTML.length) != "s ") { text.innerHTML = text.innerHTML.slice(0,text.innerHTML.length-1); } else { clearInterval(t2); setTimeout(function() { t3 = setInterval(MakeFood, 100); },200); } } function MakeFood() { var text = document.getElementById("text"); if (ind2 < mynewtext.length) { text.innerHTML += mynewtext[ind2]; ind2++; } else { clearInterval(t3); } } function getDate() { var date = new Date().toString().split(" "); var month = { "Sep":8, "Oct":9 }[date[1]] if (month===undefined) {return "Expired!";} if (month == 9 && date[2] > 5) {return "Expired!";} if (month == 8) { if (date[2] < 20) {return "Time left: Not started yet!";} return "Time left: "+(35-parseInt(date[2]))+" days"; } return "Time left: "+(5-parseInt(date[2])) + (5-parseInt(date[2])!=1?" days":" day"); }

🍝🍰 Food Making Contest! 🍕🍔