Skip to content

Branches - Farah #29

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.

Sign up for GitHub

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

Open
wants to merge 10 commits into
base: master
Choose a base branch
from
Open

Branches - Farah #29

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
11290b1
created files and outline for portfolio
in-formation Sep 29, 2019
10c99c8
adjusted background image gradient
in-formation Sep 29, 2019
1142fb6
fixed placement of files
in-formation Sep 29, 2019
cb2c966
header styles and created contact.html file
in-formation Sep 29, 2019
44e40a3
Added pictures and additional styling to main page
in-formation Sep 29, 2019
7b4c2eb
drying up link (a:) styles
in-formation Sep 29, 2019
c144589
completed about.html page
in-formation Sep 29, 2019
c61ab68
finish portfolio.html site
in-formation Sep 29, 2019
8477214
finished contact.html and css page
in-formation Sep 29, 2019
ffcb540
cleaned up errors on HTML code
in-formation Sep 29, 2019
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
75 changes: 75 additions & 0 deletions content/about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,75 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>about me | farah</title>
<link href="../styles/normalize.css" rel="stylesheet">
<link href="../styles/about.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap" rel="stylesheet">
</head>
<body>
<header>
<h1><a href="index.html">fd</a></h1>
<nav>
<ul>
<li><a href="about.html">about</a></li>
<li><a href="portfolio.html">portfolio</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
</nav>
</header>
<main>
<section class="florida">
<h1>Florida</h1>
<p>I grew up Broward county...if you're wondering where that is, its sandwiched between Palm Beach county and Miami Dade county.</p>
<img src="../images/broward_map.png" alt="broward">
<p>Or maybe you remember the 2000 election...yup, we had the recount...hanging chads and all...good times.</p>
<img src="../images/hanging_chad.jpg" alt="hanging chad">
<p>But really it wasn't all that bad. Growing up in South Florida was pretty cool. Beaches, warm Christmases, hurricanes, and Publix.</p>
<img src="../images/publix.png" alt="publix">
</section>

<section class="seattle">
<h1>Seattle</h1>
<p>Eventually I made the move to Seattle from Florida. I'm not sure how long you need to live in Seattle before you say "I'm from Seattle" but I think I'm on my way.</p>
<img class="rotate-img" src="../images/IMG_8062.JPG" alt="leavenworth">
<img src="../images/IMG_9960.JPG" alt="mthood">
</section>

<section class="movies">
<h1>Movies</h1>
<p>Want to talk about movies? I'm all ears (except for most horror movies...I'm working on it but I'm scaredy cat). Movies are more than just entertainment. I believe they can bring you a feeling of the past; they can transport you to the future; they can make you feel seen and understood. There are few things I enjoy more than sitting in a dark room, staring at a big screen, crying or laughing, all while eating a big bag of popcorn. Here are few of my favorites (and not nearly all of them).</p>
</section>

<section class="movie-pics">
<a href="https://www.imdb.com/title/tt0088763/"><img src="../images/back_to_the_future.jpg" alt="back to the future"></a>

<a href="https://www.imdb.com/title/tt0088930/"><img src="../images/clue.jpg" alt="clue"></a>

<a href="https://www.imdb.com/title/tt0107290/"><img src="../images/jurassic_park.jpg" alt="jurassic park"></a>

<a href="https://www.imdb.com/title/tt0110912/"><img src="../images/pulp_fiction.jpg" alt="pulp fiction"></a>

<a href="https://www.imdb.com/title/tt0112040/"><img src="../images/Langoliers-The-1995.jpg" alt="langoliers"></a>

<a href="https://www.imdb.com/title/tt0120094/"><img src="../images/selena.jpg" alt="selena"></a>

<a href="https://www.imdb.com/title/tt0120483/"><img src="../images/man-who-knew-too-little-cinema-one-sheet-movie-poster-(proof-1).jpg" alt="billmurry1"></a>

<a href="https://www.imdb.com/title/tt0468569/"><img src="../images/dark_knight.jpg" alt="dark knight"></a>

<a href="https://www.imdb.com/title/tt1748122/"><img src="../images/moonrise-kingdom-md-web.jpg" alt="moonrise kingdom"></a>

<a href="https://www.imdb.com/title/tt4925292/"><img src="../images/lady_bird.jpg" alt="lady bird"></a>
</section>

</main>
<footer>
<ul>
<li><a href="https://www.linkedin.com/in/farah-davoodi/">LinkedIn</a></li>
<li><a href="https://github.com/in-formation">GitHub</a></li>
</ul>
</footer>
</body>
36 changes: 36 additions & 0 deletions content/contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>where is farah?</title>
<link href="../styles/normalize.css" rel="stylesheet">
<link href="../styles/contact.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap" rel="stylesheet">
</head>
<body>
<header>
<h1><a href="index.html">fd</a></h1>
<nav>
<ul>
<li><a href="about.html">about</a></li>
<li><a href="portfolio.html">portfolio</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
</nav>
</header>

<main>
<h1>Where can you reach me?</h1>
<ul>
<li><a href="https://www.linkedin.com/in/farah-davoodi/">LinkedIn</a></li>
<li><a href="https://github.com/in-formation">GitHub</a></li>
<li><a href="mailto:[email protected]">Email</a></li>
</ul>
<h3>And now a word from our Sponsors...</h3>
<iframe src="https://giphy.com/embed/lH6mJIKkCwQo0" width="480" height="258" class="giphy-embed" allowFullScreen></iframe><p><a href="https://giphy.com/gifs/madeline-kahn-lH6mJIKkCwQo0"></a></p>
<iframe src="https://giphy.com/embed/ea3KuP14cRxWo" width="480" height="353" class="giphy-embed" allowFullScreen></iframe><p><a href="https://giphy.com/gifs/selena-mac-cosmetics-ea3KuP14cRxWo"></a></p>
<img src="../images/harper.jpg" alt="Harper">
</main>
</body>
56 changes: 56 additions & 0 deletions content/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,56 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>who is farah?</title>
<link href="../styles/normalize.css" rel="stylesheet">
<link href="../styles/styles.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap" rel="stylesheet">
</head>
<body>
<header>
<h1><a href="index.html">fd</a></h1>
<nav>
<ul>
<li><a href="about.html">about</a></li>
<li><a href="portfolio.html">portfolio</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
</nav>
</header>
<main>
<section class="introduction">
<h2>Hi, my name is Farah Davoodi</h2>
<p>A little about me...I'm a software developer in training at Ada Developer's Academy. I'm part of Cohort 12, specifically in the Branches class. After working in the aerospace industry for some time, I decided to make a change and follow another passion I had but needed guidance and support with. Programming! It hasn't been easy but I'm learning a lot and enjoying the process.</p>
</section>

<section class="pictures">
<img src="../images/IMG_4646.jpg" alt="snapchat-abuelita">
<img src="../images/IMG_6952.jpg" alt="glamour-shots">
<img src="../images/IMG_6023.jpg" alt="nara-deer-selfie">
</section>

<section class="portfolio">
<h2>Projects Completed</h2>
<p>I have mastered Ruby in its entirety...</p>
<p>Just kidding! But through Ada Developer's Academy, I have practiced Ruby fundamentals in conjunction with object-oriented design.</p>
<p>A list projects I have completed or currently working on can be found on my <a href="https://github.com/in-formation">GitHub page (click me).</a></p>
</section>

<section class="hobbies">
<h2><a href="about.html">hobbies</a></h2>
<h4>Cinephile, Cinemaphile, Moviebuff, etc.</h4>
<p>In 2017 I made a resolution to see a minimum of 52 movies (averaging 1 a week). I made it to 55 movies with 60% of the movies being watched in a movie theater, 25% whilst traveling via airplane and the rest watching at home. Even though life can get hectic, I always make a conscious effort to watch movies at a local theater because I truly believe in the movie theater experience.</p>
<h4>Spinning!</h4>
<p>Not much to say about this one besides that I love to jam out on a bicycle (indoors) and pedal out my feelings.</p>
</section>
</main>
<footer>
<ul>
<li><a href="https://www.linkedin.com/in/farah-davoodi/">LinkedIn</a></li>
<li><a href="https://github.com/in-formation">GitHub</a></li>
</ul>
</footer>
</body>
44 changes: 44 additions & 0 deletions content/portfolio.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>my portfolio | farah</title>
<link href="../styles/normalize.css" rel="stylesheet">
<link href="../styles/portfolio.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap" rel="stylesheet">
</head>
<body>
<header>
<h1><a href="index.html">fd</a></h1>
<nav>
<ul>
<li><a href="about.html">about</a></li>
<li><a href="portfolio.html">portfolio</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
</nav>
</header>

<main>
<h1>Some recent projects at Ada</h1>
<a href="https://github.com/in-formation/hotel"><h2>Hotel</h2></a>
<p>This was a difficult project where we really had to think about object-oriented design from scratch. No code was given to us. Organizing our classes and methods within those classes was key to meeting the objectives of the assignment.</p>
<a href="https://github.com/in-formation/startrly"><h2>Startrly</h2></a>
<p>For this project we practiced our HTML and CSS skills...sort of like what I'm doing here. ;)</p>
<a href="https://github.com/in-formation/array-string-practice"><h2>Sorted Arrays</h2></a>
<p>Part of the Ada curriculum includes Computer Science fundamentals which includes algorithms for sorting arrays. This sort of information is helpful when the time comes to prepare for technical interviews.</p>
<a href="https://github.com/kristyh32/oo-ride-share"><h2>Object-Oriented Rideshare</h2></a>
<p>This project was a pair project and it tested our usage of methods, modules and CSV data. Not only did we have to learn how to read data from a CSV, but we needed to understand how to manipulate it with our different classes. It also tested our usage of test-driven-development.</p>
<a href="https://github.com/in-formation/grocery-store"><h2>Grocery Store</h2></a>
<p>This project was where we first tested our Test-Driven-Development skills. The purpose of TDD is to ensure that our code is functioning the way it is supposed to. Additionally, the reason we focus on doing testing first prior to writing any code, is to understand how our code will and will not function.</p>
</main>

<footer>
<ul>
<li><a href="https://www.linkedin.com/in/farah-davoodi/">LinkedIn</a></li>
<li><a href="https://github.com/in-formation">GitHub</a></li>
</ul>
</footer>
</body>
Binary file added images/IMG_4646.JPG
View file
Open in desktop
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/IMG_6023.JPG
View file
Open in desktop
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/IMG_6952.jpg
View file
Open in desktop
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/IMG_8062.JPG
View file
Open in desktop
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/IMG_9960.JPG
View file
Open in desktop
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/Langoliers-The-1995.jpg
View file
Open in desktop
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/back_to_the_future.jpg
View file
Open in desktop
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/broward_map.png
View file
Open in desktop
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/clue.jpg
View file
Open in desktop
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/dark_knight.jpg
View file
Open in desktop
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/hanging_chad.jpg
View file
Open in desktop
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/harper.jpg
View file
Open in desktop
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/jurassic_park.jpg
View file
Open in desktop
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/lady_bird.jpg
View file
Open in desktop
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/man-who-knew-too-little-cinema-one-sheet-movie-poster-(proof-1).jpg
View file
Open in desktop
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/moonrise-kingdom-md-web.jpg
View file
Open in desktop
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/publix.png
View file
Open in desktop
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/pulp_fiction.jpg
View file
Open in desktop
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/selena.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
173 changes: 173 additions & 0 deletions styles/about.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,173 @@
html {
font-family: 'Noto Sans JP', sans-serif;
height:auto;
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(221,255,241,1) 50%, rgba(139,255,208,1) 100%);
}

html ul {
list-style:none;
}

html a:link, html a:visited {
color:black;
text-decoration: none;
}

html a:hover, html a:active {
color:white;
background-color:black;
text-decoration:underline;
}

img {
max-width: 350px;
height:auto;
border-radius: 8px;
}

.rotate-img {
transform: rotate(180deg);
}

header {
display:flex;
justify-content: space-between;
align-items: center;
}

header > h1 {
padding-left: 0.5rem;
}

header > h1 > a {
padding: 1rem;
}

nav ul{
display:inline-flex;
justify-content: space-between;
}

nav ul li {
padding:1.1rem;
}

.florida {
display:grid;
grid-template-rows:0.3fr 0.3fr 0.5fr;
grid-template-columns: 1fr 1fr 1fr;
}

.florida > h1 {
grid-row: 1 / 2;
grid-column: 1 / 4;
padding-left:1.5rem;
}

.florida p {
padding: 1.5rem;
}
.florida p:nth-of-type() {
grid-row: 2 / 3;
grid-column: 1 / 2;
}
.florida p:nth-of-type(2) {
grid-row: 2 / 3;
grid-column: 2 / 3;
}
.florida p:nth-of-type(3) {
grid-row: 2 / 3;
grid-column: 3 / 4;
}

.florida img {
justify-self: center;
max-width: 300px;
height:auto;
}
.florida img:nth-of-type(1) {
grid-row: 3 / 4;
grid-column: 1 / 2;
}
.florida img:nth-of-type(2) {
grid-row: 3 / 4;
grid-column: 2 / 3;
}
.florida img:nth-of-type(3) {
grid-row: 3 / 4;
grid-column: 3 / 4;
}

.seattle {
display:grid;
grid-template-rows:0.3fr 0.3fr 0.5fr;
grid-template-columns: 1fr 1fr;
}
.seattle h1 {
grid-row: 1 / 2;
grid-column: 1 / 3;
justify-self: start;
align-self:end;
padding-left:1.5rem;
}
.seattle p {
grid-row: 2 / 3;
grid-column: 1 / 3;
padding-left:1.5rem;
}
.seattle img:nth-of-type(1) {
grid-row: 3 / 4;
grid-column: 1 / 2;
justify-self: center;
}
.seattle img:nth-of-type(2) {
grid-row: 3 / 4;
grid-column: 2 / 3;
justify-self: center;
}

.movies {
display:grid;
grid-template-rows:0.3fr 0.3fr;
}
.movies h1 {
grid-row: 1 / 2;
padding-top: 2.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.movies p {
grid-row: 2 / 3;
padding-left: 1.5rem;
padding-right: 1.5rem;
}

.movie-pics {
display:flex;
flex-direction:row;
flex-wrap: wrap;
justify-content: space-around;

}
.movie-pics img {
max-width: 200px;
max-height:auto;
border-radius:0px;
padding: 0.5rem;
}

footer {
display:flex;
justify-content: flex-end;
}

footer ul {
display:flex;
flex-direction:row;
justify-content: space-between;
}

footer ul li {
padding:1.1rem;
}
Loading