added a new artwork
continuous-integration/drone/push Build is failing Details

This commit is contained in:
Dalm 2022-08-19 19:57:52 +01:00
parent 011d0e0e83
commit 542b12f3e9
7 changed files with 153 additions and 2 deletions

View File

@ -23,6 +23,7 @@
text-shadow: 0px 0px 3px rgb(255, 35, 226);
margin-left: 20%;
width: fit-content;
display: inline;
}
#backbutton:hover{

View File

@ -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
-->
<div id=gallerythumb>
<img src="./images/Gallery/Thumbs/wakeycommthumb.png" id="thumbnail">
<h3><a href="./gallery/0007.html"> [COMMISSION] Nerdification</a></h5>
Created: <date>19/08/2022</date><br>
Tags: commission, tf, nerd
</div>
<div id=gallerythumb>
<img src="./images/Gallery/Thumbs/katiecommthumb.png" id="thumbnail">
<h3><a href="./gallery/0006.html"> [COMMISSION] Katie Portrait</a></h5>

View File

@ -83,7 +83,7 @@
</article>
<form>
<form style="display: flex; flex-direction: row;">
<input type="button" value="Back" onclick="history.back()" id="backbutton">
<a href="../gallery.html"><div id="backbutton">Gallery</div></a>
</form>

99
gallery/0007.html Normal file
View File

@ -0,0 +1,99 @@
<html lang="en">
<head>
<Title>Hex Bomb</Title>
<link rel="stylesheet" href="../mainstyles.css">
<link rel="stylesheet" href="../css/artstyles.css">
<script src="../js/adultcheck.js"></script>
<link rel="icon" href="hexbomb.gay/favicon.ico" type="image/x-icon">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="robots" content="index, follow">
<meta property="title" content="Nerdification Comm" />
<meta property="description" content="Commission for Wakey." />
<meta property="image" content="https://hexbomb.gay/images/Gallery/images/nerdtfcomiccomm.png" />
<meta property="og:title" content="Nerdification Comm" />
<meta property="og:type" content="website" />
<meta property="og:description" content="Commission for Wakey." />
<meta property="og:image" content="https://hexbomb.gay/images/Gallery/images/nerdtfcomiccomm.png" />
<meta property="og:url" content="https://hexbomb.gay/gallery/0006.html" />
<meta name="twitter:title" content="Nerdification Comm">
<meta property="twitter:description" content="Commission for Wakey." />
<meta property="twitter:image" content="https://hexbomb.gay/images/Gallery/images/nerdtfcomiccomm.png" />
<meta name="twitter:card" content="https://hexbomb.gay/images/Gallery/images/nerdtfcomiccomm.png">
<meta property="twitter:domain" content="https://hexbomb.gay">
<meta property="twitter:url" content="https://hexbomb.gay/gallery/0007.html">
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@200;600&family=Raleway:wght@200&family=Staatliches&display=swap" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<script data-goatcounter="https://hexbomb.goatcounter.com/count"
async src="//gc.zgo.at/count.js"></script>
<script src="https://comments.dalmationer.art/comments/embed.js"></script>
</head>
<body>
<div id=header-navigation>
<img id=headerimg src="../images/Headerimg.png" alt="hex-bomb">
<nav class=flexnav>
<div id=topbutton><a href="../index.html">Main</a></div>
<div id=topbutton><a href="../blog.html">Blog</a></div>
<div id=topbutton><a href="../gallery.html">Gallery</a></div>
<div id=topbutton><a href="../comics.html">Zines & Comics</a></div>
</nav>
</div>
<div id=Content-box class="flex-container">
<div id=maincontent>
<article>
<H1>Nerdification Comm</H1>
<p class="date">19/08/2022</p><br>
<div id="artcontainer">
<a href="../images/Gallery/images/nerdtfcomiccomm.png"> <img src="../images/Gallery/images/nerdtfcomiccomm.png" style="max-width: 600; max-height: 800;" class="galleryart"></a>
</div>
<p class="description">
Commission for Wakey.<br>
</p>
<div id="commentics">
<script>
var commentics_config = {
'identifier': 'hexart6',
'reference' : 'hexart 6'
};
</script>
</div>
</article>
<form>
<input type="button" value="Back" onclick="history.back()" id="backbutton">
<a href="../gallery.html"><div id="backbutton">Gallery</div></a>
</form>
</div>
</div>
<footer>
<div id="Footerbox">
<p>
This website was generously hosted by my pals at <a href="https://autonomic.zone/">Autonomic.Zone co-operative.</a> Unless otherwise specified, all content on this site is © 2022 HEX BOMB.
</p>
</div>
</footer>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 193 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 MiB

44
js/tagsorting.js Normal file
View File

@ -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"
}
}
});
}