/g/ - Technology

[X]

(for post deletion)
(12.00 MiB max)
Mark sensitive


File: cute.png (715.65 KiB) [Draw]
CSS / Javascript for Fchan thread! runit !1c8f68ad 06/15/21(Tue)23:41:03 No. fg-7UXLQHII
I'm going to be writing some CSS later for this software. I'll post it ITT and make some PR's on github. It's really barebones ATM and it looks like the author is trying to copy the classic 4chan theme. I don't know if it's intentional or not, but having a good looking website is important to users. I appreciate you writing the backend for this BTW. It's hard work writing imageboard software, and we really needed a replacement for NNTPchan.
>>
Anonymous 06/16/21(Wed)00:39:52 No. fg-1R5NLG5X
>>fg-7UXLQHII (OP) please remember that tripfagging makes any post you make utterly worthless, but since you're doing something useful we'll let it pass. imo you should keep it as barebones as possible, the admin is planning on making a javascript-free frontend so i think helping him would save you both some effort. wish you the best
>>
Anonymous 06/16/21(Wed)01:48:27 No. fg-HFSH36K0 >>fg-ARJH0LTB
>>fg-7UXLQHII (OP) Fucking sick. Like the above anon said, try to keep everything in CSS if you can. One thing that is needed above all else is a post hover (similar to post-hover.js in vichan/tinyboard). If you could do it all in css that would be far more impressive.
>>
Anonymous 06/16/21(Wed)02:29:17 No. fg-ARJH0LTB >>fg-U1SXCFCZ
>>fg-HFSH36K0 would it even be possible to do post hover without js? it needs to fetch mouse location and i don't think you can do that purely in css
>>
Anonymous 06/16/21(Wed)03:11:26 No. fg-U1SXCFCZ >>fg-OJSDVYX4
>>fg-ARJH0LTB CSS has a :hover selector. You could place it in a static place each time instead of at the mouse's position. It might be difficult, but I'm sure it's semi possible.
>>
Anonymous 06/16/21(Wed)03:14:36 No. fg-OJSDVYX4 >>fg-PUBAVUSC
>>fg-U1SXCFCZ Adding onto this, a really lazy (but simple) way to do this with pure css, html, and probably a tiny bit of backend golang, would be to embed a hidden div that has the linked posts content every time someone adds a link, and then you unhide it with the :hover selector. But this would add a lot of unnecessary HTML
>>
runit !1c8f68ad 06/16/21(Wed)04:35:41 No. fg-E67EB4J9 >>fg-FCHYLWJH
I made this so basic because I started realizing how horrible the HTML is at the moment. Lots of things need to be given classes in order to style them properly, especially the post form. I'll be putting in a pull request to add support for banners on the frontend tomorrow afternoon. The site will have banners if he pulls it. This makes the site usable at least. Yes, I know the captcha renders strangely with this. Use it with Stylish. body { font-family: sans; font-size: 12px; } .post { background-color:#d6daf0; border:1px solid #b7c5d9; border-left:none; border-top:none; display:table; padding:2px } #new-post { background-color:#98e; color:#000; font-weight:700; border:1px solid #000; font-size:10pt } h1 { font-family: Tahoma, sans-serif; letter-spacing: -2px; font-size: 28px; } a.reply { color: #d00; text-decoration: underline; } Tomorrow I'll be tearing into the HTML templates and cleaning everything, because wew lad this is a clusterfuck to read.
>>
Anonymous 06/16/21(Wed)04:36:26 No. fg-PUBAVUSC
>>fg-OJSDVYX4 wanting to remove something that is messy and replace it with something that is messy is not good design. i would say the simplest non bloated way is just to use the title attribute for <a> elements. <a href="post that quoted my post" title="this is the content of the post that quoted my post">FFFFFFFF</a> and that title attribute can be styled in CSS
>>
Anonymous 06/18/21(Fri)03:00:06 No. fg-YTIEESKW
>>fg-7UXLQHII (OP) bump
>>
Anonymous 06/29/21(Tue)01:53:43 No. fg-GYFPS8MX
>>fg-7UXLQHII (OP) op is kill
>>
Anonymous 06/29/21(Tue)15:26:06 No. fg-PNG1EL1R
>>fg-7UXLQHII (OP) come back OP
>>
Anonymous 06/30/21(Wed)09:31:50 No. fg-FCHYLWJH
>>fg-E67EB4J9 god bless you anon

[Post a Reply] 11 / 0

Delete Post: [File Only]
[Home] [Rules] [FAQ]

All trademarks and copyrights on this page are owned by their respective parties.

v0.1.1

Theme: