diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml index ea41a5a..8489cf7 100644 --- a/.gitlab-ci.yml +++ b/.gitlab-ci.yml @@ -24,11 +24,19 @@ build_job: - app/*.html - app/*.js - app/*.js.map + - app/converter/*.js + - app/converter/*.js.map - node_modules/core-js/client/shim.js - node_modules/zone.js/dist/zone.js - node_modules/reflect-metadata/Reflect.js - node_modules/systemjs/dist/system.src.js - - dencode.css + - node_modules/utf8/utf8.js + - node_modules/quoted-printable/quoted-printable.js + - abeezee-regular.woff + - freemono.eot + - freemono.svg + - freemono.ttf + - freemono.woff - index.html - package.json - systemjs.config.js diff --git a/abeezee-regular.woff b/abeezee-regular.woff new file mode 100644 index 0000000..86a7468 Binary files /dev/null and b/abeezee-regular.woff differ diff --git a/app/app.component.css b/app/app.component.css index e69de29..a1f448b 100644 --- a/app/app.component.css +++ b/app/app.component.css @@ -0,0 +1,127 @@ +@font-face { + font-family: "ABeeZee"; + font-stretch: normal; + font-style: normal; + font-variant: normal; + font-weight: normal; + src: local("ABeeZee Regular"), + local("ABeeZee-Regular"), + local("ABeeZee"), + url("../abeezee-regular.woff") format("woff"); +} + +@font-face { + font-family: "Free Monospaced"; + src: url("../freemono.eot?") format("eot"), + url("../freemono.woff") format("woff"), + url("../freemono.ttf") format("truetype"), + url("../freemono.svg#FreeMono") format("svg"); + font-weight: normal; + font-style: normal; +} + +.inputwrapper { + font-family: "ABeeZee", sans-serif; + margin: 0 1em 1em 1em; +} + +.textwrapper { + margin: 0 0 1em 0; + padding: 0 1em 0 0; +} + +.arrow_box { + position: relative; + background: #fff; + border: 1px solid #ddd; +} + +.arrow_box:focus { + border-color: #888; +} + +.arrow_box:hover { + border-color: #333; +} + +.arrow_box:after, .arrow_box:before { + top: 100%; + left: 50%; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; +} + +.arrow_box:after { + border-color: rgba(255, 255, 255, 0); + border-top-color: #fff; + border-width: 1em; + margin-left: -1em; +} + +.arrow_box:before { + border-color: rgba(221, 221, 221, 0); + border-top-color: #ddd; + border-width: calc(1em + 1px); + margin-left: calc(-1em - 1px); +} + +.arrow_box:focus:before { + border-color: rgba(136, 136, 136, 0); + border-top-color: #888; +} + +.arrow_box:hover:before { + border-color: rgba(51, 51, 51, 0); + border-top-color: #333; +} + +.selectwrapper > .arrow_box { + display: inline-block; +} + +.textinput { + background-color: #fff; + border: none; + color: #000; + font-family: "Free Monospaced", monospace; + height: 10em; + margin: 0; + padding: 0.5em; + resize: vertical; + width: 100%; +} + +.textinput:focus { + border-color: #888; +} + +.textinput:hover { + border-color: #333; +} + +.selectwrapper { + margin: 0 0 1em 0; + padding: 0; + text-align: center; +} + +.select { + background-color: #fff; + border: none; + color: #000; + font-family: "ABeeZee", sans-serif; + margin: 0; + padding: 0.5em; +} + +.option { + /* font-family: "ABeeZee", sans-serif;*/ +} + +.errormessage { + /* font-family: "ABeeZee", sans-serif;*/ +} diff --git a/app/app.component.html b/app/app.component.html index 13f8984..22b15e3 100644 --- a/app/app.component.html +++ b/app/app.component.html @@ -1,9 +1,16 @@ -
- - -
{{step.message}}
+
+
+ +
+
+
+ +
+
+
{{step.message}}
diff --git a/dencode.css b/dencode.css deleted file mode 100644 index 261f217..0000000 --- a/dencode.css +++ /dev/null @@ -1,120 +0,0 @@ -@import url(//fonts.googleapis.com/css?family=Open+Sans:300,600&subset=latin,latin-ext); - -@media (max-width: 980px) { - body { - margin: 0; - padding: 0; - } - - h1 { - font-size: 120%; - margin: 0; - } - - div.wrapper { - border-radius: 0; - margin-left: 0; - margin-right: 0; - } - - textarea.input { - border-radius: 0; - } -} - -@media (min-width: 981px) { - div.wrapper { - border-radius: 0.5em; - margin-left: auto; - margin-right: auto; - width: 50%; - } - - textarea.input { - border-radius: 0.5em; - } -} -body { - font-family: 'Open Sans', sans-serif; - font-weight: 300; -} - -h1 { - text-align: center; - font-weight: 600; -} - -strong { - font-weight: 600; -} - -div.wrapper { - background-color: #fc0; - border-color: #da0; - border-style: solid; - border-width: 1px; - box-shadow: 0 0 1px 1px #ea0 inset; - color: #000; - margin-bottom: 0.5em; - padding: 0.5em; -} - -div.wrapper div.message { - display: inline-block; - color: #f00; - background-color: #fff; - border: 1px solid #f00; -} - -textarea.input { - border-style: solid; - border-width: 1px; - display: block; - font-family: 'Open Sans', sans-serif; - font-weight: 300; - font-size: 80%; - height: 150px; - padding: 0.1em 0.3em; - resize: vertical; - width: -moz-available; - width: -webkit-fill-available; -} - -textarea.input.error { - background-color: #f88; - border-color: #f00; - color: #000; -} - -textarea.input.error:focus, textarea.input.error:hover { - background-color: #faa; - border-color: #f00; - color: #000; -} - -select.conversion { - border-radius: 0.2em; - border-style: solid; - border-width: 1px; - font-family: 'Open Sans', sans-serif; - font-weight: 300; - margin-top: 0.5em; -} - -textarea.input, select.conversion { - background-color: #fdfbf0; - border-color: #fae8e7; - color: #000; -} - -textarea.input:focus, textarea.input:hover, -select.conversion:focus, select.conversion:hover { - background-color: #fff; - border-color: #fdfbf0; - color: #000; -} - -textarea.input:hover, -select.conversion:hover { - box-shadow: 0 0 6px 4px #c90; -} diff --git a/freemono.eot b/freemono.eot new file mode 100644 index 0000000..2646fe5 Binary files /dev/null and b/freemono.eot differ diff --git a/freemono.svg b/freemono.svg new file mode 100644 index 0000000..68fb46a --- /dev/null +++ b/freemono.svg @@ -0,0 +1,635 @@ + + + + +Created by FontForge 20110222 at Fri Feb 17 12:20:04 2012 + By www-data +Copyleft 2002, 2003, 2005, 2008, 2009, 2010 Free Software Foundation. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/freemono.ttf b/freemono.ttf new file mode 100644 index 0000000..3a661a3 Binary files /dev/null and b/freemono.ttf differ diff --git a/freemono.woff b/freemono.woff new file mode 100644 index 0000000..97fe047 Binary files /dev/null and b/freemono.woff differ diff --git a/index.html b/index.html index 3ecebde..0481aa4 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,6 @@ Decode? Encode? DENcode! - @@ -18,6 +17,29 @@ console.log(err); }); +

Decode? Encode? DENcode!