Permalink
Browse files

Mostly working now.

  • Loading branch information...
1 parent 13542a1 commit 187539a3f606b38c9f49c4df403e5f3bfb878ec6 @iambrandonn committed Feb 15, 2013
Showing with 777 additions and 26 deletions.
  1. 0 addEdit.css
  2. 0 addEdit.js
  3. +33 −0 addEditList.html
  4. BIN done.mp3
  5. +1 −0 handlebars-runtime.js
  6. +44 −14 index.html
  7. +170 −3 main.css
  8. +521 −9 main.js
  9. +7 −0 problemSets.html
  10. +1 −0 problemSets.js
View
No changes.
View
No changes.
View
@@ -0,0 +1,33 @@
+<html>
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+ <title>Add or edit a list</title>
+ <link href="addEdit.css" rel="stylesheet" />
+ </head>
+ <body>
+ Name
+ <input type="text" id="name" />
+
+ key value pairs
+ <div class="header">
+ <div class="columnHeading"></div>
+ <div class="columnHeading"></div>
+ </div>
+ <div class="entry">
+ <div class="key"></div>
+ <div class="value"></div>
+ </div>
+ <div class="entry">
+ <div class="key"></div>
+ <div class="value"></div>
+ </div>
+ <div>
+ <button id="add">Add</button>
+ </div>
+
+ <button id="save">Save</button>
+
+ <script src="addEdit.js"></script>
+ </body>
+</html>
View
BIN done.mp3
Binary file not shown.
View

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
View
@@ -1,23 +1,53 @@
<html>
<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
<title>Flash Cards</title>
<link href="main.css" rel="stylesheet" />
</head>
<body>
- <span class="scores">
- <div>4 of 10</div>
- </span>
- <span class="problemArea">
- <div class="problem">
- 4 X 4
- </div>
- <div class="iHeard">
- A bunch of stuff
- </div>
- </span>
- <span class="timer">
- <div class="timeRemaining">1:00</div>
- </span>
+ <div class="instructions">Please use a better browser</div>
+ <div class="content">
+ <span class="scores">
+ <div class="currentScore">
+ Current Score: <span id="currentScoreValue"></span>
+ </div>
+
+ <div class="problemSetHeader">
+ <span class="problemSetName">Name</span>
+ <span class="highScore">High Score</span>
+ </div>
+
+ <ul class="problemSets">
+ </ul>
+ </span>
+ <span class="problemArea">
+ <div class="card">
+ <div class="problem"></div>
+ </div>
+ <div class="iHeard hidden">
+ <span class="iHeardLabel">I heard you say:</span> <span id="iHeardText"></span>
+ </div>
+
+ <div class="skipHint">
+ You can say "skip" if you get stuck...
+ </div>
+
+ <div class="footer">
+ <div>Created by Brandon Nicholls</div>
+ <a href="https://github.com/iambrandonn/FlashCards">Github Project</a>
+ <a href="http://tripleequals.blogspot.com/2012/09/webcam-swiper.html">Blo!!!!!!!!g Post</a>
+ </div>
+ </span>
+ <span class="timer">
+ <canvas id="cnvTimer" width="150" height="150"></canvas>
+ <div class="timeRemaining">1:00</div>
+ <div class="controls"><button class="startButton">Start</button></div>
+ </span>
+ </div>
+
+ <script src="handlebars-runtime.js"></script>
+ <script src="problemSets.js"></script>
<script src="main.js"></script>
</body>
</html>
View
173 main.css
@@ -1,19 +1,186 @@
+body {
+ color: rgb(0, 44, 46);
+ margin: 0;
+ font-family: Arial, Arial, Helvetica, sans-serif;
+}
+
div, span {
box-sizing: border-box;
}
+.content {
+ display: table;
+ width: 100%;
+ height: 100%;
+}
+
.timer, .scores {
width: 15%;
- display: inline-block;
+ display: table-cell;
vertical-align: top;
+ padding-top: 30px;
+ background-color: rgb(60, 90, 100);
+ margin: 0;
}
.problemArea {
- width: 68%;
- display: inline-block;
+ display: table-cell;
vertical-align: top;
+ font-weight: bold;
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 130px;
+ text-align: center;
+ padding: 50px 0;
+ background-color: rgb(223, 230, 233);
+ margin: 0;
+}
+
+.problem {
+ padding-top: 20px;
}
.timeRemaining {
font-size: 50px;
+ text-align: center;
+ font-family: sans-serif;
+ color: rgb(238, 239, 240);
+}
+
+.expired {
+ color: red;
+}
+
+#cnvTimer {
+ margin: 0 auto;
+ display: block;
+}
+
+.iHeard {
+ font-family: sans-serif;
+ font-size: 25px;
+ background-color: rgb(225, 245, 225);
+ width: 600px;
+ margin: 63px auto;
+ padding: 20px 0;
+ border: 2px solid rgb(210, 219, 210);
+ border-radius: 24px;
+}
+
+.iHeardLabel {
+ width: 48%;
+ text-align: right;
+ display: inline-block;
+}
+
+#iHeardText {
+ width: 50%;
+ display: inline-block;
+ text-align: left;
+ font-style: italic;
+ padding-left: 20px;
+}
+
+.hidden {
+ display: none;
+}
+
+.card {
+ height: 205px;
+ margin: 0 auto;
+ border-radius: 20px;
+ background-color: rgb(252, 250, 245);
+ box-shadow: 3px 3px 3px rgb(0, 32, 58);
+ min-width: 540px;
+ width: 1000px;
+}
+
+.instructions {
+ width: 100%;
+ text-align: center;
+ font-family: Arial, Arial, Helvetica, sans-serif;
+ color: rgb(226, 226, 226);
+ background-color: rgb(0, 37, 49);
+ padding: 10px;
+ font-size: 17px;
+}
+
+.footer {
+ text-align: center;
+ font-size: 15px;
+ font-family: Arial, Arial, Helvetica, sans-serif;
+ font-weight: normal;
+ width: 100%;
+ margin-top: 25px;
+}
+
+.footer > a {
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+.footer > div {
+ padding-bottom: 7px;
+}
+
+.controls {
+ text-align: center;
+ margin-top: 30px;
+}
+
+.startButton {
+ -webkit-appearance: none;
+ background-color: #fcfaf5;
+ border: 1px solid rgb(61, 61, 95);
+ border-radius: 9px;
+ font-size: 27px;
+ padding: 10px;
+ box-shadow: 2px 2px 2px rgb(0, 32, 58);
+ cursor: pointer;
+}
+
+.scores {
+ color: white;
+}
+
+.scores > ul {
+ list-style-type: none;
+ padding-left: 10px;
+ margin-top: 4px;
+}
+
+.scores .alternate {
+ background-color: rgb(72, 105, 116);
+}
+
+.highScore {
+ float: right;
+ margin-right: 10px;
+}
+
+.currentScore {
+ margin: 0 10px;
+ font-weight: bold;
+ font-size: 25px;
+}
+
+.problemSetName {
+ padding-left: 34px;
+}
+
+.problemSetHeader {
+ background-color: rgb(43, 66, 73);
+ color: white;
+ margin-top: 30px;
+ padding: 5px 0;
+}
+
+.skipHint {
+ text-align: center;
+ font-size: 15px;
+ font-family: Arial, Arial, Helvetica, sans-serif;
+ font-weight: normal;
+ font-style: italic;
+ width: 100%;
+ margin-top: 25px;
+ margin-bottom: 25px;
}
Oops, something went wrong.

0 comments on commit 187539a

Please sign in to comment.