1.3 Create your website!

This is the beginning of your website. Each sprint you'll be evolving your website to incorporate what you've learned.

Don't forget to start and stop your Toggl timer as you work through your assignment!
Tick off the tasks as you complete them

Get the blog infrastructure up and running

[x] Start Toggl.
[x] publish a very simple USERNAME.github.io page. (IMPORTANT! The repository you create MUST be named your-github-username.github.io)
[x] Post a link to the live site in the waffle comments below.

Add an HTML index page.

Remember, HTML is about content only. Styling anything with HTML is a very bad habit - don't do it!

[x] Using the terminal, clone down your new respository.
[x] Navigate to your username.github.io repository and create an index.html file.
[x] Open your project in VS Code with code .
[x] Use the HTML template to create an index page. Think of your index page as your "homepage" or "contents page" that will eventually link to all your blog posts. Your "homepage" will be visible at your-github-username.github.io.
[x] Give your homepage a title.
[x] Remove any unnecessary elements and content. This means any code that doesn't work or doesn't do anything.

Add HTML blog posts

If your index page is username.github.io then your blog posts will be located at username.github.io/blog/name-of-your-blog.

Setup the blog directory

[x] In terminal, navigate to your username.github.io repository and make a directory called blog.
[x] Within the blog directory, create a new file called c1-reflection-blog.html (the c1 stands for cultural).
[x] Copy the same HTML template for the index page into your c1-reflection-blog.html file.
[x] Stage and commit with meaningful commit message (e.g. setup blog directory).
[x] Push to GitHub.

Create your first blog

[x] Watch Shereef's Fireside Chat (relevant data starts at 9:48). This chat is over an hour long, so watch the parts you're interested in and make sure to leave time for writing your blog! If you're wondering who DBC is, they began as our 'sister' organisation in the States. While our curriculum has grown away from theirs (e.g. they did Ruby, we do JavaScript) much of the culture and values remains the same. Sherif explains it well.
[x] Write your reflections in c1-reflection-blog.html. Based on the video discuss:
- What's your take on the DBC/EDA experience?
- What are your impressions?
- How do you see yourself engaging with this type of culture?
- Have your expectations of EDA changed? If so, how?
- Are you excited to participate in this kind of learning environment? Does it make you nervous?
Keep in mind your answers will be visible.
[x] Stage and commit with a meaningful commit message (e.g. complete reflection blog).
[x] Push your blog to GitHub.

Create your second blog

[x] Timebox an hour to read through the time and habit management resources.
[x] Using the commandline, create a new file called c1-time-and-habits-blog.html in the blog directory. Copy over the same template and create a quick blog post containing your reflections on time and habit techniques:
- which timebox and habits techniques did you try?
- what did you find interesting?
- what worked for you?
- which will you experiment further with?
[x] Stage and commit with a meaningful commit message (e.g. complete time and habit blog).
[x] Push your blog to GitHub.

Link your blogs to the main page

[x] On your index (home) page, create a href link for each of your blogs. This should enable a person to click on a link and be taken to a blog.
[x] Stage and commit with meaningful commit message (e.g. linked blogs to home page).

Make it beautiful/fun with CSS!

Ok, now you can make it pretty. You can play for now, but in future you'll need to follow best practice or else you'll make a big mess. Focus on CSS functionality, not visual design. Do not spend hours tweaking fonts - well, not until you've finished all the assignments to a high standard. Spend your time playing with selecting elements, using different CSS properties, and laying out your CSS. It doesn't have to be very beautiful visually - we're looking for elegance and understanding in your use of CSS and HTML.

[x] Create a styles directory in the root of username.github.io repository.
[x] Inside of the styles directory create a main.css file.
[x] Link your styles/main.css file to your index.html file. (Youtube example, 5:08 min or MDN CSS Resource).
[x] Repeat and add the styles/main.css link to the HEAD of each of your blog posts.
[x] Use CSS to make your site look and feel awesome!
[x] Stage, commit with a meaningful message and push your changes to your live site!

Share it!

[x] On your campus-specifc Slack channel, share the link to your home page.

phase-0 / phase-0