14/7

Book chosen (The Prince)

The ebook provided by Gutenberg is very plain, which I would like to carry over in to my version.
Make the focus of the eBook to be getting the information to the reader clearly and effectively.

17/7

Critique 1 submission made.

18/7

Critique session completed.

• Make special consideration for the introduction section of the book

• How will each chapter be presented? Some chapters are very short, others much longer.

27/7

Points for the future:

• Implementation of internal links to better direct the user to the content they are
looking for
• Text alignment and paragraph width, should be left aligned?
o Consider length of paragraphs and how this interacts with ideal paragraph
length for reading.

30/8

Website layout sketches done

• Consider where introduction content will go

• Should it be it’s own “chapter?”
• How will cover page + home page work? Can they go together as one?

31/8

Website wireframe made according to layout sketch.

• Reconsider how should chapter content fit in each page

• Questions for the future:
o Make one page for introduction section?
o Have multiple links to introduction page which jump to various sections?

1/08

Critique session completed, reduce scope to focus on layout for now, until that is finished. Then, start
thinking about formatting.

• Change home.html to index.html

• Yes, do make separate pages for about and Introduction.
o About should be a short blurb, like the back cover of a book
 o Introduction page should show the introduction content in a style that falls in line
with the normal chapter page layout.
• Formatting starting points:
o Typeface: Different for titles, headings, text?
o Layout: placement of links on the page. Menu strip? Footer or header?
o Should there be internal links to each chapter within each chapter block page?
o Should the size of chapter blocks be based on the length of each chapter? How
should that be decided?
o Can/should you incorporate colour into your eBook?

14/08

Updated home.html to index.html.

Made new page for introduction, separate from about.

Created layout sketches in preparation for session 3.

Explored typography primary using google web fonts. Updated pages to use this.

30/8

Summary of preparation for project checkpoint:

All pages/CSS

• Select new serif font for titles

• Check body text font size on different size windows, adjust if needed
• Add marble texture for background
• Add metadata

Home page (Really the “Cover page”)

• Insert image
• Format text as per layout sketches

About page

• Add blurb content

• Add relevant links
• Add link to Project Gutenberg
• Add attribution for cover image
• <a href="https://www.freepik.com/free-photo/stone-
texture_1033982.htm#query=marble%20texture&position=8&from_view=keyword&track=ai
s">Image by kues1</a> on Freepik
• By Gryffindor - Own work, CC BY-SA 3.0,
https://commons.wikimedia.org/w/index.php?curid=4402468
• Format text as per layout sketches
•

Table of contents

• Add entries for all chapters (only link first 2)

• Format text as per layout sketches
Introduction

• Format text as per layout sketches

• Add HTML comment
o Your Name, Project Checkpoint, Your Paper (either COMPX161-23B or DSIGN161-
23B)

31/8

Changes implemented:

Home page:

• Added image, resized and added a border

• Changed the main links to h3 and updated the tag’s formatting

ToC

• Formatted as per layout sketch, but:

• Moved the list to the center of the page, left aligned it inside a div with a border

About

• Added blurb and links to sources

Introduction & chapters

• Added content
• Formatted according to layout sketches
• Added tags to allow for skipping to each section by link
• Updated navigation links at bottom of page

5/09

Checkpoint feedback

• Add more links and content to about page

• Add buttons for navigation between chapters
• Add placeholders for all chapters to table of contents

18/09

Two ideas for interactivity:

• Map of the locations found in the book as they are mentioned

• Tree of various family and political alignments

20/09

Review of critique 4:

• Settled on an interactive quiz, where you are scored out of 100 on your Machiavellianism

2/10
Started implementation of quiz.

• Formatted questions
• Added radiobutton elements (Using https://www.javascripttutorial.net/javascript-
dom/javascript-radio-button/)
• Added fieldsets for the questions (https://developer.mozilla.org/en-
US/docs/Web/HTML/Element/fieldset)
• Started working on the ECMAScript that will collect the responses and return the calculated
score