From 3ba8c8aa051f54c1d4aee317c09e9c86e05a1137 Mon Sep 17 00:00:00 2001
From: Dalm <tilda.dow@gmail.com>
Date: Wed, 8 Feb 2023 20:19:56 +0000
Subject: [PATCH] updated the callgirls page to be responsive.

---
 css/callgirlsstyle.css | 86 +++++++++++++++++++++++++++++++++++++++++-
 index.html             |  6 +++
 ocs.html               |  2 +-
 ocs/callgirls.html     | 10 ++---
 rss.xml                | 18 ++++++++-
 5 files changed, 114 insertions(+), 8 deletions(-)

diff --git a/css/callgirlsstyle.css b/css/callgirlsstyle.css
index 654feaf..a6f1e7f 100644
--- a/css/callgirlsstyle.css
+++ b/css/callgirlsstyle.css
@@ -97,7 +97,7 @@ margin-right: -3px;
     margin-left: auto;
     margin-right: auto;
     height: auto;
-    min-height: 1000px;
+    min-height: auto;
 }
 
 
@@ -196,11 +196,17 @@ margin-right: -3px;
     background-image: url(../images/oc/pagebg.png);
 }
 
+#price1{
+    color:#FFF200; font-family: Open Sans, Fira Sans, Lucida Sans; font-size: 2vw;
+}
+
+#price2{font-size:3vw;}
 
 
 #contenttext{
     font-size: 1.5rem;
     font-family:  Open Sans, Fira Sans, Lucida Sans;
+    margin-top:10px; padding-left: 20px;
 }
 
 .pageheader{
@@ -234,7 +240,85 @@ margin-right: -3px;
 /*Undersize.*/
 
 @media only screen and (max-width: 800px) {
+#maincontent{
+    width: 100%;
+    min-height: auto;
+}
+
+#callpic1{
+    display:block; 
+    margin-left: auto; 
+    margin-right: auto; 
+    max-width: 1280; 
+    width: 100%;
+}
+
+#callpic2{
+    width: 100%;
+    max-width: 1447px;
+}
+
+#callpic3{
+    display:block; 
+    height: auto;
+    width: 100%;
+    max-width: 1272px;
+    margin-left: auto; 
+    margin-right: auto; 
+}
+
+#callpic4{
+    display:block; 
+    margin-left: auto; 
+    margin-right: auto; 
+    width: 100%;
+}
+
+.pageheader{
+    font-size: 4rem;
+}
 
 
+#callpic5{
+    display:block; 
+    margin-left: auto; 
+    margin-right: auto; 
+    width: 100%;
+    max-width: 3135px;
+}
+
+#price1{
+    font-size: 3rem;
+}
+
+#price2{font-size:3rem;}
+
+#pagespreadcontainer{
+    display: flex;
+    flex-direction: column;
+    margin-left: auto;
+    margin-right: auto;
+    width: 100%;
+    justify-content: center;
+    align-items: stretch;
+
+}
+
+#leftpage{
+    width: 100%;
+    flex:100%;
+}
+
+#rightpage{
+    width: 100%;
+    flex:100%;
+    font-size: 1em
+}
+
+#commentics{
+    width: 100%;
+}
+
+#header-container{width: 100%;}
 
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index 0538a73..07e61b6 100644
--- a/index.html
+++ b/index.html
@@ -123,6 +123,12 @@
          <div id=newscommsbox>
                     <div id="sitenews">
 
+                        <h5>8/02/2023 The Callgirls Page...</h5>
+                        <p> <a href="https://hexbomb.gay/ocs/callgirls.html">I've added a new page for some strange little ocs... Look at it to find out who they are!</a> 
+                            How exciting.
+                            <hr>
+                        </p>
+
                         <h5>14/01/2023 New widget! Check out my webring!</h5>
                         <p> <a href="https://adultartistswebring.org/">I've joined the Adult Artist Webring!</a> We're a group of artists with our own sites. I highly recommend having a look around, if you can.
                             <hr>
diff --git a/ocs.html b/ocs.html
index 694cd02..4bc53ec 100644
--- a/ocs.html
+++ b/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">
diff --git a/ocs/callgirls.html b/ocs/callgirls.html
index 49cd2ab..154dd06 100644
--- a/ocs/callgirls.html
+++ b/ocs/callgirls.html
@@ -57,7 +57,7 @@
                         <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>
+                        <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>
@@ -72,19 +72,19 @@
                                 <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>
+                        <h2 id="price1">Only <span id="price2">£449.99</span></h1>
                 </div>
         </div>
 
-        <div id="maincontent">
+        <div id="maincontent" style="margin-top: 10px; border-radius: 20px;">
 
                 <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;">
+                <p id="contenttext">
                         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">
+                        <img src="../images/oc/callgirls3.png" id="callpic4" class=".hardpixel">
                         <a href="../images/oc/callgirls design sketch.png"><img src="../images/oc/callgirls design sketch.png" id="callpic5"></a>
 
                         <div id="commentics"> 
diff --git a/rss.xml b/rss.xml
index 53a71df..ccd454a 100644
--- a/rss.xml
+++ b/rss.xml
@@ -5,11 +5,27 @@
   <description>Hex Bomb's Wretched Feed</description>
   <link>https://hexbomb.gay</link>
   <lastBuildDate>
-    Sat, 14 Jan 2023 17:18:52 +0000
+    Wed, 08 Feb 2023 20:11:07 +0000 
   </lastBuildDate>
   <ttl>20000</ttl>
 
 
+<item>
+  <title>Finally, the famous Callgirls!</title>
+  <description>
+Finally, the famous Callgirls!
+I've added a page for some wonderful creatures, the callgirls! Come check them out!
+https://hexbomb.gay/ocs/callgirls.html
+https://hexbomb.gay
+
+  </description>
+  <link>https://hexbomb.gay/ocs/callgirls.html</link>
+  <pubDate>
+    Wed, 08 Feb 2023 20:11:07 +0000 
+  </pubDate>
+</item>
+
+
 <item>
   <title>New Art! A commission for some very close friends.</title>
   <description>