{"action":"created","comment":{"url":"https://api.github.com/repos/OperationSpark/first-website/pulls/comments/28205268","id":28205268,"diff_hunk":"@@ -273,139 +280,112 @@ Copy the entire below section and place it inside the `<head>` below the `<title\n ````CSS\n <style>\n     body {\n-        background: #7DC6CD;\n-        color: #454545;\n+        background: rgb(125, 198, 205);\n+        color: rgb(45, 45, 45);\n         padding: 10px;\n         font-family: arial;\n     }\n-    \n-    p {\n-        width: 600px;\n-    }\n-    \n-    h1 {\n-        margin-top: 5px;\n-        margin-bottom: 5px;\n+    header {\n+        font-size: 1.5em;\n+        font-weight: bold;\n     }\n-    \n-    /* Main container area beneath menu */\n-    .container {\n+    [class=all-contents] {\n         max-width: 800px;\n-        margin: 0 auto;\n-        background: #F5EEDB;\n+        margin: auto;\n     }\n-    \n-    /* Content area within conatiner */\n-    .content {\n-        padding: 15px;\n-        margin-left: 225px;\n-    }\n-    \n-    /* Left aligned sidebar */\n-    .sidebar {\n-        width: 225px;\n-        float: left;\n-        padding: 10px;\n-    }\n-    \n-    .sidebar img {\n-        width: 200px;\n-    }\n-    \n-    /* Main menu */\n+\n+    /* Main navigation menu */\n     nav {\n-        background: #EF5029;\n-        height: 50px;\n-        max-width: 800px;\n+        background: rgb(239,80,41);\n         margin: 0 auto;\n+        display: flex;\n+        padding: 10px;\n+    }\n+    nav header {\n+        display: flex;\n+        align-items: center;\n+        color: rgb(255, 255, 255);\n+        flex: 1;\n     }\n-    \n     nav ul {\n         list-style-image: none;\n-        float: right;\n     }\n-    \n-    nav ul li {\n-        display: inline;\n-        padding-right: 20px;\n+    nav li {\n+        display: inline-block;\n+        padding: 0 10px;\n     }\n-    \n     nav a {\n         text-decoration: none;\n-        color: #fff;\n-    }\n-    \n-    /* Site Title */\n-    nav h1 {\n-        float: left;\n-        margin-top: 13px;\n-        margin-left: 10px;\n-        font-size: 21px;\n-        color: #ffffff;\n+        color: rgb(255, 255, 255);\n     }\n-    \n-    /* Portfolio page */\n-    ul.portfolio {\n-        list-style-type: none;\n-        padding-left: 0;\n+\n+    /* Main container area beneath menu */\n+    main {\n+        background: rgb(245, 238, 219);\n+        display: flex;\n     }\n-    \n-    ul.portfolio li {\n-        background: #fff;\n+    [class=sidebar] {\n+        margin-right: 25px;\n         padding: 10px;\n-        border-radius: 10px;\n-        margin-bottom: 10px;\n     }\n-    \n-    ul.portfolio li:hover {\n-        background: #eee;\n+    [class=sidebar] img {\n+        width: 200px;\n     }\n-    \n-    .portfolio a {\n-        text-decoration: none;\n-        color: #454545;\n+    [class=content] {\n+        flex: 1;\n+        padding: 15px;\n+    }\n+    [class=interests] header {\n+        font-size: 1.25em;\n     }\n </style>\n ````\n \n+###TODO 11: Play around with the CSS\n+\n Check it out! We have some style but not much and some elements are too close together. Let's fix that.\n \n * Find the nav selector in the CSS, and under `margin: 0 auto;` add `margin-bottom: 20px;`\n-* Save and view the changes. The menu now has some space underneath it!\n-* The text is smooshed up against the image in the sidebar. We can add a margin to give it some room.\n-* Under the img selector add `margin-right: 40px;`\n+   * Save and view the changes. The menu now has some space underneath it!\n+* Do you like these colors? Remember that all colors can be represented as a combination of red, green, and blue numbers 0-255. See the rgb(...) functions above? Play around with these to use your own colors\n \n-###Extra Credit\n+####Extra Credit\n \n-* Google border radius and add it to the `<nav>` element.\n+* Google `border-radius` and add it to the `<nav>` element.\n * Add a border around the image\n-* Change the color of the background\n \n-### Add C9 to gitignore\n+###TODO 12: Add C9 to gitignore\n \n-If you don't see the `.gitignore`, click on the _gear_ icon in the file system and select \"Show Hidden Files.\n+We need to do some cleanup before putting your site onto the internet. This step will make working with our site easier in the future by making our site ignore files generated by Cloud 9 that we don't need.\n \n-At the bottom of the `.gitignore` file, add the following:\n-\n-    .c9\n-    \n-Save the `.gitignore` file, and close it.  We've asked git to ignore the Cloud9 IDE configuration files - there's no need for us to manage these in our git version control.\n+* Click on the _gear_ icon in the file system and select \"Show Hidden Files.\n+* At the bottom of the `.gitignore` file, on a blank line add `.c9`\n+* Save the `.gitignore` file, and close it.  We've asked git to ignore the Cloud9 IDE configuration files - there's no need for us to manage these in our git version control.\n \n-### Go Live\n+###TODO 13: Go Live!\n \n+Let's put our site on the internet so that anyone can look at it!\n \n With <a href=\"https://pages.github.com/\" target=\"_blank\">GitHub Pages</a>, once you push your changes from your Cloud9 workspace up to your GitHub repository, you page will be live on the Internet.\n \n To do so, you'll need to enter the following git commands into your bash terminal.  Select the bash terminal in the Console View - the bottom window pane in Cloud9.\n \n-Enter the following commands, pressing ENTER after each one:\n+Enter the following commands, be careful to place your spaces correctly and press ENTER after each one. Read the results of each command and check for errors.\n \n-`git add .`\n+First, add all the files we worked into git so that they can be archived in our source control\n \n-`git commit -m 'First commit'`\n+`git add -A :/`\n+\n+Then archive everything that has been added\n+\n+`git commit -m 'A basic website'`\n+\n+Finally, sync the repository in cloud9 with the one on github. Type 'yes' when prompted.\n \n `git push`\n \n+Your code should now appear on the github page you copied the url from in the Setup step.","path":"README.md","position":384,"original_position":384,"commit_id":"80e319c6ae63a06460be67fcf7aa00cdb0ffda59","original_commit_id":"80e319c6ae63a06460be67fcf7aa00cdb0ffda59","user":{"login":"jfraboni","id":641093,"avatar_url":"https://avatars.githubusercontent.com/u/641093?v=3","gravatar_id":"","url":"https://api.github.com/users/jfraboni","html_url":"https://github.com/jfraboni","followers_url":"https://api.github.com/users/jfraboni/followers","following_url":"https://api.github.com/users/jfraboni/following{/other_user}","gists_url":"https://api.github.com/users/jfraboni/gists{/gist_id}","starred_url":"https://api.github.com/users/jfraboni/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jfraboni/subscriptions","organizations_url":"https://api.github.com/users/jfraboni/orgs","repos_url":"https://api.github.com/users/jfraboni/repos","events_url":"https://api.github.com/users/jfraboni/events{/privacy}","received_events_url":"https://api.github.com/users/jfraboni/received_events","type":"User","site_admin":false},"body":"This isn't quite clear.  I prefer what Max had before, at line 389 in this PR.","created_at":"2015-04-12T17:03:35Z","updated_at":"2015-04-12T17:03:35Z","html_url":"https://github.com/OperationSpark/first-website/pull/1#discussion_r28205268","pull_request_url":"https://api.github.com/repos/OperationSpark/first-website/pulls/1","_links":{"self":{"href":"https://api.github.com/repos/OperationSpark/first-website/pulls/comments/28205268"},"html":{"href":"https://github.com/OperationSpark/first-website/pull/1#discussion_r28205268"},"pull_request":{"href":"https://api.github.com/repos/OperationSpark/first-website/pulls/1"}}},"pull_request":{"url":"https://api.github.com/repos/OperationSpark/first-website/pulls/1","id":33112581,"html_url":"https://github.com/OperationSpark/first-website/pull/1","diff_url":"https://github.com/OperationSpark/first-website/pull/1.diff","patch_url":"https://github.com/OperationSpark/first-website/pull/1.patch","issue_url":"https://api.github.com/repos/OperationSpark/first-website/issues/1","number":1,"state":"open","locked":false,"title":"Fix CSS to follow style guide, add clarification to README","user":{"login":"togakangaroo","id":66150,"avatar_url":"https://avatars.githubusercontent.com/u/66150?v=3","gravatar_id":"","url":"https://api.github.com/users/togakangaroo","html_url":"https://github.com/togakangaroo","followers_url":"https://api.github.com/users/togakangaroo/followers","following_url":"https://api.github.com/users/togakangaroo/following{/other_user}","gists_url":"https://api.github.com/users/togakangaroo/gists{/gist_id}","starred_url":"https://api.github.com/users/togakangaroo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/togakangaroo/subscriptions","organizations_url":"https://api.github.com/users/togakangaroo/orgs","repos_url":"https://api.github.com/users/togakangaroo/repos","events_url":"https://api.github.com/users/togakangaroo/events{/privacy}","received_events_url":"https://api.github.com/users/togakangaroo/received_events","type":"User","site_admin":false},"body":"Also use some more semantic HTML elements","created_at":"2015-04-12T00:33:27Z","updated_at":"2015-04-12T17:03:35Z","closed_at":null,"merged_at":null,"merge_commit_sha":"f94f1eb46c90fce4a641f87d8df398654b04338c","assignee":null,"milestone":null,"commits_url":"https://api.github.com/repos/OperationSpark/first-website/pulls/1/commits","review_comments_url":"https://api.github.com/repos/OperationSpark/first-website/pulls/1/comments","review_comment_url":"https://api.github.com/repos/OperationSpark/first-website/pulls/comments{/number}","comments_url":"https://api.github.com/repos/OperationSpark/first-website/issues/1/comments","statuses_url":"https://api.github.com/repos/OperationSpark/first-website/statuses/80e319c6ae63a06460be67fcf7aa00cdb0ffda59","head":{"label":"togakangaroo:master","ref":"master","sha":"80e319c6ae63a06460be67fcf7aa00cdb0ffda59","user":{"login":"togakangaroo","id":66150,"avatar_url":"https://avatars.githubusercontent.com/u/66150?v=3","gravatar_id":"","url":"https://api.github.com/users/togakangaroo","html_url":"https://github.com/togakangaroo","followers_url":"https://api.github.com/users/togakangaroo/followers","following_url":"https://api.github.com/users/togakangaroo/following{/other_user}","gists_url":"https://api.github.com/users/togakangaroo/gists{/gist_id}","starred_url":"https://api.github.com/users/togakangaroo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/togakangaroo/subscriptions","organizations_url":"https://api.github.com/users/togakangaroo/orgs","repos_url":"https://api.github.com/users/togakangaroo/repos","events_url":"https://api.github.com/users/togakangaroo/events{/privacy}","received_events_url":"https://api.github.com/users/togakangaroo/received_events","type":"User","site_admin":false},"repo":{"id":33795220,"name":"first-website","full_name":"togakangaroo/first-website","owner":{"login":"togakangaroo","id":66150,"avatar_url":"https://avatars.githubusercontent.com/u/66150?v=3","gravatar_id":"","url":"https://api.github.com/users/togakangaroo","html_url":"https://github.com/togakangaroo","followers_url":"https://api.github.com/users/togakangaroo/followers","following_url":"https://api.github.com/users/togakangaroo/following{/other_user}","gists_url":"https://api.github.com/users/togakangaroo/gists{/gist_id}","starred_url":"https://api.github.com/users/togakangaroo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/togakangaroo/subscriptions","organizations_url":"https://api.github.com/users/togakangaroo/orgs","repos_url":"https://api.github.com/users/togakangaroo/repos","events_url":"https://api.github.com/users/togakangaroo/events{/privacy}","received_events_url":"https://api.github.com/users/togakangaroo/received_events","type":"User","site_admin":false},"private":false,"html_url":"https://github.com/togakangaroo/first-website","description":"Create and host a website on Github","fork":true,"url":"https://api.github.com/repos/togakangaroo/first-website","forks_url":"https://api.github.com/repos/togakangaroo/first-website/forks","keys_url":"https://api.github.com/repos/togakangaroo/first-website/keys{/key_id}","collaborators_url":"https://api.github.com/repos/togakangaroo/first-website/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/togakangaroo/first-website/teams","hooks_url":"https://api.github.com/repos/togakangaroo/first-website/hooks","issue_events_url":"https://api.github.com/repos/togakangaroo/first-website/issues/events{/number}","events_url":"https://api.github.com/repos/togakangaroo/first-website/events","assignees_url":"https://api.github.com/repos/togakangaroo/first-website/assignees{/user}","branches_url":"https://api.github.com/repos/togakangaroo/first-website/branches{/branch}","tags_url":"https://api.github.com/repos/togakangaroo/first-website/tags","blobs_url":"https://api.github.com/repos/togakangaroo/first-website/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/togakangaroo/first-website/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/togakangaroo/first-website/git/refs{/sha}","trees_url":"https://api.github.com/repos/togakangaroo/first-website/git/trees{/sha}","statuses_url":"https://api.github.com/repos/togakangaroo/first-website/statuses/{sha}","languages_url":"https://api.github.com/repos/togakangaroo/first-website/languages","stargazers_url":"https://api.github.com/repos/togakangaroo/first-website/stargazers","contributors_url":"https://api.github.com/repos/togakangaroo/first-website/contributors","subscribers_url":"https://api.github.com/repos/togakangaroo/first-website/subscribers","subscription_url":"https://api.github.com/repos/togakangaroo/first-website/subscription","commits_url":"https://api.github.com/repos/togakangaroo/first-website/commits{/sha}","git_commits_url":"https://api.github.com/repos/togakangaroo/first-website/git/commits{/sha}","comments_url":"https://api.github.com/repos/togakangaroo/first-website/comments{/number}","issue_comment_url":"https://api.github.com/repos/togakangaroo/first-website/issues/comments{/number}","contents_url":"https://api.github.com/repos/togakangaroo/first-website/contents/{+path}","compare_url":"https://api.github.com/repos/togakangaroo/first-website/compare/{base}...{head}","merges_url":"https://api.github.com/repos/togakangaroo/first-website/merges","archive_url":"https://api.github.com/repos/togakangaroo/first-website/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/togakangaroo/first-website/downloads","issues_url":"https://api.github.com/repos/togakangaroo/first-website/issues{/number}","pulls_url":"https://api.github.com/repos/togakangaroo/first-website/pulls{/number}","milestones_url":"https://api.github.com/repos/togakangaroo/first-website/milestones{/number}","notifications_url":"https://api.github.com/repos/togakangaroo/first-website/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/togakangaroo/first-website/labels{/name}","releases_url":"https://api.github.com/repos/togakangaroo/first-website/releases{/id}","created_at":"2015-04-11T22:39:57Z","updated_at":"2015-04-12T00:32:27Z","pushed_at":"2015-04-12T00:32:26Z","git_url":"git://github.com/togakangaroo/first-website.git","ssh_url":"git@github.com:togakangaroo/first-website.git","clone_url":"https://github.com/togakangaroo/first-website.git","svn_url":"https://github.com/togakangaroo/first-website","homepage":null,"size":2088,"stargazers_count":0,"watchers_count":0,"language":"HTML","has_issues":false,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":0,"mirror_url":null,"open_issues_count":0,"forks":0,"open_issues":0,"watchers":0,"default_branch":"master"}},"base":{"label":"OperationSpark:master","ref":"master","sha":"49a46d288fa84663e6c0491e4014d5cd46009b2d","user":{"login":"OperationSpark","id":8422246,"avatar_url":"https://avatars.githubusercontent.com/u/8422246?v=3","gravatar_id":"","url":"https://api.github.com/users/OperationSpark","html_url":"https://github.com/OperationSpark","followers_url":"https://api.github.com/users/OperationSpark/followers","following_url":"https://api.github.com/users/OperationSpark/following{/other_user}","gists_url":"https://api.github.com/users/OperationSpark/gists{/gist_id}","starred_url":"https://api.github.com/users/OperationSpark/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/OperationSpark/subscriptions","organizations_url":"https://api.github.com/users/OperationSpark/orgs","repos_url":"https://api.github.com/users/OperationSpark/repos","events_url":"https://api.github.com/users/OperationSpark/events{/privacy}","received_events_url":"https://api.github.com/users/OperationSpark/received_events","type":"Organization","site_admin":false},"repo":{"id":30332628,"name":"first-website","full_name":"OperationSpark/first-website","owner":{"login":"OperationSpark","id":8422246,"avatar_url":"https://avatars.githubusercontent.com/u/8422246?v=3","gravatar_id":"","url":"https://api.github.com/users/OperationSpark","html_url":"https://github.com/OperationSpark","followers_url":"https://api.github.com/users/OperationSpark/followers","following_url":"https://api.github.com/users/OperationSpark/following{/other_user}","gists_url":"https://api.github.com/users/OperationSpark/gists{/gist_id}","starred_url":"https://api.github.com/users/OperationSpark/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/OperationSpark/subscriptions","organizations_url":"https://api.github.com/users/OperationSpark/orgs","repos_url":"https://api.github.com/users/OperationSpark/repos","events_url":"https://api.github.com/users/OperationSpark/events{/privacy}","received_events_url":"https://api.github.com/users/OperationSpark/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/OperationSpark/first-website","description":"Create and host a website on Github","fork":false,"url":"https://api.github.com/repos/OperationSpark/first-website","forks_url":"https://api.github.com/repos/OperationSpark/first-website/forks","keys_url":"https://api.github.com/repos/OperationSpark/first-website/keys{/key_id}","collaborators_url":"https://api.github.com/repos/OperationSpark/first-website/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/OperationSpark/first-website/teams","hooks_url":"https://api.github.com/repos/OperationSpark/first-website/hooks","issue_events_url":"https://api.github.com/repos/OperationSpark/first-website/issues/events{/number}","events_url":"https://api.github.com/repos/OperationSpark/first-website/events","assignees_url":"https://api.github.com/repos/OperationSpark/first-website/assignees{/user}","branches_url":"https://api.github.com/repos/OperationSpark/first-website/branches{/branch}","tags_url":"https://api.github.com/repos/OperationSpark/first-website/tags","blobs_url":"https://api.github.com/repos/OperationSpark/first-website/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/OperationSpark/first-website/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/OperationSpark/first-website/git/refs{/sha}","trees_url":"https://api.github.com/repos/OperationSpark/first-website/git/trees{/sha}","statuses_url":"https://api.github.com/repos/OperationSpark/first-website/statuses/{sha}","languages_url":"https://api.github.com/repos/OperationSpark/first-website/languages","stargazers_url":"https://api.github.com/repos/OperationSpark/first-website/stargazers","contributors_url":"https://api.github.com/repos/OperationSpark/first-website/contributors","subscribers_url":"https://api.github.com/repos/OperationSpark/first-website/subscribers","subscription_url":"https://api.github.com/repos/OperationSpark/first-website/subscription","commits_url":"https://api.github.com/repos/OperationSpark/first-website/commits{/sha}","git_commits_url":"https://api.github.com/repos/OperationSpark/first-website/git/commits{/sha}","comments_url":"https://api.github.com/repos/OperationSpark/first-website/comments{/number}","issue_comment_url":"https://api.github.com/repos/OperationSpark/first-website/issues/comments{/number}","contents_url":"https://api.github.com/repos/OperationSpark/first-website/contents/{+path}","compare_url":"https://api.github.com/repos/OperationSpark/first-website/compare/{base}...{head}","merges_url":"https://api.github.com/repos/OperationSpark/first-website/merges","archive_url":"https://api.github.com/repos/OperationSpark/first-website/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/OperationSpark/first-website/downloads","issues_url":"https://api.github.com/repos/OperationSpark/first-website/issues{/number}","pulls_url":"https://api.github.com/repos/OperationSpark/first-website/pulls{/number}","milestones_url":"https://api.github.com/repos/OperationSpark/first-website/milestones{/number}","notifications_url":"https://api.github.com/repos/OperationSpark/first-website/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/OperationSpark/first-website/labels{/name}","releases_url":"https://api.github.com/repos/OperationSpark/first-website/releases{/id}","created_at":"2015-02-05T02:05:34Z","updated_at":"2015-04-07T14:38:39Z","pushed_at":"2015-04-12T00:33:27Z","git_url":"git://github.com/OperationSpark/first-website.git","ssh_url":"git@github.com:OperationSpark/first-website.git","clone_url":"https://github.com/OperationSpark/first-website.git","svn_url":"https://github.com/OperationSpark/first-website","homepage":null,"size":2088,"stargazers_count":0,"watchers_count":0,"language":"HTML","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":1,"mirror_url":null,"open_issues_count":1,"forks":1,"open_issues":1,"watchers":0,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/OperationSpark/first-website/pulls/1"},"html":{"href":"https://github.com/OperationSpark/first-website/pull/1"},"issue":{"href":"https://api.github.com/repos/OperationSpark/first-website/issues/1"},"comments":{"href":"https://api.github.com/repos/OperationSpark/first-website/issues/1/comments"},"review_comments":{"href":"https://api.github.com/repos/OperationSpark/first-website/pulls/1/comments"},"review_comment":{"href":"https://api.github.com/repos/OperationSpark/first-website/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/OperationSpark/first-website/pulls/1/commits"},"statuses":{"href":"https://api.github.com/repos/OperationSpark/first-website/statuses/80e319c6ae63a06460be67fcf7aa00cdb0ffda59"}}}}