Skip to content

Commit

Permalink
added instructor notes and made the css nav work.
Browse files Browse the repository at this point in the history
  • Loading branch information
GalvanizeEvangelists committed Oct 29, 2015
1 parent 50afbf0 commit 6ec9fa3
Show file tree
Hide file tree
Showing 3 changed files with 15 additions and 14 deletions.
4 changes: 2 additions & 2 deletions CSS/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@


body {
font-family: 'Raleway', sans-serif;
font-family: 'Coming Soon', cursive;
color: #e5e5e5;
font-size: 12px;
background:#bfbfbf;
Expand All @@ -12,7 +12,7 @@ body {


h1, h2 {
font-family: 'Raleway', sans-serif;
font-family: 'Coming Soon', cursive;
font-weight: 300;
margin:0 0 15px 0;
}
Expand Down
12 changes: 6 additions & 6 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -73,25 +73,25 @@ Now lets look at the css!


## What is git?
Cookie Recipie Metaphor
Git is a piece of software that allows you to edit and collaborate on projects
regardless of your teams location. With Git, you and your team can all be working
on the same codebase without having to worry about who's doing what in which order.


Topic: talk about the cookie receipie metaphor

#Sign up for Github!
- Open a new tab in your browser and go to GitHub.com
- Click the green signup button on the top of this page.
- Confirm your account by clicking the confirmation link in your email


#Lets Fork and Clone our first project on Github!
- Click the fork button on the top right of this page!
- Click "Clone in Desktop"
- Follow Prompts to install the GitHub App


#Get a text editor!
#Get the Atom text editor!
- Download [https://atom.io/](Atom)


Expand All @@ -102,14 +102,14 @@ on the same codebase without having to worry about who's doing what in which ord
- On the use page, scroll down to number three and copy the link tag provided.
- Paste that link tag in your index.html file with the new link tag you copied from google fonts.
- Copy the code under number four.
- Paste that code into your stylesheet! (BONUS: Where should you paste this?)
- Paste that code into your stylesheet!

##The User wants some changes
- Change the name of the site
- Change all the navigation links & Section Headers
- Embed an image
- Replace my images with your own images
- Push changes to github

##Open Your Project in Atom

##Make some changes

Expand Down
13 changes: 7 additions & 6 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,16 +1,17 @@
<!DOCTYPE html>
<html>
<head>

<title>LTCW1</title>
<link href="CSS/style.css" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Coming+Soon' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="wrap">
<div class="section sTop">
<div class="inner">
<h1 class="title">My amazing one page website</h1>
<h2 class="subtitle">And it's all about mopeds!</h2>
<h1 class="title">Something about seattle</h1>
<h2 class="subtitle">Nobody cares about the east side</h2>
</div>
</div>

Expand All @@ -24,7 +25,7 @@ <h2 class="subtitle">And it's all about mopeds!</h2>
</div>
</div>

<div class="section s1">
<div class="section s1" id="s1">
<div class="inner ">
<h1>My Mopeds</h1>
<div class="section">
Expand All @@ -33,7 +34,7 @@ <h1>My Mopeds</h1>
</div>
</div>

<div class="section s2">
<div class="section s2" id="s2">
<div class="inner">
<h1>Why Mopeds?</h1>
<h2>Because they are wicked fun!</h2>
Expand All @@ -45,7 +46,7 @@ <h2>Because they are wicked fun!</h2>



<div class="section s3">
<div class="section s3" id="s3">
<div class="inner">
<h1>Try Mopeds!</h1>
<h2>My wife Alissa tried mopeds and she loves them!</h2>
Expand Down

0 comments on commit 6ec9fa3

Please sign in to comment.