diff --git a/cartoons.js b/cartoons.js
new file mode 100644
index 0000000..5fe4fb9
--- /dev/null
+++ b/cartoons.js
@@ -0,0 +1,185 @@
+/*
+ * Copyright 2020 Zane Littrell, Nora Fossenier
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const Login = require('./login');
+
+/*
+ * Controller class for the cartoons tab.
+ */
+class Cartoons {
+
+  /*
+   * Renders an index page with links to all the cartoon jpgs.
+   */
+  static index(req, dynamoDb, callback) {
+    const params = {
+      TableName: process.env.ISSUE_TABLE,
+    };
+    dynamoDb.scan(params).promise()
+    .then(data => {
+      callback('render', 'cartoons/index', {issues: data.Items});
+    })
+    .catch(error => {
+      console.error(error);
+      callback('render', 'error', {error: error});
+    });
+  }
+
+  /*
+   * Displays the given cartoon.
+   */
+  static show(req, dynamoDb, callback) {
+    const params = {
+      TableName: process.env.ISSUE_TABLE,
+      Key: {
+        issueId: Number(req.params.issueId)
+      }
+    };
+    dynamoDb.get(params).promise()
+    .then(data => {
+      callback('render', 'cartoons/show', {issue: data.Item});
+    })
+    .catch(error => {
+      console.error(error);
+      callback('render', 'error', {error: error});
+    });
+  }
+
+  /*
+   * Renders a form to create a new cartoon link.
+   * NOTE:
+   *   User must be logged in.
+   */
+  static new_cartoon(req, dynamoDb, callback) {
+    if (Login.authenticate(req)) {
+      callback('render', 'cartoons/new');
+    } else {
+      callback('redirect', '/login');
+    }
+  }
+
+  /*
+   * Creates a new cartoon link in the database. Redirects to the cartoons index on
+   * successful creation.
+   * NOTE:
+   *   User must be logged in.
+   */
+  static create(req, dynamoDb, callback) {
+    if (Login.authenticate(req)) {
+      const params = {
+        TableName: process.env.ISSUE_TABLE,
+        Item: {
+          issueId: Number(req.body.issueId),
+          link: req.file.location,
+        }
+      };
+      dynamoDb.put(params).promise()
+      .then(() => {
+        callback('redirect', '/cartoons');
+      })
+      .catch(error => {
+        console.error(error);
+        callback('render', 'error', {error: error});
+      });
+    } else {
+      callback('redirect', '/login');
+    }
+  }
+
+  /*
+   * Renders a page to edit a cartoon.
+   * NOTE:
+   *   User must be logged in.
+   */
+  static edit(req, dynamoDb, callback) {
+    if (Login.authenticate(req)) {
+      const params = {
+        TableName: process.env.ISSUE_TABLE,
+        Key: {
+          issueId: req.params.issueId
+        }
+      };
+      dynamoDb.get(params).promise()
+      .then(data => {
+        callback('render', 'cartoons/edit', {issue: data.Item});
+      })
+      .catch(error => {
+        console.error(error);
+        callback('render', 'error', {error: error});
+      });
+    } else {
+      callback('redirect', '/login');
+    }
+  }
+
+  /*
+   * Updates the data for the current cartoon. After successfully
+   * updating, the user is redirected to the cartoon index.
+   * NOTE:
+   *   User must be logged in.
+   */
+  static update(req, dynamoDb, callback) {
+    if (Login.authenticate(req)) {
+      const params = {
+        TableName: process.env.ISSUE_TABLE,
+        Key: {
+          issueId: req.body.issueId,
+        },
+        UpdateExpression: 'SET link = :link',
+        ExpressionAttributeValues: {
+          ':link': req.file.location,
+        }
+      };
+      console.log(params);
+      dynamoDb.update(params).promise()
+      .then(() => {
+        callback('redirect', '/cartoons');
+      })
+      .catch(error => {
+        console.error(error);
+        callback('render', 'error', {error: error});
+      });
+    } else {
+      callback('redirect', '/login');
+    }
+  }
+
+  /*
+   * Deletes the given cartoon and redirects to the cartoon index.
+   * NOTE:
+   *   User must be logged in.
+   */
+  static destroy(req, dynamoDb, callback) {
+    if (Login.authenticate(req)) {
+      const params = {
+        TableName: process.env.ISSUE_TABLE,
+        Key: {
+          issueId: req.params.issueId
+        }
+      };
+      dynamoDb.delete(params).promise()
+      .then(() => {
+        callback('redirect', '/cartoons');
+      })
+      .catch(error => {
+        console.error(error);
+        callback('render', 'error', {error: error});
+      });
+    } else {
+      callback('redirect', '/login');
+    }
+  }
+}
+module.exports = Cartoons;
diff --git a/subscribers.js b/subscribers.js
index fd5bd4b..8984172 100644
--- a/subscribers.js
+++ b/subscribers.js
@@ -19,6 +19,21 @@
  */
 class Subscribers {
 
+  /*
+   * Returns a list of subscribers to the callback method
+   */
+  static index(req, dynamoDb, callback) {
+    const params = {TableName: process.env.SUBSCRIBERS_TABLE};
+    dynamoDb.scan(params, (error, result) => {
+      if (error) {
+        console.error(error);
+        callback('render', 'error', {error: error});
+      } else {
+        callback('render', 'subscribers/index', {subscribers: result.Items});
+      }
+    })
+  }
+
   /*
    * Renders a form to create a new subscriber.
    */
diff --git a/test/cartoons.js b/test/cartoons.js
new file mode 100644
index 0000000..cf07a22
--- /dev/null
+++ b/test/cartoons.js
@@ -0,0 +1,391 @@
+/*
+ * Copyright 2020 Zane Littrell, Nora Fossenier
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const should = require('chai').should();
+const sinon = require('sinon');
+const dotenv = require('dotenv');
+const faker = require('faker');
+const Cartoons = require('../cartoons');
+
+const result = dotenv.config(
+  { path: process.cwd() + '/test/.env' });
+if (result.error) {
+  throw result.error;
+}
+
+let req = {
+  signedCookies: [],
+  params: [],
+  file: []
+};
+
+let db = {
+  scan: function(params, callback) {
+    throw new Error('Use stub instead');
+  },
+  get: function(params, callback) {
+    throw new Error('Use stub instead');
+  },
+  put: function(params, callback) {
+    callback(null); // no error
+  },
+  update: function(params, callback) {
+    callback(null); // no error
+  },
+  delete: function(params, callback) {
+    callback(null); // no error
+  }
+};
+
+describe('Cartoons', () => {
+  beforeEach(() => {
+    req.signedCookies = [];
+    req.params = [];
+    req.body = [];
+    req.query = [];
+  });
+  afterEach(() => {
+    // Restore the default sandbox here
+    sinon.restore();
+  });
+  describe('#index()', () => {
+    it('should render the index page', (done) => {
+      const result = {
+        TableName: process.env.ISSUE_TABLE,
+        Items: [1, 2, 3, 4]
+      };
+      const scanPromise = {
+        promise: function() {
+          return new Promise((resolve, reject) => {
+            resolve(result);
+          });
+        }
+      };
+      sinon.stub(db, 'scan').returns(scanPromise);
+
+      Cartoons.index(req, db, (action, page, obj) => {
+        action.should.equal('render');
+        page.should.equal('cartoons/index');
+        obj.issues.should.equal(result.Items);
+        done();
+      });
+    });
+    it('should render an error on database error', (done) => {
+      const error = new Error('some failure');
+      const scanPromise = {
+        promise: function() {
+          return new Promise((resolve, reject) => {
+            reject(error);
+          });
+        }
+      };
+      sinon.stub(db, 'scan').returns(scanPromise);
+
+      Cartoons.index(req, db, (action, page, obj) => {
+        action.should.equal('render');
+        page.should.equal('error');
+        obj.error.should.equal(error);
+        done();
+      });
+    });
+  });
+  describe('#show()', () => {
+    it('should display a specific cartoon', (done) => {
+      const result = {
+        TableName: process.env.ISSUE_TABLE,
+        Item: {
+          issueId: 1,
+          link: 'blank'
+        }
+      };
+      const promise = {
+        promise: function() {
+          return new Promise((resolve, reject) => {
+            resolve(result);
+          });
+        }
+      };
+      req.params.issueId = result.Item.issueId;
+      sinon.stub(db, 'get').returns(promise);
+
+      Cartoons.show(req, db, (action, page, obj) => {
+        action.should.equal('render');
+        page.should.equal('cartoons/show');
+        obj.should.have.property('issue');
+        obj.issue.issueId.should.equal(result.Item.issueId);
+        obj.issue.link.should.equal(result.Item.link);
+        done();
+      });
+    });
+    it('should render an error on some error', (done) => {
+      const error = new Error('some error');
+      const promise = {
+        promise: function() {
+          return new Promise((resolve, reject) => {
+            reject(error);
+          });
+        }
+      };
+      req.params.issueId = 'test-id';
+      sinon.stub(db, 'get').returns(promise);
+
+      Cartoons.show(req, db, (action, page, obj) => {
+        action.should.equal('render');
+        page.should.equal('error');
+        obj.error.should.equal(error);
+        done();
+      });
+    });
+  });
+  describe('#new_cartoon()', () => {
+    it('should require a login', (done) => {
+      Cartoons.new_cartoon(req, db, (action, page, obj) => {
+        action.should.equal('redirect');
+        page.should.equal('/login');
+        should.not.exist(obj);
+        done();
+      });
+    });
+    it('should render a form for a new submission', (done) => {
+      req.signedCookies.id_token = 1;
+
+      Cartoons.new_cartoon(req, db, (action, page, obj) => {
+        action.should.equal('render');
+        page.should.equal('cartoons/new');
+        should.not.exist(obj);
+        done();
+      });
+    });
+  });
+  describe('#create()', () => {
+    it('should require a login', (done) => {
+      Cartoons.create(req, db, (action, page, obj) => {
+        action.should.equal('redirect');
+        page.should.equal('/login');
+        should.not.exist(obj);
+        done();
+      });
+    });
+    it('should redirect on success', (done) => {
+      const putPromise = {
+        promise: function() {
+          return new Promise((resolve, reject) => {
+            resolve();
+          });
+        }
+      };
+      sinon.stub(db, 'put').returns(putPromise);
+
+      req.file.location = '/dev/null/';
+      req.signedCookies.id_token = 1;
+
+      Cartoons.create(req, db, (action, page, obj) => {
+        action.should.equal('redirect');
+        page.should.equal('/cartoons');
+        should.not.exist(obj);
+        done();
+      });
+    });
+    it('should render an error when an error occurs', (done) => {
+      const error = new Error('some failure');
+      const putPromise = {
+        promise: function() {
+          return new Promise((resolve, reject) => {
+            reject(error);
+          });
+        }
+      };
+      sinon.stub(db, 'put').returns(putPromise);
+
+      req.file.location = '/dev/null/';
+      req.signedCookies.id_token = 1;
+
+      Cartoons.create(req, db, (action, page, obj) => {
+        action.should.equal('render');
+        page.should.equal('error');
+        obj.error.should.equal(error);
+        done();
+      });
+    });
+  });
+  describe('#edit()', () => {
+    it('should render the edit form', (done) => {
+      req.signedCookies.id_token = 1;
+
+      const result = {
+        TableName: process.env.ISSUE_TABLE,
+        Item: {
+          issueId: 'test-id',
+          link: '/dev/null'
+        }
+      };
+      const promise = {
+        promise: function() {
+          return new Promise((resolve, reject) => {
+            resolve(result);
+          });
+        }
+      };
+      sinon.stub(db, 'get').returns(promise);
+
+      Cartoons.edit(req, db, (action, page, obj) => {
+        action.should.equal('render');
+        page.should.equal('cartoons/edit');
+        obj.issue.should.equal(result.Item);
+        done();
+      });
+    });
+    it('should render an error', (done) => {
+      req.signedCookies.id_token = 1;
+
+      const error = new Error('Some error');
+      const promise = {
+        promise: function() {
+          return new Promise((resolve, reject) => {
+            reject(error);
+          });
+        }
+      };
+      sinon.stub(db, 'get').returns(promise);
+
+      Cartoons.edit(req, db, (action, page, obj) => {
+        action.should.equal('render');
+        page.should.equal('error');
+        obj.error.should.equal(error);
+        done();
+      });
+    });
+    it('should require a login', (done) => {
+      Cartoons.edit(req, db, (action, page, obj) => {
+        action.should.equal('redirect');
+        page.should.equal('/login');
+        should.not.exist(obj);
+        done();
+      });
+    });
+  });
+  describe('#update()', () => {
+    it('should update the cartoon', (done) => {
+      req.signedCookies.id_token = 1;
+      req.body.issueId = 'fake-id';
+      req.file.location = '/dev/null/';
+
+      const promise = {
+        promise: function() {
+          return new Promise((resolve, reject) => {
+            resolve();
+          });
+        }
+      };
+      let spy = sinon.stub(db, 'update').returns(promise);
+
+      const expectedUpdate = {
+        TableName: process.env.ISSUE_TABLE,
+        Key: {
+          issueId: req.body.issueId,
+        },
+        UpdateExpression: 'SET link = :link',
+        ExpressionAttributeValues: {
+          ':link': req.file.location,
+        }
+      };
+
+      Cartoons.update(req, db, (action, page, obj) => {
+        action.should.equal('redirect');
+        page.should.equal('/cartoons');
+        should.not.exist(obj);
+        spy.calledOnceWithExactly(sinon.match(expectedUpdate)).should.be.true;
+        done();
+      });
+    });
+    it('should render an error', (done) => {
+      req.signedCookies.id_token = 1;
+
+      const error = new Error('Some error');
+      const promise = {
+        promise: function() {
+          return new Promise((resolve, reject) => {
+            reject(error);
+          });
+        }
+      };
+      sinon.stub(db, 'update').returns(promise);
+
+      Cartoons.update(req, db, (action, page, obj) => {
+        action.should.equal('render');
+        page.should.equal('error');
+        obj.error.should.equal(error);
+        done();
+      });
+    });
+    it('should require a login', (done) => {
+      Cartoons.update(req, db, (action, page, obj) => {
+        action.should.equal('redirect');
+        page.should.equal('/login');
+        should.not.exist(obj);
+        done();
+      });
+    });
+  });
+  describe('#destroy()', () => {
+    it('should require a login', (done) => {
+      Cartoons.destroy(req, db, (action, page, obj) => {
+        action.should.equal('redirect');
+        page.should.equal('/login');
+        should.not.exist(obj);
+        done();
+      });
+    });
+    it('should redirect on success', (done) => {
+      req.signedCookies.id_token = 1;
+
+      const promise = {
+        promise: function() {
+          return new Promise((resolve, reject) => {
+            resolve();
+          });
+        }
+      };
+      sinon.stub(db, 'delete').returns(promise);
+
+      Cartoons.destroy(req, db, (action, page, obj) => {
+        action.should.equal('redirect');
+        page.should.equal('/cartoons');
+        should.not.exist(obj);
+        done();
+      });
+    });
+    it('should render an error', (done) => {
+      req.signedCookies.id_token = 1;
+
+      const error = new Error('Some error');
+      const promise = {
+        promise: function() {
+          return new Promise((resolve, reject) => {
+            reject(error);
+          });
+        }
+      };
+      sinon.stub(db, 'delete').returns(promise);
+
+      Cartoons.destroy(req, db, (action, page, obj) => {
+        action.should.equal('render');
+        page.should.equal('error');
+        obj.error.should.equal(error);
+        done();
+      });
+    });
+  });
+});
diff --git a/views/cartoons/edit.hbs b/views/cartoons/edit.hbs
new file mode 100644
index 0000000..5950981
--- /dev/null
+++ b/views/cartoons/edit.hbs
@@ -0,0 +1,5 @@
+{{> header}}
+<h1>Edit</h1>
+{{> cartoon_form method='PUT'}}
+<a class="btn btn-outline-secondary" href="/issues/{{req.params.issueId}}">Back</a>
+{{> footer}}
diff --git a/views/cartoons/index.hbs b/views/cartoons/index.hbs
new file mode 100644
index 0000000..01ec5a4
--- /dev/null
+++ b/views/cartoons/index.hbs
@@ -0,0 +1,13 @@
+{{> header}}
+<h1>Visuals</h1>
+{{#if req.signedCookies.id_token}}
+  <p><a href="/cartoons/new" class="btn btn-outline-secondary">New Cartoon/Faux Ad</a><p/>
+{{/if}}
+<div class="row">
+  {{#each issues}}
+    <div class="col-12 issue">
+      <h3><a href="/cartoons/{{issue.issueId}}"><img src={{issue.link}}></a></h3>
+    </div>
+  {{/each}}
+</div>
+{{> footer}}
diff --git a/views/cartoons/new.hbs b/views/cartoons/new.hbs
new file mode 100644
index 0000000..6eba854
--- /dev/null
+++ b/views/cartoons/new.hbs
@@ -0,0 +1,5 @@
+{{> header}}
+<h1>New</h1>
+{{> cartoon_form method='POST'}}
+<a href="/cartoons">Back</a>
+{{> footer}}
diff --git a/views/cartoons/show.hbs b/views/cartoons/show.hbs
new file mode 100644
index 0000000..c5c0147
--- /dev/null
+++ b/views/cartoons/show.hbs
@@ -0,0 +1,17 @@
+{{> header}}
+<div class="row">
+  <div class="col-12">
+    <h1>{{issue.title}}</h1>
+    <h2>Created by {{issue.artist}}</h2>
+  </div>
+  <div class="col-12">
+    <img src={{issue.link}} alt={{issue.title}}>
+  </div>
+</div>
+{{#if req.signedCookies.id_token}}
+  <div class="row">
+    <a href="/cartoons/{{issue.issueId}}/edit" class="btn btn-outline-secondary mt-3">Edit</a>
+    <a href="/cartoons/{{issue.issueId}}/delete" class="btn btn-outline-secondary mt-3">Delete</a>
+  </div>
+{{/if}}
+{{> footer}}
diff --git a/views/partials/cartoon_form.hbs b/views/partials/cartoon_form.hbs
new file mode 100644
index 0000000..8d190e1
--- /dev/null
+++ b/views/partials/cartoon_form.hbs
@@ -0,0 +1,13 @@
+<form action="/cartoons" method="POST" enctype="multipart/form-data">
+  <label for="title">Title:</label>
+  <input type="text" name="title" /><br />
+  <label for="issueId">Id:</label>
+  <input type="text" name="issueId" value="{{issue.issueId}}" /><br />
+  <label for="artist">Artist Name:</label>
+  <input type="text" name="artist" /><br />
+  <label for="link">Image file:</label>
+  <input type="file" name="link" /><br />
+  <input type="hidden" name="_method" value="{{method}}" />
+
+  <input id="form-submit" type="submit" value="Submit" class="btn btn-outline-secondary" />
+</form>