added a whole new page!
continuous-integration/drone/push Build is failing
Details
|
@ -1,5 +1,13 @@
|
|||
|
||||
html {width: 100%;}
|
||||
html {width: 100%;
|
||||
font-size: 100%;}
|
||||
|
||||
body{
|
||||
font-family: Georgia, 'Times New Roman', Times, serif;
|
||||
background-color: bisque;
|
||||
font-size: 1em;
|
||||
color: #171718;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "corpulentcaps";
|
||||
|
@ -10,9 +18,206 @@ html {width: 100%;}
|
|||
src: url(../fonts/ccapshad.ttf);
|
||||
}
|
||||
|
||||
#callgirlsheader{
|
||||
font-family: "corpulentcaps", Georgia, 'Times New Roman', Times, serif;
|
||||
@font-face {
|
||||
font-family: "englishfancy";
|
||||
src: url(../fonts/tt0840m.ttf);
|
||||
}
|
||||
|
||||
h1{
|
||||
font-family: "corpulentcaps", Open Sans, Fira Sans, Lucida Sans;
|
||||
color: #FF7373;
|
||||
font-size: 3em;
|
||||
}
|
||||
|
||||
h2{
|
||||
font-family: "corpulentcaps", Open Sans, Fira Sans, Lucida Sans;
|
||||
color: #FF7373;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
h3{
|
||||
font-family: Open Sans, Fira Sans, Lucida Sans;
|
||||
color: #171718;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
a{
|
||||
font-family: "corpulentcapshadow", Open Sans, Fira Sans, Lucida Sans;
|
||||
text-decoration: line;
|
||||
color: #D73838;
|
||||
}
|
||||
|
||||
#header-container{
|
||||
width: 80%;
|
||||
max-width: 1400px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: flex-end;
|
||||
justify-content: space-between;
|
||||
height: 100px;
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
#navigation{
|
||||
flex: 2 10%;
|
||||
background-color: antiquewhite;
|
||||
margin-left: 2px;
|
||||
border: dotted #FF7373 ;
|
||||
border-radius: 2px 20px 0 0;
|
||||
border-width: 3px 3px 0px 3px;
|
||||
padding-left: 2%;
|
||||
background-color: #FAEC6E;
|
||||
margin-right: -3px;
|
||||
|
||||
}
|
||||
|
||||
#header{
|
||||
flex: 1 80%;
|
||||
background-color: antiquewhite;
|
||||
height: fit-content;
|
||||
padding-left: 5%;
|
||||
line-height: 0.6rem;
|
||||
border: dotted #FF7373 ;
|
||||
border-radius: 20px 2px 0 20px;
|
||||
border-width: 3px 3px 3px 3px;
|
||||
padding-left: 2%;
|
||||
margin-left: -1.5%;
|
||||
}
|
||||
|
||||
#maincontent{
|
||||
background-color: antiquewhite;
|
||||
border: dotted #FF7373 ;
|
||||
border-radius: 0px 0px 20px 20px;
|
||||
border-width: 3px 3px 3px 3px;
|
||||
margin-top: -4px;
|
||||
margin-bottom: 20px;
|
||||
width: 80%;
|
||||
max-width: 1400px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
height: auto;
|
||||
min-height: 1000px;
|
||||
}
|
||||
|
||||
|
||||
.hardpixel{
|
||||
-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*/
|
||||
}
|
||||
|
||||
#callpic1{
|
||||
display:block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
max-width: 1280;
|
||||
width: 100%;
|
||||
border: #FF7373 dashed 1px;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
#callpic2{
|
||||
width: 100%;
|
||||
max-width: 1447px;
|
||||
}
|
||||
|
||||
#callpic3{
|
||||
display:block;
|
||||
height: 100%;
|
||||
max-height: 3172px;
|
||||
margin-left: auto;
|
||||
margin-right: 10px;
|
||||
border: #FF7373 dashed 1px;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#callpic4{
|
||||
display:block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
border: #FF7373 dashed 1px;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
|
||||
#callpic5{
|
||||
display:block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 90%;
|
||||
max-width: 3135px;
|
||||
border: #FF7373 dashed 1px;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
#pagespreadcontainer{
|
||||
display: flex;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 95%;
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
align-items: stretch;
|
||||
max-width: 2,894px;
|
||||
max-height: 2046px;
|
||||
|
||||
}
|
||||
|
||||
#leftpage{
|
||||
width: 100%;
|
||||
max-width: 1447px;
|
||||
flex:50%;
|
||||
background-color: #0B456D;
|
||||
background-image: url(../images/oc/pagebg.png);
|
||||
}
|
||||
|
||||
#rightpage{
|
||||
width: 100%;
|
||||
max-width: 1447px;
|
||||
flex:50%;
|
||||
color: #FFF200;
|
||||
padding:20px;
|
||||
padding-top: 5px;
|
||||
font-family: Open Sans, Fira Sans, Lucida Sans;
|
||||
font-size: 1vw;
|
||||
font-style:italic;
|
||||
background-color: #0B456D;
|
||||
background-image: url(../images/oc/pagebg.png);
|
||||
}
|
||||
|
||||
|
||||
|
||||
#contenttext{
|
||||
font-size: 1.5rem;
|
||||
font-family: Open Sans, Fira Sans, Lucida Sans;
|
||||
}
|
||||
|
||||
.pageheader{
|
||||
font-family: "englishfancy", Lucida Handwriting, Apple Chancery, cursive;
|
||||
padding-top: 10px;
|
||||
margin-left: 20px;
|
||||
font-size: 5vw;
|
||||
margin-bottom: 10px;
|
||||
|
||||
}
|
||||
|
||||
#footer{
|
||||
width: 60%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
text-align: center;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
/*Undersize.*/
|
||||
|
|
|
@ -6,6 +6,7 @@
|
|||
flex-wrap: wrap;
|
||||
align-items: top;
|
||||
padding-bottom: 3%;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
#gallerythumb{
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
|
||||
<link rel="stylesheet" href="mainstyles.css">
|
||||
<link rel="stylesheet" href="./css/gallerystyles.css">
|
||||
<script src="./js/adultcheck.js"></script>
|
||||
<script src="./js/adultcheck.js"></script>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@200;600&family=Raleway:wght@200&family=Staatliches&display=swap" rel="stylesheet">
|
||||
|
||||
<meta property="title" content="Hex Bomb" />
|
||||
|
|
After Width: | Height: | Size: 237 KiB |
After Width: | Height: | Size: 149 KiB |
After Width: | Height: | Size: 15 KiB |
After Width: | Height: | Size: 79 KiB |
After Width: | Height: | Size: 8.3 KiB |
After Width: | Height: | Size: 5.3 KiB |
After Width: | Height: | Size: 7.7 MiB |
After Width: | Height: | Size: 35 KiB |
5
ocs.html
|
@ -5,7 +5,7 @@
|
|||
|
||||
<link rel="stylesheet" href="mainstyles.css">
|
||||
<link rel="stylesheet" href="./css/indexstyles.css">
|
||||
<script src="./js/adultcheck.js"></script>
|
||||
<!--<script src="./js/adultcheck.js"></script> -->
|
||||
<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">
|
||||
|
@ -85,7 +85,8 @@
|
|||
|
||||
<div id=maincontent>
|
||||
<div id=main-text>
|
||||
|
||||
<p>Pages for my various OCs and comic characters.</p>
|
||||
<a href="./ocs/callgirls.html"><img src="./images/oc/callgirlslogo.png" style="width:80%; " class="hardpixel"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
<Title>Hex Bomb</Title>
|
||||
|
||||
<link rel="stylesheet" href="../css/callgirlsstyle.css">
|
||||
<!--<script src="./js/adultcheck.js"></script> !-->
|
||||
<script src="./js/adultcheck.js"></script>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@200;600&family=Raleway:wght@200&family=Staatliches&display=swap" rel="stylesheet">
|
||||
|
||||
<meta property="title" content="Hex Bomb" />
|
||||
|
@ -23,7 +23,7 @@
|
|||
<meta property="twitter:description" content="Pornographic site of the wonderful HEX BOMB! Home of erotic art, zines, links and more!" />
|
||||
<meta property="twitter:image" content="https://hexbomb.gay/images/screenshots/homepagecapture.PNG" />
|
||||
|
||||
|
||||
<!-- please don't look at the source of this page its a fucking mess lmao-->
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta charset="UTF-8">
|
||||
|
@ -33,7 +33,64 @@
|
|||
</head>
|
||||
|
||||
<body>
|
||||
<h1 id="callgirlsheader">Callgirls!</h1>
|
||||
<h3 style="font-style: italic;">Finally, a phone that can be a bitch!</h3>
|
||||
|
||||
<div id="content">
|
||||
<div id="header-container">
|
||||
<div id="header">
|
||||
<h1 id="callgirlsheader" style="margin-bottom: 0px;">Callgirls!</h1>
|
||||
<h3 style="font-style: italic;" style="margin-top: 0px;">Finally, a phone that can be a bitch!</h3>
|
||||
</div>
|
||||
<div id="navigation">
|
||||
<h2><a href="https://hexbomb.gay/ocs.html">Back</a></h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="maincontent">
|
||||
|
||||
<a href="../images/oc/callgirlsinfo.png"><img src="../images/oc/callgirlsinfo.png" class="hardpixel" id="callpic1"></a>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="pagespreadcontainer">
|
||||
<div id="leftpage">
|
||||
<a href="../images/oc/callsforacallgirl.png"><img src="../images/oc/callsforacallgirl.png" id="callpic2"></a>
|
||||
</div>
|
||||
<div id="rightpage">
|
||||
<h4 class="pageheader">Caller Go Ahead, Please!</h4>
|
||||
<p>The future of communications technology is here, with the ultimate telephone operator and administrative assistant from Votell!</p>
|
||||
<img src="../images/oc/callgirlslogo2.png" style="width: 60%; display: block; margin-left: 20%;">
|
||||
<p>Neither man nor machine, the Callgirl is a new type of woman!</p>
|
||||
<p>Designed as the perfect customer service solution, your Callgirl can be powered by chemical or electrical energy sources, and is able to answer four phone calls per minute thanks to her built-in Telephone Ear system.</p>
|
||||
<p>Your Callgirl is truly unique, and learns as you train her, but every Callgirl comes out of the tube knowing:
|
||||
<ul>
|
||||
<li>English
|
||||
<li>Spanish
|
||||
<li>Punjabi
|
||||
<li>Russian
|
||||
<li>Mandarin Chinese
|
||||
<li>Mixed Martial Arts</p>
|
||||
</ul>
|
||||
<h4 class="pageheader" style="margin-top: 2%;">Pre-Order yours today!</h4>
|
||||
<h2 style="color:#FFF200; font-family: Open Sans, Fira Sans, Lucida Sans; font-size: 2vw;">Only <span style="font-size:3vw;">£449.99</span></h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="maincontent">
|
||||
|
||||
<a href="../images/oc/callgirls design.png"><img src="../images/oc/callgirls design.png" class="hardpixel," id=callpic3></a>
|
||||
<h2 style="font-size: 6rem; margin-top:50px; padding-left: 20px; margin-bottom: 10px; text-align: center;">Bio</h2>
|
||||
<p id="contenttext" style="margin-top:10px; padding-left: 20px;">
|
||||
The Callgirls are freelance tokusatsu minions who sell their services to (almost) anyone who will pay.
|
||||
They are very good at construction, martial arts, capture, gossip... Everything you could want from a middle-market goon!
|
||||
Of course... there might be more to them than meets the eye...</p>
|
||||
<img src="../images/oc/callgirls3.png" id="callpic4">
|
||||
<a href="../images/oc/callgirls design sketch.png"><img src="../images/oc/callgirls design sketch.png" id="callpic5"></a>
|
||||
</div>
|
||||
|
||||
<div id="footer">
|
||||
<p>This website was generously hosted by my pals at Autonomic.Zone co-operative. Unless otherwise specified, all content on this site is © 2023 HEX BOMB. </p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</body>
|