{"action":"created","comment":{"url":"https://api.github.com/repos/hackclub/hackclub/pulls/comments/51227568","id":51227568,"diff_hunk":"@@ -0,0 +1,575 @@\n+# Personal Website\n+\n+By the end of this workshop, you will learn to make your own personal website.\n+It will look something like this:\n+\n+![](img/final_screenshot.png)\n+\n+Open the [live demo][final-live-demo]. See the [final code][final-code].\n+\n+[final-live-demo]: https://cdn.rawgit.com/anonymous/7a5a6cc614052c8c810f/raw/9419c5a5a4a871da091a49844ffbc46f434c01c8/index.html\n+[final-code]: http://jsbin.com/gist/7a5a6cc614052c8c810f?html,output\n+\n+**On the way, you will:**\n+\n+- Begin to learn the programming languages **HTML** & **CSS**\n+- Setup the coding tools, **GitHub**, **Cloud9**, **Slack** which  you will use\n+  throughout your time in Hack Club\n+\n+## Part I: Setup\n+\n+### 1) Sign Up for GitHub\n+\n+GitHub is a website used by millions of programmers to collaborate on code.\n+Think Dropbox, but for code. We'll be using it to store and manage our code in\n+Hack Club.\n+\n+1. Open https://github.com/join in a new tab and create a new account\n+  - Choose a username you will be proud to show future employers. (ex.\n+    `zachlatta` and `jonleung`)\n+  - Use an email that you have access to, you'll need to access it\n+    to verify your account\n+  - Make sure to remember your username and password, you'll need this at every\n+    club meeting\n+  - When prompted to choose a plan, to choose the **\"Free\"** plan\n+2. Open your email inbox in a new tab and look for an email from GitHub. Open it\n+   and click the button to verify your email\n+3. Open https://gh.hackclub.io in a new tab and star the project by clicking on\n+   the button that looks like this on the top right: ![](img/github_star.png)\n+\n+### 2) Create Your First GitHub repository\n+\n+GitHub allows us to **host** our website using a service called **GitHub\n+Pages**. This means that we can put the files of your website\n+on GitHub and GitHub will give you a URL that you can share with the world.\n+\n+1. Go to https://github.com\n+2. Click the green **\"+ New repository\"** button\n+3. Under **\"Repository name\"** write your `USERNAME.github.io` except instead of\n+   writing `USERNAME`, write your actual GitHub username. So if your username\n+   is `alice1337`, then you would write `alice1337.github.io`. You **have** to\n+   name your repository this in order for the GitHub Pages functionality to work\n+   correctly (more on what this is later).\n+4. Make sure that you did the previous step correctly.\n+  - Is your **username** entered correctly\n+  - The repository name should end in **`.io`**\n+5. After you are sure you entered in the repository name correctly, click the\n+   green \"Create repository\" button at the bottom.\n+6. Then copy the **\"HTTPS link\"** at the top. It should look like this:\n+   `https://github.com/username/username.github.io.git`. You will need this link\n+   for the next step.\n+\n+### 3) Sign Up for Cloud9\n+\n+Just like you can use Google Drive to write and organize documents written in\n+English, we'll be using **Cloud9** to write, save, and organize our code.\n+\n+> The techy term for a place where you can write, and organize code is **\"IDE\"**\n+> or \"Integrated Development Environment\"**\n+\n+1. In a new tab, open https://c9.io/\n+2. In the top right hand corner, click the button that looks like this:\n+   ![](img/c9_gh_icon.png)\n+3. Click the green **\"Authorize application\"** button\n+4. If there is a popup that asks for your email, go ahead and enter it\n+5. Click the gray box that says **\"Create a new workspace\"**\n+6. Set the **\"Workspace name\"**, to `projects`\n+   is your GitHub username.\n+7. Under **\"Clone from Git or Mercurial URL\"**, paste the **HTTPS Link** that\n+   you copied your GitHub repository.\n+\n+   > ![](img/c9_add_git_url.gif)\n+\n+8. Then without changing anything else on the screen, scroll to the bottom and\n+   click the green **\"Create Workspace\"** button.\n+\n+You should now see a screen looks something like this:\n+\n+![](img/c9_signup_ide_loaded.png)\n+\n+> Note:\n+>\n+> If you're waiting for a while (more than 10 seconds) and the above screen\n+> still doesn't load, try the following:\n+>\n+> 1. Open https://c9.io\n+> 2. Click on the green **\"Open\"** button**\n+> 3. You should now see screen shown above. If not, ask your facilitator for\n+>    help\n+\n+### 3) Celebrate!\n+\n+> ![](img/celebrate_king_kid.gif)\n+\n+Congratulations, you've officially set up all of your coding tools for the\n+semester!\n+\n+Now we're ready to start the website!\n+\n+## Part II: Create the Project Folder\n+\n+We're going to create a new folder for each project in Hack Club.\n+\n+Let's create a folder for our personal website project:\n+\n+1. On the left side of the screen, right click the **`projects`** folder\n+2. Click **\"New Folder\"**\n+3. Then name the folder **`personal_website`**\n+\n+> ![](img/c9_create_personal_website_folder.gif)\n+\n+## Part III: HTML\n+\n+Every website is written with **HTML** code. HTML code is written in **HTML\n+files**.\n+\n+> HTML stands for Hypertext Markup Language.\n+\n+### 1) Create the HTML file for your website\n+\n+1. Right click the **`personal_website`** folder you just created\n+2. Click **\"New File\"**\n+3. Then name the file **`index.html`**\n+4. Double click it to open it\n+\n+> ![](img/c9_create_index_dot_html.gif)\n+\n+> Notes:\n+>\n+> - Just like Microsoft Word Documents end in **`.doc`**, HTML files end in\n+**`.html**`\n+> - Your main HTML file has to be named **`index.html`**\n+\n+### 2) Adding standard HTML template\n+\n+Every HTML file follows this template:\n+\n+```html\n+<!DOCTYPE html>\n+<html>\n+    <head>\n+    </head>\n+    <body>\n+    </body>\n+</html>\n+```\n+\n+Let's put this template inside of our HTML file:\n+\n+1. Double click the **`index.html`** file you just created to open it\n+2. Retype the above HTML code into your **`index.html`** file, like so:\n+\n+> ![](img/write_html_template.gif)\n+\n+### 3) Adding to the Template\n+\n+There's a lot going on in the below template. For now, let's just understand\n+that there are two sections in this template, the **`head`** and the **`body`**:\n+\n+```markdown\n+<!DOCTYPE html>   \n+<html>          \n+    <head>\n+            ← \"this section is called the **`head`** of the **`html document`**\"\n+    </head>\n+    <body>\n+            ← \"this section is called the **`body`** of the **`html document`**\"\n+    </body>\n+</html>\n+```\n+\n+- The **`body`** of the HTML document is where all the **content** belongs. This\n+  includes all of the words and images on the page.\n+- The **`head`** of the HTML document is where you set the settings for the page\n+  and include other code files you want on your website.\n+\n+\n+\n+### 4) Opening the Website Preview\n+\n+Let's see what our website looks like so far:\n+\n+1. First, save the file by clicking **\"File\"** _(on the top right)_ → **\"Save\"**\n+   (or use the shortcut **CTRL + S / Command + S**)\n+2. Preview what the website looks like by clicking **\"Preview\"** → **\"Live\n+   Preview File\"**\n+\n+> ![](img/c9_live_preview.gif)\n+\n+As you can see, page is still blank. This is because we haven't added any\n+**content** in the **`body`** section yet. Let's add some!\n+\n+### 5) Adding My Name to the Body of the HTML\n+\n+1. Write your name in the **body** of the HTML page (between the **`<body>`**\n+   and **`</body>`**). My name is `Drizzy Drake` so that's what I will write.\n+\n+> ![](img/html_add_name.gif)\n+\n+Notice that that the HTML code you write is immediately updated in the preview.\n+That's why it's called a **\"Live Preview\"**\n+\n+### 6) Adding a Description\n+\n+1. Underneath on a new line, write one short sentence about yourself. I love my\n+job as a call center representative so I'm going to write `MVP hotline\n+answerer`.","path":"workshops/personal_website/README.md","position":216,"original_position":216,"commit_id":"90e196258f40e9a13e89efc0244fe74350d0d5c6","original_commit_id":"bbf9dec3f053c0eab9d142034e3cee7c04eb6694","user":{"login":"zachlatta","id":992248,"avatar_url":"https://avatars.githubusercontent.com/u/992248?v=3","gravatar_id":"","url":"https://api.github.com/users/zachlatta","html_url":"https://github.com/zachlatta","followers_url":"https://api.github.com/users/zachlatta/followers","following_url":"https://api.github.com/users/zachlatta/following{/other_user}","gists_url":"https://api.github.com/users/zachlatta/gists{/gist_id}","starred_url":"https://api.github.com/users/zachlatta/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/zachlatta/subscriptions","organizations_url":"https://api.github.com/users/zachlatta/orgs","repos_url":"https://api.github.com/users/zachlatta/repos","events_url":"https://api.github.com/users/zachlatta/events{/privacy}","received_events_url":"https://api.github.com/users/zachlatta/received_events","type":"User","site_admin":false},"body":"Lines 215 and 216 should be indented by two spaces","created_at":"2016-01-29T05:36:28Z","updated_at":"2016-01-29T05:36:28Z","html_url":"https://github.com/hackclub/hackclub/pull/677#discussion_r51227568","pull_request_url":"https://api.github.com/repos/hackclub/hackclub/pulls/677","_links":{"self":{"href":"https://api.github.com/repos/hackclub/hackclub/pulls/comments/51227568"},"html":{"href":"https://github.com/hackclub/hackclub/pull/677#discussion_r51227568"},"pull_request":{"href":"https://api.github.com/repos/hackclub/hackclub/pulls/677"}}},"pull_request":{"url":"https://api.github.com/repos/hackclub/hackclub/pulls/677","id":57606192,"html_url":"https://github.com/hackclub/hackclub/pull/677","diff_url":"https://github.com/hackclub/hackclub/pull/677.diff","patch_url":"https://github.com/hackclub/hackclub/pull/677.patch","issue_url":"https://api.github.com/repos/hackclub/hackclub/issues/677","number":677,"state":"open","locked":false,"title":"Add personal website workshop","user":{"login":"ad510","id":756128,"avatar_url":"https://avatars.githubusercontent.com/u/756128?v=3","gravatar_id":"","url":"https://api.github.com/users/ad510","html_url":"https://github.com/ad510","followers_url":"https://api.github.com/users/ad510/followers","following_url":"https://api.github.com/users/ad510/following{/other_user}","gists_url":"https://api.github.com/users/ad510/gists{/gist_id}","starred_url":"https://api.github.com/users/ad510/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ad510/subscriptions","organizations_url":"https://api.github.com/users/ad510/orgs","repos_url":"https://api.github.com/users/ad510/repos","events_url":"https://api.github.com/users/ad510/events{/privacy}","received_events_url":"https://api.github.com/users/ad510/received_events","type":"User","site_admin":false},"body":"This replaces #652, with some small changes so it should be ready to merge (hopefully).","created_at":"2016-01-29T04:53:24Z","updated_at":"2016-01-29T05:36:28Z","closed_at":null,"merged_at":null,"merge_commit_sha":"0ad85057331466ccedc6349f14ffa15824194a00","assignee":null,"milestone":null,"commits_url":"https://api.github.com/repos/hackclub/hackclub/pulls/677/commits","review_comments_url":"https://api.github.com/repos/hackclub/hackclub/pulls/677/comments","review_comment_url":"https://api.github.com/repos/hackclub/hackclub/pulls/comments{/number}","comments_url":"https://api.github.com/repos/hackclub/hackclub/issues/677/comments","statuses_url":"https://api.github.com/repos/hackclub/hackclub/statuses/90e196258f40e9a13e89efc0244fe74350d0d5c6","head":{"label":"ad510:add-personal-website-workshop","ref":"add-personal-website-workshop","sha":"90e196258f40e9a13e89efc0244fe74350d0d5c6","user":{"login":"ad510","id":756128,"avatar_url":"https://avatars.githubusercontent.com/u/756128?v=3","gravatar_id":"","url":"https://api.github.com/users/ad510","html_url":"https://github.com/ad510","followers_url":"https://api.github.com/users/ad510/followers","following_url":"https://api.github.com/users/ad510/following{/other_user}","gists_url":"https://api.github.com/users/ad510/gists{/gist_id}","starred_url":"https://api.github.com/users/ad510/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ad510/subscriptions","organizations_url":"https://api.github.com/users/ad510/orgs","repos_url":"https://api.github.com/users/ad510/repos","events_url":"https://api.github.com/users/ad510/events{/privacy}","received_events_url":"https://api.github.com/users/ad510/received_events","type":"User","site_admin":false},"repo":{"id":50011104,"name":"hackclub","full_name":"ad510/hackclub","owner":{"login":"ad510","id":756128,"avatar_url":"https://avatars.githubusercontent.com/u/756128?v=3","gravatar_id":"","url":"https://api.github.com/users/ad510","html_url":"https://github.com/ad510","followers_url":"https://api.github.com/users/ad510/followers","following_url":"https://api.github.com/users/ad510/following{/other_user}","gists_url":"https://api.github.com/users/ad510/gists{/gist_id}","starred_url":"https://api.github.com/users/ad510/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ad510/subscriptions","organizations_url":"https://api.github.com/users/ad510/orgs","repos_url":"https://api.github.com/users/ad510/repos","events_url":"https://api.github.com/users/ad510/events{/privacy}","received_events_url":"https://api.github.com/users/ad510/received_events","type":"User","site_admin":false},"private":false,"html_url":"https://github.com/ad510/hackclub","description":"Hack Club is the movement of free student-led coding clubs","fork":true,"url":"https://api.github.com/repos/ad510/hackclub","forks_url":"https://api.github.com/repos/ad510/hackclub/forks","keys_url":"https://api.github.com/repos/ad510/hackclub/keys{/key_id}","collaborators_url":"https://api.github.com/repos/ad510/hackclub/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/ad510/hackclub/teams","hooks_url":"https://api.github.com/repos/ad510/hackclub/hooks","issue_events_url":"https://api.github.com/repos/ad510/hackclub/issues/events{/number}","events_url":"https://api.github.com/repos/ad510/hackclub/events","assignees_url":"https://api.github.com/repos/ad510/hackclub/assignees{/user}","branches_url":"https://api.github.com/repos/ad510/hackclub/branches{/branch}","tags_url":"https://api.github.com/repos/ad510/hackclub/tags","blobs_url":"https://api.github.com/repos/ad510/hackclub/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/ad510/hackclub/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/ad510/hackclub/git/refs{/sha}","trees_url":"https://api.github.com/repos/ad510/hackclub/git/trees{/sha}","statuses_url":"https://api.github.com/repos/ad510/hackclub/statuses/{sha}","languages_url":"https://api.github.com/repos/ad510/hackclub/languages","stargazers_url":"https://api.github.com/repos/ad510/hackclub/stargazers","contributors_url":"https://api.github.com/repos/ad510/hackclub/contributors","subscribers_url":"https://api.github.com/repos/ad510/hackclub/subscribers","subscription_url":"https://api.github.com/repos/ad510/hackclub/subscription","commits_url":"https://api.github.com/repos/ad510/hackclub/commits{/sha}","git_commits_url":"https://api.github.com/repos/ad510/hackclub/git/commits{/sha}","comments_url":"https://api.github.com/repos/ad510/hackclub/comments{/number}","issue_comment_url":"https://api.github.com/repos/ad510/hackclub/issues/comments{/number}","contents_url":"https://api.github.com/repos/ad510/hackclub/contents/{+path}","compare_url":"https://api.github.com/repos/ad510/hackclub/compare/{base}...{head}","merges_url":"https://api.github.com/repos/ad510/hackclub/merges","archive_url":"https://api.github.com/repos/ad510/hackclub/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/ad510/hackclub/downloads","issues_url":"https://api.github.com/repos/ad510/hackclub/issues{/number}","pulls_url":"https://api.github.com/repos/ad510/hackclub/pulls{/number}","milestones_url":"https://api.github.com/repos/ad510/hackclub/milestones{/number}","notifications_url":"https://api.github.com/repos/ad510/hackclub/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/ad510/hackclub/labels{/name}","releases_url":"https://api.github.com/repos/ad510/hackclub/releases{/id}","deployments_url":"https://api.github.com/repos/ad510/hackclub/deployments","created_at":"2016-01-20T06:56:29Z","updated_at":"2016-01-20T06:56:31Z","pushed_at":"2016-01-29T05:34:01Z","git_url":"git://github.com/ad510/hackclub.git","ssh_url":"git@github.com:ad510/hackclub.git","clone_url":"https://github.com/ad510/hackclub.git","svn_url":"https://github.com/ad510/hackclub","homepage":"https://hackclub.io","size":214196,"stargazers_count":0,"watchers_count":0,"language":"JavaScript","has_issues":false,"has_downloads":true,"has_wiki":false,"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":"hackclub:master","ref":"master","sha":"a6a9b175d2c1262090b8ed28fa634f4774560631","user":{"login":"hackclub","id":5633654,"avatar_url":"https://avatars.githubusercontent.com/u/5633654?v=3","gravatar_id":"","url":"https://api.github.com/users/hackclub","html_url":"https://github.com/hackclub","followers_url":"https://api.github.com/users/hackclub/followers","following_url":"https://api.github.com/users/hackclub/following{/other_user}","gists_url":"https://api.github.com/users/hackclub/gists{/gist_id}","starred_url":"https://api.github.com/users/hackclub/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/hackclub/subscriptions","organizations_url":"https://api.github.com/users/hackclub/orgs","repos_url":"https://api.github.com/users/hackclub/repos","events_url":"https://api.github.com/users/hackclub/events{/privacy}","received_events_url":"https://api.github.com/users/hackclub/received_events","type":"Organization","site_admin":false},"repo":{"id":33744138,"name":"hackclub","full_name":"hackclub/hackclub","owner":{"login":"hackclub","id":5633654,"avatar_url":"https://avatars.githubusercontent.com/u/5633654?v=3","gravatar_id":"","url":"https://api.github.com/users/hackclub","html_url":"https://github.com/hackclub","followers_url":"https://api.github.com/users/hackclub/followers","following_url":"https://api.github.com/users/hackclub/following{/other_user}","gists_url":"https://api.github.com/users/hackclub/gists{/gist_id}","starred_url":"https://api.github.com/users/hackclub/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/hackclub/subscriptions","organizations_url":"https://api.github.com/users/hackclub/orgs","repos_url":"https://api.github.com/users/hackclub/repos","events_url":"https://api.github.com/users/hackclub/events{/privacy}","received_events_url":"https://api.github.com/users/hackclub/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/hackclub/hackclub","description":"Hack Club is the movement of free student-led coding clubs","fork":false,"url":"https://api.github.com/repos/hackclub/hackclub","forks_url":"https://api.github.com/repos/hackclub/hackclub/forks","keys_url":"https://api.github.com/repos/hackclub/hackclub/keys{/key_id}","collaborators_url":"https://api.github.com/repos/hackclub/hackclub/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/hackclub/hackclub/teams","hooks_url":"https://api.github.com/repos/hackclub/hackclub/hooks","issue_events_url":"https://api.github.com/repos/hackclub/hackclub/issues/events{/number}","events_url":"https://api.github.com/repos/hackclub/hackclub/events","assignees_url":"https://api.github.com/repos/hackclub/hackclub/assignees{/user}","branches_url":"https://api.github.com/repos/hackclub/hackclub/branches{/branch}","tags_url":"https://api.github.com/repos/hackclub/hackclub/tags","blobs_url":"https://api.github.com/repos/hackclub/hackclub/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/hackclub/hackclub/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/hackclub/hackclub/git/refs{/sha}","trees_url":"https://api.github.com/repos/hackclub/hackclub/git/trees{/sha}","statuses_url":"https://api.github.com/repos/hackclub/hackclub/statuses/{sha}","languages_url":"https://api.github.com/repos/hackclub/hackclub/languages","stargazers_url":"https://api.github.com/repos/hackclub/hackclub/stargazers","contributors_url":"https://api.github.com/repos/hackclub/hackclub/contributors","subscribers_url":"https://api.github.com/repos/hackclub/hackclub/subscribers","subscription_url":"https://api.github.com/repos/hackclub/hackclub/subscription","commits_url":"https://api.github.com/repos/hackclub/hackclub/commits{/sha}","git_commits_url":"https://api.github.com/repos/hackclub/hackclub/git/commits{/sha}","comments_url":"https://api.github.com/repos/hackclub/hackclub/comments{/number}","issue_comment_url":"https://api.github.com/repos/hackclub/hackclub/issues/comments{/number}","contents_url":"https://api.github.com/repos/hackclub/hackclub/contents/{+path}","compare_url":"https://api.github.com/repos/hackclub/hackclub/compare/{base}...{head}","merges_url":"https://api.github.com/repos/hackclub/hackclub/merges","archive_url":"https://api.github.com/repos/hackclub/hackclub/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/hackclub/hackclub/downloads","issues_url":"https://api.github.com/repos/hackclub/hackclub/issues{/number}","pulls_url":"https://api.github.com/repos/hackclub/hackclub/pulls{/number}","milestones_url":"https://api.github.com/repos/hackclub/hackclub/milestones{/number}","notifications_url":"https://api.github.com/repos/hackclub/hackclub/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/hackclub/hackclub/labels{/name}","releases_url":"https://api.github.com/repos/hackclub/hackclub/releases{/id}","deployments_url":"https://api.github.com/repos/hackclub/hackclub/deployments","created_at":"2015-04-10T18:28:39Z","updated_at":"2016-01-25T14:49:08Z","pushed_at":"2016-01-29T05:34:01Z","git_url":"git://github.com/hackclub/hackclub.git","ssh_url":"git@github.com:hackclub/hackclub.git","clone_url":"https://github.com/hackclub/hackclub.git","svn_url":"https://github.com/hackclub/hackclub","homepage":"https://hackclub.io","size":325812,"stargazers_count":70,"watchers_count":70,"language":"JavaScript","has_issues":true,"has_downloads":true,"has_wiki":false,"has_pages":false,"forks_count":63,"mirror_url":null,"open_issues_count":18,"forks":63,"open_issues":18,"watchers":70,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/hackclub/hackclub/pulls/677"},"html":{"href":"https://github.com/hackclub/hackclub/pull/677"},"issue":{"href":"https://api.github.com/repos/hackclub/hackclub/issues/677"},"comments":{"href":"https://api.github.com/repos/hackclub/hackclub/issues/677/comments"},"review_comments":{"href":"https://api.github.com/repos/hackclub/hackclub/pulls/677/comments"},"review_comment":{"href":"https://api.github.com/repos/hackclub/hackclub/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/hackclub/hackclub/pulls/677/commits"},"statuses":{"href":"https://api.github.com/repos/hackclub/hackclub/statuses/90e196258f40e9a13e89efc0244fe74350d0d5c6"}}}}