-
Notifications
You must be signed in to change notification settings - Fork 0
/
report.html
58 lines (57 loc) · 3.84 KB
/
report.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<html lang="en">
<head>
<title>CS 347 Project 1 - GregTech Minecraft Modpack Info</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/styles.css">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
</head>
<body>
<header>
<img src="https://gregtech.overminddl1.com/static/images/logo_gt_site.svg" alt="GregTech logo">
<h1>GregTech Modpack Informational Website</h1>
</header>
<nav>
<ul class="navlist">
<li class="navitem"><a href="index.html">Home</a></li>
<li class="navitem"><a href="gtnh.html">GregTech New Horizons</a></li>
<li class="navitem"><a href="impact.html">GT Impact</a></li>
<li class="navitem"><a href="interactions.html">FTB Interactions</a></li>
<li class="navitem"><a href="omnifactory.html">Omnifactory</a></li>
</ul>
</nav>
<main>
<h2>Project 1 Report</h2>
<ol>
<li>The website, while being based on a hobby of mine, is designed for an audience other than myself, that audience being less experienced players.</li>
<li>The textual content was written by me from memory. I did use third-party images, crediting whenever possible.</li>
<li>The site contains five pages, excluding this report.</li>
<li>The site includes a header.</li>
<li>The site has a navbar.</li>
<li>I utilized media queries to make the navbar vertical rather than horizontal on smaller screens, and also divide the non-index pages into three columns on large screens.</li>
<li>Styles are included in a shared stylesheet (styles.css), and the gallery CSS is in a separate stylesheet to keep things organized.</li>
<li>Images are included in the form of the Logo on the top of each page, as well as a slideshow gallery for some of the individual pages.</li>
<li>The favicon is declared, however refuses to show up on Chrome for some reason, but works on Edge.</li>
<li>The stylesheets and script are organized into the css and js folders respectively.</li>
<li>I did not use Bootstrap or similar frameworks.</li>
<li>The pages passed the Nu Validator.</li>
<li>The content is generally left-aligned, however the header is center-aligned to distinguish it.</li>
<li>I have included padding in most cases.</li>
<li>I used the Fonts Orbitron (for headings) and Raleway (for text), which I found on Google fonts.</li>
<li>On the index page, I have included a contact form.</li>
<li>On gtnh.html and impact.html, I have included links to the official websites for those modpacks.</li>
<li>All of my class names use kebab-case and have meaningful names.</li>
<li>I made a slideshow gallery using CSS and JavaScript to use on the info pages.</li>
<li>I have shared the site in a repository accessible <a href="https://github.com/mcadventurecity/cs347-project1">here</a>.</li>
<li>My file names are all lowercase.</li>
<li>I have set up the Apache configuration to redirect http to https.</li>
<li>I followed the tutorial "Forcing HTTPS" on twodee.org to do this.</li>
<li>Apache has been configured to redirect.</li>
<li>While it did seem like the commits were condensed, that was because I got a late start.</li>
</ol>
</main>
<footer>© Jarod Reichel 2021</footer>
</body>
</html>