From ed609dc81f85c2805c43759ad305a76c9e66a3a5 Mon Sep 17 00:00:00 2001 From: Andres Martin Date: Sun, 10 Sep 2017 17:42:34 +0900 Subject: [PATCH] Add initial design with semantic-ui --- ui/package-lock.json | 71 +++- ui/package.json | 3 +- ui/pages/index.js | 28 +- ui/static/logo-round.svg | 739 +++++++++++++++++++++++++++++++++++++++ 4 files changed, 824 insertions(+), 17 deletions(-) create mode 100644 ui/static/logo-round.svg diff --git a/ui/package-lock.json b/ui/package-lock.json index ae20c6d..f6d8ca6 100644 --- a/ui/package-lock.json +++ b/ui/package-lock.json @@ -1358,6 +1358,11 @@ "integrity": "sha512-UZK3NBx2Mca+b5LsG7bY183pHWt5Y1xts4P3Pz7ENTwGVnJOUWbRb3ocjvX7hx9tq/yTAdclXm9sZ38gNuem4A==", "dev": true }, + "classnames": { + "version": "2.2.5", + "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.2.5.tgz", + "integrity": "sha1-+zgB1FNGdknvNgPH1hoCvRKb3m0=" + }, "cli-cursor": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-1.0.2.tgz", @@ -3071,13 +3076,6 @@ } } }, - "string_decoder": { - "version": "1.0.1", - "bundled": true, - "requires": { - "safe-buffer": "5.0.1" - } - }, "string-width": { "version": "1.0.2", "bundled": true, @@ -3087,6 +3085,13 @@ "strip-ansi": "3.0.1" } }, + "string_decoder": { + "version": "1.0.1", + "bundled": true, + "requires": { + "safe-buffer": "5.0.1" + } + }, "stringstream": { "version": "0.0.5", "bundled": true, @@ -5073,6 +5078,42 @@ "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.1.tgz", "integrity": "sha512-kKvNJn6Mm93gAczWVJg7wH+wGYWNrDHdWvpUmHyEsgCtIwwo3bqPtV4tR5tuPaUhTOo/kvhVwd8XwwOllGYkbg==" }, + "semantic-ui-react": { + "version": "0.72.0", + "resolved": "https://registry.npmjs.org/semantic-ui-react/-/semantic-ui-react-0.72.0.tgz", + "integrity": "sha512-y4OgcLMzGsEpX/GuzqJLGkiciNWNGukV+yEsdHmyje+ZKubjdxN6DOtF3evdfiPrImZorW2+JRBUg5DWtWlswg==", + "requires": { + "babel-runtime": "6.26.0", + "classnames": "2.2.5", + "debug": "3.0.1", + "lodash": "4.17.4", + "prop-types": "15.5.10" + }, + "dependencies": { + "babel-runtime": { + "version": "6.26.0", + "resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz", + "integrity": "sha1-llxwWGaOgrVde/4E/yM3vItWR/4=", + "requires": { + "core-js": "2.5.0", + "regenerator-runtime": "0.11.0" + } + }, + "debug": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/debug/-/debug-3.0.1.tgz", + "integrity": "sha512-6nVc6S36qbt/mutyt+UGMnawAMrPDZUPQjRZI3FS9tCtDRhvxJbK79unYBLPi+z5SLXQ3ftoVBFCblQtNSls8w==", + "requires": { + "ms": "2.0.0" + } + }, + "regenerator-runtime": { + "version": "0.11.0", + "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.0.tgz", + "integrity": "sha512-/aA0kLeRb5N9K0d4fw7ooEbI+xDe+DKD499EQqygGqeS8N3xto15p09uY2xj7ixP81sNPXvRLnAQIqdVStgb1A==" + } + } + }, "semver": { "version": "5.4.1", "resolved": "https://registry.npmjs.org/semver/-/semver-5.4.1.tgz", @@ -5291,14 +5332,6 @@ "xtend": "4.0.1" } }, - "string_decoder": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.0.3.tgz", - "integrity": "sha512-4AH6Z5fzNNBcH+6XDMfA/BTt87skxqJlO0lAh3Dker5zThcAxG6mKz+iGu308UKoPPQ8Dcqx/4JhujzltRa+hQ==", - "requires": { - "safe-buffer": "5.1.1" - } - }, "string-hash": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/string-hash/-/string-hash-1.1.1.tgz", @@ -5342,6 +5375,14 @@ } } }, + "string_decoder": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.0.3.tgz", + "integrity": "sha512-4AH6Z5fzNNBcH+6XDMfA/BTt87skxqJlO0lAh3Dker5zThcAxG6mKz+iGu308UKoPPQ8Dcqx/4JhujzltRa+hQ==", + "requires": { + "safe-buffer": "5.1.1" + } + }, "strip-ansi": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz", diff --git a/ui/package.json b/ui/package.json index ecded49..df723f0 100644 --- a/ui/package.json +++ b/ui/package.json @@ -24,7 +24,8 @@ "dependencies": { "next": "^3.0.6", "react": "^15.6.1", - "react-dom": "^15.6.1" + "react-dom": "^15.6.1", + "semantic-ui-react": "^0.72.0" }, "devDependencies": { "husky": "^0.14.3", diff --git a/ui/pages/index.js b/ui/pages/index.js index 7a9434e..3e9032a 100644 --- a/ui/pages/index.js +++ b/ui/pages/index.js @@ -1,3 +1,29 @@ +import Head from 'next/head' +import Link from 'next/link' + +import { Container, Header, Menu, Segment } from 'semantic-ui-react' + export default () => ( -
Welcome to next.js!
+
+ + + + + + + + Orbiter UI + + + + + +
Dashboard
+ Service 1 + Service 2 + Service 3 + Service 4 + Service 5 + +
) diff --git a/ui/static/logo-round.svg b/ui/static/logo-round.svg new file mode 100644 index 0000000..0d44eaa --- /dev/null +++ b/ui/static/logo-round.svg @@ -0,0 +1,739 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +