Bush School IDMD Spring Semester 2021
Creating Your Portfolio
These steps will guide you through setting up your portfolio on Github. Please follow the instructions VERY CAREFULLY! These instructions are more complicated than I would like, if you have any trouble at all please reach out to me.
Create your portfolio repository
- Login to Github
- Click the
+
in the upper-right corner and choose New repository - Fill in a repository name - use
idmd-portfolio
for your first repository - Check Initialize this repository with a README
- Click Create repository
Update your default branch
- Click Branch: main on the left-side, type
gh-pages
into the text box, and press enter - Click Settings on the menu top-right, Click Branches on the left, in the Default branch drop-down select gh-pages
- Click Update, and then click I understand, update the default branch.
- Click <> Code on top-left
- Click 2 branches
- Click the trash-can icon underneath Your branches, deleting the master branch
Creating your portfolio index page
- Go to the top level of the username/idmd-portfolio repository and Click Add file, Create new file
- Name it
index.html
- Copy-Paste the code below into the body of the file and modify
<html>
<head>
</head>
<body>
<h1>MYNAME's IDMD Portfolio</h1>
<p>Something interesting about yourself</p>
<p>Why are you taking this course?</p>
<p>What do you hope to learn from taking this course?</p>
<ol> My Projects
<li><a href="https://USERNAME.github.io/idmd-portfolio/SKETCHNAME">TITLE</a></li>
<li><a href="https://cnarayan.github.io/idmd-portfolio/meson">Meson</a></li>
<li><a href="https://cnarayan.github.io/idmd-portfolio/grids">Grid</a></li>
<li><a href="https://cnarayan.github.io/idmd-portfolio/lazy_draw_loc">Lazy draw with loc detection</a></li>
</ol>
</body>
</html>
- Modify the portfolio title and an introduction paragraph about yourself
- Click Commit new file at the bottom of the page
Viewing your portfolio
- Navigate your browser to https://username.github.io/repositoryname/ where you replace username with your assigned github username, and replace repsoitoryname with your repository name
- Did you see your introduction and links for sketches? Congratulations! Your portfolio page is on the internet! This website is live and you can share the link with others. We will be posting our class projects to our portfolios throughout the quarter. Go back to the main page of the IDMD website and try out the Student Portfolios link there under the Remote/Hybrid Classroom Applications topic!
Add your own P5JS sketch to your Github using Drag and Drop
- Add P5JS project to your Github using Drag and Drop Video (No Sound)
Add Chandru as a Collaborator on your idmd-portfolio repository
Extension
This is optional, but encouraged if you have some extra time
- Try out codecademy’s HTML Course to learn the syntax for your
index.html
file