-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
100 lines (87 loc) · 3.94 KB
/
index.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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Wiki : One Hundred Years of Solitude</title>
<link href="css/style.css" rel="stylesheet" type="text/css">
<script async defer src="https://buttons.github.io/buttons.js"></script>
<style>
.header {
text-align: center;
}
.details {
grid-column: 1 / 5;
}
.row {
display: flex;
}
/* Create three equal columns that sits next to each other */
.column {
flex: 33.33%;
padding: 5px;
}
.column > img:hover {
width: 56px;
}
</style>
</head>
<body>
<p style="text-align: center;"><span style="font-family: 'book antiqua', palatino, serif; font-size: 36pt;">-= One Hundred Years of Solitude : Wiki =-</span></p>
<div class="container">
<div>
<h4 class="header">LINKS</h4>
<ul class="vertical">
<li class="links"><a href="pages/about.html"><img src="content/bookicon.png" width="15px" alt=""> About the Book</a></li>
<li class="links"><a href="pages/author.html"><img width="20px" src="content/marquezicon.jpeg" alt=""> About The Author</a></li>
<li class="links"><a href="characters.html"><img width="15px" src="content/charactersicon.png" alt=""> Characters</a></li>
<li class="links"><a href="blog/blog.html"><img width="15px" src="content/quillicon.png" alt=""> Blog Posts</a></li>
<li class="links"><a href="pages/updates.html"><img width="15px" src="content/updatesicon.png" alt=""> Site Updates</a></li>
</ul>
<div class="row" style="border-top: 1px solid grey; padding-top: 3px;">
<div class="column">
<a href="pages/gallery.html"><img src="content/galleryicon.png" alt="Gallery" style="width: 50px"><p style="font-size:x-small;">Gallery</p></a>
</div>
<div class="column">
<a href="pages/resources.html"><img src="content/resourcesicon.png" alt="Resources" style="width: 50px;"><p style="font-size:x-small;">Resources</p></a>
</div>
<div class="column">
<a href="pages/trivia/index.html"><img style="width: 50px;" src="content/triviaicon.gif" alt="Trivia"><p style="font-size:x-small;">Trivia!</p></a>
</div>
<div class="column">
<img src="img_mountains.jpg" alt="" style="width:100%">
</div>
</div>
</div>
<div>
<a href="content/cover.jpeg"><img src="content/cover.jpeg"></img></a>
</div>
<div>
<div class="align-image">
<div class="image-column"><img src="content/calendericon.png" alt="CalIcon"></div>
<div class="text-column"> Last Updated: March 18, 2022</div>
</div>
<hr>
<div class="align-image">
<div class="image-column"><img width="17px"src="content/pinned.png" alt=""></div>
<div class="text-column"> <u><i>Pinned</i></u></div>
</div>
Please note that I am working on this site in my free time and as a hobby project so I might not write much. If you want to help please <a href="pages/helpme.html">see this page</a> or <a href="https://twisthead.github.io/content/contact.html">contact me</a>.
<hr>
<p>Created trivia page and a How-To page. </p><a href="pages/updates.html">Read More</a><hr>
<p>Created pages for every character and started putting information <a href="pages/updates.html">Read More.</a></p><hr>
<p>Read about the development of this site. <a href="blog/blog2.html">Read More</a></p><hr>
<p>Created a template for the character page and minor improvements.</p>
</div>
<div class="details">
<a href="pages/helpme.html">Contribute or Report Error</a> |
<a href="pages/howto.html">Licensing & Information</a>
</div>
</div>
<div style="text-align: center;padding: 7px; color: red;background-color: #a5dfa5;border: 2px solid darkgreen;margin-top: 10px;">If you're on phone please switch to desktop mode for best viewing.</div>
</body>
<pre>
</pre>
<div class="navbar">
<p class="navtext">Made by <a href="https://twisthead.github.io">Nazm Us Saqib</a> | Hosted on <a href="https://github.com/HundredYearsSolitude/hundredyearssolitude.github.io">GitHub</a> | <a href="pages/howto.html">See license</a> </p>
</div>
</html>