Explore Our Project Code
This page highlights the code for our project. Each link below leads to a part of the project code on our GitHub. We’ve added explanations for our coding choices and the goals we had for each tool we used.
XML Markup
The XML document is the core of our project, organizing data in a clear, structured way. We used elements for key parts like titles, characters, and story summaries. Attributes are used only when needed to keep things simple and easy to read.
XSLT
We used XSLT to change our XML data into a simpler HTML format. Our stylesheet focuses on showing data clearly while keeping the design simple. Template matching and formatting choices were made to balance looks and usability.
HTML Structure
The HTML is the base for the visual layout of our website. We used clear and organized coding to make it accessible. Headings, sections, and links are clearly marked to make it easy to use.
CSS Styling
The CSS gives the website a consistent look and feel. We used responsive design to make the site work well on different devices. Our style choices, like fonts and colors, match the theme of the content and make it easier to read.