I had to select the videos which I wanted to embed (or mock up the embed) into the Gigs page. As the website isn't going live, I cannot physically embed working videos from Youtube. However, I plan to take a screenshot of them, and make the image clickable, to attempt to show how it COULD work.



The Jam - Live in Birmingham in 1982 (Full Gig)



The Jam - Live in Dortmund, Germany - 1980 (Full Gig)



Stiff Little Fingers - Live in Germany - 30-11-80 (Full Gig)



The Clash - Live in Tokyo, Japan - 1982 (Full Gig)



The Clash - Live in Munich, Germany - 1982 (Full Gig)



The Clash - White Riot - Live in Victoria Park, London - 1978



The Buzzcocks - Live in Kendal, Cumbria - 30-03-2013



The Buzzcocks - Boredom - Live in Boston, USA - 30-03-2013



The Undertones - Live in Northern Ireland - 1979 (Full Gig)



The Undertones - Live at Koko, London - 2013



The Sex Pistols - Live in Texas, USA - 1979 (Full Gig)



The Sex Pistols - Live in Sweden - 1977 (Full Gig)



The Damned - Live in Los Angeles - 1982 (Full Gig)



The Damned - Smash It Up - Live in Bristol - 2013 (Full Gig)



The Lurkers - Freak Show - Live in Dusseldorf, Germany - 5-10-2013



Sham 69 - Hurry Up Harry - Live on TOTP - 1978



Sham 69 - Angels With Dirty Faces - Live in Blackpool - 2013



The Members - Sound of the Suburbs - Live in Paris, France - 1979



The Members - Solitary Confinement - Live in Derby - 29/06/2013

Swissted is an ongoing project by graphic designer mike joyce, owner of 'Stereotype Design' in New York City. drawing from his love of punk rock and swiss modernism, two movements that have (almost) nothing to do with one another, mike has redesigned vintage punk, hardcore, new wave, and indie rock show flyers into international typographic style posters. Each design is set in lowercase berthold akzidenz-grotesk medium (not helvetica). Every single one of these shows actually happened. 

Having received multiple forms of feedback about my website, I felt I needed to research more into how to visualise Punk on my website. I did not want to produce anything ill informed, and I wanted the overall aesthetic to be appropriate. 

I copied and pasted the album artwork from my summer brief research (link here) , and plan on writing down my initial thoughts when viewing them. 

Hand Rendered, Black & White, marker

DIY, Bold, Halftone

High Saturation, Black and White, Hand Rendered

High saturation, neon, hand rendered, marker

Neon, illustrative, pink, green

Spray paint, illustration, hand rendered, stencil

Explicit, outrageoous, sans serif, high saturation

Halftone, red, cut out, black and white

Simple, bold, spray paint

Halftone, pink, greyscale

Neon, pattern, geometric, unstructured

Grey scale, bad image quality, red, black and white

Yellow, black & white, spread out typography, rough

Ransom letter typography, illustrative, black

Ransom letter typography, black, unstructured

Ransom letter typography, black, unstructured, illustrative

Ransom letter typography, newspaper, high saturation, red

Photography, black & white, albums, trashy

Informal, rude, bold, structured

Bold, old fashioned, yellow

Neon, hand rendered, scruffy, DIY, marker

Greyscale, simple, wide

Bold, rude, neon, yellow, blue, structured, newsprint, halftone

Simple, green, typography, modernist

Simple, modernist, lines, typography

Pink, bright, structured, marker

Illustrative, black & white, uneven

Illustrative, black & white, hand rendered

Neon, red, green, bus

Neon, green, purple, minimal

Pink, green, halftone, messy, worn

Messy, halftone, black, red, high saturation, worn

Pink, messy, worn

Cutout, red, blue, DIY, Photography, marker

Green, blue, pink, stencil

Green, pink, stencil

Green, yellow, pink, stencil

Yellow, pink, blue, newsprint, stencil, capitals

Overlay, newsprint, red, black, border

Photography, red, newsprint, simple

Animals, bold, illustrative, animal farm

Red, black, layered, DIY

Pastiche, yellow, script, recycled imagery

Cheesy, unstuctured, messy, DIY, layered, red, blue, yellow, capitals

Imagery, clock, simple, red

Red, photography, worn, hand rendered

Red, black, illustration, red, black

Constructivist, yellow, red, star, lightening, stencil

Political, illustration, red, yellow, capitals

Bold, DIY, newsprint, gothic, capitals

Photography, halftone, basic

Stencil, worn, black, minimal, capitals

Random, imagery, yellow, pink

Flames, bold, band

Confrontational, black & white

Black & white, photography

Red, black, imagery, capitals

Pink, red, modernist, typography, capitals

Bauhaus, modernist, red, grey, capitals

Bauhaus, red, yellow, black, modernist, capitals

Modernist, red, blue, worn, minimal

Photography, red, imagery, marker

High saturation, spray paint, worn

Photography, spray paint, worn, yellow, capitals

Neon, bold, black, cut out, pink

Pink, DIY, bold, black, newsprint, capitals

Newsprint, unstructured, green, blue, factories

Bold, black, imagery, photography, capitals

Blue, black, white, structured, cut out, capitals

Black, white, bold, structured, capitals

Pink, hand rendered, imagery, half tone, marker

Illustration, rude, hand rendered, marker

Pink, photography, newsprint

Hand rendered, structured, pink, capitals

Half tone, imagery, green, bright, capitals

worn, yellow, high saturation, black, bold, capitals

DIY, layered, blue capitals

Green, red, capitals, illustrative, flowery

Yellow, bold, capitals, newsprint

capitals, black, white, structured, bold

Typography, bold, capitals, black

Newsprint, hand rendered, messy, blue, marker

hand rendered, messy, black, imagery, marker

capitals, imagery, black and white

capitals, hand rendered, neon, red, simple

red, green, hand rendered

newsprint, imagery, destruction, confrontational

newsprint, confrontational, rude, blue, political

pattern, red, green, simple

hand rendered, messy, scratched, black, capitals

yellow, capitals, halftone

pink, circles, bold

red, imagery, pattern, bright

neon, green, layered, DIY, yellow, capitals

photography, black, capitals

layered, imagery, capitals, political

ayered, imagery, capitals, political

imagery, photography, marker

simple, functional. structured

unstructured, marker, DIY, imagery

yellow, imagery, bold, capitals

bold, typography, red, blue, capitals

neon, hand rendered, marker

Wordle

Encase you do not know what wordle is, I will explain. 

Wordle is a website where you can copy and paste text information, which it interprets visually. The more a word occurs in the text, the larger and more obvious it appears. 

I copied and pasted ALL of the comments from the above analysis into the website, as you can see below:

The result is the below info graphics: 

The first was hard to read, so I adjusted the settings, in order to make it more readable.