Added fonts, merged celeste / lexi into about me.

main
NA 2023-11-13 12:58:54 +00:00
parent 0afaf76063
commit be74853261
15 changed files with 194 additions and 105 deletions

View File

@ -9,6 +9,7 @@
"enby",
"femboy",
"Fetlife",
"findom",
"Gooning",
"handholding",
"incall",

View File

@ -1,7 +1,7 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Lexi Whore</title>
<title>About me</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@ -22,8 +22,40 @@
<iframe src="/templates/header.html" onload="this.before((this.contentDocument.body||this.contentDocument).children[0]);this.remove()"></iframe>
<div class="container">
<div class="about_me">
<div class="about_me_header_image" id="lexi">
<h1>Alexandra.<h2>AKA: Lexi Whore.</h2></h1>
<img src="/images/lexi_whore.webp" alt="Alexandra">
</div>
<p id="about_me_lexi_text">This is my Escort, Whore, & Pro-sub persona. Whether you are a kinky person with 30 years experience, someone looking to spend an hour railing a hot trans-women, or simply a first timer at seeing a Sexworker: I look forward to seeing you and hope to make your session a super memorable and enjoyable one.
<br><br>When it comes to Sexwork & Kink: I take a very versatile approach and try to tailor each session to who I'm with. It doesn't matter if we enjoy a nice date around town turning heads and end it with some amazing blowjobs back in your hotel room, or decide to get super kinky. I pride myself on being able to cater to a very wide variety of desires.
<br><br>Just remember my golden rule: Treat me with respect and like a person. Do that and we will have a wonderful time.</p>
<br style="clear: both;">
<hr>
<div class="about_me_header_image" id="celeste">
<h1>Celeste.<h2>AKA: Domina Celeste.</h2></h1>
<img src="/images/domina_celeste.webp" alt="Alexandra">
</div>
<p style="text-align: right;" id="about_me_celeste_text">Need me to take charge?
<br>Don't worry sweet thing, I can do that too.
<br>When it comes to my Pro-domme persona I enjoy working with a variety of subs from ones who just need the light encouragement of a soft domme, all the way to subs who just need to get broken for their goddess's amusement.
<br><br>I am proud to be able to offer a variety of kinks including the niche & extreme. Check out the services section below for what I can provide both as a pro-sub and pro-domme as well as specific details & rules.
<br><br>Finally I offer some out of session / online services such as long term chastity / keyholding, JOI, findom, & more. Feel free to request. <a href="content">More info can be found here:</a></p>
<br style="clear: both;">
<hr>
<div style="text-align: center; margin: 0 10px;">
<p style="padding: 0;">Finally; While I do often keep my pro-domme side separate from my pro-sub/general escort side. This is more for online stuff / searchability / porn. When it comes to sessions I pride myself of being able to offer a wide range of things, and thus am more than happy to mix my pro-domme and pro-sub personas together for a session. As always, just ask.</p>
</div>
</div>
<div class="services_container">
<h1>My services:</h1>
<h2>This is not an exhaustive list. If your kink isn't here just ask.</h2>
<div class="services_grid" id="services_grid">
<button class="service_dropdown_button">
<div class="service"><img src="/images/placeholder.png"><p>Aftercare.<br><img class="service_arrow" src="/images/arrow.svg"></p></div>
@ -52,7 +84,7 @@
<div class="service_dropdown_text" onmousedown="location.href='services-expanded#smoking'">Please see my <a href="services-expanded#smoking">smoking & Ashtray (Receiving) rules.</a></div>
</button>
<div class="service"><img src="/images/placeholder.png"><p>Sounding (Receiving.)</p></div>
<div class="service"><img src="/images/placeholder.png"><p>Sounding. (Receiving & Giving)</p></div>
<button class="service_dropdown_button">
<div class="service"><img src="/images/placeholder.png"><p>Watersports (Receiving.)<br><img class="service_arrow" src="/images/arrow.svg"></p></div>
@ -82,6 +114,44 @@
</button>
<div class="service"><img src="/images/placeholder.png"><p>Feet.</p></div>
<button class="service_dropdown_button">
<div class="service"><img src="/images/services/smoking-giving.webp"><p>Smoking / Ashtray. (Giving.)<br><img class="service_arrow" src="/images/arrow.svg"></p></div>
<div class="service_dropdown_text">Additional £10 required to cover the cost of the clove cigs.</div>
</button>
<button class="service_dropdown_button">
<div class="service"><img src="/images/services/Knife-play.webp"><p>knife-play.<br><img class="service_arrow" src="/images/arrow.svg"></p></div>
<div class="service_dropdown_text" onmousedown="location.href='services-expanded#knife_play'">Please see my <a href="services-expanded#knife_play">Knife-play rules.</a></div>
</button>
<button class="service_dropdown_button">
<div class="service"><img src="/images/services/needle-play.webp"><p>Needle-play.<br><img class="service_arrow" src="/images/arrow.svg"></p></div>
<div class="service_dropdown_text" onmousedown="location.href='services-expanded#needle_play'">Please see my <a href="services-expanded#needle_play">Needle-play rules.</a></div>
</button>
<div class="service"><img src="/images/placeholder.png"><p>Cross-Dressing / Force-fem/masc.</p></div>
<button class="service_dropdown_button">
<div class="service"><img src="/images/placeholder.png"><p>Chastity / Keyholding.<br><img class="service_arrow" src="/images/arrow.svg"></p></div>
<div class="service_dropdown_text">I provide both short term and long term chastity / Keyholding. Terms can be discussed while booking.</div>
</button>
<button class="service_dropdown_button">
<div class="service"><img src="/images/placeholder.png"><p>JOI.<br><img class="service_arrow" src="/images/arrow.svg"></p></div>
<div class="service_dropdown_text" onmousedown="location.href='content'">Please see my <a href="content">online / porn</a> section for info regarding this.</div>
</button>
<div class="service"><img src="/images/placeholder.png"><p>Fisting.</p></div>
<div class="service"><img src="/images/placeholder.png"><p>Impact-play. (Giving.)</p></div>
<div class="service"><img src="/images/services/neck-bruise.webp"><p>Bruising & Bitemarks.</p></div>
<button class="service_dropdown_button">
<div class="service"><img src="/images/placeholder.png"><p>Oculophilia / Oculolinctus<br><img class="service_arrow" src="/images/arrow.svg"></p></div>
<div class="service_dropdown_text" onmousedown="location.href='services-expanded#eyes'">You can <a href="services-expanded#eyes">click here</a> to find out what this kink is + any safety stuff.</div>
</button>
</div>
<button id="services_grid_show_all" onclick="show_hide_fade()"><p>Show all services:</p><img src="/images/arrow.svg"></button>
</div>

View File

@ -108,9 +108,7 @@
<div class="faq_question">
<h2>Same day bookings?</h2>
<p>It is rare that I can offer same day bookings, and I ALWAYS recommend you book at least a couple of days in advance.
<br>If I am offering same day bookings it will be made very clear on my adverts & on this page. If you don't see anything, odds are I am not available for a same day.
</p>
<p>It is rare that I can offer same day bookings, and I ALWAYS recommend you book at least a couple of days in advance.</p>
</div>
<div class="faq_question">
@ -154,13 +152,13 @@
<tr>
<td><label>Incall or Outcall?</label></td>
<td><select name="Incall or Outcall:">
<option value="Outcall">Outcall</option>
<option value="Incall">Incall</option>
<option value="Incall">Incall. (You visit me.)</option>
<option value="Outcall">Outcall. (I visit you.)</option>
</select></td>
</tr>
<tr>
<td><label>Duration:</label></td>
<td><input type="text" name="duration" placeholder="2 hours."></td>
<td><input type="text" name="duration" placeholder="Generally 1 hour minimum."></td>
</tr>
</table>
<textarea name="message" placeholder="Here is a good example of a booking request:

View File

@ -1,81 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Domina Celeste</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/variables.css">
<link rel="stylesheet" href="/css/reset.css">
<link rel="stylesheet" href="/css/fonts.css">
<link rel="stylesheet" href="/css/header.css">
<link rel="stylesheet" href="/css/body.css">
<link rel="stylesheet" href="/css/footer.css">
<link rel="icon" href="/images/favicon.svg" sizes="any" type="image/svg+xml">
</head>
<script src="/js/services-prettyification.js" type="text/javascript"></script>
<body>
<div class="mobile_background"></div>
<iframe src="/templates/header.html" onload="this.before((this.contentDocument.body||this.contentDocument).children[0]);this.remove()"></iframe>
<div class="container">
<div class="services_container">
<h1>My services:</h1>
<div class="services_grid" id="services_grid">
<button class="service_dropdown_button">
<div class="service"><img src="/images/placeholder.png"><p>Aftercare.<br><img class="service_arrow" src="/images/arrow.svg"></p></div>
<div class="service_dropdown_text" onmousedown="location.href='services-expanded#aftercare'"><a href="services-expanded#aftercare">Just click here to find out why this is here.</a></div>
</button>
<button class="service_dropdown_button">
<div class="service"><img src="/images/services/smoking-giving.webp"><p>Smoking / Ashtray. (Giving.)<br><img class="service_arrow" src="/images/arrow.svg"></p></div>
<div class="service_dropdown_text">Additional £10 required to cover the cost of the clove cigs.</div>
</button>
<button class="service_dropdown_button">
<div class="service"><img src="/images/services/Knife-play.webp"><p>knife-play.<br><img class="service_arrow" src="/images/arrow.svg"></p></div>
<div class="service_dropdown_text" onmousedown="location.href='services-expanded#knife_play'">Please see my <a href="services-expanded#knife_play">Knife-play rules.</a></div>
</button>
<button class="service_dropdown_button">
<div class="service"><img src="/images/services/needle-play.webp"><p>Needle-play.<br><img class="service_arrow" src="/images/arrow.svg"></p></div>
<div class="service_dropdown_text" onmousedown="location.href='services-expanded#needle_play'">Please see my <a href="services-expanded#needle_play">Needle-play rules.</a></div>
</button>
<div class="service"><img src="/images/placeholder.png"><p>Cross-Dressing / Force-fem/masc.</p></div>
<button class="service_dropdown_button">
<div class="service"><img src="/images/placeholder.png"><p>Chastity / Keyholding.<br><img class="service_arrow" src="/images/arrow.svg"></p></div>
<div class="service_dropdown_text">I provide both short term and long term chastity / Keyholding. Terms can be discussed while booking.</div>
</button>
<button class="service_dropdown_button">
<div class="service"><img src="/images/placeholder.png"><p>JOI.<br><img class="service_arrow" src="/images/arrow.svg"></p></div>
<div class="service_dropdown_text" onmousedown="location.href='content'">Please see my <a href="content">online / porn</a> section for info regarding this.</div>
</button>
<div class="service"><img src="/images/placeholder.png"><p>Sounding (Giving.)</p></div>
<div class="service"><img src="/images/placeholder.png"><p>Fisting.</p></div>
<div class="service"><img src="/images/placeholder.png"><p>Impact-play. (Giving.)</p></div>
<div class="service"><img src="/images/services/neck-bruise.webp"><p>Bruising & Bitemarks.</p></div>
<button class="service_dropdown_button">
<div class="service"><img src="/images/placeholder.png"><p>Oculophilia / Oculolinctus<br><img class="service_arrow" src="/images/arrow.svg"></p></div>
<div class="service_dropdown_text" onmousedown="location.href='services-expanded#eyes'">You can <a href="services-expanded#eyes">click here</a> to find out what this kink is + any safety stuff.</div>
</button>
</div>
<button id="services_grid_show_all" onclick="show_hide_fade()"><p>Show all services:</p><img src="/images/arrow.svg"></button>
</div>
</div>
<iframe src="/templates/footer.html" onload="this.before((this.contentDocument.body||this.contentDocument).children[0]);this.remove()"></iframe>
</body>
</html>

View File

@ -6,7 +6,7 @@
h1 {
font-size: 30px;
font-family: PetitFormalScript;
font-family: charm-bold;
text-decoration: underline;
}
@ -397,4 +397,87 @@ body {
height: 60px;
}
/* End of payment methods */
/* End of payment methods */
/* Start of index.html shit */
.socials_div {
margin: 0 auto;
height: fit-content;
width: fit-content;
text-align: center;
}
.socials_div ul li {
list-style: none;
border: 1px solid;
margin: 0 5px;
margin-bottom: 5px;
padding: 3px;
}
.socials_div ul li a * {
display: inline-block;
vertical-align: middle;
}
.socials_div ul li a p {
margin-left: 5px;
}
.socials_div #mastodon {
max-height: 35px;
}
/* End of index.html shit */
/* Start of about.html */
.about_me {
margin: 0 10px;
}
.about_me img {
max-height: 200px;
}
.about_me_header_image h1 {
width: fit-content;
margin: 0 auto;
}
#lexi {
float: left;
text-align: right;
margin-right: 5px;
}
.about_me hr {
margin-bottom: 5px;
border: 1px solid grey;
}
#celeste {
float: right;
text-align: left;
margin-left: 5px;
}
.about_me p {
padding-top: 65px;
}
@media only screen and (min-width: 800px) {
#about_me_lexi_text {
padding-right: 170px;
}
#about_me_celeste_text {
padding-left: 135px;
}
}
/* End of about.html */

View File

@ -16,4 +16,14 @@
@font-face {
src: url(/fonts/Roboto-Bold.ttf);
font-family: roboto-bold;
}
@font-face {
src: url(/fonts/Charm-Regular.ttf);
font-family: charm-regular;
}
@font-face {
src: url(/fonts/Charm-Bold.ttf);
font-family: charm-bold;
}

View File

@ -85,6 +85,7 @@ header nav ul li a {
header nav ul li a {
line-height: 83px;
white-space: nowrap;
}
}

View File

@ -43,12 +43,6 @@
<p>Don't worry. Let me know during the booking process that you have medical issues that need to be accounted for and I will be happy to try and accommodate you. As for immunocompromised clients. I take my health & that of my clients very seriously and stay up to date with annual vaccinations. I will happily take additional steps to protect you should it be required.</p>
</div>
<div class="faq_question" id="incall_outcall">
<h2>• What is an Incall or Outcall?</h2>
<p>An Incall is where you come to me; Meanwhile an outcall is where I come to you.</p>
</div>
<div class="faq_question" id="penis_and_a_vagina_whaaaaaa">
<h2>• Penile preserving what now?</h2>

BIN
fonts/Charm-Bold.ttf Normal file

Binary file not shown.

BIN
fonts/Charm-Regular.ttf Normal file

Binary file not shown.

BIN
images/domina_celeste.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

BIN
images/lexi_whore.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

View File

@ -20,7 +20,21 @@
<iframe src="/templates/header.html" onload="this.before((this.contentDocument.body||this.contentDocument).children[0]);this.remove()"></iframe>
<div class="container">
<h1>This website is still a work in progress. You shouldn't be here yet. But feel free to look around.</h1>
<div class="socials_div">
<h1>Socials:</h1>
<ul>
<li>
<a href="https://girldick.gay/@AlexandraCeleste"><img src="/images/footer/mastodon.svg" alt="mastodon" id="mastodon"><p>Follow me here for random rambles, porn, and a look into my life outside sexwork:</p></a>
</li>
<li>
<a href="https://fetlife.com/users/13275260"><img src="/images/footer/fetlife.svg" alt="fetlife" id="fetlife"><p>Follow me here for more porn, kinky writings, & a way of interacting with me.</p></a>
</li>
<li>
<a href="https://twitter.com/AlexandrCeleste"><img src="/images/footer/twitter.svg" alt="twitter" id="twitter"><p>Follow me here for work updates, promotions, and general info. ( + a lil porn.)</p></a>
</li>
</ul>
</div>
<div class="mental_gallery_thanks">
<a href="https://www.artstation.com/mental_foundry" target="_blank">

View File

@ -9,13 +9,13 @@
</a>
</li>
<li>
<a href="https://twitter.com/AlexandrCeleste" target="_blank">
<img src="/images/footer/twitter.svg" alt="Twitter" id="twitter">
<a href="https://girldick.gay/@AlexandraCeleste" target="_blank">
<img src="/images/footer/mastodon.svg" alt="Mastodon" id="mastodon">
</a>
</li>
<li>
<a href="https://girldick.gay/@AlexandraCeleste" target="_blank">
<img src="/images/footer/mastodon.svg" alt="Mastodon" id="mastodon">
<a href="https://twitter.com/AlexandrCeleste" target="_blank">
<img src="/images/footer/twitter.svg" alt="Twitter" id="twitter">
</a>
</li>
<li>

View File

@ -1,12 +1,11 @@
<!DOCTYPE HTML>
<header>
<a class="nav_bar_name" href="/index.html">Alexandra & Celeste</a>
<a class="nav_bar_name" href="/index.html">Alexandra Celeste</a>
<hr>
<nav>
<ul>
<li><a href="/lexi.html">Lexi</a></li>
<li><a href="/celeste.html">Celeste</a></li>
<li><a href="/about.html">About Me</a></li>
<li><a href="/book.html">Book</a></li>
<li><a href="/content.html">Online/Porn</a></li>
<li><a href="/gallery.html?&page=1">Gallery</a></li>