diff --git a/package-lock.json b/package-lock.json index 1ce9857ae..3ade7f1d7 100644 --- a/package-lock.json +++ b/package-lock.json @@ -16,6 +16,7 @@ ], "dependencies": { "debug": "4", + "driver.js": "^1.3.1", "immutable": "4" }, "devDependencies": { @@ -6025,6 +6026,11 @@ "webidl-conversions": "^4.0.2" } }, + "node_modules/driver.js": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/driver.js/-/driver.js-1.3.1.tgz", + "integrity": "sha512-MvUdXbqSgEsgS/H9KyWb5Rxy0aE6BhOVT4cssi2x2XjmXea6qQfgdx32XKVLLSqTaIw7q/uxU5Xl3NV7+cN6FQ==" + }, "node_modules/duplexer": { "version": "0.1.2", "resolved": "https://registry.npmjs.org/duplexer/-/duplexer-0.1.2.tgz", diff --git a/package.json b/package.json index b1654529f..102ec946a 100644 --- a/package.json +++ b/package.json @@ -12,6 +12,7 @@ ], "dependencies": { "debug": "4", + "driver.js": "1", "immutable": "4" }, "devDependencies": { diff --git a/webapp/src/assets/svg/DiscoLogoBoule.vue b/webapp/src/assets/svg/DiscoLogoBoule.vue new file mode 100644 index 000000000..836850e33 --- /dev/null +++ b/webapp/src/assets/svg/DiscoLogoBoule.vue @@ -0,0 +1,75 @@ + + + diff --git a/webapp/src/assets/svg/LightLogo.vue b/webapp/src/assets/svg/LightLogo.vue new file mode 100644 index 000000000..89086653a --- /dev/null +++ b/webapp/src/assets/svg/LightLogo.vue @@ -0,0 +1,64 @@ + + + diff --git a/webapp/src/assets/svg/MLOLogo.vue b/webapp/src/assets/svg/MLOLogo.vue new file mode 100644 index 000000000..2cba45580 --- /dev/null +++ b/webapp/src/assets/svg/MLOLogo.vue @@ -0,0 +1,225 @@ + + + diff --git a/webapp/src/assets/svg/QuestionMarkIcon.vue b/webapp/src/assets/svg/QuestionMarkIcon.vue new file mode 100644 index 000000000..bcf806841 --- /dev/null +++ b/webapp/src/assets/svg/QuestionMarkIcon.vue @@ -0,0 +1,13 @@ + diff --git a/webapp/src/assets/svg/RealTimeCollaboration.vue b/webapp/src/assets/svg/RealTimeCollaboration.vue new file mode 100644 index 000000000..05170e9ec --- /dev/null +++ b/webapp/src/assets/svg/RealTimeCollaboration.vue @@ -0,0 +1,364 @@ + diff --git a/webapp/src/components/dataset_input/DataDescription.vue b/webapp/src/components/dataset_input/DataDescription.vue index 45f0bc111..32b584fa1 100644 --- a/webapp/src/components/dataset_input/DataDescription.vue +++ b/webapp/src/components/dataset_input/DataDescription.vue @@ -4,18 +4,30 @@ -
- Don't have any data? You can download an example dataset here. -

+
+ Don't have any data? You can download an example dataset + here.

-

+
+
-
-
+
+
- {{ column.columnName }}: {{ column.columnData }} + {{ column.columnName }}: + {{ column.columnData }}
-
+
Error! Image not found + />
@@ -45,10 +58,10 @@ diff --git a/webapp/src/components/dataset_input/FileSelection.vue b/webapp/src/components/dataset_input/FileSelection.vue index fb521ef15..380e715fb 100644 --- a/webapp/src/components/dataset_input/FileSelection.vue +++ b/webapp/src/components/dataset_input/FileSelection.vue @@ -18,11 +18,14 @@ @dragleave="onDragLeave" @drop="async (e: DragEvent) => await dragFiles(e)" > -

+

Drag and drop the {{ fileType }} or