audrianna

The personal site for Audrianna.

Instructions

1. You should have an email from GitHub, explaining that "bytebodger invited you to bytebodger/audrianna". Open that email and click on the "accept" text.
2. On the GitHub screen, click on "Accept invitation".
3. Download and install Git. It's a free tool that pushes your code into the repository (amongst other things).
4. Once Git is installed, create a new directory on the laptop. You can call it whatever you want, but I'll assume in these instructions that the directory is called "code".
5. Open a command prompt (the black terminal application that you use to type in commands on the command line).
6. Navigate to the new directory. You can do this by typing in cd C:\code.
7. Once you're in the new directory, type this command: git clone https://github.com/bytebodger/audrianna.git. That will bring a local copy of the site down to your laptop. It will also create a "link" between the local code and the remote repository.
8. Under your C:\code directory, you should now have a directory called "audrianna".
9. Open Atom and expand the "Open a Project" panel on the right.
10. Click the "Open a Project" button.
11. A Windows File Explorer window will open.
12. Navigate to C:\code and then select the "audrianna" folder in it.
13. The files for your site will be shown on the left. Open the index.html file and make some sort of change to it and save the file.
14. In the bottom-right corner, you'll see information about the repository. This includes the branch name ("main") and buttons for Fetch, GitHub, and Git.
15. Click the GitHub button.
16. A panel will display on the right, with a Login button. Click that button.
17. It will then prompt you for a token. It shows a link to github.atom.io/login. Click on that link.
18. It will then show you a GitHub screen where you can authorize Atom to work with GitHub. The default options should be fine. Click "Authorize atom".
19. It then shows you a GitHub token. Click "Copy token" to put the token in your clipboard.
20. Back in Atom, paste that token into the "Enter your token..." field, then click "Login".
21. Click the "Git" button in the bottom-right corner of Atom.
22. Under "Unstaged Changes", you should see "index.html", because you have made changes to the file that have not yet been committed to the repository.
23. Click the "Stage All" button.
24. You should now see "index.html" under "Staged Changes".
25. Type something (anything) in the "Commit message" field.
26. Click the "Commit to main" button.
27. In the bottom-right corner, you should now have a button that says "Push 1". Click that button.
28. It will work for a few seconds, and then the Push button should go away (because there's no new content to be pushed).
29. Wait 3-4 minutes, then go to https://audrianna.com. You should be able to see your changes.

General "Flow"

What's happening is that AWS is setup to automatically rebuild and redeploy your site any time there are new changes to the "main" branch. When you go through that process of staging your changes, then committing them to main, then pushing them, you are updating "main" and, by extension, you are updating the content on your site. You have to follow those steps any time you want to see new changes to your live site. If you only commit the code, without also pushing it, you won't see the changes on the live site.

You can add as many directories and files as you need. You'll just need to be sure that you add those new files/directories to the repository through the same stage/commit/push process.