commit 63148cd9d33d3052a9cc1bf4abea2ebbb25ae503 Author: Dalm Date: Sat Jan 29 03:41:08 2022 +0000 added basic site, not much content yet. diff --git a/Aboutscaledsmol.png b/Aboutscaledsmol.png new file mode 100644 index 0000000..dbef1e1 Binary files /dev/null and b/Aboutscaledsmol.png differ diff --git a/Blog/Blogstyles Template.css b/Blog/Blogstyles Template.css new file mode 100644 index 0000000..f89a716 --- /dev/null +++ b/Blog/Blogstyles Template.css @@ -0,0 +1,180 @@ +body{ + background-image: url(./images/blackpaperbg.jpg); + background-repeat: repeat; + background-color: black; + color: white; + font-size: 100%; + font-family: 'Raleway', sans-serif, Georgia, 'Times New Roman', Times, serif; + margin: 0; + padding: 0; +} + +a{ + color: rgb(204, 52, 209); + text-decoration:underline; +} + +h1{ + font-size: 3em; + color: rgb(204, 52, 209); + font-family: 'Staatliches', cursive; +} + +h2{ font-size: 2em; + color: rgb(204, 52, 209); + font-family: 'Staatliches', cursive; +} + +article{ + font-size: 1em; + line-height: 150%; +} + +#headerimg{ + width: 100%; + margin-left: auto; + margin-right: auto; + display: block; +} + +#header-navigation{ + background-color: black; + text-align: center; + border-style: solid; + border-width: 1px; + padding-left: 2%; + padding-right: 2%; + padding-top: 10px; + padding-bottom: 10px; + line-height: 0.9; + margin-left: auto; + margin-right: auto; + margin-top: 4px; + max-width: 500px; + font-size: 0.875em; +} + +.flex-container{ + display: flex; + margin: 0 auto; + margin-bottom: 1px; +} + +#Content-box{ + flex-wrap: wrap; + min-height: 400px; + font-size: 0.875em; + margin: 0 auto; + justify-content: center; +} + +#leftbox{ + padding-right: 0.5%; + padding-left: 0.5%; + margin-top: 10px; + margin-bottom: 1px; + border: solid 2px; + width: 11%; + border-color: white; + margin-left: 0.2%; + background-color: black; +} + + #abouttext{ + margin-left: 0.01%; + margin-right: 0.01%; + padding: 5px; + background-color: #222023; + text-align: center; + border: 1px dotted white; + } + +#maincontent{ + padding-left: 2%; + padding-right: 2%; + margin-top: 10px; + margin-left: 9px; + margin-right: 9px; + margin-bottom: 1px; + border: solid 2px; + border-color: white; + width: 50%; + background-color: black; + padding-bottom: 80px; +} + +#rightbox{ + padding-right: 0.5%; + padding-left: 0.5%; + margin-top: 10px; + margin-bottom: 1px; + border: solid 2px; + border-color: white; + width: 12%; + margin-right: 0.2%; + background-color: black; +} + +#footerbox{ + text-align: center; + border-style: solid; + border-width: 1px; + padding-left: 2%; + padding-right: 2%; + padding-top: 10px; + padding-bottom: 10px; + margin-left: auto; + margin-right: auto; + line-height: 0.9; + margin-bottom: 0px; + max-width: 900px; + background-color: black; +} + + +/*Undersize.*/ + +@media only screen and (max-width: 800px) { + #header-navigation{ + width: 100%; + display: block; + max-width: 100%; + } + + #rightbox{ + order: 3; + width: 100%; + display: block; + } + + #maincontent{ + width: 100%; + order: 1; + display: block; + margin-left: 0; + margin-right: auto; + } + #leftbox{ + width: 100%; + order: 2; + display: block; + } + + + #footerbox{ + width: 100%; + max-width: 100%; + } +} + + +/* CONTENT */ + +#hexlogosvg{ + width: 100%; + max-width: 200px; + display: block; + margin-left: auto; + margin-right: auto; + +} diff --git a/Blog/Content/fuckedupbomb.png b/Blog/Content/fuckedupbomb.png new file mode 100644 index 0000000..e7887f2 Binary files /dev/null and b/Blog/Content/fuckedupbomb.png differ diff --git a/Blog/Post1.html b/Blog/Post1.html new file mode 100644 index 0000000..c085f08 --- /dev/null +++ b/Blog/Post1.html @@ -0,0 +1,80 @@ + + + +Hex Bomb + + + + + + + + + + + +
+ hex-bomb + +
+ +
+
+ Hex Bomb Logo +
+ HEX BOMB is a punk rock dyke living in Edinburgh, Scotland. She makes sick porn art, zines, music, & more! +
+ +
+

+
+ Join the industrial workers of the world!

+
+ +
+
+

HELLO WORLD & WHY DID I MAKE THIS SITE

+ 15/01/2022 +
+ +

Hey all.

+

This is the first post on my new site. I put a lot of work into this whole thing, and it's still a little janky, but I've had a lot of fun making it. Right now it’s barebones, with just a few pages. I’m likely to reupload some old art onto the gallery page over the next few weeks or so.

+

Over the next few months, this is likely to be where the majority of what I'm up to is going to be. I've been thinking about this for a while, but the fact of the matter is… Social Media just isn’t good for me. That is to say, the current, corporate-owned centralised version of social media that we currently live with isn’t. I haven’t really tried Mastodon (I don’t really understand how it works) And perhaps once I do I’ll like it.

+
+

I've been thinking a lot how I have very little control over how my art is presented on social media (Twitter is my main one.) It's compressed, it's pushed into a stream with a bunch of other stuff, it’s placed in contexts that I couldn’t possibly predict when making it… And that’s good for some art.

+
+

...If that's what the art's about.

+
+

But I think I'd rather control the context of my art, & not have it add to the value of some rich jackasses who own whatever social media I'm on.

+

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 Postybirb, which is a cool little application that helps with posting artworks to different social media accounts etc.

+

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!!

+
+
+ +
+

Original Characters

+

Politics

+

Contact Me

+
+ +
+ + + + + + \ No newline at end of file diff --git a/Blog/images/3d iww logo.gif b/Blog/images/3d iww logo.gif new file mode 100644 index 0000000..1e546cd Binary files /dev/null and b/Blog/images/3d iww logo.gif differ diff --git a/Blog/images/BOMBLOGO.svg b/Blog/images/BOMBLOGO.svg new file mode 100644 index 0000000..54fea52 --- /dev/null +++ b/Blog/images/BOMBLOGO.svg @@ -0,0 +1,102 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/Blog/images/Headerimg.png b/Blog/images/Headerimg.png new file mode 100644 index 0000000..84c60e8 Binary files /dev/null and b/Blog/images/Headerimg.png differ diff --git a/Blog/images/bgwire.png b/Blog/images/bgwire.png new file mode 100644 index 0000000..a2b7d41 Binary files /dev/null and b/Blog/images/bgwire.png differ diff --git a/Blog/images/blackpaperbg.jpg b/Blog/images/blackpaperbg.jpg new file mode 100644 index 0000000..050fec2 Binary files /dev/null and b/Blog/images/blackpaperbg.jpg differ diff --git a/Templates/Blogstyles Template.css b/Templates/Blogstyles Template.css new file mode 100644 index 0000000..f89a716 --- /dev/null +++ b/Templates/Blogstyles Template.css @@ -0,0 +1,180 @@ +body{ + background-image: url(./images/blackpaperbg.jpg); + background-repeat: repeat; + background-color: black; + color: white; + font-size: 100%; + font-family: 'Raleway', sans-serif, Georgia, 'Times New Roman', Times, serif; + margin: 0; + padding: 0; +} + +a{ + color: rgb(204, 52, 209); + text-decoration:underline; +} + +h1{ + font-size: 3em; + color: rgb(204, 52, 209); + font-family: 'Staatliches', cursive; +} + +h2{ font-size: 2em; + color: rgb(204, 52, 209); + font-family: 'Staatliches', cursive; +} + +article{ + font-size: 1em; + line-height: 150%; +} + +#headerimg{ + width: 100%; + margin-left: auto; + margin-right: auto; + display: block; +} + +#header-navigation{ + background-color: black; + text-align: center; + border-style: solid; + border-width: 1px; + padding-left: 2%; + padding-right: 2%; + padding-top: 10px; + padding-bottom: 10px; + line-height: 0.9; + margin-left: auto; + margin-right: auto; + margin-top: 4px; + max-width: 500px; + font-size: 0.875em; +} + +.flex-container{ + display: flex; + margin: 0 auto; + margin-bottom: 1px; +} + +#Content-box{ + flex-wrap: wrap; + min-height: 400px; + font-size: 0.875em; + margin: 0 auto; + justify-content: center; +} + +#leftbox{ + padding-right: 0.5%; + padding-left: 0.5%; + margin-top: 10px; + margin-bottom: 1px; + border: solid 2px; + width: 11%; + border-color: white; + margin-left: 0.2%; + background-color: black; +} + + #abouttext{ + margin-left: 0.01%; + margin-right: 0.01%; + padding: 5px; + background-color: #222023; + text-align: center; + border: 1px dotted white; + } + +#maincontent{ + padding-left: 2%; + padding-right: 2%; + margin-top: 10px; + margin-left: 9px; + margin-right: 9px; + margin-bottom: 1px; + border: solid 2px; + border-color: white; + width: 50%; + background-color: black; + padding-bottom: 80px; +} + +#rightbox{ + padding-right: 0.5%; + padding-left: 0.5%; + margin-top: 10px; + margin-bottom: 1px; + border: solid 2px; + border-color: white; + width: 12%; + margin-right: 0.2%; + background-color: black; +} + +#footerbox{ + text-align: center; + border-style: solid; + border-width: 1px; + padding-left: 2%; + padding-right: 2%; + padding-top: 10px; + padding-bottom: 10px; + margin-left: auto; + margin-right: auto; + line-height: 0.9; + margin-bottom: 0px; + max-width: 900px; + background-color: black; +} + + +/*Undersize.*/ + +@media only screen and (max-width: 800px) { + #header-navigation{ + width: 100%; + display: block; + max-width: 100%; + } + + #rightbox{ + order: 3; + width: 100%; + display: block; + } + + #maincontent{ + width: 100%; + order: 1; + display: block; + margin-left: 0; + margin-right: auto; + } + #leftbox{ + width: 100%; + order: 2; + display: block; + } + + + #footerbox{ + width: 100%; + max-width: 100%; + } +} + + +/* CONTENT */ + +#hexlogosvg{ + width: 100%; + max-width: 200px; + display: block; + margin-left: auto; + margin-right: auto; + +} diff --git a/Templates/Blogtemplate.html b/Templates/Blogtemplate.html new file mode 100644 index 0000000..f62f666 --- /dev/null +++ b/Templates/Blogtemplate.html @@ -0,0 +1,64 @@ + + + +Hex Bomb + + + + + + + + + + + +
+ hex-bomb + +
+ +
+
+ Hex Bomb Logo +
+ HEX BOMB is a punk rock dyke living in Edinburgh, Scotland. She makes sick porn art, zines, music, & more! +
+ +
+

+
+ Join the industrial workers of the world!

+
+ +
+
+

test

+

bingus

+
+
+ +
+

Original Characters

+

Politics

+

Contact Me

+
+ +
+ + + + + + \ No newline at end of file diff --git a/images/3d iww logo.gif b/images/3d iww logo.gif new file mode 100644 index 0000000..1e546cd Binary files /dev/null and b/images/3d iww logo.gif differ diff --git a/images/BOMBLOGO.svg b/images/BOMBLOGO.svg new file mode 100644 index 0000000..54fea52 --- /dev/null +++ b/images/BOMBLOGO.svg @@ -0,0 +1,102 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/Headerimg.png b/images/Headerimg.png new file mode 100644 index 0000000..84c60e8 Binary files /dev/null and b/images/Headerimg.png differ diff --git a/images/bgwire.png b/images/bgwire.png new file mode 100644 index 0000000..a2b7d41 Binary files /dev/null and b/images/bgwire.png differ diff --git a/images/blackpaperbg.jpg b/images/blackpaperbg.jpg new file mode 100644 index 0000000..050fec2 Binary files /dev/null and b/images/blackpaperbg.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..c3cbdef --- /dev/null +++ b/index.html @@ -0,0 +1,78 @@ + + + +Hex Bomb + + + + + + + + + + + +
+ hex-bomb + +
+ +
+
+ Hex Bomb Logo +
+ HEX BOMB is a punk rock dyke living in Edinburgh, Scotland. She makes sick porn art, zines, music, & more! +
+ +
+

+
+ Join the industrial workers of the world!

+
+ +
+
+

WELCOME TO HEXBOMB.GAY

+
+

This page is an ONLINE ABATTOIR of PORNOGRAPHIC CONTENT created by me, HEX BOMB. AKA Scotland's MISS MASTERSTROKE herself! Here you will be able to find find porn comics, commissioned art & illustrations from me, as well as political writing & zines. +

+ I'm firmly of the belief that PORN IS POLITICAL just as all art is political, & I hope it comes across in my work. +

+ I am planning to implement an RSS FEED 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. +

+ So watch this space for more from the #1 dyke bitch online cursing yr screen! +


+ Check it out! Drake shops at the Co-Op!! +

+
+
+ + + +
+ + + + + + \ No newline at end of file diff --git a/mainstyles.css b/mainstyles.css new file mode 100644 index 0000000..ebc8f31 --- /dev/null +++ b/mainstyles.css @@ -0,0 +1,224 @@ +body{ + background-image: url(./images/blackpaperbg.jpg); + background-repeat: repeat; + background-color: black; + color: white; + font-size: 100%; + font-family: 'Raleway', sans-serif, Georgia, 'Times New Roman', Times, serif; + margin: 0; + padding: 0; +} + +a{ + color: rgb(204, 52, 209); + text-decoration:underline; +} + +h1{ + font-size: 3em; + color: rgb(204, 52, 209); + font-family: 'Staatliches', cursive; +} + +h2{ font-size: 2em; + color: rgb(204, 52, 209); + font-family: 'Staatliches', cursive; +} + +#main-text{ + font-size: 1em; + line-height: 150%; +} + +#headerimg{ + width: 100%; + margin-left: auto; + margin-right: auto; + display: block; +} + +#checkitoutimg{ + justify-content: center; + width: 100%; + max-width: 640px; + margin-left: auto; + margin-right: auto; + display: block; +} + +#header-navigation{ + background-color: black; + text-align: center; + border-style: solid; + border-width: 1px; + padding-left: 2%; + padding-right: 2%; + padding-top: 10px; + padding-bottom: 10px; + line-height: 0.9; + margin-left: auto; + margin-right: auto; + margin-top: 4px; + max-width: 500px; + font-size: 0.875em; +} + +.flexnav{ + display: flex; + flex-direction: row; + justify-content: center; +} + +#topbutton{ + border: 1px white solid; + padding-left: 2%; + padding-right: 2%; + padding-top: 1%; + padding-bottom: 1%; + text-align: center; + font-weight: bold; + font-size: 1.2em; + background-image: url(./images/bgwire.png); +} + +#sidebarbutton{ + border: 1px white solid; + border-radius: 10%; + text-align: center; + font-weight: bold; + font-size: 1.2em; + margin-left: 5%; + margin-right: auto; + margin-top: 6%; + padding-left: 2%; + padding-right: 2%; + padding-top: 1%; + padding-bottom: 1%; + background-image: url(./images/bgwire.png); +} + +.flex-container{ + display: flex; + margin: 0 auto; + margin-bottom: 1px; +} + +#Content-box{ + flex-wrap: wrap; + min-height: 400px; + font-size: 0.875em; + margin: 0 auto; + justify-content: center; + height: auto; +} + +#leftbox{ + padding-right: 0.5%; + padding-left: 0.5%; + margin-top: 10px; + margin-bottom: 1px; + border: solid 2px; + width: 11%; + border-color: white; + margin-left: 0.2%; + background-color: black; +} + + #abouttext{ + margin-left: 0.01%; + margin-right: 0.01%; + padding: 5px; + background-color: #222023; + text-align: center; + border: 1px dotted white; + } + +#maincontent{ + padding-left: 2%; + padding-right: 2%; + margin-top: 10px; + margin-left: 9px; + margin-right: 9px; + margin-bottom: 1px; + border: solid 2px; + border-color: white; + width: 50%; + background-color: black; + padding-bottom: 80px; +} + +#rightbox{ + padding-right: 0.5%; + padding-left: 0.5%; + margin-top: 10px; + margin-bottom: 1px; + border: solid 2px; + border-color: white; + width: 12%; + margin-right: 0.2%; + background-color: black; +} + +#footerbox{ + text-align: center; + border-style: solid; + border-width: 1px; + padding-left: 2%; + padding-right: 2%; + padding-top: 10px; + padding-bottom: 10px; + margin-left: auto; + margin-right: auto; + line-height: 0.9; + margin-bottom: 0px; + max-width: 900px; + background-color: black; +} + + +/*Undersize.*/ + +@media only screen and (max-width: 800px) { + #header-navigation{ + width: 100%; + display: block; + max-width: 100%; + } + + #rightbox{ + order: 3; + width: 100%; + display: block; + } + + #maincontent{ + width: 100%; + order: 1; + display: block; + margin-left: 0; + margin-right: auto; + } + #leftbox{ + width: 100%; + order: 2; + display: block; + } + + + #footerbox{ + width: 100%; + max-width: 100%; + } +} + + +/* CONTENT */ + +#hexlogosvg{ + width: 100%; + max-width: 200px; + display: block; + margin-left: auto; + margin-right: auto; + +} diff --git a/readme.md b/readme.md new file mode 100644 index 0000000..e69de29 diff --git a/teststyle.html b/teststyle.html new file mode 100644 index 0000000..294789b --- /dev/null +++ b/teststyle.html @@ -0,0 +1,259 @@ + +
+ +
+
+ +
+ +
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt + ut labore et dolore magna aliqua. Venenatis tellus in metus vulputate eu scelerisque. Duis at tellus at urna + condimentum mattis pellentesque id. Mauris sit amet massa vitae tortor condimentum lacinia quis vel. Sit + amet est placerat in egestas erat imperdiet sed euismod. Erat nam at lectus urna duis convallis convallis + tellus id. Cursus eget nunc scelerisque viverra mauris in aliquam sem fringilla. Urna et pharetra pharetra + massa massa ultricies mi. Semper viverra nam libero justo laoreet sit amet cursus sit. Quam lacus + suspendisse faucibus interdum posuere lorem. Quam quisque id diam vel quam elementum pulvinar. Venenatis + cras sed felis eget velit aliquet sagittis. Fringilla urna porttitor rhoncus dolor purus non enim. Eleifend + donec pretium vulputate sapien nec sagittis aliquam. Fames ac turpis egestas sed tempus urna et. Nisl vel + pretium lectus quam id leo in. Ornare arcu odio ut sem nulla pharetra diam. Dictum sit amet justo donec enim + diam vulputate ut. Et malesuada fames ac turpis egestas maecenas.
+
+ +
+ +
+ \ No newline at end of file