diff --git a/images/shire.png b/images/shire.png new file mode 100644 index 0000000..b11523c Binary files /dev/null and b/images/shire.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..b8b7e99 --- /dev/null +++ b/index.html @@ -0,0 +1,26 @@ + + + + + + + + + Storybook + + +
+

The Shire

+
+ +
+ The Shire is a region of J. R. R. Tolkien's fictional Middle-earth, described in The Lord of the Rings and other works. The Shire is an inland area settled exclusively by hobbits, the Shire-folk, largely sheltered from the goings-on in the rest of Middle-earth. It is in the northwest of the continent, in the region of Eriador and the Kingdom of Arnor. +
+
+
+ + +
+
+ + \ No newline at end of file diff --git a/lib/style.css b/lib/style.css new file mode 100644 index 0000000..9a55c78 --- /dev/null +++ b/lib/style.css @@ -0,0 +1,42 @@ +body { + background-color: #CCC; + font-family: "Overpass", sans-serif; +} + +#book { + width: 80%; + padding: 10px; + margin: 0 auto; + min-height: 600px; + max-width: 900px; +} + +#page { + float: left; + width: 80%; + min-height: 500px; +} + +#pageImage { + width: 100%; + max-height: 400px; +} + +#pageText { + background-color: rgba(1,1,1,.5); + padding: 10px; + color: white; +} + +#controls { + float: right; + display: inline; + width: 15%; + padding: 10px; +} + +#controls button { + display: block; + width: 100%; + margin-top: 5px; +} \ No newline at end of file