Coffee Space


Listen:

Dead Social Live

Preview Image

Preview Image

This is a follow on from the previous update, but this time I will detail some more features, add some pretty pictures and discuss where the project is going from here.

Dead social has been live for something like a week now, without issues (mostly). Backups are taken several times a day, so pushing development code onto the server is relatively low risk. I'm also the only user, so I'm playing a risky game with my own data.

Screens

The following are a handful of screenshots showing some of the system states - but in all honesty most of the work has been in the background details.

Home page (logged out)

Home page (logged out)

The home screen for a logged out user should be pretty similar to that of a logged in user. It displays the most recent 16 posts (site wide), with no algorithm bias. The idea will be to just have random exposure from absolutely anybody.

Login page (logged out)

Login page (logged out)

This allows the user to login if they have an account, otherwise they have the option to register provided to them. If the login fails, they are redirected to the same login page, otherwise the home page.

If the user is logged in, this will just display the home page.

Register page (logged out)

Register page (logged out)

This allows the user to register a new account. If the registration fails, this come back to the same page, otherwise they are automatically logged in and taken to the home page.

If the user is logged in, this will just display the home page.

Home page (logged in)

Home page (logged in)

As said previously, the logged in home page shouldn't be different in reality - except now we see the ability to post a new entry.

User page (logged in)

User page (logged in)

The user page should just offer the list of posts from this particular user. Of course from the logged in perspective, you can also leave a comment.

User page bottom (logged in)

User page bottom (logged in)

At the bottom of each user page, there is an option to load more entries.

CSS

For those playing along at home, you can see the CSS is real simple - but probably even more simple than you can imagine. It comes in at just 280 bytes (minified for the site of course):

html{
  background-color: #111;
  color: #EEE;
  font-family: monospace;
  font-size: 16px;
}

h1, h2{
  text-align: center;
}

quote{
  background-color: #FFF;
  color: #222;
  display: block;
}

a{
  color: #888;
}

a:before{
  content: "[";
}

a:after{
  content: "]";
}

form, p{
  background-color: #333;
  margin: auto;
  max-width: 640px;
  padding: 4px;
}

Any improvements that reduce the size, but keep the same look and feel (if not make it better) are greatly appreciated.

Improvements

So a few things have improved since the last post:

I'll drop another update when more progress is made!