View on GitHub

idmd

Bush School Interactive Digital Media Design Course

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

  1. Login to Github
  2. Click the + in the upper-right corner and choose New repository
  3. Fill in a repository name - use idmd-portfolio for your first repository
  4. Check Initialize this repository with a README
  5. Click Create repository

Update your default branch

  1. Click Branch: main on the left-side, type gh-pages into the text box, and press enter
  2. Click Settings on the menu top-right, Click Branches on the left, in the Default branch drop-down select gh-pages
  3. Click Update, and then click I understand, update the default branch.
  4. Click <> Code on top-left
  5. Click 2 branches
  6. Click the trash-can icon underneath Your branches, deleting the master branch

Creating your portfolio index page

  1. Go to the top level of the username/idmd-portfolio repository and Click Add file, Create new file
  2. Name it index.html
  3. 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>
  1. Modify the portfolio title and an introduction paragraph about yourself
  2. Click Commit new file at the bottom of the page

Viewing your portfolio

  1. 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
  2. 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

  1. Add P5JS project to your Github using Drag and Drop Video (No Sound)

Add Chandru as a Collaborator on your idmd-portfolio repository

  1. Add Collaborator to your Github Repository

Extension

This is optional, but encouraged if you have some extra time