added a whole new page!
continuous-integration/drone/push Build is failing Details

This commit is contained in:
Dalm 2023-02-08 08:35:37 +00:00
parent b10387e640
commit 53859cf669
18 changed files with 275 additions and 11 deletions

View File

@ -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.*/

View File

@ -6,6 +6,7 @@
flex-wrap: wrap;
align-items: top;
padding-bottom: 3%;
justify-content: space-around;
}
#gallerythumb{

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

BIN
fonts/tt0840m.ttf Normal file

Binary file not shown.

View File

@ -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" />

Binary file not shown.

After

Width:  |  Height:  |  Size: 237 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 149 KiB

BIN
images/oc/callgirls3.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

BIN
images/oc/callgirlsinfo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 79 KiB

BIN
images/oc/callgirlslogo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.7 MiB

BIN
images/oc/pagebg.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

View File

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

View File

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