Page 1 of 2

Shining Prince of Nothing - Horrace Finkel

Posted: Tue Aug 02, 2016 5:47 pm
by high seraph
Image
SHINING PRINCE OF NOTHING

Horrace Finkel from LISA: The Painful RPG
I've had shrine projects floating around all year long and, somehow, this silly little tribute is the first thing that I've actually managed to finish in 2016. Maybe it shouldn't even warrant its own plug thread but I guess we've already come all this way, might as well get through with.

Shining Prince of Nothing is a 99% ironic tribute to a minor character in a very obscure video game, and it was originally intended to be just a small experiment on Bootstrap and latest trends. It's also a very bad failed experiment, because it looks absolutely hideous on any mobile device, but it looks decent enough on a desktop, so pls browse with desktop ok :swt2: At least building this site gave me some perspective into responsive design and my next responsive site should work more smoothly (no guarantees tho; I'm literally wrestling with it right now and it's very exhausting).

Nevertheless, it was a fun little thing to create, and my collective really needed something new tbh. I hope you guys will enjoy it. I'd also love to go in detail about the code and responsiveness as a principle in general, so feel free to critique and hmu so we can talk about it. :content:

Re: Shining Prince of Nothing - Horrace Finkel

Posted: Tue Aug 02, 2016 5:57 pm
by high seraph
By the way, I think it's simply adorable that I just checked the site again and found out that the JavaScript I used on the collapsible divs isn't working properly, and I have absolutely no idea why. It seems to be in perfect working order when I run it on Codepen???

sighs

Let's get around to fixing that, I guess.

EDIT: ok, it's fixed :down:

Re: Shining Prince of Nothing - Horrace Finkel

Posted: Wed Aug 03, 2016 8:22 pm
by Megan
Not familiar with this subject at all, but I really like how you set up the site! I think that a one-paged tribute fits very well with the topics you've chosen to write about! Glad to see something new from you!!! It's always exciting to get something you are passionate about (however random it is!) out on the web!

I also like the bottom "You suck grandson" xD

Good job!!

Re: Shining Prince of Nothing - Horrace Finkel

Posted: Wed Aug 03, 2016 11:35 pm
by Robin
WELL DONE! Your content approach and writing style pulled me right into the game's story, and the sections flow easily, one to the next. I love how you've managed to do with your site what the game does for you--trigger laughter and tears, often in the same moment. Man, poor Horrace, I relate so hard. LOL but truuuuu

Also I am REALLY digging the minimalist aesthetic in the colors and design, and the squarish font you used for the body paragraphs. The only real issue I see on mobile is that the layout doesn't shrink to fit the screen and yet be big enough to read without zooming in (I forget how to say that less clunkily ^_^;)--might be a viewport issue? Otherwise, everything else looks beautiful. I'd say this experiment has a lot more success than you think!!

Re: Shining Prince of Nothing - Horrace Finkel

Posted: Tue Aug 16, 2016 10:30 am
by Lethe
Heyyyyyyyyy, it's great to see something from you!! I haven't had time to comment due to the ongoing event, but I read this shrine a while ago! (I first accessed it via mobile because I sometimes browse the forums on my tablet right after waking up, and I just wanted to tell you it doesn't look as bad on mobile as you make it sound? XD Though tablet is bigger than smartphone and stuff.)

Your shrine and the writing LMAO. It pokes fun at the character, but it's also such heartfelt writing and genuine love in all of its other aspects. <3 <3 <3 I adore it, and just omg "life advice". I love the inventory listing along with graphics of Grandpa and Becky too!

I'd love to see more from youuuuuuuuu, your writing is always so engaging! :star:

Re: Shining Prince of Nothing - Horrace Finkel

Posted: Tue Aug 16, 2016 6:28 pm
by Megan A
First of all, I absolutely love the visuals! It's such a beautiful and minimal layout, and I absolutely love the section dividers and little pixels sprinkled throughout the content. Also, I LOVE the collapsing divs in the intro! That's such a creative way to keep less content visible at once, and I think it works really nicely when used in this manner.

This shrine is really well-written, and I really enjoyed reading it. I don't really know much about these games, but the way you've written it really helped me understand the games and characters. I really loved the description of the protagonist's encounter with the character, and I really like the fleshed out history of the character which is something I didn't expect!

Overall, I REALLY like this shrine, and I love that it was born out of an ironic appreciation of a weird character. I have some characters that I adore that started out similarly so I can definitely appreciate that. This is just written in such a friendly and engaging manner, and it was just a pleasure to read.

Re: Shining Prince of Nothing - Horrace Finkel

Posted: Tue Aug 16, 2016 10:59 pm
by high seraph
Thanks for all the feedback, everyone!

@Megan, thank you! I am into a lot of obscure games etc hahaha, and I figured I'd have to shrine something among my obscure tastes, so I was like "heck why not shrine the most obscure character in the most obscure game I've ever played". Thus, SPON was born. Maybe if we all shared our obscure tastes more, they wouldn't be so obscure u kno. :music2:

@Robin, I'm glad you enjoyed the site haha, it was really fun to work on! Lisa has a lot of quirky characters like Horrace, and, yes, poor Horrace lmao :swt2:

As for the problems while browsing in mobile, the biggest one in my opinion occurs with the synopsis of the games, because the div on the right overlaps the div on the left instead of behaving responsively. I think if I wanted to code this part of the site again today, I could probably get it to fit smaller viewports properly, but that part of the shrine is clunky by nature (i mean, look at that wonky animation hahaha :worry: ). I reckon that the font size is also pretty small, and, since coding SPON, I've started incorporating media queries and using em for font-size instead of px, which works infinitely better.

@Lethe, heyoo!!!~ :content: hahaha yeah, I should make shrines faster. Thank u for the compliments on the writing! I really tried to embody the mood of the Lisa games, which are always ironic and comedic and over the top, and I'm glad it worked.

To be 100% fair, I don't actually know what the site looks on a normal cellphone, because mine has a rather large screen haha. I need to look for one of those tools that show you how the site looks on several different viewports and start comparing lmao. Thanks a lot for your comments! I hope to be able to put up a few more shrines in the near future :heart:

@Megan A oh my god those collapsible divs gave me such a workout until I finally figured out how Bootstrap accordions actually worked lmao. I can't really remember whether I managed to use the standard Bootstrap accordion setup or if I had to modify it a little, but I'm glad it's functional. Thanks a lot for your comments on the layout and writing as well! :content:

Yeah, one of my concerns, since I was shrining a pretty obscure subject, was to make it as beginner-friendly as possible without making the shrine more about the game than the character. I'm glad that I've succeeded in doing that!!!


Thanks again for the feedback everyone! It makes me really happy to know you guys had fun reading my silly little tribute to Horrace, and I'm sorry if my replies sound a bit ranty!!!! I'm actually really excited about learning responsive design so I get kind of carried away when talking about it!!!! orz :swt2:

Re: Shining Prince of Nothing - Horrace Finkel

Posted: Fri Aug 19, 2016 7:39 pm
by melzillah
I'm not familiar with the character but I love the design!! I've been trying to familiarize myself with Bootstrap and I think you did an amazing job! Most of the time I'm like, "y do u do dis bootstrap" lol. I checked it out on my S7 and it looks great :) For some reason the bottom links and icons (Storyteller, Amassment, Back to top?) overlap just a tiny bit (like ~3 pixels) but they're totally functional. It may just be my screen size though! Or Chrome being Chrome.

Horrace's grandpa is mean :( I feel a little bad for the guy!

Re: Shining Prince of Nothing - Horrace Finkel

Posted: Sat Aug 27, 2016 2:33 am
by high seraph
@melzillah, thank you!!!! Yeah, it's really hard to keep the "think mobile first" mantra in mind when you find yourself lost in five divs in and screaming at Bootstrap lmao. Thank you for warning me about the bottom links too! I didn't know they were overlapping; it looked fine on all screen resolutions I have access to, but it's totally possible hahah :swt2:

Horrace's grandpa really is mean lmao!!!

Re: Shining Prince of Nothing - Horrace Finkel

Posted: Fri Sep 30, 2016 10:16 am
by Destinie
Hi Lucas! I read through your shrine and it's really interesting! I don't know anything about the topic but I thought that you explained it really well. The games seem interesting and I liked how you made a shrine to this minor character! I am intrigued by what made you gravitate to him!

Also, kudos on a lot of the design and effects. I really loved what you did for the summary of each game. It's very subtle but I thought it was a great way to include that information! :D