+ 
+ 
+ 
+ 
+ 
- 
+ 
+
+
>>>Back to the homepage
Terms of Service
+
@@ -33,7 +44,7 @@
- “You, “Your”, “Client”, "Commissioner" refer to the individual or party obtaining a commission and/or merchandise from the artist. -
- “I”, “Me”, “My”, “Myself” refer to the artist who goes by the alias “Alison Kit” and all of which are used across my social media accounts as described in the url ‘’alisonkit.net’’. +
- “I”, “Me”, “My”, “Myself” refer to the artist who goes by the alias “Alison Kira” and all of which are used across my social media accounts as described in the url ‘’alisonkira.art’’.
- “Commission” refers to the exchange of the commissioner’s money and the work of art made by the artist. diff --git a/nuzzle/about.html b/nuzzle/about.html new file mode 100644 index 0000000..5e9b2a2 --- /dev/null +++ b/nuzzle/about.html @@ -0,0 +1,43 @@ + + + + + + +
- Mystii (meowmaritus) for offering to do proofreading. +
-
+
Walk on The Wild Side 9-13 + https://readnuzzle.net/index.html?pg=15#showComic +https://readnuzzle.net/index.html?pg=15#showComic +Sat, 24 Jan 2025 12:00:00 PDT +Pages e2p9-13 released, read now at http://readnuzzle.net + ++ +https://readnuzzle.net/img/comics_ver/pg15vertical.png +e2p9-13 + https://readnuzzle.net +
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
diff --git a/nuzzle/archive.html b/nuzzle/archive.html
new file mode 100644
index 0000000..6753528
--- /dev/null
+++ b/nuzzle/archive.html
@@ -0,0 +1,40 @@
+
+
+
+
+
+
+
+ About the Story
+Nuzzle is the story of Rocky's chance to fulfill her dream as an artist in a new town. Alongside her strange yet amazing friends, they all overcome the obstacles that lay upon them in life.
+ +About the Comic
+Nuzzle started serialization in January of 2022, new pages come on Saturdays at 12 PM Pacific. Nuzzle is a quirky slice-of-life story centered around school life, early adulthood, identity, responsibility and the meaning of family.
+ +
+
+ About the Author
+Nuzzle is written and illustrated by Alison Kira, an artist from Baja California, Mexico. Alison has been drawing ever since they were little, and have been in the furry fandom since 2014.
+ +Special Thanks
+-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/nuzzle/characters.html b/nuzzle/characters.html
new file mode 100644
index 0000000..03453ef
--- /dev/null
+++ b/nuzzle/characters.html
@@ -0,0 +1,76 @@
+
+
+
+
+
+
+ Archive
+ + +
+
+
+ Chapter 1: Life on Mars
+
+
+ Chapter 2: Walk on the Wild Side
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/nuzzle/css/style.css b/nuzzle/css/style.css
new file mode 100644
index 0000000..cfddc5f
--- /dev/null
+++ b/nuzzle/css/style.css
@@ -0,0 +1,207 @@
+/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
+ HTML content. To learn how to do something, just try searching Google for questions like
+ "how to change link color." */
+
+
+body, div, main, section, article {
+ box-sizing: border-box;
+}
+
+/* universal background color */
+body {
+ background-color: #DA5437;
+}
+
+/* header image */
+header img {
+ width: 500px;
+ max-width: 98%;
+}
+
+/* clearfix hack to prevent image overflow. check out the W3Schools page on it. */
+.clearfix::after {
+ content: "";
+ clear: both;
+ display: table;
+}
+
+/*FONTS*/
+
+/* header font */
+#showComic, header, h1, h2, h3, h4, h5 {
+ font-family: 'Cherry Cream Soda', cursive;
+}
+
+/* body font */
+.subPage p, footer, #authorNotes, .archiveTable {
+ font-family: 'Open Sans', sans-serif;
+ font-size: large;
+}
+
+/* STYLING FOR SUBPAGES (about, characters, etc) */
+
+/*general*/
+
+.subPage {
+ width: 1000px;
+ max-width: 98%;
+ background-color: #ffffff;
+ outline: 3px solid #000000;
+ margin: auto;
+ margin-bottom: 10px;
+ padding: 0px 12px 12px;
+}
+
+.subPage:not(.archivePage) {
+ text-align: center;
+}
+
+/* for pictures displayed to the left */
+.leftPic {
+ clear: left;
+ float:right;
+ margin-left:20px;
+}
+
+/* for pictures displayed to the left */
+.rightPic {
+ clear: right;
+ float:left;
+ margin-left:20px;
+}
+
+/* specific to Characters */
+.charTable, .charTable td {
+ width: 100%;
+}
+
+/* link colors */
+a {
+ color: #000000;
+ }
+
+a:hover {
+ color: #DA5437;
+ }
+
+/* HEADER */
+header #nav {
+ background-color: #ffffff;
+ outline: 3px solid #000000;
+ font-size: 20px;
+ width: 98%;
+ margin: auto;
+}
+
+/* HOMEPAGE */
+
+/* style nav button images */
+.comicNav {
+ display: flex;
+ flex-wrap: nowrap;
+ align-items: center;
+ justify-content: center;
+ padding: 10px 0px;
+}
+.comicNav img {
+ width: 80px;
+ max-width: 98%;
+ padding-right: 30px;
+}
+
+/* style comic page image */
+.comicPage img {
+ width: 900px;
+ max-width: 98%;
+}
+
+/* style author notes */
+#authorNotes {
+ background-color:#ffffff;
+ outline: 3px solid #000000;
+ margin: auto;
+ padding: 3px;
+ padding-top: 0px;
+ width: 900px;
+ max-width: 98%;
+}
+
+/* ARCHIVE PAGE */
+
+/* style table in which archive is displayed */
+.archiveTable {
+ width: 90%;
+ border-collapse:collapse;
+}
+
+/* style archive table cells */
+.archiveTable td {
+ padding: 3px;
+ vertical-align: center;
+
+}
+
+/* style table cell in which page title is displayed */
+.archiveCellTitle:not(.leftAlignTableText) {
+ max-width: 300px;
+ text-align: center;
+}
+
+.archiveCellDate {
+ text-align: right;
+ min-width: 120px;
+}
+
+.archiveCellNum {
+ text-align: center;
+ min-width: 30px;
+}
+
+/* style the thumbnails on the archive page */
+.archiveCellThumb {
+ width: 500px;
+ max-width: 60px;
+}
+.archiveCellThumb img{
+ max-width: 100%;
+ }
+
+/* for left aligning the text in a table cell */
+.leftAlignTableText td {
+ text-align: left;
+}
+
+/* highlight a table row and make pointer into hand when moused over */
+.archiveRow:hover {
+ background-color: #DA5437;
+ cursor: pointer;
+}
+
+/* FOOTER */
+footer {
+ color: #421a1a;
+ margin-top: 12px;
+ margin-bottom: 15px;
+ float: left;
+ width: 100%;
+ font-size: 12px;
+ text-align: center;
+}
+
+footer p {
+ margin: auto;
+}
+
+footer a {
+ color: #c8d32b;
+}
+
+footer a:hover {
+ color: #868d26
+}
+
+/* take away margins from the edges of the screen */
+html, body {
+ margin: 0;
+}
+
diff --git a/nuzzle/img/characters/hazel.webp b/nuzzle/img/characters/hazel.webp
new file mode 100644
index 0000000..7cc1f95
Binary files /dev/null and b/nuzzle/img/characters/hazel.webp differ
diff --git a/nuzzle/img/characters/leo.webp b/nuzzle/img/characters/leo.webp
new file mode 100644
index 0000000..7b5cedc
Binary files /dev/null and b/nuzzle/img/characters/leo.webp differ
diff --git a/nuzzle/img/characters/rocky.webp b/nuzzle/img/characters/rocky.webp
new file mode 100644
index 0000000..c3d13ae
Binary files /dev/null and b/nuzzle/img/characters/rocky.webp differ
diff --git a/nuzzle/img/characters/tim.webp b/nuzzle/img/characters/tim.webp
new file mode 100644
index 0000000..26f8977
Binary files /dev/null and b/nuzzle/img/characters/tim.webp differ
diff --git a/nuzzle/img/comicnav/comicnav.clip b/nuzzle/img/comicnav/comicnav.clip
new file mode 100644
index 0000000..1ca5037
Binary files /dev/null and b/nuzzle/img/comicnav/comicnav.clip differ
diff --git a/nuzzle/img/comicnav/nav_first.png b/nuzzle/img/comicnav/nav_first.png
new file mode 100644
index 0000000..d115db2
Binary files /dev/null and b/nuzzle/img/comicnav/nav_first.png differ
diff --git a/nuzzle/img/comicnav/nav_last.png b/nuzzle/img/comicnav/nav_last.png
new file mode 100644
index 0000000..35b6981
Binary files /dev/null and b/nuzzle/img/comicnav/nav_last.png differ
diff --git a/nuzzle/img/comicnav/nav_next.png b/nuzzle/img/comicnav/nav_next.png
new file mode 100644
index 0000000..9a9a6a2
Binary files /dev/null and b/nuzzle/img/comicnav/nav_next.png differ
diff --git a/nuzzle/img/comicnav/nav_previous.png b/nuzzle/img/comicnav/nav_previous.png
new file mode 100644
index 0000000..4d81492
Binary files /dev/null and b/nuzzle/img/comicnav/nav_previous.png differ
diff --git a/nuzzle/img/comics/pg10_1.webp b/nuzzle/img/comics/pg10_1.webp
new file mode 100644
index 0000000..b395ae6
Binary files /dev/null and b/nuzzle/img/comics/pg10_1.webp differ
diff --git a/nuzzle/img/comics/pg10_2.webp b/nuzzle/img/comics/pg10_2.webp
new file mode 100644
index 0000000..ee4fc05
Binary files /dev/null and b/nuzzle/img/comics/pg10_2.webp differ
diff --git a/nuzzle/img/comics/pg10_3.webp b/nuzzle/img/comics/pg10_3.webp
new file mode 100644
index 0000000..465407b
Binary files /dev/null and b/nuzzle/img/comics/pg10_3.webp differ
diff --git a/nuzzle/img/comics/pg10_4.webp b/nuzzle/img/comics/pg10_4.webp
new file mode 100644
index 0000000..83c45cb
Binary files /dev/null and b/nuzzle/img/comics/pg10_4.webp differ
diff --git a/nuzzle/img/comics/pg10_5.webp b/nuzzle/img/comics/pg10_5.webp
new file mode 100644
index 0000000..6e4c270
Binary files /dev/null and b/nuzzle/img/comics/pg10_5.webp differ
diff --git a/nuzzle/img/comics/pg10_6.webp b/nuzzle/img/comics/pg10_6.webp
new file mode 100644
index 0000000..9316d52
Binary files /dev/null and b/nuzzle/img/comics/pg10_6.webp differ
diff --git a/nuzzle/img/comics/pg10_7.webp b/nuzzle/img/comics/pg10_7.webp
new file mode 100644
index 0000000..2251941
Binary files /dev/null and b/nuzzle/img/comics/pg10_7.webp differ
diff --git a/nuzzle/img/comics/pg10_8.webp b/nuzzle/img/comics/pg10_8.webp
new file mode 100644
index 0000000..444fb22
Binary files /dev/null and b/nuzzle/img/comics/pg10_8.webp differ
diff --git a/nuzzle/img/comics/pg11_1.webp b/nuzzle/img/comics/pg11_1.webp
new file mode 100644
index 0000000..354139e
Binary files /dev/null and b/nuzzle/img/comics/pg11_1.webp differ
diff --git a/nuzzle/img/comics/pg11_2.webp b/nuzzle/img/comics/pg11_2.webp
new file mode 100644
index 0000000..536ceed
Binary files /dev/null and b/nuzzle/img/comics/pg11_2.webp differ
diff --git a/nuzzle/img/comics/pg11_3.webp b/nuzzle/img/comics/pg11_3.webp
new file mode 100644
index 0000000..7617999
Binary files /dev/null and b/nuzzle/img/comics/pg11_3.webp differ
diff --git a/nuzzle/img/comics/pg11_4.webp b/nuzzle/img/comics/pg11_4.webp
new file mode 100644
index 0000000..c7d7b3b
Binary files /dev/null and b/nuzzle/img/comics/pg11_4.webp differ
diff --git a/nuzzle/img/comics/pg11_5.webp b/nuzzle/img/comics/pg11_5.webp
new file mode 100644
index 0000000..d2a769f
Binary files /dev/null and b/nuzzle/img/comics/pg11_5.webp differ
diff --git a/nuzzle/img/comics/pg11_6.webp b/nuzzle/img/comics/pg11_6.webp
new file mode 100644
index 0000000..b35e0f1
Binary files /dev/null and b/nuzzle/img/comics/pg11_6.webp differ
diff --git a/nuzzle/img/comics/pg11_7.webp b/nuzzle/img/comics/pg11_7.webp
new file mode 100644
index 0000000..6108260
Binary files /dev/null and b/nuzzle/img/comics/pg11_7.webp differ
diff --git a/nuzzle/img/comics/pg11_8.webp b/nuzzle/img/comics/pg11_8.webp
new file mode 100644
index 0000000..e436214
Binary files /dev/null and b/nuzzle/img/comics/pg11_8.webp differ
diff --git a/nuzzle/img/comics/pg12_1.webp b/nuzzle/img/comics/pg12_1.webp
new file mode 100644
index 0000000..109c13d
Binary files /dev/null and b/nuzzle/img/comics/pg12_1.webp differ
diff --git a/nuzzle/img/comics/pg12_2.webp b/nuzzle/img/comics/pg12_2.webp
new file mode 100644
index 0000000..f8e4370
Binary files /dev/null and b/nuzzle/img/comics/pg12_2.webp differ
diff --git a/nuzzle/img/comics/pg12_3.webp b/nuzzle/img/comics/pg12_3.webp
new file mode 100644
index 0000000..2e434f0
Binary files /dev/null and b/nuzzle/img/comics/pg12_3.webp differ
diff --git a/nuzzle/img/comics/pg12_4.webp b/nuzzle/img/comics/pg12_4.webp
new file mode 100644
index 0000000..1f25bab
Binary files /dev/null and b/nuzzle/img/comics/pg12_4.webp differ
diff --git a/nuzzle/img/comics/pg12_5.webp b/nuzzle/img/comics/pg12_5.webp
new file mode 100644
index 0000000..9a5106c
Binary files /dev/null and b/nuzzle/img/comics/pg12_5.webp differ
diff --git a/nuzzle/img/comics/pg12_6.webp b/nuzzle/img/comics/pg12_6.webp
new file mode 100644
index 0000000..9f30b0f
Binary files /dev/null and b/nuzzle/img/comics/pg12_6.webp differ
diff --git a/nuzzle/img/comics/pg12_7.webp b/nuzzle/img/comics/pg12_7.webp
new file mode 100644
index 0000000..792d644
Binary files /dev/null and b/nuzzle/img/comics/pg12_7.webp differ
diff --git a/nuzzle/img/comics/pg12_8.webp b/nuzzle/img/comics/pg12_8.webp
new file mode 100644
index 0000000..8cb5f18
Binary files /dev/null and b/nuzzle/img/comics/pg12_8.webp differ
diff --git a/nuzzle/img/comics/pg13_1.webp b/nuzzle/img/comics/pg13_1.webp
new file mode 100644
index 0000000..4c1748a
Binary files /dev/null and b/nuzzle/img/comics/pg13_1.webp differ
diff --git a/nuzzle/img/comics/pg13_2.webp b/nuzzle/img/comics/pg13_2.webp
new file mode 100644
index 0000000..f615fbc
Binary files /dev/null and b/nuzzle/img/comics/pg13_2.webp differ
diff --git a/nuzzle/img/comics/pg13_3.webp b/nuzzle/img/comics/pg13_3.webp
new file mode 100644
index 0000000..2547714
Binary files /dev/null and b/nuzzle/img/comics/pg13_3.webp differ
diff --git a/nuzzle/img/comics/pg13_4.webp b/nuzzle/img/comics/pg13_4.webp
new file mode 100644
index 0000000..b5ecdc9
Binary files /dev/null and b/nuzzle/img/comics/pg13_4.webp differ
diff --git a/nuzzle/img/comics/pg14_1.webp b/nuzzle/img/comics/pg14_1.webp
new file mode 100644
index 0000000..b57d15f
Binary files /dev/null and b/nuzzle/img/comics/pg14_1.webp differ
diff --git a/nuzzle/img/comics/pg14_2.webp b/nuzzle/img/comics/pg14_2.webp
new file mode 100644
index 0000000..18396d6
Binary files /dev/null and b/nuzzle/img/comics/pg14_2.webp differ
diff --git a/nuzzle/img/comics/pg14_3.webp b/nuzzle/img/comics/pg14_3.webp
new file mode 100644
index 0000000..33520fa
Binary files /dev/null and b/nuzzle/img/comics/pg14_3.webp differ
diff --git a/nuzzle/img/comics/pg14_4.webp b/nuzzle/img/comics/pg14_4.webp
new file mode 100644
index 0000000..5277a6e
Binary files /dev/null and b/nuzzle/img/comics/pg14_4.webp differ
diff --git a/nuzzle/img/comics/pg1_1.webp b/nuzzle/img/comics/pg1_1.webp
new file mode 100644
index 0000000..0b8a667
Binary files /dev/null and b/nuzzle/img/comics/pg1_1.webp differ
diff --git a/nuzzle/img/comics/pg1_2.webp b/nuzzle/img/comics/pg1_2.webp
new file mode 100644
index 0000000..df68c9a
Binary files /dev/null and b/nuzzle/img/comics/pg1_2.webp differ
diff --git a/nuzzle/img/comics/pg1_3.webp b/nuzzle/img/comics/pg1_3.webp
new file mode 100644
index 0000000..87b8bb9
Binary files /dev/null and b/nuzzle/img/comics/pg1_3.webp differ
diff --git a/nuzzle/img/comics/pg1_4.webp b/nuzzle/img/comics/pg1_4.webp
new file mode 100644
index 0000000..3407168
Binary files /dev/null and b/nuzzle/img/comics/pg1_4.webp differ
diff --git a/nuzzle/img/comics/pg1_5.webp b/nuzzle/img/comics/pg1_5.webp
new file mode 100644
index 0000000..a9dd22c
Binary files /dev/null and b/nuzzle/img/comics/pg1_5.webp differ
diff --git a/nuzzle/img/comics/pg1_6.webp b/nuzzle/img/comics/pg1_6.webp
new file mode 100644
index 0000000..0f37643
Binary files /dev/null and b/nuzzle/img/comics/pg1_6.webp differ
diff --git a/nuzzle/img/comics/pg1_7.webp b/nuzzle/img/comics/pg1_7.webp
new file mode 100644
index 0000000..194d792
Binary files /dev/null and b/nuzzle/img/comics/pg1_7.webp differ
diff --git a/nuzzle/img/comics/pg1_8.webp b/nuzzle/img/comics/pg1_8.webp
new file mode 100644
index 0000000..42c0d60
Binary files /dev/null and b/nuzzle/img/comics/pg1_8.webp differ
diff --git a/nuzzle/img/comics/pg2_1.webp b/nuzzle/img/comics/pg2_1.webp
new file mode 100644
index 0000000..7b949e6
Binary files /dev/null and b/nuzzle/img/comics/pg2_1.webp differ
diff --git a/nuzzle/img/comics/pg2_2.webp b/nuzzle/img/comics/pg2_2.webp
new file mode 100644
index 0000000..69499a6
Binary files /dev/null and b/nuzzle/img/comics/pg2_2.webp differ
diff --git a/nuzzle/img/comics/pg2_3.webp b/nuzzle/img/comics/pg2_3.webp
new file mode 100644
index 0000000..745d0e0
Binary files /dev/null and b/nuzzle/img/comics/pg2_3.webp differ
diff --git a/nuzzle/img/comics/pg2_4.webp b/nuzzle/img/comics/pg2_4.webp
new file mode 100644
index 0000000..32e6137
Binary files /dev/null and b/nuzzle/img/comics/pg2_4.webp differ
diff --git a/nuzzle/img/comics/pg2_5.webp b/nuzzle/img/comics/pg2_5.webp
new file mode 100644
index 0000000..968698d
Binary files /dev/null and b/nuzzle/img/comics/pg2_5.webp differ
diff --git a/nuzzle/img/comics/pg2_6.webp b/nuzzle/img/comics/pg2_6.webp
new file mode 100644
index 0000000..725af16
Binary files /dev/null and b/nuzzle/img/comics/pg2_6.webp differ
diff --git a/nuzzle/img/comics/pg2_7.webp b/nuzzle/img/comics/pg2_7.webp
new file mode 100644
index 0000000..3dbd9b4
Binary files /dev/null and b/nuzzle/img/comics/pg2_7.webp differ
diff --git a/nuzzle/img/comics/pg2_8.webp b/nuzzle/img/comics/pg2_8.webp
new file mode 100644
index 0000000..b655794
Binary files /dev/null and b/nuzzle/img/comics/pg2_8.webp differ
diff --git a/nuzzle/img/comics/pg3_1.webp b/nuzzle/img/comics/pg3_1.webp
new file mode 100644
index 0000000..7d9ff20
Binary files /dev/null and b/nuzzle/img/comics/pg3_1.webp differ
diff --git a/nuzzle/img/comics/pg3_2.webp b/nuzzle/img/comics/pg3_2.webp
new file mode 100644
index 0000000..ae82781
Binary files /dev/null and b/nuzzle/img/comics/pg3_2.webp differ
diff --git a/nuzzle/img/comics/pg3_3.webp b/nuzzle/img/comics/pg3_3.webp
new file mode 100644
index 0000000..18637bc
Binary files /dev/null and b/nuzzle/img/comics/pg3_3.webp differ
diff --git a/nuzzle/img/comics/pg3_4.webp b/nuzzle/img/comics/pg3_4.webp
new file mode 100644
index 0000000..341ca72
Binary files /dev/null and b/nuzzle/img/comics/pg3_4.webp differ
diff --git a/nuzzle/img/comics/pg3_5.webp b/nuzzle/img/comics/pg3_5.webp
new file mode 100644
index 0000000..189aaa6
Binary files /dev/null and b/nuzzle/img/comics/pg3_5.webp differ
diff --git a/nuzzle/img/comics/pg3_6.webp b/nuzzle/img/comics/pg3_6.webp
new file mode 100644
index 0000000..8582273
Binary files /dev/null and b/nuzzle/img/comics/pg3_6.webp differ
diff --git a/nuzzle/img/comics/pg3_7.webp b/nuzzle/img/comics/pg3_7.webp
new file mode 100644
index 0000000..e1cfbc0
Binary files /dev/null and b/nuzzle/img/comics/pg3_7.webp differ
diff --git a/nuzzle/img/comics/pg3_8.webp b/nuzzle/img/comics/pg3_8.webp
new file mode 100644
index 0000000..1429a3d
Binary files /dev/null and b/nuzzle/img/comics/pg3_8.webp differ
diff --git a/nuzzle/img/comics/pg4_1.webp b/nuzzle/img/comics/pg4_1.webp
new file mode 100644
index 0000000..62f8ca1
Binary files /dev/null and b/nuzzle/img/comics/pg4_1.webp differ
diff --git a/nuzzle/img/comics/pg4_2.webp b/nuzzle/img/comics/pg4_2.webp
new file mode 100644
index 0000000..2f4d7b4
Binary files /dev/null and b/nuzzle/img/comics/pg4_2.webp differ
diff --git a/nuzzle/img/comics/pg4_3.webp b/nuzzle/img/comics/pg4_3.webp
new file mode 100644
index 0000000..7257c13
Binary files /dev/null and b/nuzzle/img/comics/pg4_3.webp differ
diff --git a/nuzzle/img/comics/pg4_4.webp b/nuzzle/img/comics/pg4_4.webp
new file mode 100644
index 0000000..49e3681
Binary files /dev/null and b/nuzzle/img/comics/pg4_4.webp differ
diff --git a/nuzzle/img/comics/pg4_5.webp b/nuzzle/img/comics/pg4_5.webp
new file mode 100644
index 0000000..0ddb2f4
Binary files /dev/null and b/nuzzle/img/comics/pg4_5.webp differ
diff --git a/nuzzle/img/comics/pg4_6.webp b/nuzzle/img/comics/pg4_6.webp
new file mode 100644
index 0000000..aeb10db
Binary files /dev/null and b/nuzzle/img/comics/pg4_6.webp differ
diff --git a/nuzzle/img/comics/pg4_7.webp b/nuzzle/img/comics/pg4_7.webp
new file mode 100644
index 0000000..9f57096
Binary files /dev/null and b/nuzzle/img/comics/pg4_7.webp differ
diff --git a/nuzzle/img/comics/pg4_8.webp b/nuzzle/img/comics/pg4_8.webp
new file mode 100644
index 0000000..ffd4565
Binary files /dev/null and b/nuzzle/img/comics/pg4_8.webp differ
diff --git a/nuzzle/img/comics/pg5_1.webp b/nuzzle/img/comics/pg5_1.webp
new file mode 100644
index 0000000..9881856
Binary files /dev/null and b/nuzzle/img/comics/pg5_1.webp differ
diff --git a/nuzzle/img/comics/pg5_2.webp b/nuzzle/img/comics/pg5_2.webp
new file mode 100644
index 0000000..a76a69b
Binary files /dev/null and b/nuzzle/img/comics/pg5_2.webp differ
diff --git a/nuzzle/img/comics/pg5_3.webp b/nuzzle/img/comics/pg5_3.webp
new file mode 100644
index 0000000..d448bba
Binary files /dev/null and b/nuzzle/img/comics/pg5_3.webp differ
diff --git a/nuzzle/img/comics/pg5_4.webp b/nuzzle/img/comics/pg5_4.webp
new file mode 100644
index 0000000..8e78d89
Binary files /dev/null and b/nuzzle/img/comics/pg5_4.webp differ
diff --git a/nuzzle/img/comics/pg5_5.webp b/nuzzle/img/comics/pg5_5.webp
new file mode 100644
index 0000000..9b8d6c9
Binary files /dev/null and b/nuzzle/img/comics/pg5_5.webp differ
diff --git a/nuzzle/img/comics/pg5_6.webp b/nuzzle/img/comics/pg5_6.webp
new file mode 100644
index 0000000..7d01528
Binary files /dev/null and b/nuzzle/img/comics/pg5_6.webp differ
diff --git a/nuzzle/img/comics/pg5_7.webp b/nuzzle/img/comics/pg5_7.webp
new file mode 100644
index 0000000..9811848
Binary files /dev/null and b/nuzzle/img/comics/pg5_7.webp differ
diff --git a/nuzzle/img/comics/pg5_8.webp b/nuzzle/img/comics/pg5_8.webp
new file mode 100644
index 0000000..d228f21
Binary files /dev/null and b/nuzzle/img/comics/pg5_8.webp differ
diff --git a/nuzzle/img/comics/pg6_1.webp b/nuzzle/img/comics/pg6_1.webp
new file mode 100644
index 0000000..52aa92c
Binary files /dev/null and b/nuzzle/img/comics/pg6_1.webp differ
diff --git a/nuzzle/img/comics/pg6_2.webp b/nuzzle/img/comics/pg6_2.webp
new file mode 100644
index 0000000..fd05137
Binary files /dev/null and b/nuzzle/img/comics/pg6_2.webp differ
diff --git a/nuzzle/img/comics/pg6_3.webp b/nuzzle/img/comics/pg6_3.webp
new file mode 100644
index 0000000..7fea5e0
Binary files /dev/null and b/nuzzle/img/comics/pg6_3.webp differ
diff --git a/nuzzle/img/comics/pg6_4.webp b/nuzzle/img/comics/pg6_4.webp
new file mode 100644
index 0000000..49ea7c5
Binary files /dev/null and b/nuzzle/img/comics/pg6_4.webp differ
diff --git a/nuzzle/img/comics/pg6_5.webp b/nuzzle/img/comics/pg6_5.webp
new file mode 100644
index 0000000..cbcb218
Binary files /dev/null and b/nuzzle/img/comics/pg6_5.webp differ
diff --git a/nuzzle/img/comics/pg6_6.webp b/nuzzle/img/comics/pg6_6.webp
new file mode 100644
index 0000000..43cc062
Binary files /dev/null and b/nuzzle/img/comics/pg6_6.webp differ
diff --git a/nuzzle/img/comics/pg6_7.webp b/nuzzle/img/comics/pg6_7.webp
new file mode 100644
index 0000000..1cbc8f0
Binary files /dev/null and b/nuzzle/img/comics/pg6_7.webp differ
diff --git a/nuzzle/img/comics/pg6_8.webp b/nuzzle/img/comics/pg6_8.webp
new file mode 100644
index 0000000..17968b3
Binary files /dev/null and b/nuzzle/img/comics/pg6_8.webp differ
diff --git a/nuzzle/img/comics/pg7_1.webp b/nuzzle/img/comics/pg7_1.webp
new file mode 100644
index 0000000..13ea53a
Binary files /dev/null and b/nuzzle/img/comics/pg7_1.webp differ
diff --git a/nuzzle/img/comics/pg7_2.webp b/nuzzle/img/comics/pg7_2.webp
new file mode 100644
index 0000000..68a2f0e
Binary files /dev/null and b/nuzzle/img/comics/pg7_2.webp differ
diff --git a/nuzzle/img/comics/pg7_3.webp b/nuzzle/img/comics/pg7_3.webp
new file mode 100644
index 0000000..7fe4027
Binary files /dev/null and b/nuzzle/img/comics/pg7_3.webp differ
diff --git a/nuzzle/img/comics/pg7_4.webp b/nuzzle/img/comics/pg7_4.webp
new file mode 100644
index 0000000..90bcaa1
Binary files /dev/null and b/nuzzle/img/comics/pg7_4.webp differ
diff --git a/nuzzle/img/comics/pg7_5.webp b/nuzzle/img/comics/pg7_5.webp
new file mode 100644
index 0000000..dbc6403
Binary files /dev/null and b/nuzzle/img/comics/pg7_5.webp differ
diff --git a/nuzzle/img/comics/pg7_6.webp b/nuzzle/img/comics/pg7_6.webp
new file mode 100644
index 0000000..97a8720
Binary files /dev/null and b/nuzzle/img/comics/pg7_6.webp differ
diff --git a/nuzzle/img/comics/pg7_7.webp b/nuzzle/img/comics/pg7_7.webp
new file mode 100644
index 0000000..528cc20
Binary files /dev/null and b/nuzzle/img/comics/pg7_7.webp differ
diff --git a/nuzzle/img/comics/pg7_8.webp b/nuzzle/img/comics/pg7_8.webp
new file mode 100644
index 0000000..f845190
Binary files /dev/null and b/nuzzle/img/comics/pg7_8.webp differ
diff --git a/nuzzle/img/comics/pg8_1.webp b/nuzzle/img/comics/pg8_1.webp
new file mode 100644
index 0000000..717157c
Binary files /dev/null and b/nuzzle/img/comics/pg8_1.webp differ
diff --git a/nuzzle/img/comics/pg8_2.webp b/nuzzle/img/comics/pg8_2.webp
new file mode 100644
index 0000000..5f7311f
Binary files /dev/null and b/nuzzle/img/comics/pg8_2.webp differ
diff --git a/nuzzle/img/comics/pg8_3.webp b/nuzzle/img/comics/pg8_3.webp
new file mode 100644
index 0000000..587f0e0
Binary files /dev/null and b/nuzzle/img/comics/pg8_3.webp differ
diff --git a/nuzzle/img/comics/pg8_4.webp b/nuzzle/img/comics/pg8_4.webp
new file mode 100644
index 0000000..77a2d11
Binary files /dev/null and b/nuzzle/img/comics/pg8_4.webp differ
diff --git a/nuzzle/img/comics/pg8_5.webp b/nuzzle/img/comics/pg8_5.webp
new file mode 100644
index 0000000..3b4a0fe
Binary files /dev/null and b/nuzzle/img/comics/pg8_5.webp differ
diff --git a/nuzzle/img/comics/pg8_6.webp b/nuzzle/img/comics/pg8_6.webp
new file mode 100644
index 0000000..981d53a
Binary files /dev/null and b/nuzzle/img/comics/pg8_6.webp differ
diff --git a/nuzzle/img/comics/pg8_7.webp b/nuzzle/img/comics/pg8_7.webp
new file mode 100644
index 0000000..2617693
Binary files /dev/null and b/nuzzle/img/comics/pg8_7.webp differ
diff --git a/nuzzle/img/comics/pg8_8.webp b/nuzzle/img/comics/pg8_8.webp
new file mode 100644
index 0000000..0f50aed
Binary files /dev/null and b/nuzzle/img/comics/pg8_8.webp differ
diff --git a/nuzzle/img/comics/pg9_1.webp b/nuzzle/img/comics/pg9_1.webp
new file mode 100644
index 0000000..0bb6040
Binary files /dev/null and b/nuzzle/img/comics/pg9_1.webp differ
diff --git a/nuzzle/img/comics/pg9_2.webp b/nuzzle/img/comics/pg9_2.webp
new file mode 100644
index 0000000..e5636fb
Binary files /dev/null and b/nuzzle/img/comics/pg9_2.webp differ
diff --git a/nuzzle/img/comics/pg9_3.webp b/nuzzle/img/comics/pg9_3.webp
new file mode 100644
index 0000000..b4f627c
Binary files /dev/null and b/nuzzle/img/comics/pg9_3.webp differ
diff --git a/nuzzle/img/comics/pg9_4.webp b/nuzzle/img/comics/pg9_4.webp
new file mode 100644
index 0000000..a6abc2e
Binary files /dev/null and b/nuzzle/img/comics/pg9_4.webp differ
diff --git a/nuzzle/img/comics/pg9_5.webp b/nuzzle/img/comics/pg9_5.webp
new file mode 100644
index 0000000..dca3d7a
Binary files /dev/null and b/nuzzle/img/comics/pg9_5.webp differ
diff --git a/nuzzle/img/comics/pg9_6.webp b/nuzzle/img/comics/pg9_6.webp
new file mode 100644
index 0000000..8d42fdd
Binary files /dev/null and b/nuzzle/img/comics/pg9_6.webp differ
diff --git a/nuzzle/img/comics/pg9_7.webp b/nuzzle/img/comics/pg9_7.webp
new file mode 100644
index 0000000..cb314e6
Binary files /dev/null and b/nuzzle/img/comics/pg9_7.webp differ
diff --git a/nuzzle/img/comics/pg9_8.webp b/nuzzle/img/comics/pg9_8.webp
new file mode 100644
index 0000000..3a5a271
Binary files /dev/null and b/nuzzle/img/comics/pg9_8.webp differ
diff --git a/nuzzle/img/logo.webp b/nuzzle/img/logo.webp
new file mode 100644
index 0000000..7546001
Binary files /dev/null and b/nuzzle/img/logo.webp differ
diff --git a/nuzzle/img/rarebitlogo_small.png b/nuzzle/img/rarebitlogo_small.png
new file mode 100644
index 0000000..13414d9
Binary files /dev/null and b/nuzzle/img/rarebitlogo_small.png differ
diff --git a/nuzzle/index.html b/nuzzle/index.html
new file mode 100644
index 0000000..8a8d82a
--- /dev/null
+++ b/nuzzle/index.html
@@ -0,0 +1,45 @@
+
+
+
+
+ Characters
+
+ 
+ Rocky+Rocky is the protagonist of Nuzzle. She got a scholarship at BCAS (animation school) and she is aiming to succeed in it in order to start a career as an artist. Having moved to a different country alone, and away from the ambience she knew through all of her life, she is discovering and experiencing new things everyday. She is very shy and doesn’t get jokes or sarcasm that well, despite that she is open minded and willing to do anything for a friend. She likes animation, and any music from the 70’s. + |
+
+ 
+ Hazel++Hazel is a student at BCAS, currently enrolled in game design. She met Rocky by complete accident and now they are very good friends, discovering more similarities about each other. She is very eccentric, teaseful, and may appear even wild at times, but deep down she tries her best to be a more responsible person. Her best friend since middle school is Tim. Despite her outward appereance, she is a big nerd and likes everything from 90s JRPG's, manga and tinkering with open source projects. + + |
+
+ 
+ Tim+Tim is an animator and writer who is currently one of Rocky’s classmates at BCAS. Personality wise, he is basically a gremlin. He and his family moved to Canada from Singapore when he was a child, and since then, Hazel has been his best friend. He enjoys fighting games and Hip Hop. + |
+
+ 
+ Leo+Leo is a songwriter and bassist from the band Margueritas, and shares a house with Rocky. + |
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/nuzzle/js/comic_archive.js b/nuzzle/js/comic_archive.js
new file mode 100644
index 0000000..8f4557e
--- /dev/null
+++ b/nuzzle/js/comic_archive.js
@@ -0,0 +1,103 @@
+//comic_archive.js was created by geno7
+
+//Writing sections of the archive page involves 2 steps:
+//first, use the writeArchive function in this .js file. set the parameters (the stuff inside the parenthesis, comma separated) to toggle options.
+//then, to place that section of the archive on the html page, you'd make a div, and give that div a class name of whatever you've called that section of the archive in the first parameter.
+//if you put anything in that div, the list of comics will get appended after it. i.e. you can put the title of that specific section as a header in that div.
+
+//writeArchive(
+// "chrono", //class of the div that you want this section of the archive to appear in. to have it be on your html page, make an empty div with this class.
+// 1, //earliest page to list
+// maxpg, //latest page to list. setting to maxpg will make it automatically update with the latest page
+// -1, //if set to 0, list is displayed "latest first". if set to -1, list is displayed chronologically
+// true, //if set to true, each comic will have its own thumbnail image next to it. if a comic doesn't have its own thumbnail, it'll be set to the default thumbnail.
+// true //if set to true, each comic will have a display number
+//);
+
+// writeArchive("lastfirst", 1, maxpg, 0, true,true);
+
+writeArchive("chapter1", 1, 12, -1, false, false) //writeArchive is for listing a RANGE of pages, take advantage of this by using headers to divide them into chapters or by month
+
+writeArchive("chapter2", 13, maxpg, -1, false,false);
+
+//writeArchive("chapter3", 9, 12, -1, false,false);
+
+//writeArchive("chapter4", 13, 15, -1, false,false);
+
+//below this point is stuff you don't really need to pay attention to if you're not super familiar with JS
+
+function writeArchive(divClass, min, max, reverseOrder, useThumbs,useNums) {
+ //create a table to put the archive data
+ let archiveTable = document.createElement("TABLE");
+ archiveTable.setAttribute("class", "archiveTable"); //set class to archiveTable for css styling
+ let getDiv = document.getElementsByClassName(divClass)[0]; //get div class
+ getDiv.appendChild(archiveTable);
+ //make the table from the currently available comics
+ for (i = min; i <= max; i++) {
+ let row = archiveTable.insertRow(reverseOrder); //if reverseOrder is set to 0 it'll reverse the order, otherwise it'll display it in regular order
+
+ //insert table cells
+ let cellThumb = useThumbs ? row.insertCell() : 0; //only insert thumbs and number rows if useThumbs and useNums are toggled respectively
+ let cellNum = useNums ? row.insertCell() : 0;
+
+ let cellTitle = row.insertCell();
+ let cellDate = row.insertCell();
+
+ //default values when you don't have page data set
+ let pgTitle = "Page " + i;
+ let pgDate = "";
+ let pgNum = "";
+
+ //url of thumbnail
+ let pgThumb = thumbFolder + "/" + image + i + "." + thumbExt;
+ //url of default thumbnail
+ let pgThumbDefault = thumbFolder + "/" + thumbDefault + "." + thumbExt;
+
+ if (pgData.length >= i) {
+ //set values to the values indicated in the pgData object if available
+ if (pgData[i - 1].title) {
+ pgTitle = pgData[i - 1].title;
+ }
+ if (pgData[i - 1].date) {
+ pgDate = pgData[i - 1].date;
+ }
+ if (pgData[i - 1].date) {
+ pgDate = pgData[i - 1].date;
+ }
+ if (pgData[i - 1].pgNum) {
+ pgNum = pgData[i - 1].pgNum;
+ }
+ }
+
+ //make the whole row a clickable link to the corresponding comic
+ row.setAttribute("class", `archiveRow`);
+
+ let linkToComic = `${indexPage}?pg=${i + navScrollTo}`;
+
+ row.addEventListener("click", () => {
+ window.location.href = linkToComic;
+ });
+
+ if (useThumbs) {
+ //draw thumbnails if you have thumbnails toggled
+ cellThumb.innerHTML = `
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ If this is your first time reading Nuzzle, welcome!
+Meet Rocky, who is about to start a new career in a new town...
+ `, + }, + { + pgNum: 2, + title: "Life on Mars 9-16", + date: writeDate(2022, 1, 01), + altText: "", + imageFiles: 8, + authorNotes: ` +The feeling I want to convey in these pages make me recall to one time I was settling in a new town, living my myself, and knowing no one.
+Also, as you may notice, this story takes place in the 2010's decade, but I'm leaving the exact year ambiguous to make things simpler, think 201X.
+ `, + }, + { + pgNum: 3, + title: "Life on Mars 17-24", + date: writeDate(2022, 1, 01), + altText: "Here's even more alt text!", + imageFiles: 8, + authorNotes: ` +Who's this girl? Why does she act that way? Why isn't she mad?
+It would be nice if more people we're more optimistic when situations like these happen. No one got hurt so why be mad?
+Also keep in mind this note with the name 'Leo' in it, save it in your inventory.
+ `, + }, + { + pgNum: 4, + title: "Life on Mars 25-31", + date: writeDate(2022, 1, 01), + altText: "Here's even more alt text!", + imageFiles: 8, + authorNotes: ` +I believe taking the time to notice the little details in life make everything more enjoyable, especially when you surround yourself in a new setting. All the feel-good parts of waking up in the morning like that first bite from breakfast (and all the lazy, boring and annoying things too).
+An example of this I come back to is the fact that I recall every small detail of the train lines and buses I ride whenever I'm in a big city, since I never grew up with a decent public transport system.
+But also with new experiences come all sorts of new scenarios, and sometimes you don't know what to make of all the new things put in front of you. Despite things getting overwhelming fast, one has to face them anyways.
+And yeah the setting here is Canada.
+ `, + }, + { + pgNum: 5, + title: "Life on Mars 32-39", + date: writeDate(2022, 1, 01), + altText: "Here's even more alt text!", + imageFiles: 8, + authorNotes: ` +And here's that girl again, now we get to meet her proper!
+But hold on! Who's this other person? What are they doing?
+ `, + }, + { + pgNum: 6, + title: "Life on Mars 40-47", + date: writeDate(2022, 1, 01), + altText: "Here's even more alt text!", + imageFiles: 8, + authorNotes: ` +Tim! The red panda invades! And who's this teacher?
+ `, + }, + { + pgNum: 7, + title: "Life on Mars 48-55", + date: writeDate(2022, 1, 01), + altText: "Here's even more alt text!", + imageFiles: 8, + authorNotes: ` +One of the first things I noticed going from high school to college was that people are way more chill and open minded. This was a very weird thing to experience, even if it was something I was half-expecting.
+ `, + }, + { + pgNum: 8, + title: "Life on Mars 56-63", + date: writeDate(2022, 1, 01), + altText: "Here's even more alt text!", + imageFiles: 8, + authorNotes: ` +Well here we have Hazel and Tim being much more lax and unmasking more in front of Rocky.
+Growing up this was one of the things that made meeting new friends weird because I didn't get sarcasm or friendly teasefulness and such.
+ `, + }, + { + pgNum: 9, + title: "Life on Mars 64-71", + date: writeDate(2022, 1, 01), + altText: "Here's even more alt text!", + imageFiles: 8, + authorNotes: ` +Origin of Hazel and Tim's friendship!
+I strive to be as flamboyant as Tim is...
+ `, + }, + { + pgNum: 10, + title: "Life on Mars 72-79", + date: writeDate(2022, 1, 01), + altText: "Here's even more alt text!", + imageFiles: 8, + authorNotes: ` +You can sort of tell Rocky's never really hung out with people, she doesn't really know how to react to a lot of things, especially the more relatively taboo things she's only ever heard of but never directly interacted with.
+ `, + }, + { + pgNum: 11, + title: "Life on Mars 80-88", + date: writeDate(2022, 1, 01), + altText: "Here's even more alt text!", + imageFiles: 8, + authorNotes: ` +We gotta remember that in this confusing world there's still people who don't know their way through. And what would seem like a normal task to you, can be a monumental task for others.
+Despite having known Rocky for only a week, Hazel and Tim unconditionally take her in as a friend. Sometimes the weirdos that regular people tend to avoid are actually the greatest swethearts.
+ `, + }, + { + pgNum: 12, + title: "Life on Mars 89-96", + date: writeDate(2022, 1, 01), + altText: "Here's even more alt text!", + imageFiles: 8, + authorNotes: ` +The last pages in Episode 1, "Life on Mars?". A reminder to focus on your goals and dreams, to never forget what makes you unique, and why you're here in the first place.
+And we get to see a new roomate?
+ `, + }, + { + pgNum: 13, + title: "Walk on The Wild Side 1-4", + date: writeDate(2023, 1, 01), + altText: "Here's even more alt text!", + imageFiles: 4, + authorNotes: ` +Remember that sticky note you saved in your inventory? Well here it is again!
+We get to meet Leo the jackalope! And welcome to Episode 2, "Walk on the Wild Side!"
+ `, + }, + { + pgNum: 14, + title: "Walk on The Wild Side 5-8", + date: writeDate(2024, 1, 01), + altText: "Here's even more alt text!", + imageFiles: 4, + authorNotes: ` +Ah! The joys of adjusting to a new life and learning some small but significant facts about life itself, like never underestimating time.
+ `, + }, +]; + +//below is a function you dont rly need to mess with but if you're more experienced with js you can + +function findGetParameter(parameterName) { //function used to write a parameter to append to the url, to give each comic page its own unique url + let result = null, + tmp = []; + let items = location.search.substr(1).split("&"); + for (let index = 0; index < items.length; index++) { + tmp = items[index].split("="); + if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]); + } + return result; +} + +function writeDate(year,month,day) { //write date of comic page + const date = new Date(year,month-1,day) + .toDateString() //format date as Day Month Date Year + .toString() //convert it to a string + .slice(4) //remove the Day + return date +} diff --git a/nuzzle/js/comic_show.js b/nuzzle/js/comic_show.js new file mode 100644 index 0000000..47e29d3 --- /dev/null +++ b/nuzzle/js/comic_show.js @@ -0,0 +1,202 @@ +//comic_show.js was created by geno7, with much needed assistance from Dannarchy + +//this is the script that actually displays the comics, nav and comic title on the page. + +//below are what's called some "function calls", each one is responsible for making an element of the page. to get something to actually show up on the page, all you'd need to do is make a div with a class that has the same name as the function call. i.e. writeNav shows comic navigation, to show it on a page youd use wherever you want it to be. You can even put multiple divs with that same class name and it'll display multiple instances of the navigation. + +//a couple of the function calls have toggles too. + + + +writeNav(true); //show navigation for comic pages. to toggle either images or text for nav, set this to true or false. + +//debug +console.log(pg) + +writePageTitle(".writePageTitle", false, " - "); //write title of page. true/false + +writePageClickable(".writePageClickable",false); //show the current page. to toggle whether pages can be clicked to move to the next one, set this to true or false. + +writeAuthorNotes(".writeAuthorNotes"); + +keyNav(); //enables navigation through the comic with the arrow keys and WSAD. It doesn't need a div with a class name, it automatically works. delete or comment out (add // at the beginning) here to disable. + +// below this point is more under-the-hood type stuff that we only encourage messing with if you're more familiar with js, +// but it's still commented as extensively as possible anyway just in case + +//SHOW COMIC PAGE, with clickable link +function writePageClickable(div,clickable) { + if (!clickable) { + document.querySelector(div).innerHTML = `${writePage()}
`; //display comic page without link
+ } else if (pg < maxpg) {
+ //check whether comic is on the last page
+ document.querySelector(div).innerHTML = ``; //display comic page and make it so that clicking it will lead you to the next page
+ } else {
+ document.querySelector(div).innerHTML = `${writePage()}
`; //display comic page without link
+ }
+}
+
+function writePageTitle(div,toggleNum, char) {
+ if (pgData.length >= pg) {
+ //display title of current page
+ document.querySelector(div).innerHTML = `${pgData[pg - 1].title}
`; + if (toggleNum) { + //toggle whether you want to display the page number + document.querySelector(div).innerHTML = `${pgData[pg - 1].pgNum + char + pgData[pg - 1].title}
`; //char denotes a separating character between the number and the title + } + } +} + +function writeAuthorNotes(div) { //display author notes + if (pgData.length >= pg) { + return document.querySelector(div).innerHTML = `${pgData[pg-1].authorNotes}` + } +} + +//function used to split pages into multiple images if needed, and add alt text +function writePage() { + let partExtension = ""; //part extension to add to the url if the image is split into multiple parts + let altText = ""; //variable for alt text + let path = (folder != "" ? folder + "/" : "") + image + pg + partExtension + "." + ext; //path for your comics made out of variables strung together + let page = ``; + + if (pgData.length < pg) { //if the array is blank or not long enough to have an entry for this page + //debug + console.log("page code to insert - " + page); + console.log("alt text to print - " + altText); + // + page = ``} //add line break + page += `
+ ${firstButton()}
+ ${divider()}
+ ${prevButton()}
+ ${divider()}
+ ${nextButton()}
+ ${divider()}
+ ${lastButton()}
+
+ `;})
+
+ function firstButton() {
+ //FIRST BUTTON
+ if (pg > 1) {
+ //wait until page 2 to make button active
+ return `` + imgOrText(imageToggle, 0) + ``;
+ } else {
+ if (!imageToggle) {
+ return imgOrText(imageToggle, 0);
+ } else {
+ return ``;
+ }
+ }
+ }
+
+ function divider() {
+ //divider
+ if (!imageToggle) {
+ return ` | `;
+ }
+ return ``;
+ }
+
+ function prevButton() {
+ //PREV BUTTON
+ if (pg > 1) {
+ //wait until page 2 to make button active
+ return `` + imgOrText(imageToggle, 1) + ``;
+ } else {
+ if (!imageToggle) {
+ return imgOrText(imageToggle, 1);
+ } else {
+ return ``;
+ }
+ }
+ }
+
+ function nextButton() {
+ //NEXT BUTTON
+ if (pg < maxpg) {
+ //only make active if not on the last page
+ return `` + imgOrText(imageToggle, 2) + ``;
+ } else {
+ if (!imageToggle) {
+ return imgOrText(imageToggle, 2);
+ } else {
+ return ``;
+ }
+ }
+ }
+
+ function lastButton() {
+ //LAST BUTTON
+ if (pg < maxpg) {
+ //only make active if not on last page
+ return `` + imgOrText(imageToggle, 3) + ``;
+ } else {
+ if (!imageToggle) {
+ return imgOrText(imageToggle, 3);
+ } else {
+ return ``;
+ }
+ }
+ }
+}
+
+//KEYBOARD NAVIGATION
+function keyNav() {
+ document.addEventListener("keydown", (e) => {
+ if ((e.key == 'ArrowRight' || e.key.toLowerCase() == 'd') && pg < maxpg) { //right arrow or D goes to next page
+ window.location.href = "?pg=" + (pg + 1) + navScrollTo;
+ } else if ((e.key == "ArrowLeft" || e.key.toLowerCase() == "a") && pg > 1) { //left arrow or A goes to previous page
+ window.location.href = "?pg=" + (pg - 1) + navScrollTo;
+ } else if (e.key.toLowerCase() == "w") { //W scrolls up
+ window.scrollBy({ top: -30 });
+ } else if (e.key.toLowerCase() == "s") { //S scrolls down
+ window.scrollBy({ top: 30 });
+ }
+});};
diff --git a/nuzzle/rss.xml b/nuzzle/rss.xml
new file mode 100644
index 0000000..ea8bfd5
--- /dev/null
+++ b/nuzzle/rss.xml
@@ -0,0 +1,23 @@
+
+