Skip to content

Instantly share code, notes, and snippets.

@kesjam

kesjam/Dark Side of The Moon - Pink Floyd Tribute.markdown

Created May 6, 2016 16:46
Show Gist options
  • Save kesjam/7fb701421cc89930c8e13fb551790a45 to your computer and use it in GitHub Desktop.
Save kesjam/7fb701421cc89930c8e13fb551790a45 to your computer and use it in GitHub Desktop.
Download ZIP
Dark Side of The Moon - Pink Floyd Tribute
Raw
Dark Side of The Moon - Pink Floyd Tribute.markdown
Raw
index.html
<div class="container-fluid">
<div class="row col-sm-12">
<div class="well" id="album-well">
<h1 class="text-primary text-center">Pink Floyd</h1>
<h2 class="text-center">The Dark Side of the Moon - 1973</h2>
<div id="album-row">
<div class="well" id="album-cover-well">
<img src="https://paraisocultural.files.wordpress.com/2013/06/pink_floyd_prism_rainbows_dark_side_dark_side_of_the_moon_1680x1050_wallpaper_wallpaper_1920x1200_www-wall321-com.jpg" class="img-responsive" alt="artist remake of the original Pink Floyd Dark Side of the Moon album cover, white light refracting through a prism in space into smoke filled with all colors of red, yellow, green and blue."></a>
<p class="text-right">Artistic version of the Album Cover, Photo courtesy of Paraisocultural</p>
</div>
<!--End of album cover well-->
</div>
<!--close album row id-->
<center>Wikipedia -<a href="https://en.wikipedia.org/wiki/The_Dark_Side_of_the_Moon">The Dark Side Of The Moon</a></center>
<center>
<a href="http://www.pinkfloyd.com/>Pink Floyd Website">Pink Floyd Website </a></center>
<div id="concept">
<h2>Concepts</h2>
<p>The Dark Side of the Moon's lyrical themes include conflict, greed, the passage of time, death, and insanity, the latter inspired in part by Barrett's deteriorating mental state; he had been the band's principal composer and lyricist. The album is notable for its use of musique concrète and conceptual, philosophical lyrics, as found in much of the band's other work.</p>
<p>Each side of the album is a continuous piece of music. The five tracks on each side reflect various stages of human life, beginning and ending with a heartbeat, exploring the nature of the human experience, and (according to Waters) "empathy". </p>
<p><b><em>"Speak to Me"</em></b> and <b><em>"Breathe"</em></b> together stress the mundane and futile elements of life that accompany the ever-present threat of madness, and the importance of living one's own life – "Don't be afraid to care". By shifting the scene to an airport, the synthesizer-driven instrumental.</p>
<p><b><em>"On the Run"</em></b> evokes the stress and anxiety of modern travel, in particular Wright's fear of flying. </p>
<p><b><em>"Time"</em></b> examines the manner in which its passage can control one's life and offers a stark warning to those who remain focused on mundane aspects; it is followed by a retreat into solitude and withdrawal in "Breathe (Reprise)". </p>
<p>The first side of the album ends with Wright and vocalist Clare Torry's soulful metaphor for death, <b><em>"The Great Gig in the Sky"</em></b>. </p>
<p>Opening with the sound of cash registers and loose change, the first track on side two, <b><em>"Money"</em></b>, mocks greed and consumerism using tongue-in-cheek lyrics and cash-related sound effects (ironically, <b><em>"Money"</em></b> has been the most commercially successful track from the album, with several cover versions produced by other bands). </p>
<p><b><em>"Us and Them"</em></b> addresses the isolation of the depressed with the symbolism of conflict and the use of simple dichotomies to describe personal relationships. </p>
<p><b><em>"Any Colour You Like"</em></b> concerns the lack of choice one has in a human society. </p>
<p><b><em>"Brain Damage"</em></b> looks at a mental illness resulting from the elevation of fame and success above the needs of the self; in particular, the line "and if the band you're in starts playing different tunes" reflects the mental breakdown of former bandmate Syd Barrett. </p>
<p>The album ends with <b><em>"Eclipse"</em></b>, which espouses the concepts of alterity and unity, while forcing the listener to recognise the common traits shared by humanity</p>
</div> <!--close concept id-->
</div>
<!--album well-->
</div>
<!-- close container div-->
<div class="container-fluid">
<div class="row">
<div class="col-sm-6" id="timeline-row">
<div class="well text-center">
<h2 class="text-primary">Timeline</h2> Recording, Live Shows, Release
</div>
<!--closes well-->
</div>
<!--closes 1st col-->
<div class="col-sm-6 hidden-xs">
<div class="well text-center">
<h2 class="text-primary">Tracks, Lyrics, Videos</h2> The Darkside Of The Moon Album
</div>
<!--closes well-->
</div>
<!--closes row col1-->
</div>
<!--closes row-->
</div>
<!--closes container-->
<div class="container-fluid">
<div class="row">
<div class="col-sm-6" id="timeline-row">
<div class="well" id="timeline-well">
<div id="timeline">
<p>3 January 1972<br /> Pink Floyd began two weeks of gig rehearsals at the Rolling Stones' rehearsal facility in Bermondsey, South London.
<p>20 January 1972<br /> What should have been the live debut of <b>The Dark Side Of The Moon</b> at Brighton's The Dome was cut short when technical problems led to the band abandoning the piece mid-way through the song <i>Money</i>. After a break,
the group completed the gig with performances of: Atom Heart Mother; Careful With That Axe, Eugene; One Of These Days; Echoes. The encore was <i>A
Saucerful Of Secrets</i>.</p>
<p>21 January 1972<br /> Pink Floyd played 16 UK dates, featuring full performances of a work-in progress version of <b>The Dark Side Of The Moon</b>. The tour culminated with four nights at London's Rainbow Theatre.</p>
<p>6 March 1972<br /> Pink Floyd began a whistle-stop tour of Japan beginning in Tokyo and ending on 13 March in Sapporo. Their set list included <b>The Dark Side Of The Moon</b>.</p>
<p>24 May 1972<br /> Pink Floyd began a month-long recording session at Abbey Road. At this point, working titles for the songs that would make up <b>The Dark Side Of The Moon</b> included <i>Travel</i> (instead of <i>Breathe</i>), <i>Religion</i> (instead of <i>The Great Gig In The Sky</i>) and <i>Lunatic</i> (instead of <i>Brain Damage</i>).</p>
<p>21 October 1972<br /> Pink Floyd played a benefit gig for the 'War On Want' and 'Save The Children' charities, performing <b>The Dark Side Of The Moon</b> and <b>More</b> at the Empire Pool, Wembley.</p>
<p>21 January 1973<br /> Session singer Clare Torry recorded her vocal for the song <i>The Great Gig In The Sky</i> at Abbey Road. The song was included on Pink Floyd's next album, <b>The Dark Side Of The Moon</b>. Work continued on the album at Abbey
Road throughout the month.</p>
<p>27 February 1973<br /> EMI held a press reception for <b>The Dark Side Of The Moon</b> at the London Planetarium. Only Richard Wright attended the event; the other band members refused in protest at what they believed to be an inferior sound system
brought in by EMI.</p>
<p>4 March 1973<br /> Pink Floyd began a 16-date US tour at Dane County Memorial Coliseum in Madison, Wisconsin. The band were joined by saxophonist Dick Parry and backing vocalists Nawasa Crowder, and Phyllis and Mary Ann Lindsey. Their set list
featured the whole of <b>The Dark Side Of The Moon</b> plus <i>Obscured By Clouds</i>, <i>When
You're In</i> and <i>Careful With That Axe, Eugene</i>, with an encore of <i>One
Of These Days</i>. The tour closed at Atlanta's Municipal Auditorium, when the US promoter cancelled a scheduled show in Florida believing that a Santana show in town would drastically reduce Pink Floyd's audience.</p>
<p>10 March 1973<br />
<b>The Dark Side Of The Moon</b> was released in the US. Tracklisting: Speak To Me; Breathe (In The Air); On The Run; Time; The Great Gig In The Sky; Money; Us And Them; Any Colour You Like; Brain Damage; Eclipse. The album gave Pink Floyd their
first No. 1 chart placing.</p>
<p>23 March 1973<br />
<b>The Dark Side Of The Moon</b> was released in the UK. It reached No. 2 in the charts.</p>
<p>7 May 1973<br />
<i>Money</i> (B-side: <i>Any Colour You Like</i>) was released in the US as a single and reached No. 13 in the charts.</p>
<p>18 &amp; 19 May 1973<br /> Pink Floyd played two nights at Earls Court Exhibition Hall, with additional personnel Dick Parry on saxophones and backing vocalists Liza Strike and Vicki Brown (mum of solo artist and future Floyd backing singer Sam
Brown). The set list included the whole of <b>The Dark Side Of The Moon</b>.</p>
<p>16 June 1973<br /> Pink Floyd returned to the US for their second American tour of the year. They played 13 shows, starting at New York's Saratoga Performing Arts Center and ending at Florida's Tampa Stadium. The band set a new record gross at
New Jersey's Roosevelt Stadium by making $110,565 for a single performance.</p>
</div>
<!--closes timeline id div -->
<div id="dark-rainbow">
<h2 class="text-center">Did you know about Dark Side of Rainbow?</h1>
<p> <a href="https://en.wikipedia.org/wiki/Dark_Side_of_the_Rainbow">Dark Side of the Rainbow</a> – also known as Dark Side of Oz or The Wizard of Floyd – refers to the pairing of the 1973 Pink Floyd album The Dark Side of the Moon with the visual portion of the 1939 film The Wizard of Oz.</p>
<div id="album-row">
<div class="well" id="album-cover-well">
<center><img src="http://wooderice.com/wp-content/uploads/2014/06/darkoz.jpg" class="img-responsive"></center>
</div><!--closes well div-->
</div><!--closes row div-->
<h3 class = "text-center">Here is a video with the movie and album synced together</h3>
<p>There are various approaches regarding when to start synchronizing The Dark Side of the Moon audio with the film. Several involve the MGM lion as the cue. Most suggest the third roar.</p>
<div id="video">
<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/l2dY-qhop9U"></iframe>
</div> <!--closes embed div-->
</div> <!--closes video div -->
</div><!--end dark rainbow-->
</div><!--closes timeline well div-->
</div><!--closes column div-->
<!--Beginning of 2nd column-->
<!-- Start of Lyrics Section-->
<div class="col-sm-3" id="lyrics-col">
<div class="well" id="lyrics-well">
<div id="tracks">
<h4>Speak to Me</h4>
<div id="video">
<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/74tuTW8h0P0"></iframe>
</div> <!--closes embed div-->
</div> <!--closes video div -->
<div id="lyrics">
<p>(Mason) 1:16</p>
<p>
"I've been mad for f***ing years, absolutely years, been over the edge for yonks, been working me buns off for bands..." </p>
<p>"I've always been mad, I know I've been mad, like the
most of us...very hard to explain why you're mad, even if you're not mad..." </p>
<p>(Instrumental)</p>
</div><!--Lyrics div-->
</div> <!--Closes tracks div -->
<div id="tracks">
<h4>Breathe</h4>
<div id="lyrics">
<p>(Waters, Gilmour, Wright) 2:44</p>
<p>Breathe, breathe in the air. <br />
Don't be afraid to care. <br />
Leave but don't leave me. <br />
Look around and choose your own ground. </p>
<p>Long you live and high you fly <br />
And smiles you'll give and tears you'll cry<br />
And all you touch and all you see <br />
Is all your life will ever be. </p>
<p>Run, rabbit run. <br />
Dig that hole, forget the sun, <br />
And when at last the work is done <br />
Don't sit down it's time to dig another one. </p>
<p>For long you live and high you fly <br />
But only if you ride the tide <br />
And balanced on the biggest wave <br />
You race towards an early grave. </p>
</div><!--Closes lyrics div -->
</div> <!--Closes tracks div -->
<div id="tracks">
<h4>On The Run</h4>
<div id="video">
<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/X5UOL80Twug"></iframe>
</div><!--closes embed div-->
</div><!--closes video div -->
<div id="lyrics">
<p>(Gilmour, Waters) 3:32</p>
<p>[female announcer, announcing flights at airport, including 'Rome'] <br />
"Live for today, gone tomorrow, that's me, HaHaHaaaaaa!" </p>
<p>(Instrumental)</p>
</div><!--Closes lyrics div -->
</div> <!--Closes tracks div -->
<div id="tracks">
<h4>Time</h4>
<div id="video">
<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/Z-OytmtYoOI"></iframe>
</div><!--closes embed div-->
</div><!--closes video div -->
<div id="lyrics">
<p>(Mason, Waters, Wright, Gilmour) 7:06</p>
<p>Ticking away the moments that make up a dull day<br />
You fritter and waste the hours in an offhand way.<br />
Kicking around on a piece of ground in your home town <br />
Waiting for someone or something to show you the way.<br /> </p>
<p>Tired of lying in the sunshine staying home to watch the rain. <br />
You are young and life is long and there is time to kill today. <br />
And then one day you find ten years have got behind you.<br />
No one told you when to run, you missed the starting gun.<br /></p>
<p>So you run and you run to catch up with the sun but it's sinking <br />
Racing around to come up behind you again. <br />
The sun is the same in a relative way but you're older, <br />
Shorter of breath and one day closer to death. </p>
<p>Every year is getting shorter never seem to find the time. <br />
Plans that either come to naught or half a page of scribbled lines <br />
Hanging on in quiet desperation is the English way
The time is gone, the song is over, <br />
Thought I'd something more to say.</p>
</div><!--Closes lyrics div -->
</div> <!--Closes tracks div -->
<div id="tracks">
<h4>Breathe (Reprise)</h4>
<div id="video">
<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/0dYMQA5_KcA"></iframe>
</div><!--closes imbed div-->
</div><!--closes video-->
<div id="lyrics">
<p>7:06</p>
<p>Home, home again. <br />
I like to be here when I can. <br />
When I come home cold and tired <br />
It's good to warm my bones beside the fire. <br />
Far away across the field <br />
The tolling of the iron bell <br />
Calls the faithful to their knees <br />
To hear the softly spoken magic spells.</p>
</div><!--Closes lyrics div -->
</div> <!--Closes tracks div -->
<div id="tracks">
<h4>The Great Gig In The Sky</h4>
<div id="video">
<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/N3zwKgz8hsI"></iframe>
</div><!--closes imbed div-->
</div><!--closes video div -->
<div id="lyrics">
<p>(Wright) 4:44 </p>
<p>"And I am not frightened of dying, any time will do, I
don't mind. Why should I be frightened of dying?
There's no reason for it, you've gotta go sometime." </p>
<p>"If you can hear this whispering you are dying." </p>
<p>"I never said I was frightened of dying."</p>
<p>(Instrumental)</p>
</div><!--Closes lyrics div -->
</div> <!--Closes tracks div -->
<div id="album-row">
<div class="well" id="album-cover-well">
<img src="https://s-media-cache-ak0.pinimg.com/564x/61/0a/1f/610a1fc97267f6ce66cb0af75f38441a.jpg" class="img-responsive" alt="Art - woman in boat looking at a rainbow at night going up to the triangle in the sky from the water">
<div class="text-right">Credits: @Winelo -Pinterest</div>
</div>
</div>
</div><!--closes well div-->
</div><!--closes column div-->
<!--Beginning of 3nd column-->
<!-- Start of Lyrics Section-->
<div class="col-sm-3" id="lyrics-col">
<div class="well" id="lyrics-well" >
<div id="tracks">
<h4>Money</h4>
<div id="video">
<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/-0kcet4aPpQ"></iframe>
</div><!--close imbed-->
</div><!--close video div-->
<div id="lyrics">
<p>(Waters) 6:32 </p>
<p>Money, get away.<br />
Get a good job with good pay and you're okay.<br />
Money, it's a gas.<br />
Grab that cash with both hands and make a stash.<br />
New car, caviar, four star daydream,<br />
Think I'll buy me a football team.</p>
<p>Money, get back<br />
I'm all right Jack keep your hands off of my stack.<br />
Money, it's a hit.<br />
Don't give me that do goody good bullshit.<br />
I'm in the high-fidelity first class traveling set <br />
And I think I need a Lear jet.</p>
<p>Money, it's a crime.<br />
Share it fairly but don't take a slice of my pie.<br />
Money, so they say<br />
Is the root of all evil today.<br />
But if you ask for a raise it's no surprise that they're <br />
giving none away.</p>
<p>"HuHuh! I was in the right!"<br />
"Yes, absolutely in the right!"<br />
"I certainly was in the right!"<br />
"You was definitely in the right. That geezer was cruising for a
bruising!"<br />
"Yeah!"<br />
"Why does anyone do anything?"<br />
"I don't know, I was really drunk at the time!"<br />
"I was just telling him, he couldn't get into number 2. He was asking<br />
why he wasn't coming up on freely, after I was yelling and<br />
screaming and telling him why he wasn't coming up on freely.<br />
It came as a heavy blow, but we sorted the matter out"</p>
</div><!--close lyrics div-->
</div><!--close tracks div-->
<div id="tracks">
<h4>Us and Them</h4>
<div id="video">
<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/s_Yayz5o-l0"></iframe>
</div><!--close imbed-->
</div><!--close video div-->
<div id="lyrics">
<p>(Waters, Wright) 7:40</p>
<p>Us, and them <br />
And after all we're only ordinary men. <br />
Me, and you. <br />
God only knows it's noz what we would choose to do. <br />
Forward he cried from the rear <br />
and the front rank died. <br />
And the general sat and the lines on the map <br />
moved from side to side. <br />
Black and blue <br />
And who knows which is which and who is who. <br />
Up and down. <br />
But in the end it's only round and round. <br />
Haven't you heard it's a battle of words <br />
The poster bearer cried. <br />
Listen son, said the man with the gun <br />
There's room for you inside. </p>
<p>"I mean, they're not gunna kill ya, so if you give 'em a quick short,
sharp, shock, they won't do it again. Dig it? I mean he get off <br />
lightly, 'cos I would've given him a thrashing - I only hit him once! <br />
It was only a difference of opinion, but really...I mean good manners <br />
don't cost nothing do they, eh?" </p>
<p>Down and out
It can't be helped but there's a lot of it about. <br />
With, without. <br />
And who'll deny it's what the fighting's all about? <br />
Out of the way, it's a busy day <br />
I've got things on my mind. <br />
For the want of the price of tea and a slice <br />
The old man died.</p>
</div><!--close lyrics div-->
</div><!--close tracks div-->
<div id="tracks">
<h4>Any Color You Like</h4>
<div id="video">
<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/yXumgSaFPpA"></iframe>
</div><!--close imbed-->
</div><!--close video div-->
<div id="lyrics">
<p>(Gilmour, Mason, Wright) 3:25 </p>
<p>(Instrumental)</p>
</div><!--close lyrics div-->
</div><!--close tracks div-->
<div id="tracks">
<h4>Brain Damage - The Lunatic</h4>
<div id="video">
<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/1Z39KZAryzk"></iframe>
</div><!--close imbed-->
</div><!--close video div-->
<div id="lyrics">
<p>(Waters) 3:50</p>
<p>The lunatic is on the grass. <br />
The lunatic is on the grass. <br />
Remembering games and daisy chains and laughs. <br />
Got to keep the loonies on the path. </p>
<p>The lunatic is in the hall. <br />
The lunatics are in my hall. <br />
The paper holds their folded faces to the floor <br />
And every day the paper boy brings more. </p>
<p>And if the dam breaks open many years too soon <br />
And if there is no room upon the hill <br />
And if your head explodes with dark forebodings too <br />
I'll see you on the dark side of the moon. </p>
<p>The lunatic is in my head. <br />
The lunatic is in my head <br />
You raise the blade, you make the change <br />
You re-arrange me 'til I'm sane. <br />
You lock the door <br />
And throw away the key <br />
There's someone in my head but it's not me.</p>
<p>And if the cloud bursts, thunder in your ear <br />
You shout and no one seems to hear. <br />
And if the band you're in starts playing different tunes <br />
I'll see you on the dark side of the moon. </p>
<p>"I can't think of anything to say except... <br />
I think it's marvelous! HaHaHa!" </p>
</div><!--close lyrics div-->
</div><!--close tracks div-->
<div id="tracks">
<h4>Eclipse</h4>
<div id="lyrics">
<p>(Waters) 2:04 </p>
<p>All that you touch <br />
All that you see <br />
All that you taste <br />
All you feel. <br />
All that you love <br />
All that you hate <br />
All you distrust <br />
All you save. <br />
All that you give <br />
All that you deal <br />
All that you buy <br />
beg, borrow or steal <br />
All you create <br />
All you destroy <br />
All that you do <br />
All that you say <br />
All that you eat <br />
And everyone you meet <br />
All that you slight <br />
And everyone you fight <br />
All that is now <br />
All that is gone <br />
All that's to come <br />
and everything under the sun is in tune <br />
but the sun is eclipsed by the moon. </p>
<p>"There is no dark side of the moon really. Matter of fact it's all dark."</p>
</div><!--close lyrics div-->
</div><!--close tracks div-->
</div><!--end of well-->
</div><!--end of column-->
</div><!--end container-->
Raw
scripts
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
Raw
style.css
@import url(https://fonts.googleapis.com/css?family=Bitter);
body {
margin: 0;
font-family: 'Special Elite', serif;
margin: 30px 0px 60px 0px;
}
#album-cover-well {
background-color: white;
margin-top: 40px;
margin-right: 20px;
margin-bottom: 0px;
margin-left: 20px;
}
#timeline-row {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: -15px;
}
#lyrics-col {
font-size: 12px;
margin: 0px;
}
h1 {
font-size: 70px;
font-family: 'Rock Salt';
}
h2 {
color: #337ab7;
}
h4 {
font-size: 20px;
}
#date {
color: blue;
}
#timeline {
font-size: 19px
}
#concept{
font-family: "Special Elite";
font-size: 20px;
}
Raw
styles
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.1/animate.min.css" rel="stylesheet" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment