\(set:
_rerun to (rerun:?StatusBoard))\
\(append: ?SideBar)[\
|StatusBoard>[
<span>Status: $status</span> ]
]
\
Wanna free drink?
(link:"`Sure!`")[(set:$status to "Drunk")_rerun]
[ <div style="display: flex; justify-content: flex-end;">
<div class='card' style="position: absolute;
right: 50%;
width: 18%;
border: 3px solid #73AD21;
padding: 10px 10px 10px 10px ;
text-align: center;"><span>Sure!</span></div>
</div>]<card3|(click: ?card3)[(set: $status to "Drunk")_rerun]
[ <div style="display: flex; justify-content: flex-end;">
<div class='card' style="position: absolute;
right: 0%;
width: 18%;
border: 3px solid #73AD21;
padding: 10px 10px 10px 10px ;
text-align: center;"><span>Back to dance floor</span></div>
</div>]<Back|(click: ?Back)[(go-to:'DanceFloor')]
(if:visits is 1)[Oh! Hello there!]\
(if:visits is >1)[Hello again!]\
(if:$status is "Drunk")[Hey, wanna fuck?]
[[back|DanceFloor]]
(link: '<img src="https://dragonswhore-cyoas.neocities.org/Succubus_Cafe/images/R10C12.jpeg" width="300" height="200" style="border-radius: 10px; box-shadow: 0 4px 8px rgba(255, 0, 0, 0.5); position: relative;" alt="Описание изображения"><span style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 18px; font-weight: bold;">Ваша надпись</span><span>ddd надпись</span>')[(goto: "Passage2")]
[[jj->DanceFloor]]
|cc>[Your Text Here]
(append: ?SideBar)[|StatusBoard>[\
Status: $status
]]
\\
<style>
.card {
border: 2px solid #fd06fd;
border-radius: 20px 20px 20px 20px;
margin: 10px;
box-shadow: 1px 1px 2px #42efe6, 0 0 0.7em blue, 0 0 0.2em blue;
flex: 1;
text-align: center;
background-color: #030303;
}
.row-border {
border: 2px solid #fd06fd;
border-radius: 20px 20px 20px 20px;
padding: 5px;
box-shadow: 1px 1px 5px #fd06fd,0px 0px 2px #42efe6, 0 0 0.7em blue;
display: flex;
align-items: center;
background-color: #030303;
}
.row-text {
width: 100%;
text-align: center;
}
.row-image {
width: 33%;
border-radius: 20px;
border: 2px solid #fd06fd;
box-shadow: 1px 1px 2px #42efe6, 0 0 0.7em blue, 0 0 0.2em blue;
float: left;
margin: 5px 20px 5px 5px;
}
.choice-image {
width: 100%;
border-radius: 20px;
border: 2px solid #0A0A0ACC;
margin: 0px 0px -10px 0px;
}
</style>
\\
\\
<div class='row-border'><div style="display: flex;">\
<img src="https://dragonswhore-cyoas.neocities.org/Succubus_Cafe/images/R10C12.jpeg" class='row-image'>
\\
\\
<div class='row-text'><h1>Dance Floor</h1><p>\
You can talk to someone, have a good time!
Or go to the bar - all drinks are free for girls! </p>
\\
</div></div></div>
\\
\\
<div style="display: flex;">\
[<div class='card'>\
<img src="https://www.shutterstock.com/image-vector/young-man-anime-style-character-600nw-2313503433.jpg" class='choice-image' >\
<h1>Name 2</h1>\
<p>bla bla bla </p>\
</div>]<card1|(click-goto: ?card1, 'card11')
\
[<div class='card'>\
<img src="https://www.shutterstock.com/image-vector/young-man-anime-style-character-600nw-2313503433.jpg" class='choice-image' >\
<h1>Name 2</h1>\
<p>bla bla bla </p>\
</div>]<card1|(click-goto: ?card1, 'card11')
\
[<div class='card'>\
<img src="https://www.shutterstock.com/image-vector/young-man-anime-style-character-600nw-2313503433.jpg" class='choice-image' >\
<h1>Name 2</h1>\
<p>bla bla bla </p>\
</div>]<card1|(click-goto: ?card1, 'card11')
\
[<div class='card'>\
<img src="https://www.shutterstock.com/image-vector/young-man-anime-style-character-600nw-2313503433.jpg" class='choice-image' >\
<h1>Name 2</h1>\
<p>bla bla bla </p>\
</div>]<card1|(click-goto: ?card1, 'card11')
\
[<div class='card'>\
<img src="https://www.shutterstock.com/image-vector/young-man-anime-style-character-600nw-2313503433.jpg" class='choice-image' >\
<h1>Name 2</h1>\
<p>bla bla bla </p>\
</div>]<card1|(click-goto: ?card1, 'card11')
\
</div>
\\
[ <div style="display: flex; justify-content: flex-end;">
<div class='card' style="position: absolute;
right: 0px;
width: 18%;
border: 3px solid #fd06fd;
padding: 10px ;
text-align: center;"><span>To the bar</span></div>
</div>]<card2|(click-goto: ?card2, 'drink')
<style>
h1 {
font-family: 'Times New Roman', Times, serif;
font-size: 11pt;
}
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11pt;
line-height:25px
}
img {
border-radius: 20px;
border: 2px solid red;
box-shadow: 0px 0px 5px 3px #999999;
}
.border {
border: 2px solid red;
border-radius: 20px 20px 20px 20px;
margin: 10px;
padding: 10px;
box-shadow: 0px 0px 5px 3px #7C0404CC; /* Цвет и размер тени */
}
</style><div class="border"><img src="https://dragonswhore-cyoas.neocities.org/Succubus_Cafe/images/R10C12.jpeg"
width="33%";
border-radius: 20px;
border: 2px solid #0A0A0ACC;
box-shadow: 0px 0px 5px 3px #999999;
float:left;
margin: -10px 10px 2px -10px;
/> tedfsdfsdfsdfsdfsd sdf sdf sdf sdfxt </div>[[Link to another passage->card11]]
fdfgdfg dfg dfg (link-rerun:"what is...")[{
(t8n:"zoom")+(t8n-time:0.4s)(dialog:"bla-bla","Thanks")
}]
\(set:
$status to "Fine", _rerun to (rerun:?StatusBoard))\
\(append: ?SideBar)[\
|StatusBoard>[
<span>Status: $status</span> ]
]
\
Wanna free drink?
(link:"`Sure!`")[(set:$status to "Drunk")_rerun]
\(set: $status to "Fine")\
\(append: ?SideBar)[\
|StatusBoard>[
<span>Status: $status</span> ]
]\
\<style>
.center-align {
display: block;
text-align: center;
}
.card {
border: 2px solid red;
border-radius: 20px 20px 20px 20px;
margin: 10px;
box-shadow: 0px 0px 5px 3px #7C0404CC;
flex: 1;
}
.border1 {
border: 2px solid red;
border-radius: 20px 20px 20px 20px;
padding: 10px;
box-shadow: 0px 0px 5px 3px #7C0404CC;
}
</style><div class='border1'><div style="display: flex;">
<img src="https://i.imgur.com/n4XGh9f.jpeg" width="33%" style="border-radius: 20px; border: 2px solid #0A0A0ACC; box-shadow: 0px 0px 5px 3px #999999; float:left; margin: 10px 20px 10px 10px;"> <span style=" text-align: center; font-size: 24px;">Greeting <p style=" text-align: left; font-size: 14px;">Hey! Come to the party! It's gonna be fun!
</p></span> </div></div> \
[ <div style="display: flex; justify-content: flex-end;">
<div class='card' style="position: absolute;
right: 0px;
width: 18%;
border: 3px solid #73AD21;
padding: 10px 10px 10px 10px ;
text-align: center;"><span>Enter</span></div>
</div>]<next|(click-goto: ?next, 'DanceFloor')
\(append: ?SideBar)[\
|StatusBoard>[
<span>Status: $status</span> ]
]\
\<style>
.center-align {
display: block;
text-align: center;
}
.card {
border: 2px solid red;
border-radius: 20px 20px 20px 20px;
margin: 10px;
box-shadow: 0px 0px 5px 3px #7C0404CC;
flex: 1;
}
.border1 {
border: 2px solid red;
border-radius: 20px 20px 20px 20px;
padding: 10px;
box-shadow: 0px 0px 5px 3px #7C0404CC;
}
</style><div class='border1'><div style="display: flex;">
<img src="https://dragonswhore-cyoas.neocities.org/Succubus_Cafe/images/R10C12.jpeg" width="33%" style="border-radius: 20px; border: 2px solid #0A0A0ACC; box-shadow: 0px 0px 5px 3px #999999; float:left; margin: 10px 20px 10px 10px;"> <span style=" text-align: center; font-family: NoRules; font-size: 24px;">Dance Floor
<p style=" text-align: center; ">
This is a (link-rerun:"test")[{
(t8n:"zoom")+(t8n-time:0.4s)(dialog:"Yeah, it's just a demo.","Thanks")}] page
You can talk to someone, have a good time! Or go to the bar - all drinks are free for girls!
</p></span> \
</div></div><div style="display: flex;">
[<div class='card' style="text-align: center;"><img src="https://www.shutterstock.com/image-vector/young-man-anime-style-character-600nw-2313503433.jpg"
width="100%"
style="border-radius: 20px;
border: 2px solid #0A0A0ACC;" ><h3>Name1</h3><p>bla bla bla </p></div>]<card1|(click-goto: ?card1, 'card11')
[<div class='card' style="text-align: center;"><img src="https://www.shutterstock.com/image-vector/young-man-anime-style-character-600nw-2313503433.jpg"
width="100%"
style="border-radius: 20px;
border: 2px solid #0A0A0ACC;" ><h3>Name1</h3><p>bla bla bla </p></div>]<card1|(click-goto: ?card1, 'card11')
[<div class='card' style="text-align: center;"><img src="https://www.shutterstock.com/image-vector/young-man-anime-style-character-600nw-2313503433.jpg"
width="100%"
style="border-radius: 20px;
border: 2px solid #0A0A0ACC;" ><h3>Name1</h3><p>bla bla bla </p></div>]<card1|(click-goto: ?card1, 'card11')
[<div class='card' style="text-align: center;"><img src="https://www.shutterstock.com/image-vector/young-man-anime-style-character-600nw-2313503433.jpg"
width="100%"
style="border-radius: 20px;
border: 2px solid #0A0A0ACC;" ><h3>Name1</h3><p>bla bla bla </p></div>]<card1|(click-goto: ?card1, 'card11')
[<div class='card' style="text-align: center;"><img src="https://www.shutterstock.com/image-vector/young-man-anime-style-character-600nw-2313503433.jpg"
width="100%"
style="border-radius: 20px;
border: 2px solid #0A0A0ACC;" ><h3>Name1</h3><p>bla bla bla </p></div>]<card1|(click-goto: ?card1, 'card11')
</div>
[ <div style="display: flex; justify-content: flex-end;">
<div class='card' style="position: absolute;
right: 0px;
width: 18%;
border: 3px solid #73AD21;
padding: 10px 10px 10px 10px ;
text-align: center;"><span>To the bar</span></div>
</div>]<card2|(click-goto: ?card2, 'drink')