> For the complete documentation index, see [llms.txt](https://benjohansen.gitbook.io/musictech/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://benjohansen.gitbook.io/musictech/2024_spring/portfolio-website.md).

# Portfolio Website

You will turn in all your projects for this class by embedding them on your portfolio website.

This is a working document, so resources will be added as you need them throughout the semester.

***

### [**follow along during class on Zoom**](https://baylor.zoom.us/j/83388615452?pwd=REN1UExEM0tnOGhQaGllRDU3MjNhQT09)

### Getting Started

1. Create a free account at <https://glitch.com>
2. Create a blank new project using <https://glitch.new/blank>
   * delete all the files to start from scratch
   * create the following three files = `index.html`, `style.css`, and `index.js`

### Here is what we will learn in class:

* how HTML, [CSS](https://internetingishard.netlify.app/html-and-css/hello-css/), and JavaScript work
* create a very basic navbar ([here's a good tutorial](https://www.youtube.com/watch?v=GpEZ1Z4nQrw))
* how to embed media
* asdfsldkfjsldkf

Section 1 Sites:

* Brady: <https://brizz1111.glitch.me/>
* Karis: <https://karistechwebsite.glitch.me/>
* Monet: <https://monetmarkle.glitch.me/>
* Lyvia: <https://lyviamatthewswebsite.glitch.me/>
* Gavin: <https://gavinbrophy.glitch.me/>
* Marco Medina: <https://marcomedina.glitch.me/>
* Emily's: <https://emilylininger.glitch.me/>
* Jenna: <https://jennasmith.glitch.me>
* Kristina: <https://kristinadjaja.glitch.me/>&#x20;
* Kaleigh: <https://kaleighharper.glitch.me>
* Davis: <https://davisp.glitch.me>

Section 2 Sites:

* Maura = <https://proximal-gold-astronomy.glitch.me/>
* Marina =&#x20;
* Amy = <https://charm-sumptuous-ginger.glitch.me>
* Graham = <https://truth-wax-nail.glitch.me/>
* Jeremy = <https://jungle-comfortable-pecorino.glitch.me/>
* Claire = <https://towering-short-lint.glitch.me/>
* Audrie = <https://flash-puzzle-galliform.glitch.me>
* Marcelo = <https://hilarious-fish-backbone.glitch.me/>
* Chepe = <https://sandy-scandalous-stop.glitch.me/>
* Maslin = <https://maslinmarkle.glitch.me/>
* Zachary = <https://meteor-fuschia-iguanadon.glitch.me/>
* Joy = [jwang.glitch.me](http://jwang.glitch.me)