From 1ec5edcd8318310b6c119c77843600a524d7c4d1 Mon Sep 17 00:00:00 2001 From: boryslevytskyi Date: Tue, 16 May 2017 22:56:03 +0300 Subject: [PATCH] changed build scripts --- BiwiseCmdPages/styles.css | 110 ++++++++++++++++++++++++++++++++++++++ package.json | 10 ++-- 2 files changed, 117 insertions(+), 3 deletions(-) create mode 100644 BiwiseCmdPages/styles.css diff --git a/BiwiseCmdPages/styles.css b/BiwiseCmdPages/styles.css new file mode 100644 index 0000000..694c6bb --- /dev/null +++ b/BiwiseCmdPages/styles.css @@ -0,0 +1,110 @@ +body { padding:0; margin:0; height: 100%; overflow: hidden; } +html { height: 100% } + +.app-root { font-family: Verdana; font-size: 0.8em; margin: 0; padding: 20px 100px 0 100px; height: 100%; overflow: auto; } +code { font-size: 1.2em; font-weight: bold; } + +.top-links { position: absolute; right: 10px; top: 10px; list-style-type: none; margin: 0 } +.top-links li { float: left; } +.top-links a { display: inline-block; padding: 10px 15px} +.top-links .icon { margin-right: 5px; } + +.mono { font-family: monospace; font-size: 1.3em } +.expressionInput { width: 500px; padding: 3px; border: solid 1px lightgray; } + +.result { margin: 10px 10px 30px; } +.result .input { margin-bottom: 10px; } +.result .content { padding-left: 10px} +.result .cur { margin-right: 5px; } + +.hashLink { text-decoration: none; margin-left: 5px; visibility: hidden } +.hashLink:hover { text-decoration: underline; margin-left: 5px; } +.input:hover .hashLink { visibility: visible } + +.expression .label { font-weight: bold; padding-right: 5px; text-align: right; } +.expression .bin { letter-spacing: 3px; } +.expression .flipable { cursor: pointer; opacity: 1 } +.expression .flipable:hover { opacity: 0.8 } +.expression .byte { margin: 0 3px; } +.expression .flipable { cursor: pointer; opacity: 1 } +.expression .flipable:hover { opacity: 0.8 } +.expression-result td { border-top: dotted 1px gray; } +.expression { font-size: 1.5em; font-family: monospace } +.expression .prefix { font-weight: normal; display: none; font-size: 0.9em } +.expression .other { font-size: 0.9em} +.expression .sign { text-align: right} + +.hex .prefix { display: inline; } + +.help { padding: 10px; } +.help ul { list-style-type: none; margin: 0; padding: 0; } +.help p { margin-top: 0 } + +.indicator { padding: 2px 5px; font-family: monospace; font-size: 1.3em; background: transparent; border: none; cursor: pointer } +.error { color: maroon; } + +#view { padding: 10px} + +.cur { color: lightgray; } + +.icon { width: 16px; height: 16px; display: inline-block; } +.light .twitter { background: url('../img/twitter-light.png') } +.dark .twitter { background: url('../img/twitter-dark.png') } + +.light .feedback { background: url('../img/feedback-light.png') } +.dark .feedback { background: url('../img/feedback-dark.png') } + +.dark .github { background: url('../img/github-dark.png') } +.light .github { background: url('../img/github-light.png') } + +/* Light */ +.light { background: #fafafa; } +.light a, .light a:visited { color: #222; } +.light .one { color: black; } +.light .zero { color: #888; } +.light .indicator { color: #ddd; } +.light .on { color: #121212; } +.light .prefix { color: #888} +.light .other { color: #bbb } +.light .hashLink, .light .hashLink:visited { color: #ddd } +.light .hashLink:hover { color: #888 } +.light ul.top-links li:hover { background: #ddd } + +/* Dark */ +.dark { background: #121212; color: white;} +.dark .expression { color: white;} +.dark .expressionInput { background: #121212; color: white; } +.dark a, .dark a:visited { color: white; } +.dark .indicator { color: #555; } +.dark .on { color: white; } +.dark .zero { color: #999;} +.dark .prefix { color: #999} +.dark .other { color: #444;} +.dark .hashLink, .dark .hashLink:visited { color: #333 } +.dark .hashLink:hover { color: #999 } +.dark ul.top-links li:hover { background: #333 } +.dark .error { color: mediumvioletred} + +/* Top Links Shrink */ +@media (max-width: 800px) { + + .top-links .link-text { display: none } +} + +.social-container{ position:fixed; bottom:10px; right:10px } + +/* Remove margin space on body. Inline top links with header */ +@media (max-width: 700px) { + body { padding: 10px; } + .expressionInput { width: 500px; } +} + +/* Further shrink */ +@media (max-width: 500px) { + .expressionInput { width: 350px; } + .top-links a { display: inline-block; padding: 5px 10px} +} + +@media (max-width: 350px) { + .expressionInput { width: 200px; } +} diff --git a/package.json b/package.json index eb511d1..6aa9f5f 100644 --- a/package.json +++ b/package.json @@ -4,11 +4,15 @@ "description": "Bitwise Operations Console", "main": "index.js", "scripts": { - "build": "webpack -p && rm -rf ./BitwiseCmdPages/* && cp ./src/index.html ./BitwiseCmdPages && cp ./src/*.js ./BitwiseCmdPages && cp ./src/bundle.js.map ./BitwiseCmdPages && cp -r ./src/css ./BitwiseCmdPages && cp -r ./src/img ./BitwiseCmdPages", + "build": "webpack -p && rm -rf ./BitwiseCmdPages/* && cp ./src/index.html ./BitwiseCmdPages && cp ./src/*.js ./BitwiseCmdPages && cp ./src/bundle.js.map ./BitwiseCmdPages && cp -r ./src/css ./BitwiseCmdPages && cp -r ./src/img ./BitwiseCmdPages && cp -r ./src/css ./BiwiseCmdPages", + "stage": "cp -r ./BitwiseCmdPages/* ../BitwiseCmdPages", + "stage:react": "cp -r ./BitwiseCmdPages/* ../BitwiseCmdPages/react", "serv": "webpack-dev-server --content-base ./src", "e2e": "protractor ./tests/e2e.chrome.js --params.appUrl='http://localhost:8080/#clear'", - "e2e_build": "protractor ./tests/e2e.chrome.js --params.appUrl='http://localhost:3000/#clear'", - "e2e_remote": "protractor ./tests/e2e.chrome.js --params.appUrl='http://bitwisecmd.com/react/#clear||-notrack'", + "e2e:build": "protractor ./tests/e2e.chrome.js --params.appUrl='http://localhost:3000/#clear'", + "e2e:remote:react": "protractor ./tests/e2e.chrome.js --params.appUrl='http://bitwisecmd.com/react/#clear||-notrack'", + "e2e:remote:old": "protractor ./tests/e2e.chrome.js --params.appUrl='http://bitwisecmd.com/old/#clear||-notrack'", + "e2e:remote": "protractor ./tests/e2e.chrome.js --params.appUrl='http://bitwisecmd.com//#clear||-notrack'", "test": "karma start" }, "repository": {