diff --git a/THEME.md b/THEME.md index fecd3c5..6c6160a 100644 --- a/THEME.md +++ b/THEME.md @@ -28,7 +28,7 @@ The notebook text and bubble background colors can be accessed with the `noteboo ```html
-

Body

+

Body

``` diff --git a/src/assets/dnase-i/all-buffers.png b/src/assets/dnase-i/all-buffers.png new file mode 100644 index 0000000..c9e9717 Binary files /dev/null and b/src/assets/dnase-i/all-buffers.png differ diff --git a/src/assets/dnase-i/hepes-buffer.png b/src/assets/dnase-i/hepes-buffer.png new file mode 100644 index 0000000..3c93da5 Binary files /dev/null and b/src/assets/dnase-i/hepes-buffer.png differ diff --git a/src/assets/dnase-i/manu-buffer.png b/src/assets/dnase-i/manu-buffer.png new file mode 100644 index 0000000..8014ce4 Binary files /dev/null and b/src/assets/dnase-i/manu-buffer.png differ diff --git a/src/assets/dnase-i/te-buffer.png b/src/assets/dnase-i/te-buffer.png new file mode 100644 index 0000000..acdef22 Binary files /dev/null and b/src/assets/dnase-i/te-buffer.png differ diff --git a/src/components/lab-notebook/Bubble.vue b/src/components/lab-notebook/Bubble.vue index fd149b9..e2bd2ba 100644 --- a/src/components/lab-notebook/Bubble.vue +++ b/src/components/lab-notebook/Bubble.vue @@ -1,7 +1,7 @@ \ No newline at end of file +
+

+ +

+ +
+ diff --git a/src/components/lab-notebook/SingleColumn.vue b/src/components/lab-notebook/SingleColumn.vue index ad4a642..0f4b04d 100644 --- a/src/components/lab-notebook/SingleColumn.vue +++ b/src/components/lab-notebook/SingleColumn.vue @@ -1,7 +1,7 @@ diff --git a/src/components/navbar/NavBar.vue b/src/components/navbar/NavBar.vue index 14ef4a8..a9e518c 100644 --- a/src/components/navbar/NavBar.vue +++ b/src/components/navbar/NavBar.vue @@ -43,7 +43,7 @@ const tree: Tree[] = [ name: 'Lab Validation', children: [ { - name: 'Dnase I', + name: 'DNase I', url: '/lab-validation/dnase-i' }, { diff --git a/src/views/lab-validation/GroupAView.vue b/src/views/lab-validation/GroupAView.vue index a006374..7468d5f 100644 --- a/src/views/lab-validation/GroupAView.vue +++ b/src/views/lab-validation/GroupAView.vue @@ -4,49 +4,68 @@ import SingleColumn from '@/components/lab-notebook/SingleColumn.vue' import DoubleColumn from '@/components/lab-notebook/DoubleColumn.vue' import CustomTable from '@/components/CustomTable.vue' -const tableData = { +const tableOneData = { headers: [ 'Buffer', - 'Buffer Concentration (U/mL)', - 'Approximate beginning DNase I concentration (ng/mL)', - 'Approximate final DNase I concentration (ng/mL)' + 'Buffer DNase I Concentration (U/mL)', + 'Volume of Buffer (µL)', + 'Volume of DNase I (µL)' + ], + rowHeaders: ['Manufacturer’s buffer', 'TE', 'HEPES'], + rowsPerRowHeader: 2, + data: [ + [0.05, 32, 4], + [0.1, 28, 8], + [0.05, 32, 4], + [0.1, 28, 8], + [0.05, 32, 4], + [0.1, 28, 8] + ] +} +const tableTwoData = { + headers: [ + 'Buffer', + 'Buffer DNase I Concentration (U/mL)', + 'Approximate initial DNA concentration (ng/mL)', + 'Approximate final DNA concentration (ng/mL)' ], rowHeaders: ["Manufacturer's Buffer", 'TE', 'HEPES'], rowsPerRowHeader: 2, data: [ - [0.05, 70, 20], - [0.1, 70, 35], - [0.05, 90, 90], - [0.1, 90, 90], - [0.05, 35, 10], - [0.1, 65, 10] + [0.05, 80, 20], + [0.1, 80, 50], + [0.05, 80, 90], + [0.1, 95, 90], + [0.05, 75, 25], + [0.1, 50, 20] ] } + +const sectionTitleStyle = 'text-subtitle-sm lg:text-subtitle text-white mb-4'