New profile layout for Yasuhiro Yukiya

Posted 2 years, 7 months ago by Wafanic

Screenshot_2021-09-12_at_08-11-57_Yasuhi

Use PC for full experience✨

Screenshot_2021-09-12_at_08-22-16_Yasuhi      20210912_082614.jpg

(left) iPad/tablet version  |  (right) mobile version

Since these past few weeks has been tough for me, I decided to do something productive as a coping mechanism. The reason for the major change is that I wanted to make something unique for my characters (because there are quite a lot of characters that uses the same template as Yukiya's former template). I can finally publish the layout after working on it for almost 2-3weeks; and on those 2-3 weeks, I have learned a lot. This was my very first complete layout that I decided to published! And it was also the first time for me understanding responsive code (and to make it work on mobile platforms). It was quite hard to create the code from scratch, I applaud the coders of this website. Although I made the base code myself, I ended up frankensteining some sections from people's template. You can view all of the credits in the top left of Yukiya's visual novel-style section in both PC & tablet, and in the bottom right corner copyright icon in mobile. Shout out to cheerikola for creating the HTML Full Width so I could go wild with my creativity✨

Most buttons are interactive! And Yukiya would sometime explain things through the visual novel-esque section (credits to: AviCode!) when you click on the question mark icon.

Screenshot_2021-09-12_at_08-47-02_Yasuhi

These are also interactive! When clicking on each character's icon, Yukiya would again explain what he thinks of each characters (code courtesy of: AviCode!),

unknown.pngOn the bottom right corner, you can also view Yukiya's mockup social media profiles!

Now that I've published it, I could finally focus on my work! Please do tell me if something does not work as intended! Feedbacks are greatly appreciated! TvT

Also, if you'd like a chance to be featured on Yukiya's Q&A sectionーtry clicking on the 'SEND' button which would direct you to the thread, and ask in there!

I hope you guys would like the new layout as much as I had fun with making it!✨

Comments


Woaahhhhhhhh the page looks SO cool??? You're so awesome at coding!! It looks really good and nice and stylish :3

Thanks a lot, Isa!! That means a lot!!! 😭😭💖💖💖

Love it! it looks amazing!!

Thank you, Hiroki 🥺💖

It brought smile to my face knowing that!

This is phenomenal, Wafa!! *__* I'm having fun clicking through everything and discovering all the goodies you've coded into the page. This really must have taken so much thought and effort, I'm truly blown away!! My favorite portion is definitely the the little dialogue tree you have with Yukiya at the top, plus the way it changes when you click on all his relationships! It's super fun, and I'm in awe at how you meshed together all the components!  

So far from what I see just about everything is impeccable! The only thing I might point out is on the lyrics explanation window, the text is a bit hard to read due to the color - but it might be because I am using dark mode?

dd8aeda0938486067e490af04f079070.png


Thank you so much for the compliments and feedback, mise!! 😭🙏✨

I really did have fun when I code the relationship tree and the explanation section💖

20210912_104234.jpg
For the behind the lyrics section, it should light up like this when hovered/selected! 👀✨

But I'll try to make them more visible next time, so thank you so much for the input! 😳

Great coding as always! Good job!! ✨

Thank u femfemchwan 😳💖