relationships

not just for normal people anymore!

I’ve finally added basic social networking support. You can now add any user on lib.rario.us as a contact, friend, or family.

If you’re logged in, you’ll be able to see the link to add a user to your contact list in their profile page.

You will be able to see media added by people in your contact list by going to http://lib.rario.us/media/sxtxixtxcxh/contacts (using your username, not mine).

Substitute “media” with books, dvds, or music, to see stuff in just that category. Just like the other collection url’s by adding /rss you’ll get an rss feed.

My contact list is at http://lib.rario.us/user/sxtxixtxcxh/contacts (and you’ll find yours by using your username instead of mine).

There is still a lot to go into this, so keep an eye out.

web scriptery

it’s so cool it puts the ‘ice’ in ‘web service’

We’ve finally added a bit o’ javascript that you can include on your website for your collection.

You can see it in action here, actually, on the right side of this blog’s home page. I put that up there, as a demonstration.

To get this same kinda dealybopper on YOUR webpage, you just need to add:

<div id='librarious'>
<script type='text/javascript' src='http://lib.rario.us/media/sxtxixtxcxh/js'></script>
<a href='http://lib.rario.us' title='lib.rario.us - social media cataloging'><img src='http://lib.rario.us/image/librarious_badge_85.gif' border='0' /></a>
</div>

(of course you’ll substitute my user name for yours.)

The results are enclosed in div tags assigned specific classnames. The following is the CSS I have pasted above my script:

	<style type='text/css'>
	/* this is just a basic css sheet, feel free to hack away at it! */
		#librarious{width: 150px;padding: 10px;}
		.librarious_item{margin-bottom: 10px;padding-bottom: 10px;width:130px;overflow:auto;}
		.librarious_title{margin-bottom: 10px;font-weight: bold;}
		.librarious_cover{float: left;padding-right: 10px;padding-bottom: 10px;}
		.librarious_review{margin-left: 60px;padding-bottom: 10px;}
		.librarious_rating{margin-left: 60px;padding-bottom: 10px;font-size: .75em;}
		.librarious_tags{margin-left: 60px;padding-bottom: 10px;font-size: .75em;}
		.librarious_noReview{color:#808080;font-size: .75em;}
	</style>

I’m sure people can get really creative with the CSS. Feel free to send me if you have something interesting, I plan on having a little CSS gallery/repository (a little zen garden, if you will).

The resulting markup for each item ideally looks like:

<div class='librarious_item'>
	<div class='librarious_title'>
		<a href='http://lib.rario.us/media/sxtxixtxcxh/7375'>True Names: And the Opening of the Cyberspace Frontier - Vernor Vinge</a>
	</div>
	<div class='librarious_cover'>
		<a href='http://lib.rario.us/media/sxtxixtxcxh/7375' title='True Names: And the Opening of the Cyberspace Frontier - Vernor Vinge'>
		<img src='http://images.amazon.com/images/P/0312862075.01._SX50_.jpg' width='50' alt='True Names: And the Opening of the Cyberspace Frontier' border='0' /></a>
	</div>
	<div class='librarious_review'>
		an anthology of essays discussing topics touched on vernor vinge's short story
	</div>
	<div class='librarious_rating'>
		3/5 stars
	</div>
	<div class='librarious_tags'>
		<a href='http://lib.rario.us/media/sxtxixtxcxh/tag/scifi'>scifi</a>
	</div>
</div>

Just like the urls for the rss feeds, you can change media to books, dvds, music, or games to restrict results to those types. Also, you can add /tag/[keywords here] to restrict the results to those specific tags.

For example:

<script type='text/javascript' src='http://lib.rario.us/books/sxtxixtxcxh/tag/webdesign+reference/js'></script>

I could use that code above to show the last 10 books, that I’ve tagged with webdesign AND reference.

There are a few advanced options as well.

  • hideTitle=true
  • hideCover=true
  • hideReview=true
  • hideRating=true
  • hideTags=true
  • reviewLength=20
  • limit=3

The “reviewLength” can be set to show any number of characters (setting it to 0 will have the same effect as hideReview=true) and “limit” will show the number of items to show from 0 (… Why would you choose that?) to 10 (the default).

The 8th rule of fight club is if this is your first night at fight club, you have to fight. Also, if this is your first time ever using a “query string” here’s how it goes: you can string those advanced options by first adding a question mark after the “js” in that script separating them with a & like so:

<script type='text/javascript' src='http://lib.rario.us/books/sxtxixtxcxh/js?hideTitle=true&hideReview=true'></script>

That’s hiding the title and the reviews.

<script type='text/javascript' src='http://lib.rario.us/dvds/sxtxixtxcxh/tag/scifi+anime/js?hideTitle=true&reviewLength=50&hideRating=true&hideTags=true&limit=3'></script>

That will give me a listing of 3 of my most recent dvds that I’ve tagged with scifi AND anime, hide the titles, and only show the first 50 characters of my review for each item.

Enjoy!

It’s full of stars!

a quick and easy rating system

We’ve put up a quick rating system so that you can give each item a rating from 1-5 (or leave it unrated).

Currently, there’s an option for giving a title a rating when you first add an item. If you’re browsing through the media and come across something from your collection, you’ll see green stars that you can hover over and change.

Soon enough, the site will be calculating the average ratings (unrated will not affect the rating) for each title, but until then, enjoy.

URL Tips

Here’s some handy tips for finding interesting stuff.

Try nifty tag combos by putting a + between the tags you want to look for in the url:

http://lib.rario.us/media/tag/romance+comedy

… for all media, (books, music, dvds) tagged with romance and comedy.

there’s several options: after lib.rario.us you can put /media /dvds /music or /books (“media” being the catch-all.) after that, if you want to restrict to just a specific user you can add their username…

http://lib.rario.us/dvds/sxtxixtxcxh

… for all my dvds.

if you wanted to restrict it to any specific tags, add /tag/(tagyou’relookingfor).. so if you wanted, say, all my scifi books:

http://lib.rario.us/books/sxtxixtcxh/tag/scifi

🙂 enjoy.