diff options
| -rw-r--r-- | assets/css/style.css | 4 | ||||
| -rw-r--r-- | exams.html | 132 | ||||
| -rw-r--r-- | idea.pdf | bin | 0 -> 28389 bytes | |||
| -rw-r--r-- | idea.txt | 39 | ||||
| -rw-r--r-- | questions.html | 108 | ||||
| -rw-r--r-- | solutions.html | 62 |
6 files changed, 267 insertions, 78 deletions
diff --git a/assets/css/style.css b/assets/css/style.css index 28122e6..e88062c 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -261,8 +261,10 @@ footer nav a { font-family: 'Roboto', sans-serif; } #solutions-main{ - min-height: 87%; + min-height: 100%; + padding-top: 65px; } + /*the section which holds each of the solutions*/ section.solutions-card{ text-align: left; diff --git a/exams.html b/exams.html new file mode 100644 index 0000000..daaf55e --- /dev/null +++ b/exams.html @@ -0,0 +1,132 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Solutions Repo</title> + + <!--ORDER IS IMPORTANT DO NOT SHIFT--> + + <!--Custom CSS Files--> + <link href="assets/css/style.css" rel="stylesheet" type="text/css"> + + <!--Bootstrap File--> + <link rel="stylesheet" href="assets/css/bootstrap.min.css"> + <link rel="stylesheet" href="assets/css/creative.css"> + + <!--Fonts--> + <link href='https://fonts.googleapis.com/css?family=Lato:100' rel='stylesheet' type='text/css'> + <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'> + + <!--JS--> + <script src="assets/js/jquery-2.2.4.min.js"></script> + <script src="assets/js/bootstrap.min.js"></script> +</head> +<body> + + <nav id="mainNav" class="navbar navbar-default navbar-fixed-top" > + <div class="container-fluid"> + <!-- Brand and toggle get grouped for better mobile display --> + <div class="navbar-header"> + <button type="button" class="navbar-toggle collapsed" + data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> + <span class="sr-only">Toggle navigation</span> <span + class="icon-bar"></span> <span class="icon-bar"></span> <span + class="icon-bar"></span> + </button> + <a class="navbar-brand page-scroll" href="#page-top"> ENTER OUR NAME HERE</a> + </div> + + <!-- Collect the nav links, forms, and other content for toggling --> + <div class="collapse navbar-collapse" + id="bs-example-navbar-collapse-1"> + <ul class="nav navbar-nav navbar-right"> + <li class="dropdown"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Courses <span class="caret"></span></a> + <ul class="dropdown-menu"> + <li><a href="#">First Year</a></li> + <li><a href="#">Second Year</a></li> + <li><a href="#">Third Year</a></li> + <li><a href="#">Fourth Year</a></li> + </ul> + </li> + <li><a href="#">Register</a></li> + <li><a href="#">Log In</a></li> + + <!--<li id="header"><header><a href="#"><img src="assets/images/logo.png"></a></header></li> –>--> + </ul> + </div> + <!-- /.navbar-collapse --> + </div> + <!-- /.container-fluid --> + </nav> + + +<!--any class or id pertaining to this section specifically starts with "solutions"--> +<!--KEYS: solutions-card - holds the solutions for each exam + solutions-title - the name of the courses + solutions-time - when the exam was held (Fall/Summer/Winter) + solutions-type - the kind of examination (Midterm/Final/Quizzes--> + + + <main id = 'solutions-main'> + <div class = 'search container' id = 'solutions-div'> + <h1 id = 'solutions-header'>All Exams</h1> + <section class = 'solutions-card'> + <h3 class = 'solutions-title'>CSC309 - Programming on the Web</h3> + <p class = 'solutions-time' >Summer, 2016</p> + <p class = 'solutions-type'>Final Examination</p> + </section> + + <section class = 'solutions-card'> + <h3 class = 'solutions-title'>ECE344 - Operating Systems</h3> + <p class = 'solutions-time' >Winter, 2016</p> + <p class = 'solutions-type'>Midterm Examination</p> + </section> + + <section class = 'solutions-card'> + <h3 class = 'solutions-title'>ECE345 - Algorithms and Data Structures</h3> + <p class = 'solutions-time' >Fall, 2015</p> + <p class = 'solutions-type'>Final Examination</p> + </section> + + <section class = 'solutions-card'> + <h3 class = 'solutions-title'>CSC343 - Introduction to Databases</h3> + <p class = 'solutions-time' >Fall, 2014</p> + <p class = 'solutions-type'>Final Examination</p> + </section> + </div> + </main> + + <footer> + <!-- <div id="footer-container" class="container-fluid"> + <nav> + <a href="#">Contact</a> + <a href="#">About Us</a> + <a href="#">Terms of Use</a> + </nav> + <h6>Copyright 2016</h6> + </div>--> + <div class="navbar navbar-default navbar-fixed-bottom"> + <div class="container-fluid"> + <div class="navbar-collapse collapse" id="footer-body"> + <ul class="nav navbar-nav"> + <li><a href="#">About Us</a></li> + <li><a href="#">Contact Us</a></li> + <li><a href="#">Terms & Conditions</a></li> + <li><a href="#">Privacy Policy</a></li> + </ul> + </div> + <div class="navbar-header"> + <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#footer-body"> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </button> + </div> + + </div> + </div> + </footer> +</body> +</html>
\ No newline at end of file diff --git a/idea.pdf b/idea.pdf Binary files differnew file mode 100644 index 0000000..9d840fe --- /dev/null +++ b/idea.pdf @@ -1,3 +1,40 @@ This will be the idea page ->
\ No newline at end of file +*********************** +Topic +*********************** +A web app that allows students to share and discuss past test/exam solutions. + +*********************** +Description +*********************** +The current system of U of T exam repository is garbage. Exams can be found through some digging around but even so, there are no solutions posted. + +This model isn't particularly helpful for students who are using the past exams as a studying strategy. + +Often students end of taking these exams and discussing them in some third party forums which are not designed for this specific purpose. + +Our app brings this tired model to the internet age. Exams can be accessed via a simple search or category. + +Once the exam is found, questions are listed in order along with the number of "comments" in each. +The user can then chose to click on the question they want to get the details of the question and/or view the answers (if) provided by other users. +If the user agrees with a solution they can "upvote" it, or if they have an alternative solution, they may upload their solution as an image for other users to see. +Solutions with the most upvotes will be displayed first. +If the user finds that the provided solution is confusing or incomplete, they can post a comment for that solution clarifying that solution. Multiple users can comment on a posted solution. + +This comment will be visible to all users and the solutions provider will be notified of the comment posted. + +The questions themselves will be images of the question, provided by us. + + +*********************** +Tasks +*********************** + + + + + +*********************** +Team Members +*********************** diff --git a/questions.html b/questions.html index 0ee7b5b..e4d9340 100644 --- a/questions.html +++ b/questions.html @@ -1,18 +1,67 @@ -<!DOCTYPE html> -<html lang="en"> +<html> <head> <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Solutions Repo</title> + + <!--ORDER IS IMPORTANT DO NOT SHIFT--> + + <!--Custom CSS Files--> <link href="assets/css/style.css" rel="stylesheet" type="text/css"> - <!--<link rel="stylesheet" href="assets/css/bootstrap.min.css" crossorigin="anonymous">--> + + <!--Bootstrap File--> + <link rel="stylesheet" href="assets/css/bootstrap.min.css" crossorigin="anonymous"> + <link rel="stylesheet" href="assets/css/creative.css"> + + <!--Fonts--> <link href='https://fonts.googleapis.com/css?family=Lato:100' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'> - <meta charset="UTF-8"> - <title>Solutions Repo</title> + + <!--JS--> + <script src="assets/js/jquery-2.2.4.min.js"></script> + <script src="assets/js/bootstrap.min.js"></script> </head> <body> + <nav id="mainNav" class="navbar navbar-default navbar-fixed-top" > + <div class="container-fluid"> + <!-- Brand and toggle get grouped for better mobile display --> + <div class="navbar-header"> + <button type="button" class="navbar-toggle collapsed" + data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> + <span class="sr-only">Toggle navigation</span> <span + class="icon-bar"></span> <span class="icon-bar"></span> <span + class="icon-bar"></span> + </button> + <a class="navbar-brand page-scroll" href="#page-top"> ENTER OUR NAME HERE</a> + </div> + + <!-- Collect the nav links, forms, and other content for toggling --> + <div class="collapse navbar-collapse" + id="bs-example-navbar-collapse-1"> + <ul class="nav navbar-nav navbar-right"> + <li class="dropdown"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Courses <span class="caret"></span></a> + <ul class="dropdown-menu"> + <li><a href="#">First Year</a></li> + <li><a href="#">Second Year</a></li> + <li><a href="#">Third Year</a></li> + <li><a href="#">Fourth Year</a></li> + </ul> + </li> + <li><a href="#">Register</a></li> + <li><a href="#">Log In</a></li> + + <!--<li id="header"><header><a href="#"><img src="assets/images/logo.png"></a></header></li> –>--> + </ul> + </div> + <!-- /.navbar-collapse --> + </div> + <!-- /.container-fluid --> + </nav> + <main id = 'solutions-main'> - <div class = 'search' id = 'solutions-div'> + <div class = 'search container' id = 'solutions-div'> <h1 id = 'solutions-header'>CSC309-Programming on the Web</h1> <h3> Summer, 2016</h3> <h3> Final</h3> @@ -37,16 +86,47 @@ </section> </div> + </main> - <footer id = 'solutions-footer'> - <div id="footer-container"> - <nav> - <a href="#">Contact</a> - <a href="#">About Us</a> - <a href="#">Terms of Use</a> - </nav> - <h6>Copyright 2016</h6> + <!--<main>--> + <!--<!–made the id in to a class–>--> + <!--<div class='search container'>--> + <!--<h2>The solutions to all your problems.</h2>--> + <!--<!–<img src="assets/images/down.png">–>--> + <!--<input type="text" name="search" placeholder="Enter course name">--> + <!--</div>--> + + <!--</main>--> + + <footer> + <!--<div id="footer-container" class="container-fluid">--> + <!--<nav>--> + <!--<a href="#">Contact</a>--> + <!--<a href="#">About Us</a>--> + <!--<a href="#">Terms of Use</a>--> + <!--</nav>--> + <!--<h6>Copyright 2016</h6>--> + <!--</div>--> + <div class="navbar navbar-default navbar-fixed-bottom"> + <div class="container-fluid"> + <div class="navbar-collapse collapse" id="footer-body"> + <ul class="nav navbar-nav"> + <li><a href="#">About Us</a></li> + <li><a href="#">Contact Us</a></li> + <li><a href="#">Terms & Conditions</a></li> + <li><a href="#">Privacy Policy</a></li> + </ul> + </div> + <div class="navbar-header"> + <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#footer-body"> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </button> + </div> + + </div> </div> </footer> diff --git a/solutions.html b/solutions.html deleted file mode 100644 index ce8c536..0000000 --- a/solutions.html +++ /dev/null @@ -1,62 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8"> - <link href="assets/css/style.css" rel="stylesheet" type="text/css"> - <!--<link rel="stylesheet" href="assets/css/bootstrap.min.css" crossorigin="anonymous">--> - <link href='https://fonts.googleapis.com/css?family=Lato:100' rel='stylesheet' type='text/css'> - <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'> - <title>Solutions Repo</title> -</head> -<body> - - -<!--any class or id pertaining to this section specifically starts with "solutions"--> -<!--KEYS: solutions-card - holds the solutions for each exam - solutions-title - the name of the courses - solutions-time - when the exam was held (Fall/Summer/Winter) - solutions-type - the kind of examination (Midterm/Final/Quizzes--> - - - <main id = 'solutions-main'> - <div class = 'search' id = 'solutions-div'> - <h1 id = 'solutions-header'>Exam Solutions</h1> - <section class = 'solutions-card'> - <h3 class = 'solutions-title'>CSC309 - Programming on the Web</h3> - <p class = 'solutions-time' >Summer, 2016</p> - <p class = 'solutions-type'>Final Examination</p> - </section> - - <section class = 'solutions-card'> - <h3 class = 'solutions-title'>ECE344 - Operating Systems</h3> - <p class = 'solutions-time' >Winter, 2016</p> - <p class = 'solutions-type'>Midterm Examination</p> - </section> - - <section class = 'solutions-card'> - <h3 class = 'solutions-title'>ECE345 - Algorithms and Data Structures</h3> - <p class = 'solutions-time' >Fall, 2015</p> - <p class = 'solutions-type'>Final Examination</p> - </section> - - <section class = 'solutions-card'> - <h3 class = 'solutions-title'>CSC343 - Introduction to Databases</h3> - <p class = 'solutions-time' >Fall, 2014</p> - <p class = 'solutions-type'>Final Examination</p> - </section> - - </div> - </main> - - <footer id = 'solutions-footer'> - <div id="footer-container"> - <nav> - <a href="#">Contact</a> - <a href="#">About Us</a> - <a href="#">Terms of Use</a> - </nav> - <h6>Copyright 2016</h6> - </div> - </footer> -</body> -</html>
\ No newline at end of file |