2 min read
I spent Day 48 (Sunday) working on Building a Refugee Community on Slack. The idea came from the Day 43 workshop.
I decided to build a landing page that would integrate with a small web app. The role of the landing page was to answer the following questions:
- What is this 'Refugee Community on Slack'?
- Who is it for?
- How did it start?
- How can I help?
The role of the small web app was to allow users to request an invite and submit the invite directly to the Slack API. The slack API, upon receiving an invite from a user, would send me an email and ask me to confirm whether or not the user could join the community.
I would then be able to do some research about the user based upon the information provided and ensure that they are who they say they are and that they would be a good fit for the community.
Vanilla HTML & CSS
For the first time, I decided to build the landing page 100% from scratch using no template or framework. I'd always used Zurb Foundation in the past, but in seeing developers work at Clearleft I decided to do it all from scratch. It was a bit slower but I definitely had a lot lighter and faster web page in my hands. I was also learning a lot about mobile first design and how to code interaction patterns.
Here is the landing page as I had it after the end of a few hours:
Scalable Responsive Typography
After some research, I stumbled upon a great article that inspired the way I approached the typography for the landing page. Here's the typographic scale I started with:
I didn't end up having as much time to work on the Refugee Community project, but I'm hopeful that I can sneak in a few hours outside of work to get the landing page launched and start building this community for people who want to help refugees.
I Need Your Help!
I've got a public Trello board for this project: http://trello.com/b/E3v2VsRh/refuge-community-on-slack so if there is anything you see on this board that you'd like to pitch in on, contact me and we'll get you on board!