diff --git a/view/assets/css/main.css b/view/assets/css/main.css index 477a84a..f07f1b7 100644 --- a/view/assets/css/main.css +++ b/view/assets/css/main.css @@ -1,6 +1,15 @@ @import url("articulation.css"); +@import url("submit-sign.css"); /* Main */ +body nav.navbar:first-child { + display: none; +} + +footer { + display: none; +} + @font-face { font-family: 'Titillium Web'; src: url('../fonts/TitilliumWeb-SemiBold.ttf') format('truetype'); @@ -18,6 +27,32 @@ body { background: linear-gradient(to right, #92bbe5, #ddeeff, #92bbe5); } +/* Nav-bar */ +.wl-logo { + position: fixed; + top: 8px; + z-index: 9999; +} + +.wl-logo img { + width: 80px; + height: 80px; +} + +.navbar-wl { + z-index: 9998; + position: fixed; + top: 0; + width: 100%; + margin: 0; + left: 0; + background-color: #6958b4; + opacity: 0.95; +} +.navbar-default .navbar-nav>li>a { + color: #FFFFFF; +} + .col-centered { display: block; float: none; @@ -50,11 +85,20 @@ body { } #main-container { - padding-top: 20px; + padding-top: 40px; +} + +.sub-main-container { + display: none; +} + +#teach-container { + display: block; } #initial-screen { display: none; + padding-top: 40px; } #configuration-screen { diff --git a/view/assets/css/submit-sign.css b/view/assets/css/submit-sign.css new file mode 100644 index 0000000..b2af8ce --- /dev/null +++ b/view/assets/css/submit-sign.css @@ -0,0 +1,11 @@ +.submit-sign-form { + background-color: #556575; + color: #FFFFFF; + padding: 30px; + border-radius: 6px; + margin-bottom: 20px; +} + +.submit-sign-form .btn { + margin-left: 7px; +} diff --git a/view/assets/js/wikilibras.js b/view/assets/js/wikilibras.js index 8e28dfb..84f0bd6 100644 --- a/view/assets/js/wikilibras.js +++ b/view/assets/js/wikilibras.js @@ -443,5 +443,25 @@ wikilibras.enableIconCheck = function(container, isHover) { _enableIconCheck(container, isHover); } + + wikilibras.showTeachContainer = function() { + $(".sub-main-container").hide(); + $("#teach-container").show(); + } + + wikilibras.showSubmitSignContainer = function() { + $(".sub-main-container").hide(); + $("#submit-sign-container").show(); + } + + wikilibras.showTeachedSignsContainer = function() { + $(".sub-main-container").hide(); + $("#teached-signs-container").show(); + } + + wikilibras.showTutorialContainer = function() { + $(".sub-main-container").hide(); + $("#tutorial-container").show(); + } }(window.wikilibras = window.wikilibras || {}, jQuery)); diff --git a/view/img/logo.svg b/view/img/logo.svg new file mode 100644 index 0000000..a206e5b --- /dev/null +++ b/view/img/logo.svg @@ -0,0 +1,17 @@ + + + + + + + diff --git a/view/template.html b/view/template.html index 93fd9e0..2e72d38 100755 --- a/view/template.html +++ b/view/template.html @@ -1,175 +1,285 @@ + + +
-
-
-
- -
-
- Ajude a criar o sinal . -
-
-
OK
+
+
+
+
+ +
+
+ Ajude a criar o sinal . +
+
+
OK
+
-
-
-
-
- Vídeo de referência "" -
-
- +
+
+
+ Vídeo de referência "" +
+
+ +
+
+ +
+
+ +
-
- -
-
- +
+
+ Expressão +
+
+ Mão direita +
+
+ Mão esquerda +
-
-
- Expressão +
+
+ +
+ +
-
- Mão direita +
+ +
+ +
-
- Mão esquerda +
+ +
+ +
-
-
-
-
- -
- +
+
+ +
+
+ +
+
+ +
+
+
-
- -
- +
+
+
-
- -
- +
+
+
GERAR + SINAL
+
+
+
+
+
+
Vídeo de referência
+
+
-
-
- -
-
- +
+
+
+ Sinal "" construído +
+ +
+ +
-
- +
+
+ Gerando o sinal "" +
+
+ +
-
-
-
-
-
-
+
+
ENVIAR + SINAL
-
-
GERAR - SINAL
-
-
-
-
-
-
Vídeo de referência
-
- +
+
+
+

Obrigado,

+
você configurou o sinal com sucesso!
-
-
-
-
- Sinal "" construído -
- -
- -
+
+

Parabéns,

+
você configurou todos os sinais + disponíveis!
-
-
- Gerando o sinal "" -
-
- -
+
+
-
-
ENVIAR - SINAL
-
-
-
-
-

Obrigado,

-
você configurou o sinal com sucesso!
-
-
-

Parabéns,

-
você configurou todos os sinais - disponíveis!
-
-
- -
-
+
+
+
+

Preencha os campos para enviar seu sinal

+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ + +
+
+
+
+
+ Sinais ensinados +
+
+ Tutorial
@@ -188,18 +298,19 @@ -- libgit2 0.21.2