diff --git a/src/about/index.html b/src/about/index.html index 21dadac..3a48949 100644 --- a/src/about/index.html +++ b/src/about/index.html @@ -6,36 +6,34 @@ -
-
- -
-
-

About the author

-

David Jentes is a 13 year old programmer, author, speedcuber, and LCS student. He is a member of the programming group KygekTeam and programs various things, including this website. Here is a list of some things he has created:

+

David also runs a YouTube channel called DavidDGTNT, where he makes videos on various video games, and another channel called DavidCode, where he codes various things.

- +

About Lyza

-

David also runs a YouTube channel called DavidDGTNT, where he makes videos on various video games, and another channel called DavidCode, where he codes various things.

- -

About Lyza

- -

Lyza in real life is David's dog. Lyza barks a lot in David's backyard, and loves to play ball. She is adventurous and will take any chance she gets to go on an adventure. Lyza would love these books if she could read them!

-
+

Lyza in real life is David's dog. Lyza barks a lot in David's backyard, and loves to play ball. She is adventurous and will take any chance she gets to go on an adventure. Lyza would love these books if she could read them!

+ + \ No newline at end of file diff --git a/src/assets/css/main.css b/src/assets/css/main.css index bb52225..82685d1 100644 --- a/src/assets/css/main.css +++ b/src/assets/css/main.css @@ -1,10 +1,12 @@ body { - margin: 10px; + margin: 15px; + margin-top: 45px; background-color: #828282; } -main, header { +.content { border-radius: 25px; + padding: 10px; background: linear-gradient(270deg, #a52a2a, #d2691e, #ee6e40, #ff7f50, #ff7f61, #ff8f61); background-size: 1200% 1200%; @@ -41,48 +43,37 @@ header { padding: 10px; margin: 10px; width: 95.75%; - text-align: center; + overflow-x: auto; + overflow-y: hidden; + white-space: nowrap; } header img { - padding: 10px; - background-color: #a52a2a; - display: block; + padding: 15px; + border-radius: 25px; + display: inline-block; margin-left: auto; margin-right: auto; width: 20%; height: auto; } -header nav { - display: flex; - justify-content: center; - width: 100%; -} - -nav ul { +header a { list-style-type: none; - margin: 0; + margin: 0px; padding: 10px; - background-color: #d2691e; -} - -nav li { - display: inline; -} - -nav li a { - transition: background-color 1s; display: inline-block; + transition: background-color 1s; color: #ffffff; background-color: #a52a2a; text-align: center; padding: 14px 16px; text-decoration: none; font-family: "M PLUS 1", sans-serif; + border-radius: 25px; } -nav li a:hover { +header a:hover { background-color: #d2691e; } @@ -97,6 +88,7 @@ nav li a:hover { main { margin: 10px; padding: 10px; + border-radius: 25px; background-color: #d2691e; font-family: "Open Sans", sans-serif; color: #ffffff; @@ -104,4 +96,22 @@ main { main p { font-family: "Roboto", sans-serif; +} + +::-webkit-scrollbar { + border-radius: 25px; +} + +::-webkit-scrollbar-track { + visibility: hidden; + margin: 20px; +} + +::-webkit-scrollbar-thumb { + border-radius: 25px; + background-color: #544c4a; +} + +::-webkit-scrollbar-thumb:hover { + background-color: #363636; } \ No newline at end of file diff --git a/src/assets/img/banner.png b/src/assets/img/banner.png new file mode 100644 index 0000000..1b34e89 Binary files /dev/null and b/src/assets/img/banner.png differ diff --git a/src/assets/img/lyza.png b/src/assets/img/lyza.png deleted file mode 100644 index 0e0f0ec..0000000 Binary files a/src/assets/img/lyza.png and /dev/null differ diff --git a/src/book1/index.html b/src/book1/index.html index 19c2968..5b33d59 100644 --- a/src/book1/index.html +++ b/src/book1/index.html @@ -6,29 +6,27 @@ -
-
- -
-
-

Lyza the Sheepdog: Christmas

+
+
+ + Home + About + Lyza the Sheepdog: Christmas + Lyza the Sheepdog: The Flood +
+
+

Lyza the Sheepdog: Christmas

-

Lyza the Sheepdog: Christmas cover

+

Lyza the Sheepdog: Christmas cover

-

Hey look, a baby has been born! Wait, what is that star?

+

Hey look, a baby has been born! Wait, what is that star?

-

In Lyza the Sheepdog: Christmas, Lyza talks to the animals that were at the stable at Jesus' birth. She hears what others are thinking about what's going on, and tries to figure out whats going on herself.

+

In Lyza the Sheepdog: Christmas, Lyza talks to the animals that were at the stable at Jesus' birth. She hears what others are thinking about what's going on, and tries to figure out whats going on herself.

-

When you read this book, you enter the world of Lyza the Sheepdog, a world where the event of Jesus' birth and all things that came before are the same, and we can see the fictional responses of the animals.

+

When you read this book, you enter the world of Lyza the Sheepdog, a world where the event of Jesus' birth and all things that came before are the same, and we can see the fictional responses of the animals.

-

This book was released in December of 2020.

-
+

This book was released in December of 2020.

+
+ \ No newline at end of file diff --git a/src/book2/index.html b/src/book2/index.html index 90bef87..1dc6ac6 100644 --- a/src/book2/index.html +++ b/src/book2/index.html @@ -6,29 +6,27 @@ -
-
- -
-
-

Lyza the Sheepdog: The Flood

+
+
+ + Home + About + Lyza the Sheepdog: Christmas + Lyza the Sheepdog: The Flood +
+
+

Lyza the Sheepdog: The Flood

-

Lyza the Sheepdog: The Flood cover

+

Lyza the Sheepdog: The Flood cover

-

Hey! Why's there water on my back?

+

Hey! Why's there water on my back?

-

In Lyza the Sheepdog: The Flood, Lyza talks to the animals that were at going to the Ark before the flood. She hears what others are thinking about what's going on, and tries to figure out whats going on herself.

+

In Lyza the Sheepdog: The Flood, Lyza talks to the animals that were at going to the Ark before the flood. She hears what others are thinking about what's going on, and tries to figure out whats going on herself.

-

When you read this book, you enter the world of Lyza the Sheepdog, a world where the event of Jesus' birth and all things that came before are the same, and we can see the fictional responses of the animals.

+

When you read this book, you enter the world of Lyza the Sheepdog, a world where the event of Jesus' birth and all things that came before are the same, and we can see the fictional responses of the animals.

-

This book was released in December of 2021.

-
+

This book was released in December of 2021.

+
+ \ No newline at end of file diff --git a/src/index.html b/src/index.html index c207dc5..147dbfe 100644 --- a/src/index.html +++ b/src/index.html @@ -6,37 +6,26 @@ -
-
- -
-
-

Travel back in time

+
+
+ + Home + About + Lyza the Sheepdog: Christmas + Lyza the Sheepdog: The Flood +
+
+

Travel back in time

-

With the Lyza the Sheepdog series of books, you can go back in time and see what the animals in the time of Bible stories with animals thought about the events and what they thought was happening. You can learn more about the books on their respective pages accessible in the Books section of the title bar.

+

With the Lyza the Sheepdog series of books, you can go back in time and see what the animals in the time of Bible stories with animals thought about the events and what they thought was happening. You can learn more about the books on their respective pages accessible in the Books section of the title bar.

-
- -
-

Where to buy

-

Lyza the Sheepdog books are available at various retailers, including Walmart, Target, Barnes and Noble, and Books a Million.

-
-
+
+
+

Where to buy

+

Lyza the Sheepdog books are available at various retailers, including Walmart, Target, Barnes and Noble, and Books a Million.

+
+
+
+ \ No newline at end of file