Modern Vespa

Okay, thanks for trying.

I noticed something about this issue.

It appears that the lines to the left are Grammarly's standard indications of issues in the writing, they're just shifted to the left. They still work if I hover the cursor over the text that has the issue, but not if I hover over the lines. (see first attached image).

According to my measurements in Photoshop, they are shifted 946 pixels to the left. I've attached a pic of what I think might be causing the shift.

This post was not quite
What we were hoping to see
Try again, perhaps?

Nudge, no pressure intended just asking.

No "Started" anymore?

Betting the reason will be font size. I know it used to be there as I use it a lot. Could be my browser spontaneously subtly changed sizes a small amount.

started is personally a more useful thing than favs. maybe a down arrow at the end to show all?

This. It's there, for screen sizes just a bit bigger. And it is only dependent on screen size, so if your font size is causing it to disappear, then your browser is adjusting your screen size behind your back. The inflection points haven't changed in quite some time. Understood. An alternative way to get the same thing is to click on your avatar in the upper right corner, then "My Posts", then "Topics". It's a reasonable suggestion and merely a SMoP.

For anyone interested, I could use some beta testing on some new code.

I've been refactoring the account profile page (this is the page where you change your forum settings and signature and whatnot) to use modern-ish web standards and generally improve the user experience. The actual content isn't any different, you still have access to the same settings, but it's presented in a new way.

Oh, and one bit of it is still missing: as of this moment, there is no way to change your avatar. I'm working on that, but it's largely orthogonal to the rest of it.

The old profile is still accessible in the usual place (under your user menu in the upper right corner, listed as "My Profile").

The new version can be found here: https://modernvespa.com/account/profile

If you notice anything amiss or have any questions, I'm all ears.

Looks good to me!

Looks very clean and simple on Android 15.

Works well for me and looks good. More modern and I didn't find it obvious in Safari, it was easy to figure out. Maybe the color of the text in the Bio section didn't make it obvious one could change the data. Thanks.

Yeah, I am struggling with how to make that more obvious. There is a pencil that comes up when you move the mouse over the various bio texts, though that doesn't help people on phones (since no mouse).

Still thinking on that one.

I've tweaked the layout a bit, shifted some things around, and generally tuned up the details. In particular, the text input boxes on mobile were causing the screen to zoom inward when selected -- which I think I've now fixed.

Still pondering what to do about the bio text to make it more obviously editable.

What I noticed on my iPad Pro (M4) and magic keyboard is if I use the cursor with the keyboard the pencil shows up. If I use tablet mode with my finger I don't get the pencil unless I long press, otherwise a text edit option opens up right away. Same on my android phone.

Other then a different color text for the Bio info, maybe a different color background or adding some info about editing in parens next to the Bio title would be useful. Something like "Bio (click to right of each field to add bio info)".

You'll actually get an inline edit interface if you tap anywhere on the given piece of text. And if the field is empty, you'll see a "click here to edit" message (in italics).

So it's not entirely obscure. Just partially.

I'm considering putting a thin box around each field to make it "look" like an input field, even though (at that moment) it is really just a text field that activates an input field when you tap it.

Change "Scooter" to "Scooter(s)".

Right, I have the "click here to edit" for my website field.

Agree, only partially. I think most would figure it out regardless. The box might help for those needing it.

Done.

Done.

Looks good to me, I have no revisions to suggest.

Thanks,

Bob

Running with that theme, and since that field in the database actually allows up to 255 characters, I've opted to make the input field multi-line (similar to the Signature field, which is 500 characters).

That said, the input is filtered such that returns (or line feeds, or whatever your browser decides to insert) will be eliminated. So it's not really multi-line. Still, it should be easier for some of the people with a whole menagerie of scooters to write out their entire collection.

I think I've just about wrapped up all the loose ends of the new Account Profile page. You can now edit your avatar with an all-new avatar upload area, that includes pan and zoom on whatever you upload. All the usual image formats should be supported, along with heic and webp.

I would definitely appreciate it if some of you could give it a go and report back the results:

https://modernvespa.com/account/profile

...and I already see a problem with the layout on mobile. Dangit.

Working on it.

Somewhat improved now. It will probably still break on really small phones (I'm looking at you, greasy!) but should work on the majority of mobiles now.

So far so good on a Firefox desktop and on Safari iPhone. It feels like a significant upgrade on the iPhone, correctly handling the screen size and getting all the info in without right overflow like there is on the old page for me.

Yep! Long overdue, too. Thanks for checking it out!

I am slowly replacing all of the dark corners of the original software. I might finish before I die.

Looks good to me on Android using Chrome

Much thanks!

Was anyone able to try out the new avatar upload?

Works well for me on my iPad and android phone. Thanks much.

Yep.

Worked great.

Except it cropped the bottom of the image off.

Yep. I see the problem. Though to be fair, you could have chosen to crop the top of the image off instead, if you had panned the image upward

The weakness here seems to be that I've restricted avatars to being strictly square (there are tangential reasons for that) and your source image is (a) not quite square, and (b) has no margins of error to work with. So you end up having to clip something off, either on the top or the bottom.

(Also, you're starting with an image that is less than the eventual avatar size of 250x250, so you lose some resolution in the process -- though this is not a fatal problem, as the image still looks pretty good.)

If I manually resize the image canvas to make it square (adding more margin) then the avatar editor won't clip it. Not the best solution, as it requires manual intervention, but this is kind of a worst-case-scenario for a source image.

Hi jess - I just noticed an issue on the profile page: the website link is prefixed by "/forum/", so when you click it, you get a 404 here on Modern Vespa.

For example, on Ironfoot's page (that was linked from a post in the merch topic), the href in the <a> element is: Also, while I'm here, you could use a little CSS tweak to make the "Font Color" and "Font Size" controls match the others

Oh, good catch! Thanks for reporting that. Gah. Looks like another change I made elsewhere knocked those out of whack. Thanks for spotting that.

Both of these issues should be resolved now.

And, for finding and reporting a forum bug, I hereby grant you the MV Entomologist award. Wear it with pride.

I can't check on desktop - Xfinity has been out for the past few minutes - but on mobile, the fonts are a little too big (see the attachment).

Of course, you have to turn your phone sideways to see this, so it may or may not be worth fixing! Thank you, I will - it goes well with the "proofreader from hell" ones my work colleagues regularly give me!

BTW - how do you put "whoever wrote" on quotes? When I try, it comes out like:

[quote=jess]
Stuff
[/quote]

Interesting! You're right, they're subtly different. I think the drop-down selectors use a different font spec (in rem) vs the other controls which are spec'd in pixels, which leads to subtle differences. That might be harder to fix (for structural reasons) but I will take a look. You use quotation marks around the name. Historically, user names could have spaces (though newer accounts do not allow it) and so the quotes are necessary to capture the correct name.

But it shouldn't be necessary for you to type -- just hit the "quote" button in the upper-right corner of the message you are replying to and it will initiate a new post, with the message text already wrapped in quote tags.

Maybe already mentioned...

Firefox suddenly seems to be giving me the "IE Treachary - Post previously submitted" error when I click the submit button to reply to a thread. Doesn't happen every time, but occurs maybe 60% to 75% of the time.

Hmm. That is curious!

Let me look at the diagnostic logs and see if it sheds any light on things.

Ok, that makes sense, but....

The original image I used would not pan. I could enlarge it (which would have resulted in cropping more stuff), but could not move it at all.

The new image is one that I resized the canvas to 253x253 (it was originally 198x253). It allowed me to increase the size and shift it so that it looks the way it does now.

So I'm guessing if the original image is smaller than 250x250, it will not allow for panning when not enlarged.

It could definitely pan, but only in one direction (out of four). I even tried it with the original image.

I took another stab at this. They should all be the same font size now.

Fingers crossed.