Site News Welcome to the new KH-Vids!

​

Hello everyone, and welcome back!

First, I'd like to apologize for the length of today's downtime. We had some very unexpected server issues hold us back. There will be some temporary residual effects (which I'll explain below), but the site is in working condition.

As you can see, things look quite different. I took the site down to update to a new version of Xenforo, as you all know. Xenforo 1.2 is a major update to our forum system, ushering in a great deal of new features, which I will outline later in this post. It makes some fundamental changes to the way the forum is coded to allow for a responsive design. To take full advantage of that design, I set out, with the help of @Llave and @libregkd , to create our brand new KH-Vids 8.0! Basically, along with all the new functionality and features Xenforo 1.2 adds, we’ve got a new style to boot. I’m sure you all will discover some of the changes in due time, but I’ll highlight some of the most exciting ones for you.

A New Editor
Many of you were upset after the move to Xenforo with the editor, which was significantly less functional (and more buggy) than the CKEditor on vBulletin. We now have a new, Redactor-based editor that not only looks better, it functions a lot better too.

• Optimized & Mobile Friendly: Much lighter code and faster to load. Redactor depends on jQuery and benefits from that.
• Formatting: When pasting, most formatting is removed (though some is kept). However, if you're pasting within KH-Vids, all formatting is maintained.
• Pasting Images: If you use Chrome or Firefox and have an image in your clipboard, you can simply paste it into the editor
• Drag & Drop Uploads: Provided your browser supports it, you can now drag files into the editor to upload them.

​

• User Tagging: You can now tag users in posts, like you do on Twitter. Tagged users will receive an alert when they're tagged (if you want, you can disable those alerts).
• Smilies: Gone is the smiley dropdown! Inserting smilies is a lot easier now.
• Auto-Save Drafts: While you are typing a message, every 60 seconds a draft of your message will be saved. If you reload the page later, your message will be automatically re-shown. Drafts will be automatically pruned over time, or you can delete them manually.

Conversation Improvements
Private Conversations have also seen a few improvements. For one, you can now star the most important conversations (like email filtering), manage conversations in bulk, and filter by starter and participant.

New Member List (“Notable Members”)
The member list has been significantly condensed and redesigned to enhance its performance. Now it displays the “top” members in certain categories (like most posts, likes, trophies, etc.). It also lists today’s birthdays and has a separate tab for staff members.

​

KH-Vids 8.0
This is the most exciting change of all. It’s best explained visually (so just browse the site), but I can still show off some of the biggest changes!

Responsive Design
KH-Vids 8.0 employs Xenforo 1.2’s responsive design. What that means is that the site will “respond” to the width of your browser window. That means that KH-Vids 8.0 is completely mobile friendly, without having to switch between mobile and full styles.

Note: Not all of the site's pages are updated to respond to browser width. They will be updated gradually in the coming weeks.​

Responsive design is best displayed by just adjusting the width of your browser window. Notice how the site automatically changes to compensate!

A New Logo
KH-Vids 8.0 features a new logo. The old logo, while it has seen updates between versions, has remained essentially the same since KH-Vids 5.0. To fit with the new color scheme & direction, we've replaced it with something brand new!

In addition, the new logo will also respond to the width of the browser window, shortening to a condensed version. The mobile logo is also retina ready, so it'll look crisp and clean on your iPhone & iPads.

Usergroup Banners
In order to better differentiate between the usergroups of KH-Vids, you can now clearly see it labelled within posts. These banners are color-coded and display for every group (including Premium Members, though theirs is slightly different than the staff's) except Normal Members.

Back to Top
The new style features a back to top button on all pages, similar to the one on sites like Tumblr. When clicked, you will get a nice scroll animation that will quickly return you to the top of the page. The button is on by default, but you can disable it within your preferences.

​

The back to top button will shift to a horizontal design when the width of your browser falls below a certain size (usually on mobile devices).

​

Default Avatars
Finally, something hardly anyone will notice, but that adds a nice touch all the same. If a user doesn't have an avatar (whether they never added one or they removed theirs), a preset image will display. On 7.0, it was a blue crown. We needed a new one for 8.0, and so I decided to recreate a character from the KH mobile art...

​

And much more!
There's quite a bit more visual appeal awaiting, but there's only so much I can describe!

What broke.
As I said, the errors during our upgrade caused some residual effects. We're working to solve them, but as of now, there are three things to be aware of: first, the add-on that automatically sends messages & alerts when a moderator edits or deletes one of your posts has been temporarily disabled while we work out some errors with it.

Secondly, our search is currently non-functioning. That may take a few days to repair, as it requires our owner to toggle something for us, and then we'll rebuild the search index (which will take a while, but the site can remain open while we do). On the plus side, that means that search results will be accurate and cover all of KHV!

Thirdly, all of our site pages will need to be recoded to fit better with the new skin and the responsive design. This will be my major project over the coming weeks, so please be patient! The Cutscene Archive landing page has already been redone, so if you want an idea of what's in store, take a look at it. ;)

This style has been many months in the works, so we hope all of our hard work has paid off. If you have any questions about the new features or the style, feel free to ask. Thanks everyone, enjoy, and happy holidays!

 

If you find anything that looks or works funny on the new style, please post within this thread with the following:

• A screenshot of the problem
• On what page the problem is showing up
• What browser & operating system you use

And we'll address it as soon as possible!

Accepted Bugs

• Bug #001: 'Users Viewing Thread' block needs to be styled
• Bug #002: Tabs have a big 'ol ugly border around them
• Bug #003: 'Messages have been posted' notification needs to be styled
• Bug #004: Generic 'Staff Member' banner displays on user profiles
• Bug #005: Some button text appears as black
• Bug #006: Timestamps need to be lightened on sticky thread blocks
• Bug #007: No locked/sticky indicators
• Bug #008: No back to top toggle
• Bug #009: YouTube videos are really small in spoilers
• Bug #010: Ads are interfering with post text on mobile devices
• Bug #011: Hide smilies option non-functioning
• Bug #012: Dropdown arrows are black. May require a hard refresh to see change.
• Bug #013: Style changer needs to be... styled...
• Bug #014: Additional padding needed for glasses icon
• Bug #015: Poll overlays and like listings are transparent
• Bug #016: Back to top banner obscures post editor on mobile (temporary fix: disable button). Partial fix (disables horizontal banner on iOS devices).
  
• Bug #017: Video portal landing page isn't working
• Bug #018: Check watched forum links in navbar
• Bug #019: Tabs have some display issues, particularly within signatures. Look at when previewing signatures.
• Bug #020: Redirect icon needs to be replaced
• Bug #021: Macros and conversations forms need top padding
• Bug #022: Spoilers have huge top & bottom margins
• Bug #023: Select a macro to be inserted dropdown needs to be styled. Also, it doesn't seem to be appearing in quick reply.
• Bug #024: Long usernames need left margin on member cards
• Bug #025: Increase opacity on tooltips by 10 - 20%
• Bug #026: Quotes aren't clearing new indicator in conversations
• Bug #027: White border on recent activity page
• Bug #028: Calendar
• Bug #029: Resize videos on profile comments & within news posts (responsive)
• Bug #030: Check centering on tables.
• Bug #031: Edit History needs to be styled
• Bug #032: Unread messages warning on New Posts page needs to be styled
• Bug #033: Default large size avatar restrictions are still present in member cards
• Bug #034: Thread sort options are wonky
• Bug #035: Profile comment deletion notices need to be styled
• Bug #036: < 420 chars warning message needs to be styled
• Bug #037: Pagination needs additional padding

 

I really like the new features of pinging users and the 'back to top'. And how the forum responds to how much I choose to squish it. Or at least attempt to.

 

The name of the forum a thread was made in seems to be missing on the New Posts page. You can especially tell because there's a comma after the date / time stamp.

 

This is likely related to our search index issues. It'll be fixed after we complete that (or looked at again if it persists).

 

Ohey we're finally back so now I can work on my Secret Santa thingy.

Good work Misty and everyone else <3

 

Okay, cool.

Here's an issue, though: The "Messages have been posted..." bar needs to be styled.



For some feedback:

• What's going with online status icons?
• Can we get the usernames and user titles centered in the postbit again?

 

Adding to bugs list.

The online status icons are now hearts (duh). Blue for online, gray for offline. Usernames & usertitles will not be centered, to allow for the new status indicators.

 

Sorry, I couldn't tell. :( So what about when you're invisible?

Also, I noticed that there are two banners on profiles: The user group ones like Administrator and Staff Member.

 

It's Gray when your invisable as well (because I'm invisible and it's gray)

 

Invisibility was really buggy on 7.0 (everyone could see it) so its display has been removed entirely. It'll just show as gray, at least until I can get it working properly.

Will fix.

 

Invisible is a gray heart.

 

I ninja'd Plums and Misty- I feel proud :3

 

As far as I know, it didn't show all the time, but yeah, it was buggy. Thanks!

So just to clarify:

• Online: Blue
• Offline: Gray
• Invisible Online: Blue
• Someone Else Invisible: Gray

Is that right?

 

Think so, I haven't tested it with myself invisible because I don't use it.

 

Testing invisibility. Being online invisibly is gray. :)

Also, server seems a little spotty, but that's probably from the same issue as the search index stuff.

 

That and your browser may need time to cache elements from the new style. Give it a couple of days.

 

Makes sense. I actually read about how browsers cache stuff a while ago. For example, a logo can be cached because that will never change.

Also, a suggestion: Can you rename the activity phrase for the homepage to "Viewing page Home," with Home being the hyperlink? I think that sounds a little better than the default, "Viewing portal index," with index being the hyperlink.

This has actually been like this since we moved to XenForo, I just never got around to suggesting it.