Recent Posts

937written posts
gimmickearned bits
offlinecurrently
gimmick
Part of the Furniture
gimmick Avatar
All birds and men are sure to die but songs may live forever
I whipped up a rudimentary demo, which you can see here. To add it to your site:

1. Go the Layout Template for your forum wrapper and add this inside the <head></head> tags to enable javascript.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

2. Still in that same layout template, add this to the very bottom. This would be the box itself, along with the script that makes it so when you click a certain part of the box ("headerarea"), it'll add/remove a class ("slideup") that changes the container's position on the page.

<div class="chatcontainer">
   <div class="headerarea">
       <img class="headerimg" src="https://via.placeholder.com/200x50/999/fff">
       Click me
   </div>

   <div class="chatbox">
       Here goes your chatbox code
   </div>
</div>

<script>
   $(".headerarea").click(function() {
       $(".chatcontainer").toggleClass("slideup");
   });
</script>


3. The sample css, which needs to be added to CSS & Visual Editor > Stylesheet.
.chatcontainer { width: 300px; height: 350px; background: white; position: fixed; left: 5%; bottom: 0; -webkit-transform: translateY(250px); -moz-transform: translateY(250px); -o-transform: translateY(250px); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }

.headerarea { height: 100px; text-align: center; }

.headerimg { width: 100%; height: 50px; margin-bottom: 10px; }

.chatbox { padding: 10px; }

.slideup { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); }


You'll want to mess around with the dimensions. Depending on how tall the whole thing ends up being, you'll need to adjust its starting position so only the headerarea is visible before clicking: .chatcontainer's height.headerarea's height = .chatcontainer's translateY(DIFFERENCE IN HEIGHT)

To use the dimensions I'd used as an example, it's 350px tall total with a 100px tall header area, hence the translateY(250px).
last edit on Dec 24, 2020 20:19:38 GMT by gimmick
937written posts
gimmickearned bits
offlinecurrently
gimmick
Part of the Furniture
gimmick Avatar
All birds and men are sure to die but songs may live forever
I think there's a difference between "having a plot" and having a plot. In a lot of sites that present as having a plot, it's just a dose of spice layered on a setting. My personal classifications are:

Setting only - Here's a place, and that's it. Lore, if any, remains static. 

Setting with a plot / premise: Here's a place, but with superpowers / groups / different character types / hook of your choice. None of the dynamics presented meaningfully change since they're mostly there for flavor, so lore remains mostly static. 

Plot-driven: Things happen that do impact the canon of the site. My definition of what it means to have a plot.

I've always by definition put slice-of-life rps in the Setting Only category, if that answers your question. There are also rps in the second camp that I still consider slice-of-life in practice if dynamics never change.

last edit on Jan 26, 2021 0:43:34 GMT by gimmick
937written posts
gimmickearned bits
offlinecurrently
gimmick
Part of the Furniture
gimmick Avatar
All birds and men are sure to die but songs may live forever
scylla Avatar
gimmick Avatar
KNY doesn’t pull any punches. Need a moment to lie in this puddle of my tears
the final chapter had me swimming in a glass case of emotion filled with my tears.

The final chapter didn’t affect me much, but a certain chapter involving siblings gutted me
937written posts
gimmickearned bits
offlinecurrently
gimmick
Part of the Furniture
gimmick Avatar
All birds and men are sure to die but songs may live forever
Procrastinating on posts by working on a template, and then got distracted from THAT by coding a preview/get code page instead. Single-tasking? Don’t know her
last edit on Dec 12, 2020 0:39:29 GMT by gimmick