Edukeep

Homework Keeper Designed By Students For Students.

by wizviper

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<h1 class="time" id="timeHeader">
Get A Homework Recommendation
</h1>
<image src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRGup3fSHWsCWrwqH8qQwgjUrbobzvfdQec4XQdDBQaStv-hXRhww" style="margin-left:150px;" class="time" id="timeImage">
  <form id="form" onsubmit="return false;" class="time" id="timeForm">
    <input type="text" id="userInput" style="left:-1000px;" />
    <input type="submit" id="submit" class="btn btn-primary" />
  </form>

  <p id="viewList" class="time">
    <u>Go To List</u>
  </p>
  <p id="viewRec" class="time">
    <u>Get Recommendation</u>
  </p>


  <div id="addHW"></div>
  <p id="plusSign">
    +
  </p>

  <h3 id="noHW">
No Homework For Now.<br> Why Not Add Some?
</h3>
  <p id='1' class="item"></p>
  <p id='2' class="item"></p>
  <p id='3' class="item"></p>
  <p id='4' class="item"></p>
  <p id='5' class="item"></p>
  <p id='6' class="item"></p>
  <p id='7' class="item"></p>
  <p id='8' class="item"></p>
  <p id='9' class="item"></p>
  <p id='10' class="item"></p>

  <button id="x1" class='xitem' style="position:absolute;top:20px;">X</button>
  <button id="x2" class='xitem' style="position:absolute;top:40px;">X</button>
  <button id="x3" class='xitem' style="position:absolute;top:60px;">X</button>
  <button id="x4" class='xitem' style="position:absolute;top:80px;">X</button>
  <button id="x5" class='xitem' style="position:absolute;top:100px;">X</button>
  <button id="x6" class='xitem' style="position:absolute;top:120px;">X</button>
  <button id="x7" class='xitem' style="position:absolute;top:140px;">X</button>
  <button id="x8" class='xitem' style="position:absolute;top:160px;">X</button>
  <button id="x9" class='xitem' style="position:absolute;top:180px;">X</button>
  <button id="x10" class='xitem' style="position:absolute;top:200px;">X</button>

  <h1 id="addHWHeader">
Add Homework
</h1>
  <form onsubmit='return false'>
   ...

CSS

#userInput {
  position: absolute;
  left: 175px;
  bottom: 60px;
}

#submit {
  position: absolute;
  left: 165px;
  bottom: 20px;
  width: 200px;
}

#viewList {
  text-align: center;
  position: absolute;
  bottom: -10px;
  left: 230px;
}

#viewRec {
  text-align: center;
  position: absolute;
  left: -1000px;
}

#addHW {
  position: fixed;
  bottom: 5px;
  left: 5px;
  border-radius: 50%;
  background-color: #2acef7;
  width: 50px;
  height: 50px;
}

#plusSign {
  font-size: 50px;
  position: fixed;
  bottom: -16px;
  left: 16px;
}

h1 {
  text-align: center;
  font-family: Verdana;
  font-size: 30px;
}

h3 {
  position: absolute;
  left: -1000px;
  text-align: center;
}

#addHWHeader {
  position: absolute;
  left: -1000px;
}

.addHWInput {
  position: absolute;
  left: -1000px;
  width: 150px;
}

.addHWText {
  position: absolute;
  left: -1000px;
}

#hwSubmit {
  position: absolute;
  left: -1000px;
  width: 25%;
}

.item {
  position: absolute;
  left: -1000px;
  font-size: 9px;
}

.xitem {
  position: absolute;
  left: -1000px;
  
}

#timeImage {
  left: 160px;
  bottom: 100px;
}

#logo {
  width: 500px;
  height: 400px;
}

JavaScript

var i = 0;
function save() {
localStorage.setItem("storei", i);
localStorage.setItem("storeitem0", items[0].innerHTML);
localStorage.setItem("storeitem1", items[1].innerHTML);
localStorage.setItem("storeitem2", items[2].innerHTML);
localStorage.setItem("storeitem3", items[3].innerHTML);
localStorage.setItem("storeitem4", items[4].innerHTML);
localStorage.setItem("storeitem5", items[5].innerHTML);
localStorage.setItem("storeitem6", items[6].innerHTML);
localStorage.setItem("storeitem7", items[7].innerHTML);
localStorage.setItem("storeitem8", items[8].innerHTML);
localStorage.setItem("storeitem9", items[9].innerHTML);




}
function load() {
i = localStorage.getItem("storei");
document.getElementById("1").innerHTML = localStorage.getItem("storeitem0");
document.getElementById("2").innerHTML = localStorage.getItem("storeitem1");
document.getElementById("3").innerHTML = localStorage.getItem("storeitem2");
document.getElementById("4").innerHTML = localStorage.getItem("storeitem3");
document.getElementById("5").innerHTML = localStorage.getItem("storeitem4");
document.getElementById("6").innerHTML = localStorage.getItem("storeitem5");
document.getElementById("7").innerHTML = localStorage.getItem("storeitem6");
document.getElementById("8").innerHTML = localStorage.getItem("storeitem7");
document.getElementById("9").innerHTML = localStorage.getItem("storeitem8");
document.getElementById("10").innerHTML = localStorage.getItem("storeitem9");
}
load();

function checkAlert() {
for(z=0;z<10;z++) {
 if (currentTime - ditems[z].date < 86400000 ) {
 if(alerttimer >= 14400000) {
    alert("Remember To Do: " + ditems[z].name);
    alerttimer = 0;
    }
      
    }
}



}
function viewLogo() {
  document.getElementById("timeHeader").style = "position:absolute;left:-1000px;"
  document.getElementById("timeImage").style =
    "position:absolute;left:-1000px;"
  document.getElementById("submit").style =
    "position:absolute;left:-1000px;"
 ...