diff --git a/README.md b/README.md
new file mode 100644
index 0000000..9cc122b
--- /dev/null
+++ b/README.md
@@ -0,0 +1,12 @@
+# README
+
+
+
+
+
+**Name:** Your Name
+**Email:**
+
+This is a template website using [Bulma](https://bulma.io/), [FontAwesome](https://origin.fontawesome.com/) for icons, and [Github Pages](). Designed to be modified (including this README file).
+
+*Template based on: *
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..08f6912
Binary files /dev/null and b/favicon.ico differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..203aff2
--- /dev/null
+++ b/index.html
@@ -0,0 +1,383 @@
+
+
+
+
+
+
+
+ Website Template
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Website Title
+
+
Website Subtitle
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Page Title
+
+
+
+ Page Subtitle
+
+
+
This would be an excellent place to describe what this page is for, what to find in different sections, describe any motivation or theme behind your visualizations, and so on.
+
+
You should not use this template unless you intend to customize it. Make it your own. Keep in mind this simple template is over 300 lines! You can see other examples of websites using Bulma at their showcase: bulma.io/expo/.
+
+
Data
+
+
Include some detailed information about the dataset here. You should add a link to the original dataset. You might also want to quote the license:
+ Put a citation here, possibly link to the dataset license information directly.
+
+
+
In addition to including a link to the source and license, you should describe the data. You might want a list of some sort to enumerate the different types of columns:
+
+
+
Column Name: Give a description of the column, including its type and possible range of values.
+
+
Column Name: Give a description of the column, including its type and possible range of values.
+
+
Column Name: Give a description of the column, including its type and possible range of values.
+
+
Column Name: Give a description of the column, including its type and possible range of values.
+
+
+
This will of course differ depending on the assignment and data.
+
+
Wrangling
+
+
Perhaps you had to do some data wrangling to the original dataset to prepare it for visualization. This would be a great place to discuss some of that wrangling.
+
+
+You can even put code into these pre blocks.
+ It will preserve whitespace.
+ That is helpful for formatted code.
+
+
+
You can alternatively embed a Gist if you want. There is an "embed" button on the Gist page and results in something like this:
+
+
+
+
Visualizations
+
+
Ideally not everything would be on a single page like this example. Instead, you might want to put each section in its own webpage. You would need to carefully replicate the page template (with the header, navbar, and footer) and make the necessary updates. For example, you want the "About" navbar item to be considered active on an "About" web page.
+
+
For now this is just a demo. The buttons below do not go anywhere, but can be easily changed to link to different visualization pages.
It is possible to embed some visualizations directly here too. Here is an example using Vega-Lite:
+
+
+
+
+
+
+
+
+
+
Instructions
+
+
You will likely need to include instructions on how to interpet and use the visualization. In the case above, if you click the three dots above it will open a menu where you can either save the visualization to a SVG or PNG, or alternatively open it up in the online Vega Editor.
+
+
Discussion
+
+
You may also need other sections, like a discussion section, per-visualization section on data wrangling, and others. Because of the extra content and code visualizations take, it might be worthwhile to break up your pages into one home page and then one page per visualization.
+ Thanks to Person Name for their suggestion to do something with the visualization.
+
+
+
Grade
+
+
+
+
+
+
+
+
+
+
Letter
+
Done?
+
Description
+
+
+
+
+
+
D
+
+
Discussion of how this grade level was satisfied. Exactly how this section should look will depend on the assignment in question. There is no requirement for formatting in this way. This is just an example of what a table element might look like for this informaiton.
+
+
+
+
C
+
+
Discussion of how this grade level was satisfied.
+
+
+
+
B
+
+
Discussion of how this grade level was satisfied.
+
+
+
+
A
+
+
Discussion of how this grade level was not satisfied.
+ Here is a brief bio about yourself. A good rule of thumb is to include at least one technical tidbit (favorite area or course within computer science), and one fun tidbit (such as loving dogs).
+
+
+
+
+
Skills
+
+
+ Python
+ C
+ Java
+ JavaScript
+ HTML
+ CSS
+ SVG
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/profile.png b/profile.png
new file mode 100644
index 0000000..b7feaaf
Binary files /dev/null and b/profile.png differ
