Hex Bomb-- Adding basic functionality to many main pages.

This commit is contained in:
Dalm 2022-02-04 23:05:22 +00:00
parent 63148cd9d3
commit f90cc475b6
16 changed files with 441 additions and 1 deletions

View File

@ -0,0 +1,87 @@
<html lang="en">
<head>
<Title>Hex Bomb</Title>
<link rel="stylesheet" href="mainstyles.css">
<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>
</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=leftbox>
<img src="./images/BOMBLOGO.svg" alt="Hex Bomb Logo" id="hexlogosvg">
<div id="Abouttext">
HEX BOMB is a punk rock dyke living in Edinburgh, Scotland. She makes sick porn art, zines, music, & more!
</div>
<hr>
<p style="text-align: center;"><img src="./images/3d iww logo.gif" id="iwwgif" style="max-width:100px; width: 100%; display: inline;image-rendering:crisp-edges; image-rendering:pixelated;">
<br>
<a href="https://www.iww.org/">Join the industrial workers of the world!</a></p>
</div>
<div id=maincontent>
<div id=main-text>
<h2>WELCOME TO HEXBOMB.GAY</h2>
<hr>
<p>This page is an <b>ONLINE ABATTOIR</b> of PORNOGRAPHIC CONTENT created by me, <b>HEX BOMB.</b> AKA Scotland's <b>MISS MASTERSTROKE</b> herself! Here you will be able to find find porn comics, commissioned art & illustrations from me, as well as political writing & zines.
<br><br>
I&#39m firmly of the belief that PORN IS POLITICAL just as all art is political, & I hope it comes across in my work.
<br><br>
I am planning to implement an <b>RSS FEED</b> onto this website, which I will update whenever I add something to the site. That way you&#39ll always know when to check in and see what&#39s up. I will also be adding a page where I link all pals.
<br><br>
So watch this space for more from the #1 dyke bitch online cursing yr screen!
<hr><br>
<img src="Aboutscaledsmol.png" alt="Check it out! Drake shops at the Co-Op!!" id=checkitoutimg>
</p>
</div>
</div>
<div id=rightbox>
<nav>
<div id=sidebarbutton><a href="ocs.html">Original Characters</a></div>
<div id=sidebarbutton><a href="politics.html">Politics</a></div>
<div id=sidebarbutton><a href="contact.html">Contact Me</a></div>
<div id=sidebarbutton><a href="links.html">Links & Friends</a></div>
<div id=socialbuttons class=flex-container>
<a href="https://www.deviantart.com/hex-bomb"><img src="./images/icons/deviantart.png" alt="deviantart"></a>
<a href="https://www.furaffinity.net/user/hex-bomb/"><img src="./images/icons/furaffinity.png" alt="Furaffinity"></a>
<a href="https://hexbomb.newgrounds.com/"><img src="./images/icons/newgrounds.png" alt="Newgrounds"></a>
<a href="https://twitter.com/Hex_Bomb"><img src="./images/icons/twitter.png" alt="twitter"></a>
<a href="https://hex-bomb.itch.io/"><img src="./images/icons/itchio.png" alt="itch.io"></a>
</div>
</nav>
</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>

102
comics.html Normal file
View File

@ -0,0 +1,102 @@
<html lang="en">
<head>
<Title>Hex Bomb</Title>
<link rel="stylesheet" href="mainstyles.css">
<link rel="stylesheet" href="./css/gallerystyles.css">
<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>
</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=leftbox>
<img src="./images/BOMBLOGO.svg" alt="Hex Bomb Logo" id="hexlogosvg">
<div id="Abouttext">
HEX BOMB is a punk rock dyke living in Edinburgh, Scotland. She makes sick porn art, zines, music, & more!
</div>
<hr>
<p style="text-align: center;"><img src="./images/3d iww logo.gif" id="iwwgif" style="max-width:100px; width: 100%; display: inline;image-rendering:crisp-edges; image-rendering:pixelated;">
<br>
<a href="https://www.iww.org/">Join the industrial workers of the world!</a></p>
</div>
<div id=maincontent>
<div id=main-text>
<h2 style="text-align: center;">COMICS AND ZINES</h2>
<h2>Comics</h2>
<p>My mainline comics. Many of these are for sale on my <a href="https://hex-bomb.itch.io/">itch.io shop.</a></p>
<div id=gallery-container class="flex-container">
</div>
<h2>Mini-Comics</h2>
<p>These comics are small one or two pagers. You can also find them on the <a href="./gallery.html">Gallery</a> page. <br>
I often do commissions of these types of comics, so check out my <a href="./commission.html">commission page</a> for more information.</p>
<div id=gallery-container class="flex-container">
<div id=gallerythumb>
<img src="images/Gallery/Thumbs/tfbon-thumb.png" id="thumbnail">
<h3>[comic] Ringmaster</h5>
Tags: Comic (2 pages), toon, transformation, Martha, Bonnibel, fanart, personality change, jester, clown
</div>
</div>
</div>
</div>
<div id=rightbox>
<nav>
<div id=sidebarbutton><a href="ocs.html">Original Characters</a></div>
<div id=sidebarbutton><a href="politics.html">Politics</a></div>
<div id=sidebarbutton><a href="contact.html">Contact Me</a></div>
<div id=sidebarbutton><a href="links.html">Links & Friends</a></div>
<hr>
<div id=socialbuttons class=flex-container>
<a href="https://www.deviantart.com/hex-bomb"><img src="./images/icons/deviantart.png" alt="deviantart"></a>
<a href="https://www.furaffinity.net/user/hex-bomb/"><img src="./images/icons/furaffinity.png" alt="Furaffinity"></a>
<a href="https://hexbomb.newgrounds.com/"><img src="./images/icons/newgrounds.png" alt="Newgrounds"></a>
<a href="https://twitter.com/Hex_Bomb"><img src="./images/icons/twitter.png" alt="twitter"></a>
<a href="https://hex-bomb.itch.io/"><img src="./images/icons/itchio.png" alt="itch.io"></a>
<a href="https://ko-fi.com/hexbomb/"><img src="./images/icons/kofi.png" alt="Ko-Fi"></a>
</div>
<hr>
</nav>
<hr>
</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>

28
css/gallerystyles.css Normal file
View File

@ -0,0 +1,28 @@
#gallery-container{
background-color: #222023;
height: auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: top;
padding-bottom: 3%;
}
#gallerythumb{
margin-left: 5%;
margin-right: 5%;
margin-top: 3%;
padding: 1%;
width: 100%;
max-width: 160px;
border: 1px dotted white;
text-align: center;
}
#thumbnail{
width: 100%;
max-width: 150px;
display: block;
margin-left: auto;
margin-right:auto;
}

4
css/linksstyles.css Normal file
View File

@ -0,0 +1,4 @@
h3{
background-color: #1E1F23;
margin-right: 60%;
}

91
gallery.html Normal file
View File

@ -0,0 +1,91 @@
<html lang="en">
<head>
<Title>Hex Bomb</Title>
<link rel="stylesheet" href="mainstyles.css">
<link rel="stylesheet" href="./css/gallerystyles.css">
<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>
</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=leftbox>
<img src="./images/BOMBLOGO.svg" alt="Hex Bomb Logo" id="hexlogosvg">
<div id="Abouttext">
HEX BOMB is a punk rock dyke living in Edinburgh, Scotland. She makes sick porn art, zines, music, & more!
</div>
<hr>
<p style="text-align: center;"><img src="./images/3d iww logo.gif" id="iwwgif" style="max-width:100px; width: 100%; display: inline;image-rendering:crisp-edges; image-rendering:pixelated;">
<br>
<a href="https://www.iww.org/">Join the industrial workers of the world!</a></p>
</div>
<div id=maincontent>
<div id=main-text>
<h2 style="text-align: center;">Gallery</h2>
<div id=gallery-container class="flex-container">
<div id=gallerythumb>
<img src="images/Gallery/Thumbs/tfbon-thumb.png" id="thumbnail">
<h3>[comic] Ringmaster</h5>
Tags: Comic (2 pages), toon, transformation, Martha, Bonnibel, fanart, personality change, jester, clown
</div>
</div>
</div>
</div>
<div id=rightbox>
<nav>
<div id=sidebarbutton><a href="ocs.html">Original Characters</a></div>
<div id=sidebarbutton><a href="politics.html">Politics</a></div>
<div id=sidebarbutton><a href="contact.html">Contact Me</a></div>
<div id=sidebarbutton><a href="links.html">Links & Friends</a></div>
<hr>
<div id=socialbuttons class=flex-container>
<a href="https://www.deviantart.com/hex-bomb"><img src="./images/icons/deviantart.png" alt="deviantart"></a>
<a href="https://www.furaffinity.net/user/hex-bomb/"><img src="./images/icons/furaffinity.png" alt="Furaffinity"></a>
<a href="https://hexbomb.newgrounds.com/"><img src="./images/icons/newgrounds.png" alt="Newgrounds"></a>
<a href="https://twitter.com/Hex_Bomb"><img src="./images/icons/twitter.png" alt="twitter"></a>
<a href="https://hex-bomb.itch.io/"><img src="./images/icons/itchio.png" alt="itch.io"></a>
<a href="https://ko-fi.com/hexbomb/"><img src="./images/icons/kofi.png" alt="Ko-Fi"></a>
</div>
<hr>
</nav>
<hr>
</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: 186 KiB

BIN
images/icons/deviantart.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
images/icons/itchio.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 972 B

BIN
images/icons/kofi.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 889 B

BIN
images/icons/newgrounds.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
images/icons/twitter.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -9,6 +9,8 @@
<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>
</head>
@ -60,6 +62,16 @@
<div id=sidebarbutton><a href="politics.html">Politics</a></div>
<div id=sidebarbutton><a href="contact.html">Contact Me</a></div>
<div id=sidebarbutton><a href="links.html">Links & Friends</a></div>
<hr>
<div id=socialbuttons class=flex-container>
<a href="https://www.deviantart.com/hex-bomb"><img src="./images/icons/deviantart.png" alt="deviantart"></a>
<a href="https://www.furaffinity.net/user/hex-bomb/"><img src="./images/icons/furaffinity.png" alt="Furaffinity"></a>
<a href="https://hexbomb.newgrounds.com/"><img src="./images/icons/newgrounds.png" alt="Newgrounds"></a>
<a href="https://twitter.com/Hex_Bomb"><img src="./images/icons/twitter.png" alt="twitter"></a>
<a href="https://hex-bomb.itch.io/"><img src="./images/icons/itchio.png" alt="itch.io"></a>
<a href="https://ko-fi.com/hexbomb/"><img src="./images/icons/kofi.png" alt="Ko-Fi"></a>
</div>
<hr>
</nav>
</div>

14
js/adultcheck.js Normal file
View File

@ -0,0 +1,14 @@
///makes IsAdult equal to whatever is on the local storage
let IsAdult = localStorage.getItem("adult")
///sends you to the redirect page if it's not 1
if (IsAdult != "1") {
window.location.replace("Redirect URL");
}
/// on each page put: <script src="adultcheck.js"></script>
/// on redirect page: <Button onclick="localStorage.setItem("adult", "1")">Yes</button> (also a hyperlink back to the main page.)

86
links.html Normal file
View File

@ -0,0 +1,86 @@
<html lang="en">
<head>
<Title>Hex Bomb</Title>
<link rel="stylesheet" href="mainstyles.css">
<link rel="stylesheet" href="./css/linksstyles.css">
<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>
</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=leftbox>
<img src="./images/BOMBLOGO.svg" alt="Hex Bomb Logo" id="hexlogosvg">
<div id="Abouttext">
HEX BOMB is a punk rock dyke living in Edinburgh, Scotland. She makes sick porn art, zines, music, & more!
</div>
<hr>
<p style="text-align: center;"><img src="./images/3d iww logo.gif" id="iwwgif" style="max-width:100px; width: 100%; display: inline;image-rendering:crisp-edges; image-rendering:pixelated;">
<br>
<a href="https://www.iww.org/">Join the industrial workers of the world!</a></p>
</div>
<div id=maincontent>
<div id=main-text>
<h2>HEX'S CONNEXTIONS</h2>
<hr>
<p> This page is for links to my friends on the internet, as well as other websites I think are useful.
If you think something here should be removed, or think I should add something interesting here, please contact me!
</p>
<h3>Friends</h3>
</div>
</div>
<div id=rightbox>
<nav>
<div id=sidebarbutton><a href="ocs.html">Original Characters</a></div>
<div id=sidebarbutton><a href="politics.html">Politics</a></div>
<div id=sidebarbutton><a href="contact.html">Contact Me</a></div>
<div id=sidebarbutton><a href="links.html">Links & Friends</a></div>
<hr>
<div id=socialbuttons class=flex-container>
<a href="https://www.deviantart.com/hex-bomb"><img src="./images/icons/deviantart.png" alt="deviantart"></a>
<a href="https://www.furaffinity.net/user/hex-bomb/"><img src="./images/icons/furaffinity.png" alt="Furaffinity"></a>
<a href="https://hexbomb.newgrounds.com/"><img src="./images/icons/newgrounds.png" alt="Newgrounds"></a>
<a href="https://twitter.com/Hex_Bomb"><img src="./images/icons/twitter.png" alt="twitter"></a>
<a href="https://hex-bomb.itch.io/"><img src="./images/icons/itchio.png" alt="itch.io"></a>
<a href="https://ko-fi.com/hexbomb/"><img src="./images/icons/kofi.png" alt="Ko-Fi"></a>
</div>
<hr>
</nav>
</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>

View File

@ -25,6 +25,11 @@ h2{ font-size: 2em;
font-family: 'Staatliches', cursive;
}
h3{ font-size: 1.5em;
color: rgb(134, 73, 233);
font-family: 'Staatliches', cursive;
}
#main-text{
font-size: 1em;
line-height: 150%;
@ -87,7 +92,7 @@ h2{ font-size: 2em;
text-align: center;
font-weight: bold;
font-size: 1.2em;
margin-left: 5%;
margin-left: 2%;
margin-right: auto;
margin-top: 6%;
padding-left: 2%;
@ -97,6 +102,17 @@ h2{ font-size: 2em;
background-image: url(./images/bgwire.png);
}
#socialbuttons{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
margin-top: 10%;
margin-left: 5%;
margin-right: auto;
}
.flex-container{
display: flex;
margin: 0 auto;