Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

HW submission by Vanessa Gordon #22

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
37 changes: 37 additions & 0 deletions css/style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
body {
font-family: ariel, helvetica, sans-serif;
font-size: 18px;
line-height: 1.5;
margin: 30px;
border-bottom: 5px solid #222222;
border-top: 5px solid #222222;
padding: 50px;
background-image: url("../images/mcqueen_white.jpg");
}
img.displayed {
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@nyvangord you could have used .displayed {} instead, using img.displayed is not really necessary.


display: block;
margin-left: auto;
margin-right: auto;
}

h1 {
text-transform: uppercase;
font-weight: bold;
text-align: center;
color: #030609;
margin-top: 0px;
}
h3 {
font-size: 16px;
color: #030609;
text-transform: uppercase;
margin-top: 42px;
letter-spacing: 2px;
}

nav {
color: #222222;
text-align: center;
margin-bottom: 42px;
}
Binary file added images/mccqueen_hunger.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/mcqueen_hunger2.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/mcqueen_shame.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/mcqueen_slave.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/mcqueen_white.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/stevemcqueen_award.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
79 changes: 79 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,79 @@
<!DOCTYPE html>
<html>
<head>
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@nyvangord could you fix the indentation 🔨

<title>Mcqueen Resume</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>

<body>

<nav>
<a href="#">Facebook</a>
|

<a href="#">Twitter</a>
|

<a href="#">Instagram</a>
|
<a href="#">LinkedIn</a>
</nav>

<h1>Steve McQueen, Innovative Director</h1>

<img class=displayed src="images/stevemcqueen_award.jpeg">
<p>

Steve McQueen is a British artist, director and screenwriter, best known for his films Hunger, Shame and 12 Years a Slave, which won the Academy Award for best picture.
</p>

<h2>Accolades</h2>

<p>Through the 1990s and 2000s, Steve McQueen garnered many awards for his art and film work. He enjoyed art, but noted in a 2009 interview with the Guardian, "I'm fed up with the art world, to be honest. It doesn't do much farther than its own tail, and it gets boring." McQueen pursued his passion for film, breaking into the mainstream industry with his 2008 film, Hunger. Starring Michael Fassbender and Liam McMahon, the film depicts the last months of the life of the IRA activist Bobby Sands.

</p>

<p>McQueen's 2011 psychological sex film, Shame, again features Michael Fassbender, this time as a New York City executive suffering from a debilitating sex addiction. The Londoner, who now lives and works in Amsterdam, told the magazine he would like to return to the subject matter of male sexuality, which he explored in his film Shame.
"That is unfinished business. I really want to come back to that," he said. The film earned McQueen the CinemAvvenire Award for emerging director. </p>

<p>McQueen went on to direct the film drama 12 Years a Slave, based on the true story of Solomon Northup, a black New Yorker born into freedom who was kidnapped in 1841, smuggled to Louisiana and sold to slaveowners. The film won the People's Choice award at the 2013 Toronto International Film Festival as well as the 2014 Academy Award for best picture.
</p>

<img src="images/mcqueen_hunger2.jpeg">
<img src="images/mcqueen_shame.jpeg">
<img src="images/mcqueen_slave.jpeg">

<h2>Personal Life</h2>

<p>In 1996, McQueen left London for Amsterdame, where he settled with longtime partner Bianca Stigter. Together they are raising a daughter, Alex, and a son, Dexter. McQueen isn't the typical artist who lives in a studio. In fact, he doesn't even have one. In an interview with W Magazine, McQueen revealed that he has generated his best ideas when at home cooking or vacuuming. He doesn't hang out with other artists, stating "That's like if you're a butcher, hanging out with other butchers. You chop mean this way, and I chop mean that way. What's there to talk about?"</p>

<h2>Quick Facts</h2>

<h3>Occupation</h3>

<p>Director</p>

<h3>Birth Date</h3>

<p>October 9, 1969</p>
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

could you fix the indentation from line 58 - 73 🔨


<h3>Education</h3>

<ul>


<li>New York University</li>

<li>University of London</li>

<li>Goldsmiths College</li>

<li>Chelsea College of Art and Design</li>

</ul>

<h3>Place of Birth</h3>

<p>Ealing, United Kingdom</p>
</body>
</html>