Hex Bomb-- Adding basic functionality to many main pages.
|
@ -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'm 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'll always know when to check in and see what's 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>
|
|
@ -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>
|
|
@ -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;
|
||||||
|
}
|
|
@ -0,0 +1,4 @@
|
||||||
|
h3{
|
||||||
|
background-color: #1E1F23;
|
||||||
|
margin-right: 60%;
|
||||||
|
}
|
|
@ -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>
|
After Width: | Height: | Size: 186 KiB |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 1.6 KiB |
After Width: | Height: | Size: 972 B |
After Width: | Height: | Size: 889 B |
After Width: | Height: | Size: 1.4 KiB |
After Width: | Height: | Size: 1.1 KiB |
12
index.html
|
@ -9,6 +9,8 @@
|
||||||
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
|
<script data-goatcounter="https://hexbomb.goatcounter.com/count"
|
||||||
|
async src="//gc.zgo.at/count.js"></script>
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
|
@ -60,6 +62,16 @@
|
||||||
<div id=sidebarbutton><a href="politics.html">Politics</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="contact.html">Contact Me</a></div>
|
||||||
<div id=sidebarbutton><a href="links.html">Links & Friends</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>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -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.)
|
|
@ -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>
|
|
@ -25,6 +25,11 @@ h2{ font-size: 2em;
|
||||||
font-family: 'Staatliches', cursive;
|
font-family: 'Staatliches', cursive;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
h3{ font-size: 1.5em;
|
||||||
|
color: rgb(134, 73, 233);
|
||||||
|
font-family: 'Staatliches', cursive;
|
||||||
|
}
|
||||||
|
|
||||||
#main-text{
|
#main-text{
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
line-height: 150%;
|
line-height: 150%;
|
||||||
|
@ -87,7 +92,7 @@ h2{ font-size: 2em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
margin-left: 5%;
|
margin-left: 2%;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
margin-top: 6%;
|
margin-top: 6%;
|
||||||
padding-left: 2%;
|
padding-left: 2%;
|
||||||
|
@ -97,6 +102,17 @@ h2{ font-size: 2em;
|
||||||
background-image: url(./images/bgwire.png);
|
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{
|
.flex-container{
|
||||||
display: flex;
|
display: flex;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
|