ahoylemon / thefplus

Terrible repo, branched with enthusiasm.

The F Plus

This repo contains all the files which make thefpl.us work and operate the way it does. The website is built on Bastian Allgeier's Kirby CMS. As this site uses Kirby 2 rather than Kirby 3, the architecture files are kept in this repo as well. This repo also contains the site content, which is more-or-less current at any given time.

This project is kept on parity with what's currently happening on The F Plus website, and is primarily used for version tracking for me as well as to try to demonstrate everything I'm doing to make the site work. If you have a question or suggestion on how to make anything better, you can submit an issue.

If you have an idea on how to improve the site, please contact Lemon before putting in a pull request.

To get started, serve this repo via XAMPP and then visit localhost/thefplus

thefplus's Issues

Serve over HTTP/2

Just ran a Lighthouse audit, and came across this

https://web.dev/uses-http2/?utm_source=lighthouse&utm_medium=devtools

which links to this

https://dassur.ma/things/h2setup/

/also-made/ to /made/

Every time I see a thefpl.us/also-made/whatever url, it looks increasingly clumsy to me.

I'd like to change all those URLs to made, ex

• thefpl.us/made/stickers
• thefpl.us/made/bad-accent-club
• thefpl.us/made/chewbacca-tells-a-joke

That scans a lot better.

In doing this, not only would I have to change the slug, but also the structure to a couple things (like the home page) and make sure I put a redirect in place, because all those also-made URLs need to continue to work.

Fanart Image Grid responds poorly on mobile display.

Just noticed this now.

XSL file gets escaped on Firefox

I'm not sure if this is a Firefox problem, or if this is a me problem, but the new RSS thing doesn't work right in Firefox specifically.

Firefox

Chrome

Search input max-width

Fine on Chrome, problematic on Firefox.

Lighthouse improvements

next episode & previous episode links.

On the episodes page, there's these links to go to the next or previous page, which are in text and don't look that wonderful. If someone wants to suggest something else, I'd try it.

The relevant code is in the Listing Template, line 64 as of this post.

Merch boxes too wide in mobile display

When you're looking at a page with merch boxes on it (ex /merch/ or /stickers/) the width of the box itself ends up slightly wider than the browser window, creating horizontal scrolling. max-width something.

blog post icons (mobile)

How did this happen?

Covers Only styles.

For the covers only layout (http://thefpl.us/episode) the covers should go edge to edge. Additionally, I wanna redo the measurements a bit, because the covers can get too small when the window gets narrow.

Display titles in episode briefs.

I tried to get away with not doing this, but I don't think I can.

Navbar isn't responsive on desktop Chrome browser

Browser is Linux Chrome Version 72.0.3626.28 (Official Build) beta (64-bit)
Issue illustrated in helpful picture: Screenshot of site
Navbar seems to be anchored to the bottom left and therefore cannot flow horizontally with view resizes.

Blank search readout

Just want to put something on the screen when this happens.

Doc icon blocking play button

https://twitter.com/ottumon/status/817052519939670016

Mobile doc action link

I've been meaning to put this issue in for a while.

Explore ep # in brief.

Maybe yes maybe no, but just give it a look.

Tag Index is unusable on phone

This isn't good.

tag links break when using an ?

Specifically, how in the hell did you get that fetish? gives you this url, which doesn't work. We need the link to go to this instead.

Search breaking on $article->image

Which I thought I fixed before?

But I guess not. https://thefpl.us/search/page:11?q=episode+5

Courtesy of this tweet: https://twitter.com/CyberBrandogg/status/1109200479790215170

Chapter info in the RSS feed.

At the very minimum, those episodes which have chapters should have something in the show notes saying that a specific epsiode has chapters and credit who did it.

Going further, it might be good to have something in the RSS feed with the syntax of the chapters, in case any pod player supports it.

Build a time specific GARBAGE DAY interface

Similar to the work done last year, build an interface to call out both a countdown to Garbage Day existing and Garbage Day currently transpiring.

(can reuse some of last year's code, but the site redesign means it needs to look different.

(also including @BootsRaingear on this one in case he has opinions about how stuff looks)

Experiment with box sorting

The sorting on meet is clumsy and I'd like something better.

Maybe try Filterizr?

Tags with apostrophes break

As pointed out by Sherman Tank:

https://ballp.it/index.php?topic=3120.msg128529;topicseen#new

Example:
https://thefpl.us/find/tag:don%27t+spoil+the+ending

Redesign Episode Tags Index

Not yet sure how to implement this, but this page could be better.

https://thefpl.us/tags

Submission hopper on mobile

Add a merch link

I don't know what that will look like, but it would be good to have a top level page that listed all available merch.

Overflow-y scrolling on mobile sidebar

After adding something to the sidebar, I noticed that with the sidebar out, both body and sidebar scroll simultaneously, which is weird.

What I should do instead is turn off scrolling when the sidebar is out, and then turn it back on when the sidebar goes away.

Double wide brief breaks iPad resolution

As noted by Astral Travel Agency

Bigger font size on main.full (tags specifically)

12px Noto bold is just too tight.

merch badge in session storage.

Save a variable in sessionStorage. Once you click on the merch link, I wanna clear out that badge for the rest of the session.

Normalize the double-sized brief when it ends up on mobile display.

Related to #31. Now that double boxes size nice, they don't really end up right in the mobile display. Especially the random one.

Pull site issues from GitHub

At the moment, the site issues page is pulling all its data from a Google Spreadsheet, which seems dumb. I think it would be better if the information could be coming direct from GitHub, so the issues would only need to be tracked there.

Break to mobile sidebar earlier.

I'd like to get that mobile menu happening probably somewhere around 820 pixels. Experiment.

Structure to site cover images

When helpful, it would be good to cite where these images came from.

Remove Garbage Day Promo from RSS feed

Basically just putting this here as a reminder to myself.

Download link crashes firefox

via this thread when you click any download link, Firefox will crash out completely. Dunno why this is, but I feel like it may be a @mozilla bug. Gonna explore.

New Poll interface is ugly

All the poll options are off model, and the poll optons are as well. Gross! Fix.

Feedback & scroll to a specific comment.

In the case of visiting a URL that's meant to take you to a specific comment (like this one), there's a delay between loading the page and viewing the top and jumping to the comment in question once all the comments have been loaded in by Disqus.

It would be nice to know that the comment is loading, and possibly a scroll animation down to the comment once it's ready.

404 page error

https://thefpl.us/djskjlajdsakld

The problem is mainly in main.four-oh-four not being tall enough, but I can't find the Sass source of the css file right now.

PerformingGroup metadata

Add to the Schema on home.php:

• contactPoint
• email
• foundingDate
• alternateName (The F+)
• member (maybe, see the last example here)

Tweak the sidebar social shuffling

Currently the social icons cycle to a random 4 selections, of all possible options. Let's change that to...

• One way to subscribe (iTunes, PocketCasts, etc.)
• Random Social Network
• Random Social Network
• ballp.it

PodLove experiments

https://podlove.org/projects/

Search is erroring

Not sure why.

Example: https://thefpl.us/search?q=demons

Summary bug on Mozilla browsers.

So I thought I fixed this a while ago but....

When you're looking at a summary view on the site (like the home page), the titles do not truncate. Therefore, long titles will fuck up the form.

If I play around in the developer tools, I see that adding a max-width to the properties will fix the issue, so I'm going to try that and make sure it doesn't conflict with something else.

Paginate results.php

The "results" template doesn't paginate. It should.

Example: http://thefpl.us/find/tag:fetishes

Next page on mobile

Home page stops when you get to the bottom

"random" button offsets pagination on page 2.

Because of the random button, the listing template (site/templates/listing.php) is offsetting the first episode that pops up on page 2, skipping 1 episode between pages 1 and 2. The logic for this page will have to be tinkered with a bit to make that specific episode show up.

Listing template here

css Grid redesign

Using this thread to generally track ideas as progress. This is taking place in the cssGrid branch

Upcycle stickers still in stock

https://thefpl.us/also-made/stickers

For this page, make it so the series which are still in stock show up first, followed by the sold out items.

Bring back /episode/random

I have uncommitted stuff on the home computer with markup for /episode/random. Revert changes to that, and then FTP that up.