Issue 46- Add styling to help.html

.project

@@ -10,6 +10,16 @@
 			<arguments>
 			</arguments>
 		</buildCommand>
+		<buildCommand>
+			<name>org.eclipse.wst.common.project.facet.core.builder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+		<buildCommand>
+			<name>org.eclipse.wst.validation.validationbuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
 		<buildCommand>
 			<name>org.eclipse.buildship.core.gradleprojectbuilder</name>
 			<arguments>
@@ -28,8 +38,10 @@
 	</buildSpec>
 	<natures>
 		<nature>org.eclipse.jdt.core.javanature</nature>
+		<nature>org.eclipse.wst.common.project.facet.core.nature</nature>
+		<nature>org.eclipse.wst.common.modulecore.ModuleCoreNature</nature>
+		<nature>org.eclipse.buildship.core.gradleprojectnature</nature>
 		<nature>net.sf.eclipsecs.core.CheckstyleNature</nature>
 		<nature>edu.umd.cs.findbugs.plugin.eclipse.findbugsNature</nature>
-		<nature>org.eclipse.buildship.core.gradleprojectnature</nature>
 	</natures>
 </projectDescription>

.settings/org.eclipse.buildship.core.prefs

@@ -1,2 +1,2 @@
-connection.project.dir=
-eclipse.preferences.version=1
+connection.project.dir=
+eclipse.preferences.version=1

.settings/org.eclipse.wst.common.component

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project-modules id="moduleCoreId" project-version="1.5.0">
+	<wb-module deploy-name="RaiderPlanner.git">
+		<property name="context-root" value="RaiderPlanner.git"/>
+		<wb-resource deploy-path="/WEB-INF/classes" source-path="src"/>
+	</wb-module>
+</project-modules>

.settings/org.eclipse.wst.common.project.facet.core.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<faceted-project>
+	<fixed facet="jst.java"/>
+	<fixed facet="jst.web"/>
+	<installed facet="jst.web" version="2.4"/>
+	<installed facet="jst.java" version="1.8"/>
+</faceted-project>

AUTHORS

@@ -13,15 +13,19 @@ Fahad Alnashwan <alnashwan.2@wright.edu>
 Matthew Barrett <barrett.77@wright.edu>
 Gage Berghoff <berghoff.2@wright.edu>
 Aashish Bharadwaj <aashish.bharadwaj01@gmail.com>
+Daniel Bleigh <bleigh.2@wright.edu>
 Alena Brand <brand.18@wright.edu>
 Nathaniel C Crossman <crossman.4@wright.edu>
 Gabriel Dodds <dodds.26@wright.edu>
+Nathan Dunn <dunn.113@wright.edu>
+Elizabeth Farr <farr.16@wright.edu>
 Randy Forte <forterandy@outlook.com>
 Aaron Hammer <hammer.21@wright.edu>
 Dominick Hatton <hatton.24@wright.edu>
 Peter Haviland <haviland.4@wright.edu>
 Rachel Hill <hill.382@wright.edu>
 Andy Hulett <hulett.4@wright.edu>
+William Kiger <kiger.9@wright.edu>
 Ryan Koeller <koeller.8@wright.edu>
 James Languirand <languirand.2@wright.edu>
 Eric Levine <levine.15@wright.edu>
@@ -50,4 +54,4 @@ Alexander Voultos <voultos.2@wright.com>
 Sara Walsh <uglypurses@yahoo.com>
 Isaiah Winfrey <winfrey.5@wright.edu>
 Joseph Yancey <yancey.14@wright.edu>
-Adam Cone <cone.14@wright.edu>
+Adam Cone <cone.14@wright.edu>

build.gradle

@@ -37,6 +37,7 @@ buildscript {
 		classpath 'org.junit.platform:junit-platform-gradle-plugin:1.0.1'
 		classpath 'gradle.plugin.edu.sc.seis.gradle:launch4j:2.4.4'
 		classpath "gradle.plugin.com.github.spotbugs:spotbugs-gradle-plugin:1.6.3"
+        classpath "org.springframework.boot:spring-boot-gradle-plugin:2.1.3.RELEASE"    
 	}
 }
 
@@ -47,6 +48,9 @@ apply plugin: 'checkstyle'
 apply plugin: 'com.github.spotbugs'
 apply plugin: 'edu.sc.seis.launch4j'
 apply plugin: 'org.junit.platform.gradle.plugin'
+apply plugin: 'war'
+apply plugin: 'org.springframework.boot'
+apply plugin: 'io.spring.dependency-management'
 
 
 compileJava {
@@ -105,6 +109,7 @@ repositories {
  * Gradle grabs dependencies from the above repositories.
  */
 dependencies {
+    //implementation 'org.springframework.book:spring-boot-dependencies:2.1.3.RELEASE'
 	compile 'net.sf.biweekly:biweekly:0.6.1'
 	compile 'commons-validator:commons-validator:1.6'
 	compile 'com.google.guava:guava:21.0'
@@ -129,8 +134,23 @@ dependencies {
 	compile 'org.junit.platform:junit-platform-runner:1.0.1'
 	compile 'org.junit.vintage:junit-vintage-engine:4.12.1'
 	implementation 'com.github.PlusHaze:TrayNotification:5393c3a54f'
-	compile fileTree(dir: 'src', include: ['*.jar'])
+	//compile fileTree(dir: 'src', include: ['*.jar'])
 	compile group: 'org.apache.derby', name: 'derby', version: '10.14.1.0'
+    // https://mvnrepository.com/artifact/com.fasterxml.jackson.core/jackson-databind
+    // add dependency for jackson's @JsonCreator and @JsonProperty annotations
+    compile 'com.fasterxml.jackson.core:jackson-databind:2.9.8'
+    // https://mvnrepository.com/artifact/org.springframework.boot/spring-boot-starter-web
+    // add dependency for creating Spring Boot Rest applications
+    compile 'org.springframework.boot:spring-boot-starter-web:2.1.3.RELEASE'
+    // https://mvnrepository.com/artifact/org.springframework/spring-webmvc
+    // add dependency for consuming RESTful services
+    compile 'org.springframework:spring-webmvc:5.1.5.RELEASE'
+    // https://mvnrepository.com/artifact/javax.servlet/javax.servlet-api
+    // add dependency for creating web applications
+    compile 'javax.servlet:javax.servlet-api:4.0.1'
+    // https://mvnrepository.com/artifact/org.apache.maven.plugins/maven-war-plugin
+    // add dependency for assembling web application WAR files
+    compile 'org.apache.maven.plugins:maven-war-plugin:3.2.2'
 	runtime group: 'org.apache.derby', name: 'derby', version: '10.14.1.0'
 }
 

docs/about.html

@@ -0,0 +1,217 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+    <title>RaiderPlanner</title>
+    <link rel="stylesheet" href="assets/css/normalize.css">
+    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,700">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Kaushan+Script">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700">
+    <link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Bigshot+One">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.1.1/aos.css">
+    <link rel="stylesheet" href="assets/css/untitled.css">
+	<link rel="icon" href="assets/img/favnew.png">
+	<link rel="stylesheet" href="assets/css/main.css">
+</head>
+
+<body id="page-top">
+
+
+    <section id="about">
+
+    </section>
+    <section id="about">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12 text-center">
+                    <h2 class="text-uppercase">About</h2>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-lg-12">
+                    <ul class="list-group timeline">
+                        <li class="list-group-item">
+                            <div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/1.jpg" alt="timeline image one"></div>
+                            <div data-aos="fade-right" data-aos-duration="900" class="timeline-panel">
+                                <div class="timeline-heading">
+                                    <h4>December 2016</h4>
+                                    <h4 class="subheading">Our Humble Beginnings</h4>
+                                </div>
+                                <div class="timeline-body">
+                                    <p class="text-left" style="font-size: 20px;color: rgb(152,96,96);font-family: 'Roboto Slab', serif;">Students from the University of East Anglia located in Norwich, England took on a Study Planner project as part of their course work for "CMP-5012B - Software Engineering I". Which led to PearPlanner.<br><br></p>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="list-group-item timeline-inverted">
+                            <div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/2.jpg" alt = "timeline image two"></div>
+                            <div data-aos="fade-left" data-aos-duration="900" class="timeline-panel">
+                                <div class="timeline-heading">
+                                    <h4>RaiderPlanner</h4>
+                                    <h4 class="subheading">A new project is Born</h4>
+                                </div>
+                                <div class="timeline-body">
+                                    <p style="font-size: 20px;color: rgb(152,96,96);font-family: 'Roboto Slab', serif;">RaiderPlanner is the PearPlanner's direct successor, a class project comprising most of the coursework for Wright State University's "Introduction to the Design of IT Syetems" class (CEG 3120). The class uses GitHub
+                                        as the file storage repository.<br><br></p>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="list-group-item">
+                            <div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/3.jpg" alt="timeline image three"></div>
+                            <div data-aos="fade-right" data-aos-duration="900" class="timeline-panel">
+                                <div class="timeline-heading">
+                                    <h4>Purpose</h4>
+                                </div>
+                                <div class="timeline-body">
+                                    <p class="text-left" style="font-size: 20px;color: rgb(152,96,96);font-family: 'Roboto Slab', serif;font-style: normal;">The purpose of this project is to implement a program containing the pertinent information from a given semester (coursework, deadline information, exam information etc.) with a simple Graphical User Interface.<br><br></p>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="list-group-item timeline-inverted">
+                            <div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/4.jpg" alt= "timeline image 4"></div>
+                            <div data-aos="fade-left" data-aos-duration="900" class="timeline-panel">
+                                <div class="timeline-heading">
+                                    <h4>Capabilities</h4>
+                                    <h4 class="subheading">4 major&nbsp;<strong>ones:</strong><br></h4>
+                                </div>
+                                <div class="timeline-body">
+                                    <ol>
+                                        <li style="color: rgb(152,96,96);font-size: 20px;">Load module, coursework and deadline information from a defined file format.<br></li>
+                                        <li style="color: rgb(152,96,96);font-size: 20px;">Define study tasks, details, milestones and deadlines.<br></li>
+                                        <li style="color: rgb(152,96,96);font-size: 20px;">Record study activities that contribute towards completing study tasks and milestones.<br></li>
+                                        <li style="color: rgb(152,96,96);font-size: 20px;">Visualize activities, dependencies, intermediate milestones and deadlines using Gantt chart representation as well as a study progress dashboard that highlights upcoming deadlines and progress towards completing
+                                            milestones and time spent for each module.<br></li>
+                                    </ol>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="list-group-item timeline-inverted">
+                            <div class="timeline-image">
+                                <h4 style="color: rgb(101,65,65);">Be Part<br>&nbsp;Of Our<br>&nbsp;Story!</h4>
+                            </div>
+                        </li>
+                    </ul>
+                </div>
+            </div> 
+        </div>
+    </section>
+
+    <section id="contact" style="background-color: rgb(52,58,64);">
+        <h1 class="text-center" style="color: rgb(255,255,255);">Contact Us:</h1>
+        <p class="text-center" style="color: rgb(255,255,255);">Contact section under construction</p>
+    </section>
+    <footer style="background-color: #d7d7d7;margin-top: 29px;">
+        <div class="container" style="background-color: rgba(220,216,216,0);">
+            <div class="row">
+                <div class="col-md-4"><span class="copyright" style="font-size: 22px;margin-top: 0px;padding-top: 0px;">RaiderPlanner</span></div>
+                <div class="col-md-4"><a class="btn btn-primary btn-lg btn-default" role="button" href="https://github.com/rsanchez-wsu/RaiderPlanner" target="_blank"><i class="fa fa-github fa-fw"></i><span class="network-name">&nbsp;github</span></a></div>
+                <div class="col-md-4">
+                    <a href="#portfolioModal7" class="portfolio-link" data-toggle="modal">
+                        <div class="portfolio-hover" style="margin-top: 4px;">
+                            <div class="portfolio-hover-content">
+                                <p>Credit for images and copyrights.</p>
+                            </div>
+                        </div>
+                    </a>
+                </div>
+            </div>
+        </div>
+    </footer>
+    <div class="modal fade portfolio-modal text-center" role="dialog" tabindex="-1" id="portfolioModal1">
+        <div class="modal-dialog modal-lg" role="document">
+            <div class="modal-content">
+                <div class="modal-body">
+                    <div class="container">
+                        <div class="row">
+                            <div class="col-lg-8 mx-auto">
+                                <div class="modal-body"><h2 class="text-uppercase">The Way Ahead</h2><img src="assets/img/movingforward.jpeg" class="img-fluid d-block mx-auto"><p>The Fall 2017 students of Mr. Sanchez' CEG-3120 class started out the semester working on several issues identified by Mr. Sanchez. As part of the course progression students were asked to identify issues or enhancements for RaiderPlanner. The objective is to incorporate some or all of these recommended changes throughout the course of the project.
+</p><button class="btn btn-primary" type="button" data-dismiss="modal"><i class="fa fa-times"></i><span> Close window</span></button></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="modal fade portfolio-modal text-center" role="dialog" tabindex="-1" id="portfolioModal2">
+        <div class="modal-dialog modal-lg" role="document">
+            <div class="modal-content">
+                <div class="modal-body">
+                    <div class="container">
+                        <div class="row">
+                            <div class="col-lg-8 mx-auto">
+                                <div class="modal-body"><h2 class="text-uppercase">Key Features</h2><img src="assets/img/classPicture.jpg" alt="Class picture" class="img-fluid d-block mx-auto"><p>The current implementation of RaiderPlanner (formerly PearPlanner) keeps the 4 central capabilities from the original project, along with implementation of several changes made by the CEG-3120 students. This planner can be used by a student to keep track of the major items due over the course of the semester, and includes tools allowing the user to add calendar reminders, make notes and assign tasks for each assignment.
+</p><button class="btn btn-primary" type="button" data-dismiss="modal"><i class="fa fa-times"></i><span> Close window</span></button></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="modal fade portfolio-modal text-center" role="dialog" tabindex="-1" id="portfolioModal3">
+        <div class="modal-dialog modal-lg" role="document">
+            <div class="modal-content">
+                <div class="modal-body">
+                    <div class="container">
+                        <div class="row">
+                            <div class="col-lg-8 mx-auto">
+                                <div class="modal-body"><h2>PearPlanner</h2><img src="assets/img/pearplanner.jpg" alt="pearplanner" class="img-fluid d-block mx-auto"><p>Credit for the original project goes to: Benjamin Dickson, Andrew Odintsov, Zilvinas Ceikauskas and Bijan Ghasemi Afshar</p><button class="btn btn-primary" type="button" data-dismiss="modal"><i class="fa fa-times"></i><span> Close window</span></button></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="modal fade portfolio-modal text-center" role="dialog" tabindex="-1" id="portfolioModal4">
+        <div class="modal-dialog modal-lg" role="document">
+            <div class="modal-content">
+                <div class="modal-body">
+                    <div class="container">
+                        <div class="row">
+                            <div class="col-lg-8 mx-auto">
+                                <div class="modal-body"><h2>Downloads</h2><ol class="downloadlist">
+    <li><a href = "https://github.com/rsanchez-wsu/RaiderPlanner" title="Link leading to the project download page">Download link from GitHub</a>
+    </li>
+    <li>Extract the file into your desired location.</li>
+    <li>Start Eclipse and import your file.</li>
+    <li>Run RaiderPlanner.git to start the program.</li>
+</ol><button class="btn btn-primary" type="button" data-dismiss="modal"><i class="fa fa-times"></i><span> Close window</span></button></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="modal fade portfolio-modal text-center" role="dialog" tabindex="-1" id="portfolioModal6">
+        <div class="modal-dialog modal-lg" role="document">
+            <div class="modal-content">
+                <div class="modal-body">
+                    <div class="container">
+                        <div class="row">
+                            <div class="col-lg-8 mx-auto">
+                                <div class="modal-body"><h2 class="text-uppercase">Point of contact</h2><img src="assets/img/code.jpg" alt="contact info" class="img-fluid d-block mx-auto"><p>You can view this project on GitHub.  <a href = "https://github.com/rsanchez-wsu/RaiderPlanner" title= "Link going to the projects GitHub page" target="_blank" >Click here to open the GitHub project page in a new window.</a></p><button class="btn btn-primary" type="button" data-dismiss="modal"><i class="fa fa-times"></i><span> Close window</span></button></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+    <script src="assets/js/jquery.min.js"></script>
+    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
+    <script src="assets/js/agency.js"></script>
+    <script src="assets/js/bs-animation.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.1.1/aos.js"></script>
+</body>
+
+</html>