diff --git a/.gitignore b/.gitignore
index b512c09..55371e5 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,2 @@
-node_modules
\ No newline at end of file
+node_modules
+.vscode
\ No newline at end of file
diff --git a/calculate.js b/calculate.js
deleted file mode 100644
index 5fd3968..0000000
--- a/calculate.js
+++ /dev/null
@@ -1,38 +0,0 @@
-/**
- * @param {type} name
- */
-
-//params
-const lines_per_field = 2
-// const lines_per_gutter = 0
-const rows = document.getElementById('rows').value
-const columns = document.getElementById('columns').value
-const box_height = 21.897 // calculate
-const box_width = 678.858 // calculate
-const h_text = 7.084 // measure??
-
-//calcs
-const lines = lines_per_field * rows + lines_per_gutter * (rows - 1)
-const total_text = h_text * lines
-const per_line_spacing = (box_height - total_text) / (lines - 1)
-
-//output
-function getLeading() {
- return per_line_spacing + h_text
-}
-const leading = getLeading()
-const h_gutter = 2 * per_line_spacing + h_text
-const h_field = (box_height - h_gutter * (rows - 1)) / rows
-const v_gutter = (box_width - columns * h_field) / (columns - 1)
-
-window.onload = function() {
- let c = document.getElementById("textDatum");
- let ctx = c.getContext("2d");
-
- ctx.font = "18px Futura";
-
- let fM = ctx.measureText("A"); // a character with the maximum height
- let txtH = fM.actualBoundingBoxAscent + fM.actualBoundingBoxDescent;
-
- ctx.fillText("Height: " + txtH, 5, 80);
-}
diff --git a/index.css b/index.css
deleted file mode 100644
index fa83d7b..0000000
--- a/index.css
+++ /dev/null
@@ -1,175 +0,0 @@
-:root {
- --white: #fff;
- --black: #000;
-
- /* Primary colors*/
- --primary-1: #2b8379;
- --primary-2: #19a596;
- --primary-3: #7fd1c7;
- --primary-4: #7fd1c7;
- --primary-5: #d0f3ef;
-
- /* Neutral colors */
- --neutral-1: #121212;
- --neutral-2: #434343;
- --neutral-3: #94868b;
- --neutral-4: #d9cfd3;
- --neutral-5: #f2ecee;
-
- /* Accent-blue colors */
- --accent-1: #970e3d;
- --accent-2: #c43464;
- --accent-3: #de7699;
- --accent-4: #e6c3ce;
- --accent-5: #fff2f7;
- }
-
- .grid-container {
- display: grid;
- grid-template-columns: auto auto auto auto;
- grid-gap: 10px;
- }
-
- .header {
- padding: 10px;
- }
-
- .main {
- grid-column: 2 / span 3;
- }
-
- .sidebar {
- grid-column: 1 / span 1;
- }
-
- #page {
- width: auto;
- height: auto;
- border: var(--neutral-5) solid 1px;
- }
-
- body {
- background-color: var(--neutral-1);
- font-family: Helvetica, sans-serif;
- color: white;
- }
-
- h1 {
- font-family: Helvetica, sans-serif;
- font-size: 36px;
- font-weight: 600;
- }
-
- h2 {
- font-size: 20px;
- font-weight: 500;
- }
-
- h3 {
- font-size: 24px;
- font-weight: normal;
- }
-
- p {
- line-height: 30px;
- font-size: 18px;
- }
-
- a {
- color: var(--primary-2);
- font-weight: bold;
- text-decoration: none;
- }
- a:hover {
- text-decoration: underline;
- }
-
- .rounded {
- border-radius: 30px;
- }
-
- .container {
- max-width: 900px;
- margin: 0 auto;
- padding: 0 20px;
- }
-
-
- /* FORMS */
- .form h2 {
- font-size: 24px;
- font-weight: 400;
- }
-
- .form h3 {
- font-size: 20px;
- font-weight: 300;
- margin-bottom: 15px;
- }
-
- .form-group {
- background-color: var(--neutral-2);
- padding: 5px;
- }
-
- .input-required {
- color: var(--primary-2);
- text-decoration: none;
- font-weight: bold;
- padding: 0 1px;
- }
-
- .label {
- /* display: block; */
- font-size: 10px;
- font-weight: 500;
- }
-
- .input {
- font-size: 10px;
- margin-top: 1em;
- margin-bottom: 1.5em;
- padding: 0.75em 0.5em;
- /* min-width: 200px; */
- border: none;
- /* border-left: 7px solid var(--neutral-4); */
- /* transition: border-left-color 160ms; */
- /* background-color: white; */
- /* width: 100%; */
- }
-
- ::placeholder {
- color: var(--neutral-3);
- }
-
- input:not(.btn):focus {
- outline: hidden;
- border-left: 7px solid var(--primary-1);
- }
-
- /* NAVBAR */
- .navbar {
- background-color: white;
- padding: 10px;
- box-shadow: 0px 3px 7px 1px rgba(0, 0, 0, 0.07),
- 0px -3px 7px 1px rgba(0, 0, 0, 0.07);
- display: flex;
- align-items: center;
- justify-content: space-between;
- margin-bottom: 20px;
- }
-
- .nav-brand {
- font-weight: 450;
- text-decoration: none;
- padding-left: 20px;
- margin-top: 15px;
- margin-bottom: 15px;
- color: initial;
- }
-
- select {
- padding: 10px 15px;
- border-radius: 8px;
- }
-
\ No newline at end of file
diff --git a/index.html b/index.html
deleted file mode 100644
index 9ff42a3..0000000
--- a/index.html
+++ /dev/null
@@ -1,71 +0,0 @@
-
-
-
-
-
-
-
- Grids
-
- Grids
-
-
-
-
-
-