anchor.diff:  
   
   
  -
  -<!-- Delete modal -->
  -<div id="deleteModal" class="modal fade" role="dialog">
  -  <div class="modal-dialog">
  -
  -    <!-- Modal content-->
  -    <div class="modal-content">
  -      <div class="modal-header">
  -        <button type="button" class="close" data-dismiss="modal">&times;</button>
  -        <h4 class="modal-title">Are you sure?</h4>
  -      </div>
  -      <div class="modal-body">
  -        <p>Are you sure you want to delete the selected reminder?</p>
  -      </div>
  -      <div class="modal-footer">
  -        <button type="button" class="btn btn-danger" data-dismiss="modal" name="deleteConfirm">Yes</button>
  -        <button type="button" class="btn btn-success" data-dismiss="modal">No</button>
  -      </div>
  -    </div>
  -  </div>
  -</div>
  -
  -<!-- Error modal -->
  -<div id="jsonErrorModal" class="modal fade" role="dialog">
  -	<div class="modal-dialog">
  -		<div class="modal-content">
  -			<div class="modal-header">
  -				<button type="button" class="close" data-dismiss="modal">&times;</button>
  -				<h4 class="modal-title">Something went wrong!</h4>
  -			</div>
  -			<div class="modal-body">
  -				<p id="jsonErrorText"></p>
  -			</div>
  -			<div class="modal-footer">
  -				<button type="button" class="btn btn-info" data-dismiss="modal">Ok!</button>
  -			</div>
  -		</div>
  -	</div>
  -</div>
  +<%@ include file="commons/modals.jsp" %>
   
   <%@ include file="commons/footer.jsp"%>
  
positive.code:                             </td>
                              <td class="reminderEdit"><input type="text" class="form-control text" name="text" size="40"></td>
  
                              <td>
                                  <button type="button" name="deleteButton" class="btn btn-danger" data-toggle="modal" data-target="#deleteModal">
                                      <span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
  
negative.code:                                 <input type="text" class="form-control" name="text" placeholder="Take out the trash" size="40">
                              </td>
                              <td>
                              </td>
                              <td>
                                  <button class="btn btn-primary" name="addReminder">
                                      <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
                                      Add
                                  </button>
                              </td>
                          </tr>
                          <tr id="template" style="display: none;">
                              <td class="reminderView"><span class="startingat"></span></td>
                              <td class="reminderView"><span class="frequency"></span></td>
                              <td class="reminderView"><span class="text"></span></td>
  
                              <td class="reminderEdit">
                                  <input type="date" name="startingat" class="startingat form-control">
                              </td>
                              <td class="reminderEdit">
                                  <select name="frequency" class="frequency form-control">
                                      <option value="0">One-time</option>
                                      <option value="1">Daily</option>
                                      <option value="2">Weekly</option>
  