/tswd-portfolio-templates

Portfolio templates for setting up your Telling Stories with Data site.

TSWD-portfolio-templates

Portfolio templates for setting up your Telling Stories with Data site. Edit these pages as you like for your own portfolio!
Sometimes it's helpful to keep track of your web URL. Consider putting that somewhere on your page for easy reference:

Portfolio

This is my public portfolio for Telling Stories with Data at CMU! Here's where all my cool work will go. You should probably hire me.

About me

Hi! I really like data. And I like visualizations. So I guess you can say that I like data visualizations!

What I hope to learn

All the things - obviously. Maybe I want to make a list of all the things. If so, I can do so in Markdown like this:

  1. List item #1
  2. List item #2
  3. List item #3

or...

  • List item #1
  • List item #2
  • List item #3

Portfolio

Examples

You can keep this section for stuff from in-class demos or your other work, or remove it.

For this assignment, make sure you set up and link to a new page. This page is linking to a new Markdown document called visualizing-government-debt.md. For links to Markdown files in your repository, you can just include the name of the page without the .md extension.

Assignment 3&4: Critique by Design

For this assignment, make sure you set up and link to a new page. This page is linking to a new Markdown document called critique-by-design.md.

Final project

Here it might be helpful to include a high-level description of your final project. Part I Part II Part III(final-project-part-three)


Other stuff you can do (you can remove this section - it's just for your reference.)

Changing text

You can change text, like this:

Here's some bold text. Here's some italic text. Here's some strikethrough text.

Creating tables

You can build tables like this:

Name Type of pet Favority activity 1 FA 2 FA 3 FA 4
Eli cat Sleeping Eating Being pet Plotting to overthow dog empire
Howard dog You You You Eating
Frankenstein fish Swimming Eating Blowing bubbles Forgetting

An easy-to-use template generator tool can be found here

You can use different headings, like this:

Here's a large title (H1)

Here's a subtitle (H2)

...and so on (H3)

You get the idea - just don't forget the space between the # and your title. #Title won't work, but # Title will.

Adding images

Here's an example of how to add an image to my portfolio.

funny dog picture

Photo by charlesdeluvio on Unsplash

Alternately, you can set the size of the image using just a bit of HTML:

Remember that you'll need to upload the image into your repository, or include a link to the image somewhere else.

Setting up a separate page

So here's the code you'll need to add to your own site to create a second page.

  1. First, create a new page in your repository (for example, dataviz1.md)
  2. Next, add a link to that page by inserting the following into your readme.md page:

[title](dataviz) or [dataviz](https://cmustudent.github.io/portfolio/dataviz.html) or [CMU](https://www.cmu.edu)

Any of those formats will work. Here's some examples of working links:

[title](dataviz) = title
[dataviz](https://cmustudent.github.io/portfolio/dataviz.html) = dataviz
[CMU](https://www.cmu.edu) = CMU

Make sure to check these from your publicly accessible URL to make sure they're working correctly (not from the preview tab).

Looking for more? A nice Markdown guide can be found here