Github theme of Flavortown {extension} banner

Github theme of Flavortown {extension}

6 devlogs
19h 34m 38s

Extension that transforms the flavortown website into a github themed one!

bgtulk

Oh, it was a long night.

Dev Log

Mostly bug fixes—and there were many of them.

Project Pages

They were quite difficult and aren’t completely finished yet. I’m too tired to explain the exact details like in previous dev logs, so I’ll leave you with just a picture to showcase the progress. Sorry!


I have good news!

You can use the extension yourself!

Go to the project’s GitHub and follow the “How to use it” steps if you aren’t sure how to install it.

* Keep in mind: It is NOT finished. It isn’t even in beta yet, so expect a huge amount of bugs and incomplete pages!

Attachment
0
bgtulk

Dev Log

Today more bug fixes than implementations, but here are the new things:

Projects Feed

  • Redesigned Cards: Swapped the old grid layout for a linear, feed-style look.
  • Styling: Cards now match the dark, bordered aesthetic of GitHub posts.

Project Idea Generator

  • GitHub Dark Mode Completely restyled the modal to remove the legacy tan theme.

Feeling pretty good about how the theme is coming together. Soon Beta <3

Attachment
2

Comments

D-Pod
D-Pod 5 days ago

Looks awesome! Is this available to try?

bgtulk
bgtulk 5 days ago

When I make the project pages I will post demo. Maybe today or tomorrow

bgtulk

today’s update

made some cool progress on the github thame extension. here is what got done:

shop & filters

  • killed the beige background on shop cards. it looks much cleaner now.
  • fixed the filters and sorting. had to unhide some stuff so the js could read it.

wishlist (starred items)

  • revived the starred items section.
  • redesigned it to match the dark theme.
  • custom green progress bars for goals.
  • added a hover effect on the remove button.

profile

  • made the devlogs wider on the profile pages so they use the space better.

this was tuff one, the filter buttons was pain in the ***, idk why was so hard to make them work

soon beta!

Attachment
0
bgtulk

Devlog

Today i completely redesigned the user profile page to match the GitHub aesthetic.

What I Did

Full-Width Profile Layout

  • added a GitHub-style sidebar with avatar, name, join date, stats, and achievements
  • created a tabbed interface with Overview and Repositories tabs

Tab Switching

  • implemented proper tab switching logic that actually hides/shows content
  • fixed a race condition where the page would load incorrectly 70% of the time

Flash of Unstyled Content Fix

  • profile page now starts invisible and fades in after transformation
  • added similar fix for kitchen page

Visual

  • hid the post type bubbles (devlog/ship indicators) everywhere
  • removed gaps in the profile layout

Here’s some images showing the changes:

Attachment
Attachment
Attachment
0
bgtulk

Okkkk, one more update

Ive redesign the:

  • Gallery
  • Extensions

The 80% from the Kitchen tab

  • the main Kitchen feed
  • the Achievements

- the Leader board is in progress

    • the settings tab, because the last time I forgot about it

The next thing will be the projects page

I hope you liking it!

Attachment
Attachment
Attachment
Attachment
Attachment
0
bgtulk

Todays devlog

Today I started to completely transformed the interface into a more structured, GitHub-inspired dashboard layout(with browser extension).

I made only the devlog page for now, but I will be making the hole website.

Let me know if you like it, or if you have any suggestions.

Redesign Preview

Here pictures of all the things I redesigned:

Attachment
Attachment
Attachment
0