Pretty styles!

So we start off with a line of text yeah?

Add a bit of CSS styling and... bam!

I was originally trying to embed some webfonts with @font-face but it doesn't seem to like working within JavaScript so I've decided to go with one of my favourite classic fonts; Century Gothic. I think it looks pretty smart with some styles thrown all over it. I have used the CSS3 property 'text-shadow' though, which requires a webkit browser.

Close-up -

JavaScript Array

In order to make my piracy myths appear randomly on the webpage I have used JavaScript to create a function. An array has been created containing all the myths then the floor() and random() methods of the Math object are used to pick one out at random. The code for this is demonstrated below -

function getMyth()
{
var piMyths = new Array();
piMyths[0] = "Pirates only want things for free.";
piMyths[1] = "Downloading music damages the artist.";
piMyths[2] = "No artists support piracy.";
piMyths[3] = "Piracy is stealing.";
piMyths[4] = "Piracy will kill creative arts.";
piMyths[5] = "Digital piracy costs the industy billions.";
piMyths[6] = "Piracy is illegal, and therefore wrong.";
piMyths[7] = "Pirates are all young people who don't really understand how society works.";
piMyths[8] = "Using pay services is so much easier.";
piMyths[9] = "It isn't expensive to just pay for stuff anyway.";
piMyths[10] = "You don't support the band by pirating their music.";
var randValue = Math.floor(Math.random() * piMyths.length);
document.write(piMyths[randValue]);
}

By using an array more information can be added quickly and easily by just editing this one piece of JavaScript. I have placed this script in an external .js document that can be linked to from any of my HTML pages. Then all I have to do is call upon the JavaScript function in the body of my HTML document in order to make the random quotes show up.

This can be see in action at http://jennoefur.comyr.com/piracy/arraydemo.html. Refreshing the page will bring up one of the randomly selected quotes.

Colours + Backgrounds

Experimenting with colours on a manipulated texture for my background image -

Blue -

Green -

Red -

Designs

I've been making some mock ups in Photoshop for this project, and I think this is more helpful that creating wireframes. I prefer the second design here, and think I'm going to have a fairly dark colour scheme, with big emphasis on the typography.

Wireframes

Not too sure how useful these really are for this project, as it's mostly based on the aesthetics the wireframes just look empty.

here's a pirate

First of all, here's a pirate. I don't think it really has anything to do with anything but there you go. I think he's cute.

Progress..

I think my piracy project is going quite well so far.

I will post some of my development work shortly.