Assignment 2 - Homepage
In this assignment, you will create a homepage for yourself. The homepage will contain your name, a photograph of you, a short bio, and a list of your favorite movies or books. You will then push your homepage to GitHub Pages.
Show/Hide Video
Specifications
Your website should have the following:
Create an index.html page that contains:
- Your name
- A photograph of yourself (This is to help me learn your name. After a few weeks, you can replace this with a photo of something else if you like.)
- A short bio about yourself
- A list of your favorite movies or books
Style the page using CSS. You can use an external stylesheet or style the page using
<style>tags in the<head>section of the page. You can be as creative as you want with the design, but at a minimum, you should:- Change the background color of the page
- Change the font family and color of the text
Create a JavaScript file called
site.jsand link it to your page.- You can write an alert or a console message to test that the file is linked correctly, but otherwise the file should be empty.
Submission
Pushing to GitHub Pages
You're going to push your website to GitHub Pages. To do this, you will need to create a new repository on GitHub and push your files to it.
Important
Even if you have used GitHub before, you should follow the instructions below! There are some important steps when creating a GitHub Pages site that you may not be familiar with!
Things to remember when creating your repository:
Make sure your index page is named
index.html. index.htm will not work!The name of the repository must be
<your GitHub username>.github.io. For example, if your GitHub username isjohndoe, the name of the repository must bejohndoe.github.io.Make sure you select "Public" when creating the repository.
Show/Hide Video
Submitting to Blackboard
Once you have your project pushed to GitHub, submit the link to your GitHub Pages site to Blackboard.