Rodrigo Neri

iOS & Web Developer + Designer + Entrepreneur Co-Founder of Instin

Fork me on Github

Introducing Syte! An open sourced personal site that has social integrations 

June 12, 2012

I know a lot of people that should have a personal web site but they don’t. Some of them are developers and some are designers, both that should be capable of putting one together but they don’t. Some do but lack the other side, some developers lack the design skills and some designers lack the developer skills. This bothers me! These people are so talented that sometimes they are held by the other side. They should have a place where they should be showing their work and what they learned so other people can learn from it.

I would like to introduce Syte, an open sourced personal site that has social integrations such as tumblr, twitter, github, dribbble and instagram. You can see it for yourself throughout this site, rigoneri.com is using Syte. 

Tumblr Integration

Syte uses Tumblr for blogging, which means that you can create your posts from tumblr and they will appear within your Syte, like this post.

Twitter Integration

Syte integrates with Twitter, which means that when someone clicks on a link that points to a user’s twitter profile the profile is loaded within your site along with the user’s latest tweets. Try it out, checkout mine or Justin Bieber's twitter profile within this site.

Github Integration

Syte integrates with Github, which means that when someone clicks on a link that points to a user’s github profile the profile is loaded within your site along with a list of the user’s repos. Try it out, checkout mine or Facebook's github profile within this site.

Dribbble Integration

Syte integrates with Dribbble, which means that when someone clicks on a link that points to a user’s dribbble profile the profile is loaded within your site along with the user’s latest shots. Try it out, checkout my Dribble profile within this site.

Instagram Integration

Syte integrates with Instagram, which means that you can show your instagram pictures within your site like a profile. Currently the only way to display your pictures is through their iPhone and Android apps, this is not even possible through their own website. Since instagram is a little restrict on that area you can try it out by clicking on the instagram link on the left navigation.

Responsive UI

Syte is responsive, which means that it scales down to a mobile device screen size.

You can learn something from it!

Syte uses the Django web framework to handle requests and call the integration apis (with python). On the frontend Syte uses HTML5 and CSS3 while using the LESS CSS preprocessor.

Syte also uses several JS libraries listed below:

For static compression and minification Syte uses some Node.js libraries:

For deployment Syte uses Heroku since it’s free for 750 dyno-hours per month.

There are a lot of documentation on how to put your Syte together, hopefully while you are at it you will be able to learn something from it!

Syte’s design is pretty simple and was inspired by the Svbtle Network. The social integrations was inspired by about.me.

Fork it away!

So that’s it, you can fork Syte on Github and start putting your personal website together! There is only one rule: You must choose a different adjacent color as the people currently using. So hurry up! and start putting your Syte together!!

rigoneri.com