Added a bunch of new stuff
|
@ -3,7 +3,8 @@
|
|||
<head>
|
||||
<Title>Hex Bomb</Title>
|
||||
|
||||
<link rel="stylesheet" href="Blogstyles Template.css">
|
||||
<link rel="stylesheet" href="../mainstyles.css">
|
||||
<link rel="stylesheet" href="../css/poststyles.css">
|
||||
|
||||
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@200;600&family=Raleway:wght@200&family=Staatliches&display=swap" rel="stylesheet">
|
||||
|
||||
|
@ -14,31 +15,20 @@
|
|||
|
||||
<body>
|
||||
<div id=header-navigation>
|
||||
<img id=headerimg src="./images/Headerimg.png" alt="hex-bomb">
|
||||
<nav>
|
||||
<a href=main.html>Main</a> |
|
||||
Blog |
|
||||
Gallery |
|
||||
Zines & Comics
|
||||
<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>
|
||||
<article>
|
||||
<h1 style="line-height: 1em;">HELLO WORLD & WHY DID I MAKE THIS SITE</h1>
|
||||
<h1>HELLO WORLD & WHY DID I MAKE THIS SITE</h1>
|
||||
<i>15/01/2022</i>
|
||||
<hr>
|
||||
<img src="./Content/fuckedupbomb.png" style="width: 100%; max-width: 1200px; -ms-interpolation-mode:nearest-neighbor; /*IE 7-11*/
|
||||
|
@ -57,14 +47,12 @@
|
|||
<p>I'm not going to disappear from whatever site you know me from, though. My intention is to continue posting my art & blog posts via <a href=”https://www.postybirb.com/”>Postybirb</a>, which is a cool little application that helps with posting artworks to different social media accounts etc.</p>
|
||||
<p>I also plan to curate an RSS feed that will hopefully help you keep up to date with what I'm up to. Subscribe on RSS for the most up to date list of the shit im up to!!</p>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<div id=rightbox>
|
||||
<p>Original Characters</p>
|
||||
<p>Politics</p>
|
||||
<p>Contact Me</p>
|
||||
</div>
|
||||
<form>
|
||||
<input type="button" value="Back" onclick="history.back()" id="backbutton">
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
|
|
|
@ -0,0 +1,90 @@
|
|||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<Title>Hex Bomb</Title>
|
||||
|
||||
<link rel="stylesheet" href="mainstyles.css">
|
||||
<link rel="stylesheet" href="css/blogmainstyles.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>Blog</h2>
|
||||
<p>This is a page for my writing & thoughts. I'll add an RSS feed later. Articles I think are important will go in specific sections, which will be bookmarked here.
|
||||
Site news can be found on the home page.
|
||||
</p>
|
||||
<hr>
|
||||
|
||||
<div id="blogentry">
|
||||
<h4><a href="./Blog/Post1.html">HELLO WORLD & WHY DID I MAKE THIS SITE</a></h4>
|
||||
<i>15/01/2022</i>
|
||||
</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>
|
||||
</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,7 @@
|
|||
#blogentry{
|
||||
border: dotted 1px white;
|
||||
line-height: 0;
|
||||
padding-bottom: 1em;
|
||||
padding-left: 1%;
|
||||
padding-right: 1%;
|
||||
}
|
|
@ -0,0 +1,53 @@
|
|||
#checkitoutimg{
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
max-width: 640px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#sitenews{
|
||||
border: 2px dotted white;
|
||||
overflow-y: scroll;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
max-height: 300px;
|
||||
padding: 1%;
|
||||
margin-left: 1%;
|
||||
}
|
||||
|
||||
#commissionstatusbox{
|
||||
border: 1px white solid;
|
||||
font-size: 1.5em;
|
||||
color: white;
|
||||
font-family: 'Raleway', sans-serif, Georgia, 'Times New Roman', Times, serif;
|
||||
width: 100%;
|
||||
height:fit-content;
|
||||
padding-left: 1%;
|
||||
padding-right: 1%;
|
||||
margin-right: 5%;
|
||||
margin-left: 2%;
|
||||
}
|
||||
|
||||
#checkerline{
|
||||
background-color: yellow;
|
||||
background-image: url(../images/yellowcheckerbggritty.png);
|
||||
background-repeat: repeat;
|
||||
background-attachment: scroll;
|
||||
margin-left: -4%;
|
||||
margin-right:-4%;
|
||||
height: 100px;
|
||||
display: block;
|
||||
margin-top: 3%;
|
||||
}
|
||||
|
||||
#newscommsbox{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
|
||||
h2{
|
||||
text-align: center;
|
||||
}
|
|
@ -1,4 +1,44 @@
|
|||
|
||||
|
||||
h3{
|
||||
background-color: #1E1F23;
|
||||
margin-right: 60%;
|
||||
}
|
||||
text-align: center;
|
||||
padding: 1%;
|
||||
}
|
||||
|
||||
#friendbox{
|
||||
border: 2px white;
|
||||
border-style: dotted solid solid dotted;
|
||||
margin-left: 5%;
|
||||
margin-right: 5%;
|
||||
margin-top: 6%;
|
||||
padding-bottom:0.5%;
|
||||
padding-left: 1%;
|
||||
padding-right: 1%;
|
||||
background-image: url(../images/lightpaperbg.png);
|
||||
background-attachment: scroll
|
||||
height:auto;
|
||||
}
|
||||
|
||||
#link-avatar{
|
||||
float:left;
|
||||
max-width: 150px;
|
||||
height: auto;
|
||||
border: 3px #CC34D1;
|
||||
border-style: double;
|
||||
margin-right:15px;
|
||||
margin-top:-4%;
|
||||
margin-left:-1%;
|
||||
background-color: black;
|
||||
-ms-interpolation-mode:nearest-neighbor;
|
||||
/*IE 7-11*/
|
||||
image-rendering: -o-crisp-edges;
|
||||
/*Opera 12*/
|
||||
image-rendering: -webkit-crisp-edges;
|
||||
/*Safari 6-9*/
|
||||
image-rendering:-moz-crisp-edges;
|
||||
/*Firefox 3.6-64*/
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -0,0 +1,38 @@
|
|||
#maincontent{
|
||||
padding-left: 2%;
|
||||
padding-right: 2%;
|
||||
margin-top: 10px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 1px;
|
||||
border: solid 2px;
|
||||
border-color: white;
|
||||
width: 70%;
|
||||
background-color: black;
|
||||
padding-bottom: 80px;
|
||||
}
|
||||
|
||||
#backbutton{
|
||||
border: 3px double rgb(255, 35, 226);
|
||||
font-size: 2em;
|
||||
margin-top: 5%;
|
||||
border-radius: 8px;
|
||||
cursor: pointer;
|
||||
color: rgb(255, 35, 226);
|
||||
background-color: black;
|
||||
text-shadow: 0px 0px 3px rgb(255, 35, 226);
|
||||
}
|
||||
|
||||
#backbutton:hover{
|
||||
background-color: rgb(80, 0, 112);
|
||||
border: 3px solid rgb(217, 91, 255);
|
||||
color: rgb(217, 91, 255);
|
||||
text-shadow: 0px 0px 6px rgb(217, 91, 255);
|
||||
}
|
||||
|
||||
h1{
|
||||
text-align: center;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
line-height: 1em;
|
||||
}
|
After Width: | Height: | Size: 3.0 KiB |
After Width: | Height: | Size: 6.8 KiB |
After Width: | Height: | Size: 5.3 KiB |
After Width: | Height: | Size: 153 KiB |
After Width: | Height: | Size: 20 KiB |
After Width: | Height: | Size: 331 B |
After Width: | Height: | Size: 14 KiB |
29
index.html
|
@ -4,6 +4,7 @@
|
|||
<Title>Hex Bomb</Title>
|
||||
|
||||
<link rel="stylesheet" href="mainstyles.css">
|
||||
<link rel="stylesheet" href="./css/indexstyles.css">
|
||||
|
||||
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@200;600&family=Raleway:wght@200&family=Staatliches&display=swap" rel="stylesheet">
|
||||
|
||||
|
@ -52,6 +53,34 @@
|
|||
<hr><br>
|
||||
<img src="Aboutscaledsmol.png" alt="Check it out! Drake shops at the Co-Op!!" id=checkitoutimg>
|
||||
</p>
|
||||
<hr>
|
||||
<h2>NEWS</h2>
|
||||
<div id=newscommsbox><div id="sitenews">
|
||||
<h5>07/02/2022 Hello world!</h5>
|
||||
<p>Welcome one and all to my website! It’s still not actually live, so only I am reading this right now… unless you’re somehow on my computer.<br>
|
||||
I’ve added most of the main pages to the site, as well as some cute buttons, a blog post, and some links to friends of mine.<br>
|
||||
Also, I added a site updates tab! You’re reading it!<br>
|
||||
Tune in here for future updates. Even if something isn’t a big enough deal to go on my RSS, I’ll put it here any time I update something.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="Commissionstatusbox">
|
||||
<h4>Commission status: <span style="color: #FDDE81;">Open!</span></h4>
|
||||
<ul style="padding-left: 10%;">
|
||||
<li>
|
||||
Slot open!
|
||||
</li>
|
||||
<li>
|
||||
Slot open!
|
||||
</li>
|
||||
<li>
|
||||
Slot open!
|
||||
</li>
|
||||
</ul>
|
||||
<p>Check my <a href="commission.html">commissions</a> page for more information!</p>
|
||||
</div></div>
|
||||
|
||||
<div id="checkerline"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
///makes IsAdult equal to whatever is on the local storage
|
||||
let IsAdult = localStorage.getItem("adult")
|
||||
let IsAdult = localStorage.getItem("adult");
|
||||
|
||||
|
||||
///sends you to the redirect page if it's not 1
|
||||
|
@ -11,4 +11,4 @@ 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.)
|
||||
/// on redirect page: <Button onclick="localStorage.setItem("adult", "1")"; history.back();>Yes</button>
|
36
links.html
|
@ -46,7 +46,41 @@
|
|||
<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>
|
||||
<h3 id="B1">Friends</h3>
|
||||
|
||||
<div id="friendbox">
|
||||
|
||||
<a href="https://princess.software"><img src="./images/icons/gracesprite.png" id="link-avatar">
|
||||
<h4>Princess Grace @ princess.software </h3></a>
|
||||
<p>Grace is a good friend of mine, and knows way more computer shit than I do. She writes some hot fucking erotica,
|
||||
is on a bunch of podcasts, and creates many fun little toy programs. I often have her proofread my comics and essays, when she's wearing her editrix hat.<br>
|
||||
Grace's writing can be found at <a href=https://perfect.hypnovir.us>perfect.hypnovir.us/</a></p>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="friendbox">
|
||||
|
||||
<a href="https://distressedegg.fun/"><img src="./images/icons/irisprite.png" id="link-avatar">
|
||||
<h4>Distressed Egg @ distressedegg.fun/ </h3></a>
|
||||
<p>Egg's website is definitely worth a look if you want to look at some hot porn. xer comics have this lovely simplicity and clarity to them that
|
||||
I often look at like "God. I should have decided to do comics like that." Check out their comics Scandalous Sybil Throat & Split Check in particular.
|
||||
You can find more of her stuff at: <a href="https://irisjay.net">irisjay.net</a>. <br>
|
||||
Sybil hot.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="friendbox">
|
||||
|
||||
<a href="https://cavitees.com"><img src="./images/icons/caviavi.png" id="link-avatar">
|
||||
<h4>Cavitees @ cavitees.com </h3></a>
|
||||
<p>A big art inspiration for the way I make comics, Cavitees hits the sweet spot between "hot as hell" and "kinda squicky" in a way that's very hard to do right.
|
||||
They do really sick comics- Totally Punk is a particular favourite of mine. They also Really likes drawing women who are also food.<br>
|
||||
Check out their comic series Joy-Stick!
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
@ -10,7 +10,7 @@ body{
|
|||
}
|
||||
|
||||
a{
|
||||
color: rgb(204, 52, 209);
|
||||
color: rgb(255, 35, 226);
|
||||
text-decoration:underline;
|
||||
}
|
||||
|
||||
|
@ -18,6 +18,7 @@ h1{
|
|||
font-size: 3em;
|
||||
color: rgb(204, 52, 209);
|
||||
font-family: 'Staatliches', cursive;
|
||||
text-shadow: 0px 0px 6px rgb(204, 52, 209);
|
||||
}
|
||||
|
||||
h2{ font-size: 2em;
|
||||
|
@ -30,6 +31,12 @@ color: rgb(134, 73, 233);
|
|||
font-family: 'Staatliches', cursive;
|
||||
}
|
||||
|
||||
H4{
|
||||
font-size: 1.3em;
|
||||
color: rgb(204, 52, 209);
|
||||
font-family: 'Oswald', cursive;
|
||||
}
|
||||
|
||||
#main-text{
|
||||
font-size: 1em;
|
||||
line-height: 150%;
|
||||
|
@ -42,14 +49,6 @@ font-family: 'Staatliches', cursive;
|
|||
display: block;
|
||||
}
|
||||
|
||||
#checkitoutimg{
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
max-width: 640px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#header-navigation{
|
||||
background-color: black;
|
||||
|
@ -161,6 +160,7 @@ font-family: 'Staatliches', cursive;
|
|||
width: 50%;
|
||||
background-color: black;
|
||||
padding-bottom: 80px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#rightbox{
|
||||
|
|