diff --git a/css/artstyles.css b/css/artstyles.css index d28a67e..fcdd93b 100644 --- a/css/artstyles.css +++ b/css/artstyles.css @@ -23,6 +23,7 @@ text-shadow: 0px 0px 3px rgb(255, 35, 226); margin-left: 20%; width: fit-content; + display: inline; } #backbutton:hover{ diff --git a/gallery.html b/gallery.html index 8f11836..eb1fa4a 100644 --- a/gallery.html +++ b/gallery.html @@ -75,9 +75,16 @@ note: make these more accessible in future! tag list: comic, toon, tf, martha, bonnibel, fanart, clown, sequence, cheerleader, ella, lazarus, - erica, prettification, beloved, breast expansion, humiliation, public, priscilla, fairy, SFW, commission + erica, prettification, beloved, breast expansion, humiliation, public, priscilla, fairy, SFW, commission, nerd --> +
+ +

[COMMISSION] Nerdification

+ Created: 19/08/2022
+ Tags: commission, tf, nerd +
+

[COMMISSION] Katie Portrait

diff --git a/gallery/0006.html b/gallery/0006.html index 1abb6d5..c2eef0b 100644 --- a/gallery/0006.html +++ b/gallery/0006.html @@ -83,7 +83,7 @@ -
+
Gallery
diff --git a/gallery/0007.html b/gallery/0007.html new file mode 100644 index 0000000..46392cf --- /dev/null +++ b/gallery/0007.html @@ -0,0 +1,99 @@ + + + +Hex Bomb + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ hex-bomb + +
+ +
+ +
+
+

Nerdification Comm

+

19/08/2022


+
+ +
+ +

+ Commission for Wakey.
+ +

+
+ +
+ + + +
+ +
+ +
Gallery
 +
+ +
+
+ + + + + + \ No newline at end of file diff --git a/images/Gallery/Thumbs/wakeycommthumb.png b/images/Gallery/Thumbs/wakeycommthumb.png new file mode 100644 index 0000000..3c0bf3d Binary files /dev/null and b/images/Gallery/Thumbs/wakeycommthumb.png differ diff --git a/images/Gallery/images/nerdtfcomiccomm.png b/images/Gallery/images/nerdtfcomiccomm.png new file mode 100644 index 0000000..5796c44 Binary files /dev/null and b/images/Gallery/images/nerdtfcomiccomm.png differ diff --git a/js/tagsorting.js b/js/tagsorting.js new file mode 100644 index 0000000..3f2ebce --- /dev/null +++ b/js/tagsorting.js @@ -0,0 +1,44 @@ + +// functionality: +// display a list of buttons which are tags at the top +// below the tags, display list of articles in div +// when a tag is clicked, hide the articles in the div and only display entry links which have a class that matches the tag +// Thank you very much to SADNESS at Sadgrl.online for letting me use her tag sorting system! + + const tags = document.querySelectorAll('#tags > button'); + const posts = document.querySelectorAll('#posts > div'); + const displayAll = document.getElementById('all'); + +console.log(posts.length); + +displayAll.addEventListener('click', event => { + for (let i = 0 ; i < posts.length; i++) { + posts[i].style.display = "list-item"; + } +}); + +for (let i = 0 ; i < tags.length; i++) { + // when a tag button is clicked... +tags[i].addEventListener('click', event => { + // identify which classes belong to button + const buttonTag = tags[i].getAttribute('class'); + // loop through post tags + for (let i = 0 ; i < posts.length; i++) { + // get post tags + const postTag = tags[i].getAttribute('class'); + // if the "all" button is clicked, display everything + if (postTag === buttonTag) { + // display posts + posts[i].style.display = "block" + + } + // if the post tag does not match the button tag... + else if (postTag != buttonTag) { + // hide the other posts + posts[i].style.display = "none" + } + + } + +}); +}