Skip to content

MichalBryxi/open-to-dot-dot-dot

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

59 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

#OpenTo...

Ever since LinkedIn has introduced the #OpenToWork / #OpenToHireoverlays for people's avatars, this feature started living a life of it's own. While some petty humans advise against using this feature, others take it to another level and own it.

Sadly this feature is severely limited and apart from work/hire user has no say in customising the message.

And I think that's sad. So I built this little app for everyone to use and create their custom made #OpenTo... banners. Currently one can chose:

  • Custom message. E.g: #OpenToFun!
  • Starting gradient colour
  • Stopping gradient colour
  • Crop to circle / square
  • Background color
  • Text offset

The app is deployed on: https://open-to-dot-dot-dot.pudr.com

Demo

Watch the video

Tech stack

  • EmberJS - A framework for ambitious web developers. Ember.js is a productive, battle-tested JavaScript framework for building modern web applications. It includes everything you need to build rich UIs that work on any device.
  • Frontile - Frontile aims to provide the legos (components, helpers, modifiers, and styles) necessary for building consistent and powerful Ember.js apps while following best practices from the community and providing both low-level and high-level components for your application.
  • TailwindCSS - A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.
  • TailwindUI - Beautifully designed, expertly crafted components and templates, built by the makers of Tailwind CSS. The perfect starting point for your next project.
  • Phosphor icons - Phosphor is a flexible icon family for interfaces, diagrams, presentations — whatever, really.