/wai/ - Wai

Lovely Waifus Only


Remember to follow the rules

Max message length: 8000

Password (used to delete files and postings)
Drawing x size canvas

Max file size: 25.00 MB

Max files: 3

Spoil all pornography and no pornographic talk about girls under 18.

Open file (1.35 MB 2418x3338 1470459450873.jpg)
Suggestions/Requests for Functionality K. 04/16/2018 (Mon) 09:37:29 No. 857
If anyone has suggestions or ideas for things they'd like on the chan. Post some in here so we can ask milk to look into them.

Things like:
How posts are formatted when accompanied by a picture.
Also a [Go to Bottom] [Go to Top] type of button at the top and bottom would be nice.
In an ideal world, these are things I would love to see on the site:

>backlinking and inlining (most important)
>image hover (including fit to screen option)
>(you)s including a tab icon notification (8ch/4ch have a red exclamation mark to let you know to check the thread when you've been replied to)
>post/user count for thread (not as important since K added post limit but still handy for knowing when we're approaching it)
>catalog button and bottom/top button at top and bottom of thread
>custom flags
>proper trips
>having a 'show more options' button on the reply/quick reply boxes so that you don't have to have everything always visible such as location, block bypass, drag files to upload, spoiler, flag, etc
>reformat the image upload region of the quick reply box because a single tiny thumbnail creates a massive amount of blank space
>if you expand the quick reply box at the bottom right of the text box, you can't make it smaller again and sometimes it keeps expanding just by clicking on it
>spoilers on/off option
>the text wraps around images funny, and maybe add an option to wrap at 75% browser width
>maybe smaller post refresh timers, currently I've seen it go up to more than 6 minutes which is huge (yes I know it's a slow board but 3-5 minutes max is more than sufficiently slow)
>inbuilt reverse image search (ideally under the same arrow as report/delete post)
>remove the hide button (it's really ugly); possibly move it to the arrow
>clarification regarding whether Mega Milk is a fan of big milkers (very important)

People have also mentioned in the other thread that we should have more tags under our board name so that people can differentiate us from /waifuist/. I am not sure tags will be sufficient to differentiate us, so maybe we should have a sticky infopost in addition to this, at least temporarily. This might possibly include a link to the donations part of the site so that we can do our part in keeping our new home running.

I also want to say that I am a huge fan of the existing features, including the prebuilt themes and the realtime tracking, and that I know some of the things I have mentioned may already be in the works. I have no idea what the situation is with banners and spoiler images but we should also have custom images for these when we can. Let me know if I can help in any way.
Oh and forgot to mention having the time actually be correct. I hate relative time but it'd be better than this because at least I'd be able to tell how old a post is.
5 tags is max.

Local time conversion would be amazing. Or at least relative time.
Non-Ajax quote hovers. They are a bit slow and annoying.

We can implement most of those with our board JS quite easily. And I see backlinks already, and there are custom-flags in other boards.
There is already, on the top right. The arrows.
>Non-Ajax quote hovers.

Yes please.

>And I see backlinks already

I'd prefer that if I click on the backlink, it would inline it so that I can view a back and forth conversation without the link scrolling me up the thread.
I sketched a code for non-ajax hovers:

Its kinda the way I did on my own imageboard thing, you can hover a hover inside a hover and hover again to go reading up the chain of messages.

Just put in your settings / JS and try to see if its nice. It breaks the Ajax-Hovers tho, so do remove afterwards. And it is missing a few tests so you can do bizarre shit like adding the same post over and over again.

Lemme know if you guys like this style, I may implement it more correctly later.
the "don't show location" box gets unticked if you page refresh. anyone else have this problem?
You can use this code in your settings/JS while they don't fix it:
document.getElementById('checkboxNoFlag').checked = true;
Open file (30.61 KB 720x644 1489653624947.png)
thanks, i will install this virus now
Hover image code, just put in your settings/js.

It doesn't work with videos yet. Will do after lunch.
it doesn't seem to play sound for videos?
I didn't think anyone would want sound, but just remove the word "muted" from the code and it will play sound, and if you place 'controls' in its place, it will show the video playback controls by default.
Open file (1.07 MB 3328x4992 AHWsTZT.jpg)
Code for having names only in specific boards.

Usage instructions in the code itself.
Edited last time by Docdoc on 04/17/2018 (Tue) 15:25:56.
Really cool stuff
CSS code to greatly improve the display of multiple images.
.uploadDetails {
overflow : hidden;
max - width : 155px;
white - space : nowrap;
font - size : 10px;
.uploadDetails : hover {
max - width : 100 % ;

Its not ideal, because you can only read some filenames when hovering the mouse. Will think of a better solution later.
Way better:
text-overflow: ellipsis;

.uploadCell:hover .uploadDetails{

.originalNameLink {
white-space: nowrap;
Smol fix on an issue of the image-hover code. It would show hovers even on expanded images and videos:

Ez enuff to fix, I was just not very familiar with the function to think of it.
ImageHover + NonAjaxQuotes in a bundle (codes overlap for performance).

Quotes are still experimental, but this time they don't break the ajax hovers and are quite usable in a more than testing basis.
This is working great now. Can you get the same non-Ajax quotes on backlinks too?
Open file (289.49 KB 1920x1080 _2018-04-15-06h53m16s124.jpg)
Sure. Will do as I further develop the thing. Trying to get it smooth. I'll probably replace the ajax-hovers with my own as well, so you can read up a thread without even opening it. (and after that, posting in a thread without opening it), but I'll have to look up on how the api works.
Reminder to fix the issue when a filthy peasant quotes the OP like this:
Open file (116.65 KB 812x674 TINY FLOGS.jpg)
Pack with que quoted names and flags:
Edited last time by Docdoc on 04/19/2018 (Thu) 03:49:53.
Open file (43.08 KB 441x468 CITyBlbUEAAHsLg.jpg)
Rate this CSS.

.uploadCell:hover .uploadDetails{

white-space: nowrap;

>fixes multi-images posts getting oddly spaced
>hides some clutter of the screen showing only when you want
>nothing moves or shifts when you mouse over

>have to hover to see names and stuff
>the last of a multi-file post gets clipped

I think its the best that can be done with CSS, anything else will be JS.
Open file (160.09 KB 898x995 Untitled.jpg)
Not sure it's working as intended. Post 1791 here is about a word a line. And the cons probably make it not worth it unless those are still in progress.
That happened after you put the CSS in? because that is a frequent issue with most chans, I have some ideas to fix it later.
Also, did a smoll change to the pack above. Hovers now show under the mouse, so you don't have to chase them to close them nor you can add posts from an unrelated chain of comments. Oversight.
Quick (CSS) fix:
.innerPost{min-width: 60%;}
.divPosts .divMessage{float:left;margin-left:10px;}
.uploadCell img{margin-right:0px;}

This is the more correct ones, but has some aesthetic side effects to counter.
Open file (81.84 KB 500x500 smde.jpg)
Finished the specific-name per board code, now its fully automated. It will just magically remember what name you input in each board.

Smoking is bad for your lungs
Open file (133.84 KB 763x765 whb.jpg)
Open file (57.41 KB 421x599 compct.jpg)
Dun NonAjaxHover support for backlinks and fixed some mistakes with the mini-flags.
Also, included a post-counter on bottom-right.

And CSS hacks, pretty usable compact quick reply as per pic.
Open file (69.64 KB 448x631 DNvZeJVX0AAoA83.jpg)
Hover is now complete, with ajax built in so you can go up a thread without opening, it also doesn't obstruct the quote so you can still click it to scroll up, etc...

I pretty much rewrote the whole structure to keep things tidy and efficient, did a bunch of polishing in every function as well.
Gonna add the css hacks globally. Thank you for this. Also any other hacks you think should be added globally let me know. I can probably enable custom javascript for you on /wai/ so that way people don't have to add these changes to their settings.

But I would probably consult your users incase somebody doesn't want a specific feature.
I should probably get the file preview css to work on the normal postbox too then. Not just on the quickreply.

Thanks, m8. I'm going to include each function as optional in the Settings menue.
Polished and applied the compact previews to the main postbox as well.

The last line can be removed if you don't think the 'spoiler' red text next to the checkboxes is necessary.
Messing a bit more with the line-breaks, did some tests and showing the text as "table" and setting a min-size seems to make it fit next to the images the best, avoiding short texts being show under them.


Using the CSS in here:

/*LineBrokenPosts Fix*/
.panelUploads{float:left;width:auto !important;}
.divMessage { display:table; min-width:300px;clear:none !important;}

But seems to have an issue with leaving a 300px blank space on posts without text, so its ehh..
Edited last time by Docdoc on 04/28/2018 (Sat) 19:14:39.

/*LineBrokenPosts Fix*/
.panelUploads{float:left;width:auto !important;}
.divMessage:not(:empty) { display:table; min-width:300px;clear:none !important;}
.innerOP{display: inline-block !important;}
Edited last time by Docdoc on 04/28/2018 (Sat) 20:05:33.
Open file (10.12 KB 218x39 Capture2.JPG)
some suggestions to the site

- show/solve the captcha before uploading your post
- remove the "you may now post" pop up that appears if you solve it
- if you have a post marked with #postnumber and reload the page it doesn't take you to it
- if you open a thread you can't navigate with pgdown, pgup, home, end
- add catalog, top and bottom links at the top and the bottom of the page. i know they exist in the top right corner but they are too small and too far away. like in pic related
>- show/solve the captcha before uploading your post
Take note of the "Block bypass" check box in the posting forum. It checks the bypass before uploads. Although I suppose this can be enabled by default.
>- if you open a thread you can't navigate with pgdown, pgup, home, end
Hmm, I am able to do this. Can you be more specific on this one?
>- add catalog, top and bottom links at the top and the bottom of the page. i know they exist in the top right corner but they are too small and too far away. like in pic related
Hmm I will take note of this suggestion.
Just a note to the Board Owner. We will be upgrading our site to Lynxchan++ an improved engine and proprietary front end so there will be some major improvements to not only speed but also the visual appearance to the site. This may break some of the fixes you have here so what I will do is tell the developer to consider adding these fixes as option features in the settings.

Cheers guys.
>I suppose this can be enabled by default.
this would be a good idea IMO. i don't think there's ever a need for it -not- to check?

>>- if you open a thread you can't navigate with pgdown, pgup, home, end
>Hmm, I am able to do this. Can you be more specific on this one?
this only occurs for me if you open a thread for the first time and then the first thing you would do is press one of those keys. you can "undo" it if you click somewhere below the top navigation menu. it does not happen if you open the board by going on https://mewch.net/wai/ for example. it's not that important, but it would be nice to be able to navigate using the keyboard
Open file (50.58 KB 550x550 DLU0agvUMAABrPo.jpg)
We are used to it, this is our first userscript back in 2014 when 8chan didn't even had auto-updating on the threds and we had to make our own, and slowly they all became obsolete.
> in 2014 when 8chan didn't even had auto-updating
Wow thats hard to imagine lol Pretty crazy.
I forget you guys were there since it was made.
Btw another hack someone made many months ago:

Salmão used to be one of us, she was the co-admin of waifuist.tk when we hosted our own, and mod at xchan.pw where I'm still. But she moved on to her own chan because of differences.
Many have been here dude :) Some come and go but most check back on mewch. I was in contact with her recently.
We go way way back, we stated an uprise on Brazil's then largest chan back in 2011. But we sorta got tired of each other and couldn't agree on moderation principles (I'm a classic liberal, she is an anarchist).
Hey, I'm the guy that is currently working on the new frontend. I'll try to integrate your scripts into the new frontend. In the meantime, I posted some sneak peeks here: >>>/meta/2746
Cool. Well, I think none of them are polished enough to integrate directly, and from the front-end side they could be done much better anyway without all the tricks from the user-side. But its pretty fun, so lets keep making mewch better.

That scrolling bg looks neat.

I did another CSS tweak on my side that is making the "post" button click/active event more obvious, some times I wasn't sure if I had clicked them and clicked again (shitty mouse, mushroom theme).
Hm. What do you think about the general look&feel of this site? https://nextchan.org/
I wrote the imageboard software which is here: https://gitgud.io/blazechan/blazechan
I'm planning to bring some stuff like the post form over here. What do you think could improve?
Open file (72.13 KB 1510x794 ent screencap.jpg)
Neat. I like the intuitive button placement, compact menus, subtle animations. Too much stuff over each image, the image-search stuff could be under a single icon-menu.
In mobile the quick-reply sorta stays half off-screen and I can't pull it in, but may be my browser.
The hover has the same issue as mine with when (heretic) people quote OP the hover is transparent, looks jank, we should fix it.

In my IB software I had kinda forgo on the whole floating quick-reply and moved on to a simpler div that popped in the bottom when you replied to someone or clicked the thread creation button. Since it worked with external image hosts, it uploaded the images before posting so it had to show which were uploaded already, progress of them individually, etc... but in a more traditional format. its likely more reliable to do something like that too.
Open file (132.67 KB 1284x726 ent-screencap2.jpg)
Yay, got it working. But only the older and uglier version. Above print was of an in-development version I never finished.
Open file (179.99 KB 1464x795 Ent - dark skin.jpg)
what do you all think of my nails?
I think they're fabulous
Cute! Reminds me of this.
Very similar colour scheme to the WildWest skin tbh.
I added a little bot that pulls latest images from a list of instagram profiles. If you guys are interested I can cater this to your board. Just let me know.
Open file (55.32 KB 712x649 DczkfgGVQAErT03.jpg)
Are you trying to automate our jobs away?
kek, it's more of an alert bot.
Open file (351.78 KB 858x1200 24.jpg)
Making a script that notifies there are new posts in your favorite boards since the last time you visited. For now its useful to keep track of slow boards.
Plan on expanding it a bit to auto-refresh and notify more visually when new posts are in the board you are in, unless it is in the thread you are in.

You are doing it wrong. That's what the rss feed is for.

Or if you want to do it with javascript, just parse the json format.
Open file (126.11 KB 768x1024 768full-bridget-regan.jpg)
Completely forgot about RSS, heh. Thanks.
Those JSONs don't say which is the newest post really, <board>/1.json is better but downloading and parsing every json of every board VS downloading and parsing one html page is much cheaper.
The 1st is the newest and so on...
If the thread is pinned or the post was saged it doesnt work. Would have tip iterate the posts to find the highest.
Sages do appear on the frontpage; I'd have to check about overboard
but if yes then just crawl https://mewch.net/overboard/1.json and filter out your board
Open file (19.49 KB 332x378 Dc9b_5vWAAE7DAR.jpg)
Updated to show the number of new posts and to auto-update.
Open file (115.28 KB 264x607 owo.png)
Open file (103.22 KB 901x1199 DdP4_nvU8AAHkzO.jpg)
What is this?

Is this a timeago script without using libs, with proper grammar and that shows the original dates on mouse hovering as well as self-updating every 2 minutes?

Open file (29.46 KB 338x600 344f.jpg)
Not sure if the timezone part is correct, tho. Need to test.
Ez javascript job tbh
>hatless megumi
I just found out this thread and I see lots of things I like.
I invite anyone that wishes to get involved in any degree of development to lurk on #lynxchan on rizon.

I will be taking feedback from here and working on it.
Joined. I'm drchloe.
Isolated less commonly used fields on an extra menu at the bottom on PenumbraLynx.
Does it require JS?
Yes. Otherwise the extra menu is always shown.
Why don't you use the CSS checkbox hack?
First of all, I don't think it solves the issue of toggling an entirely different element.
Second, it saves if you want it to be shown or not.
You can progressively enhance that to save the state. You can toggle the element using the sibling selector:
#extra-options-checkbox {
display: none;

.extra-options-toggle {
float: right;
text-align: right;
color: var(--link-color);
text-decoration: underline;
cursor: pointer;

.extra-options-toggle:before {
content: "\f067 ";
font-family: "Font Awesome 5 Free";
font-weight: 900;
text-decoration: none;

.form-extra-options {
height: 0;
overflow-y: hidden;

transition: height .25s ease;

.form-extra-options > table {
width: 100%;

/* Toggle using checkbox hack */

#extra-options-checkbox:checked + .post-form-fields .extra-options-toggle:before {
content: "\f068 ";

#extra-options-checkbox:checked + .post-form-fields .form-extra-options {
height: 8rem;
And the respective HTML would be:

<input id="extra-options-checkbox" type="checkbox" />
<div class="post-form-fields">
<label class="extra-options-toggle" for="extra-options-checkbox">Extra options</label>
<div class="form-extra-options"><!-- this gets toggled --></div>
How would one save the state across page views?
And can you show me how to toggle another element using the sibling selector?
Say you have the #extra-options-checkbox checkbox, and the .post-form-fields div within the same element like this:
<div ...>
<input type="checkbox" id="extra-options-checkbox" />
<div class="post-form-fields">
...post form stuff here...

Now, you can either select with the sibling operator ~, which will select every element that is a direct sibling after the preceding element:
#extra-options-checkbox:checked ~ .post-form-fields {
thing: value;
This way, you can add other elements inbetween without messing with the CSS.
Alternatively, you can just use the adjacent selector +, which will select the element directly after the preceding element:
#extra-options-checkbox:checked + .post-form-fields {
thing: value;
This one is more strict, but you can use it if you want to apply it to a sequence of elements. I used it here because I don'[t expect the post form template to change too much.

As for the state saving, you can just set a event handler to the label which writes to localStorage (or your own settings object, I didn't delve into the Penumbra frontend JS yet), and then on load set the checkbox's state:
document.querySelector("#extra-options-checkbox").checked = localStorage.getItem("formOptionsShown") === "true";
I'd advise against saving the state of that anyway though, since you wouldn't really want it open on every page, since the extra options are, well, "extra", so you'd only need them when you had to modify them. You do you, though.
That is a problem. Because the extra menu is a tbody and the checkbox can't be directly under the table.

It really isn't a feasible approach to it, considering how few users have js disabled.

And I assume when someone enables the menu, they would want it open permanently.
Just put it above, then. I use a table as well, you can just select like:
#checkbox ~ .post-form > .extra-option
Always consider noJS users, they are part of your userbase.
And the menu is only used for 5 seconds per 10 minutes of posting, and it would stay open on the same page anyway. It doesn't have to stay open across threads.
>reddit spacing
also fix your internet
Ok, then show it working to me.
Open file (598.23 KB 1920x1080 2018-05-19 13-31-49.mp4)
That part where my mouse goes to the top right is when I disable JS, and it still works.
Even if I could load this video, it is utterly useless to me if I can't see the code.
Open file (38.11 KB 700x394 DdyR0YpVwAAu2vY.jpg)
I'll wait for lynxchan++ before obsessing over removing interface clutter. he he he.
Since you asked so nicely (!), here's the HTML:
<div class="post-form-container">
<form class="post-form" action="{% if thread %}/replyThread.js{% else %}/newThread.js{% endif %}" enctype="multipart/form-data"
<input type="hidden" name="boardUri" value="{{ board.boardUri }}">
{% if thread %}
<input name="threadId" type="hidden" value="{{ thread.threadId }}">
{% endif %}

<!-- Checkbox hack to toggle .form-extra-options at the bottom-->
<input type="checkbox" id="extra-options-checkbox" autocomplete="off" />

<table class="post-form-fields">
{% if name_field %}
<td><input type="text" size="25" name="name" /></td>
{% endif %}

<td><input size="25" type="text" name="email" /></td>

<td><input type="text" size="25" name="subject" /></td>

<textarea rows="5" cols="35" name="message"></textarea>

<p class="small">
Remember to follow the <a href="/{{ board.boardUri }}/rules.html" class="rules">rules</a>
<p class="small">
Max message length: <span class="body-length">{{ max_body }}</span>

{% if file_upload %}
<div class="hidden">
<div class="dropzone" id="post-dropzone">
Drag files to upload or <br />
click here to select them
<div id="selectedDiv"></div>

<div class="nojs">
<input type="file" name="files" id="files" multiple class="fileBrowser">

<p class="small">
Max file size: <span class="max-filesize">{{ max_filesize }}</span>
<p class="small">
Max files: <span class="max-files">{{ max_files }}</span>

<th><label for="checkboxSpoiler">Spoiler files</label></th>
<td><input type="checkbox" name="spoiler" id="checkboxSpoiler" /></td>
{% endif %}

<tr><td colspan="2">
<label for="extra-options-checkbox" class="extra-options-toggle">
Extra options

<tr><td colspan="2"><div class="form-extra-options">
<table class="post-form-fields">
<input size="12" type="password" name="password" /><br />
<span class="small">(used to delete files and postings)</span>

{% if hide_location %}
<th><label for="checkboxNoFlag">Don't show location</label></th>
<td><input type="checkbox" id="checkboxNoFlag" name="noFlag" /></td>
{% endif %}

<tr class="requires-js">
<th>Bypass Check</th>
<td><input type="checkbox" class="bypass-check" /></td>

<select name="flag">
<option>{{ no_flag_text }}</option>
{{ flags_options }}

<img class="flag-preview" />

{% if captcha %}
<td>{% include common.captcha %}</td>
{% endif %}

<td><button class="submit-button">Post</button></td>
I posted the relevant piece of CSS in >>6338.
also unignore me on irc you hue, how did i offend you this time
>{% if hide_location %}
Non-standard HTML, I can't use it.
I think you meant hue hue hue.
Also, I'm not in the mood to glue together scattered pieces of code. I will look at the whole thing working.
No, HUehuehuHEUheue is reserved for special moments.
Here comes the airplane, open your mouth wide.
<div class="post-form">
<input type="checkbox" id="extra-options-checkbox" />
<table class="post-form-fields">
... main fields turn on ...
<tr><td colspan="2">
<label for="extra-options-checkbox" class="extra-options-toggle">
Extra options
<tr><td colspan="2"><div class="form-extra-options">
... extra fields go here ...
I swear my IQ drops every time I read one of your posts.
Open file (79.03 KB 1191x670 DdqGIOTV0AEJTs0.jpg)
Casual observers would think you guys are being huge dicks, but I'm familiar with the "everyone is linus torvalds" tsundere attitude of programmers, which is somewhat necessary in this field,
It's just a lover's quarrel. You also need to accept that 99.9% of developers don't write raw HTML on dynamic sites anymore.
Added relative times to penumbralynx.
How do you get the absolute time from the server? Do you need to make changes to the backend for this?
I just parse the time from posts.
As I guessed. Does it update the time periodically?
Every 5 minutes.
can any one of you fix the problem of not being able to navigate with pg up and pg down
I can navigate just fine. Weird.
right after you open a thread? i tested it in 3 different browsers and it worked in none
You are correct, you have to interact with anything on the body of the page to be able to use arrows.

That is due to the introduction of the side catalog and the page being split into two sections.

Right after you open a thread, the section that contains the actual thread isn't focused.

I'll see if I can do anything about it.
do not contaminate yourself with (you)'s; it just leads to people only reading posts relevant to their posts and ignoring everything else. (You)'s are a recipie for a boring board.
Open file (144.03 KB 825x464 serveimage (23).jpeg)
Stephen has added the "latest postings". Once I figure it out I'll add the board owners to the permissions to access it. Thanks for trying to help us.
Mind you, that was a back-end feature for 2.1.
I didn't do it expecting you to integrate already on mewch.
I keep forgetting I am not actually on master. Still on 2.0.x.
Just remember that any back-end feature is only released on 6 months interval.
So if your latest version upgrade was on 05/18, the next one will be on 11/18.
works now :^)
Apparently some people aren't able to even load mewch domain on any browser, not sure if its a problem on your end.

Also the Pale Moon still is all goofy looking for structure. Missing Settings panel still.
A 404 of some kind, but he doesn't seem to able to access mewch from any browser.
I believe palemoon just doesn't run any js at all.
I had changed the dns on the 13th. Maybe that was the issue for accessing mewch? It should be resolved. But if you can be more specific on the issue that would be awesome. I can probably look into it more if so.

Yeah, apparently the next palemoon update will fix mewch and a bunch of other sites.
Open file (75.26 KB 927x574 image.png)
Seems the site is up in every country.
It is now. So was it really just the dns?
Serves you right for using palememe
I asked K if he could give me more info but I assume you were having the problem? Can you be more specific about what the error was? Also if any other sites were not working.
Just lmk.
No, it was just mewch. Every other site worked. And there were no error messages or anything, the site simply didn't load. It failed to resolve the domain or my connection was getting dropped for some other reason. I don't know a lot about web admin stuff, but isn't it a bit weird for a DNS update to take 3 days?
Wow it was 3 days? That's a bit strange. Well I'm sorry that it happened first off. Second I will do my best to see what happened. Very very strange.
Just checking back on this issue now. Seems I can't access mewch on my phone.
Connection refused error.
i have exacted my revenge
fix your shit or i'll make your phone download CP next


Captcha (required for reports and bans by board staff)

no cookies?