	${rand.name} has completed ${Math.floor(Math.random()*17 + 3)} challenges
	${Math.floor(Math.random()*10 + 2)} mins‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎

`; } function challenge_finished(){ //sololearner 1 (left) let rand = users[Math.floor(Math.random() * users.length)]; //Sololearner 2 (right) let r2 = users[Math.floor(Math.random() * users.length)]; while(rand == r2) r2 = users[Math.floor(Math.random() * users.length)]; let el = document.createElement("div"); let grid = document.createElement("div"); //The whole box el.classList = "main"; //The grid with the challenge score and images grid.classList = "grid"; document.getElementById("content").appendChild(el); el.innerHTML = `

${rand.name} completed a challenges in HTML

` el.appendChild(grid); grid.innerHTML = `

${rand.name}

LEVEL 16

${Math.floor(Math.random()*3 + 3) +" : " + Math.floor(Math.random()*3 + 3)}

${r2.name}

LEVEL 16

`; el.innerHTML += `

${Math.floor(Math.random()*17 + 3)} min‎‏‏‎s‏‏‎ ‎‏‏‎ ‎‏‏‎ ‏‏‎ ‎‏‏‎ ‎‎

`; } const congo = [ "Wow, this is amazing!", "Congratulations, this is great.", "Nice done, I like it very much!", "This looks incredible. You are a great coder!", "This is the best code ever! I will save it to learn from it.", "I would have done this using canvas, but it looks impressive.", "Great! Let's share it! @ @ @" ]; function comments(){ //sololearner 1 (left) let rand = users[Math.floor(Math.random() * users.length)]; // let el = document.createElement("div"); //The whole box el.classList = "main"; document.getElementById("content").appendChild(el); el.innerHTML = `

	${rand.name} posted a comment on the code "Solo Learn"
	‏‏‎ ‎‏‏‎ ${congo[Math.floor(Math.random()*congo.length)]}
	+${Math.floor(Math.random()30 + 1)} ${Math.floor(Math.random()55 + 5)} mins‏‏‎ ‎‏‏‎ ‎‏‏‎ ‏‏‎ ‎‏‏‎

`; } function post(){ //sololearner 1 (left) let rand = users[Math.floor(Math.random() * users.length)]; // let el = document.createElement("div"); //The whole box el.classList = "main"; document.getElementById("content").appendChild(el); el.innerHTML = `

	${rand.name}
	Who doesn not like programming memes? Check this out.

+${Math.floor(Math.random()*30 + 1)} ‏‏‎ ‎‏‏‎ ‎ ‏‏‎ ‏‏${Math.floor(Math.random() * 10)} ‎‏‏‎ ‏‏‎ ‎‏‏‎ ${Math.floor(Math.random() * 900 + 30)}

${Math.floor(Math.random()*55 + 5)} mins‏‏‎ ‎‏‏‎ ‎‏‏‎ ‏‏‎ ‎‏‏‎

`; } //bottom nav green text color. function color(x){ document.getElementsByClassName("bottom_item")[0].style.color = "white"; document.getElementsByClassName("bottom_item")[1].style.color = "white"; document.getElementsByClassName("bottom_item")[2].style.color = "white"; document.getElementsByClassName("bottom_item")[3].style.color = "white"; document.getElementsByClassName("bottom_item")[4].style.color = "white"; document.getElementsByClassName("bottom_item")[x].style.color = "limegreen"; } function side(x){ document.getElementById("content").style.display = "none"; document.getElementById("code_section").style.display = "none"; document.getElementById(x).style.display = "block"; } //Side nav open and close function var open = false; function close_open_side_nav(){ if(document.getElementById("left_nav").style.left != "0"){ document.getElementById("left_nav").style.left = "0"; open = true; } } function code(x){ //sololearner 1 (left) let rand = users[x]; // let el = document.createElement("div"); //The whole box el.classList = "main"; el.style.marginBottom = "0"; el.style.marginTop = "0"; document.getElementById("code_section").appendChild(el); el.innerHTML = `

	${rand.code} ${rand.name}
	web‏‏‎ ‎‏‏‎ ‏‏‎ ‎‏‏‎ ${rand.details[0]} ‎‏‏‎ ‏‏‎ ‎‏‏‎ ${rand.details[1]} ‎‏‏‎ ‏‏‎ ‎‏‏‎ 1 day ‎‏‏‎ ‏‏‎ ‎‏‏‎ ${rand.details[2]} ‎‏‏‎ ‏‏‎ ‎‏‏‎

` } const content = [comments, challenge_finished, more_challenges_finished, post]; window.onload = function(){ for(let i = 0; i < 28; i++){ content[Math.floor(Math.random() * content.length)](); } for(let z = 0; z < users.length; z++){ code(z); } //left nav document.getElementById("content").onclick = function(){ if(open == true){ document.getElementById("left_nav").style.left = "-100%"; open = false; } } document.getElementById("code_section").onclick = function(){ if(open == true){ document.getElementById("left_nav").style.left = "-100%"; open = false; } } document.getElementsByClassName("bottom_item")[2].addEventListener("click", function(){ side('content'); document.getElementsByClassName("top_item")[1].innerText = "Activity Feed"; }); document.getElementsByClassName("bottom_item")[3].addEventListener("click", function(){ side('code_section'); document.getElementsByClassName("top_item")[1].innerText = "Code"; }); } alert("Created by Alex Tușinean\n\nThe Feed and Code page exist and you can open the left nav by pressing the burger icon. \n\nEvery post from the Feed is random.\n\nIf you find yourself in this code and want to change anything about your profile(like name or the code I chose) feel free to contact me.\n\nI did my best to make it work on any device.\n\nRemember to give feedback :D")

Failed Clone of Sololearn