diff --git a/pybossa/themes/default/static/css/fonts/titilliumweb/TitilliumWeb-Black.ttf b/pybossa/themes/default/static/css/fonts/titilliumweb/TitilliumWeb-Black.ttf new file mode 100644 index 0000000..fc5c4b5 Binary files /dev/null and b/pybossa/themes/default/static/css/fonts/titilliumweb/TitilliumWeb-Black.ttf differ diff --git a/pybossa/themes/default/static/css/fonts/titilliumweb/TitilliumWeb-Bold.ttf b/pybossa/themes/default/static/css/fonts/titilliumweb/TitilliumWeb-Bold.ttf new file mode 100644 index 0000000..0af0fe7 Binary files /dev/null and b/pybossa/themes/default/static/css/fonts/titilliumweb/TitilliumWeb-Bold.ttf differ diff --git a/pybossa/themes/default/static/css/fonts/titilliumweb/TitilliumWeb-BoldItalic.ttf b/pybossa/themes/default/static/css/fonts/titilliumweb/TitilliumWeb-BoldItalic.ttf new file mode 100644 index 0000000..77425ea Binary files /dev/null and b/pybossa/themes/default/static/css/fonts/titilliumweb/TitilliumWeb-BoldItalic.ttf differ diff --git a/pybossa/themes/default/static/css/fonts/titilliumweb/TitilliumWeb-ExtraLight.ttf b/pybossa/themes/default/static/css/fonts/titilliumweb/TitilliumWeb-ExtraLight.ttf new file mode 100644 index 0000000..2b506ef Binary files /dev/null and b/pybossa/themes/default/static/css/fonts/titilliumweb/TitilliumWeb-ExtraLight.ttf differ diff --git a/pybossa/themes/default/static/css/fonts/titilliumweb/TitilliumWeb-ExtraLightItalic.ttf b/pybossa/themes/default/static/css/fonts/titilliumweb/TitilliumWeb-ExtraLightItalic.ttf new file mode 100644 index 0000000..c1be5ba Binary files /dev/null and b/pybossa/themes/default/static/css/fonts/titilliumweb/TitilliumWeb-ExtraLightItalic.ttf differ diff --git a/pybossa/themes/default/static/css/fonts/titilliumweb/TitilliumWeb-Italic.ttf b/pybossa/themes/default/static/css/fonts/titilliumweb/TitilliumWeb-Italic.ttf new file mode 100644 index 0000000..42f2c10 Binary files /dev/null and b/pybossa/themes/default/static/css/fonts/titilliumweb/TitilliumWeb-Italic.ttf differ diff --git a/pybossa/themes/default/static/css/fonts/titilliumweb/TitilliumWeb-Light.ttf b/pybossa/themes/default/static/css/fonts/titilliumweb/TitilliumWeb-Light.ttf new file mode 100644 index 0000000..ca67971 Binary files /dev/null and b/pybossa/themes/default/static/css/fonts/titilliumweb/TitilliumWeb-Light.ttf differ diff --git a/pybossa/themes/default/static/css/fonts/titilliumweb/TitilliumWeb-LightItalic.ttf b/pybossa/themes/default/static/css/fonts/titilliumweb/TitilliumWeb-LightItalic.ttf new file mode 100644 index 0000000..2ea724f Binary files /dev/null and b/pybossa/themes/default/static/css/fonts/titilliumweb/TitilliumWeb-LightItalic.ttf differ diff --git a/pybossa/themes/default/static/css/fonts/titilliumweb/TitilliumWeb-Regular.ttf b/pybossa/themes/default/static/css/fonts/titilliumweb/TitilliumWeb-Regular.ttf new file mode 100644 index 0000000..6da8219 Binary files /dev/null and b/pybossa/themes/default/static/css/fonts/titilliumweb/TitilliumWeb-Regular.ttf differ diff --git a/pybossa/themes/default/static/css/fonts/titilliumweb/TitilliumWeb-SemiBold.ttf b/pybossa/themes/default/static/css/fonts/titilliumweb/TitilliumWeb-SemiBold.ttf new file mode 100644 index 0000000..dfdcdbe Binary files /dev/null and b/pybossa/themes/default/static/css/fonts/titilliumweb/TitilliumWeb-SemiBold.ttf differ diff --git a/pybossa/themes/default/static/css/fonts/titilliumweb/TitilliumWeb-SemiBoldItalic.ttf b/pybossa/themes/default/static/css/fonts/titilliumweb/TitilliumWeb-SemiBoldItalic.ttf new file mode 100644 index 0000000..b68a669 Binary files /dev/null and b/pybossa/themes/default/static/css/fonts/titilliumweb/TitilliumWeb-SemiBoldItalic.ttf differ diff --git a/pybossa/themes/default/static/css/theme.css b/pybossa/themes/default/static/css/theme.css index be7b25b..f7b02f7 100644 --- a/pybossa/themes/default/static/css/theme.css +++ b/pybossa/themes/default/static/css/theme.css @@ -9,8 +9,13 @@ } @font-face { - font-family: 'Roboto'; - src: url('fonts/roboto/Roboto-Light.ttf') format('truetype'); + font-family: 'Roboto Medium'; + src: url('fonts/roboto/Roboto-Medium.ttf') format('truetype'); +} + +@font-face { + font-family: 'Titillium Web Bold'; + src: url('fonts/titilliumweb/TitilliumWeb-Bold.ttf') format('truetype'); } html { @@ -35,6 +40,12 @@ footer { footer a { color: white; } + +.wl-footer-lavid-logo { + max-width: 112px; + width: 100%; +} + @media (max-width: 768px) { body { margin: 0; @@ -446,3 +457,120 @@ h6 small { vertical-align: middle; line-height: 80px; } + +/* About */ +.no-padding { + padding: 0; +} + +.wl-balloon { + position: relative; + padding: 20px 50px 190px 50px; + background-repeat: no-repeat; + background-size: 100% 100%; +} + +.wl-balloon-content { + display: table-cell; + vertical-align: middle; + height: 262px; + text-align: center; + font-size: 14px; +} + +.wl-balloon-title-wrapper { + position: absolute; + bottom: 50px; + margin-left: 15px; +} + +.wl-balloon-number { + font-family: 'Titillium Web Bold'; + font-size: 60px; + font-weight: bold; + letter-spacing: -3.2px; +} + +.wl-balloon-title { + font-family: 'Roboto Medium'; + font-size: 18px; + padding-left: 70px; + padding-top: 37px; + line-height: 20px; +} + +.wl-balloon.-green { + margin-top: 20px; + background-image: url('../img/green-balloon.png'); + z-index: 3; +} + +.wl-balloon.-green .wl-balloon-number { + color: #7ed17b; +} + +.wl-balloon.-green .wl-balloon-title { + color: #368232; +} + +.wl-balloon.-orange { + color: white; + padding-bottom: 210px; + background-image: url('../img/orange-balloon.png'); + z-index: 2; +} + +.wl-balloon.-orange .wl-balloon-number { + color: #c87433; +} + +.wl-balloon.-orange .wl-balloon-title { + color: #8c4712; +} + +.wl-balloon.-blue { + color: white; + padding-bottom: 250px; + background-image: url('../img/blue-balloon.png'); + z-index: 1; +} + +.wl-balloon.-blue .wl-balloon-number { + color: #4c96a6; +} + +.wl-balloon.-blue .wl-balloon-title { + color: #3a7f8e; +} + +.wl-about-illustration-responsive { + width: 200px; + margin-top: 25px; +} + +.wl-about-illustration { + display: none; + width: 200px; + margin-left: 68px; +} + +@media screen and (min-width: 992px) { + .wl-balloon.-green { + margin-right: -110px; + } + .wl-balloon.-orange { + margin-top: 220px; + margin-right: -110px; + } + .wl-balloon.-blue { + margin-top: 440px; + margin-right: -58px; + } + .wl-about-illustration { + display: block; + margin-top: 100px; + } + .wl-about-illustration-responsive { + display: none; + } +} diff --git a/pybossa/themes/default/static/img/about-illustration.png b/pybossa/themes/default/static/img/about-illustration.png new file mode 100644 index 0000000..f62515e Binary files /dev/null and b/pybossa/themes/default/static/img/about-illustration.png differ diff --git a/pybossa/themes/default/static/img/blue-balloon.png b/pybossa/themes/default/static/img/blue-balloon.png new file mode 100644 index 0000000..177fb48 Binary files /dev/null and b/pybossa/themes/default/static/img/blue-balloon.png differ diff --git a/pybossa/themes/default/static/img/green-balloon.png b/pybossa/themes/default/static/img/green-balloon.png new file mode 100644 index 0000000..8b70649 Binary files /dev/null and b/pybossa/themes/default/static/img/green-balloon.png differ diff --git a/pybossa/themes/default/static/img/logo-lavid.png b/pybossa/themes/default/static/img/logo-lavid.png new file mode 100644 index 0000000..05fad9c Binary files /dev/null and b/pybossa/themes/default/static/img/logo-lavid.png differ diff --git a/pybossa/themes/default/static/img/orange-balloon.png b/pybossa/themes/default/static/img/orange-balloon.png new file mode 100644 index 0000000..5a1193d Binary files /dev/null and b/pybossa/themes/default/static/img/orange-balloon.png differ diff --git a/pybossa/themes/default/templates/_footer.html b/pybossa/themes/default/templates/_footer.html index ecce2e0..48de098 100644 --- a/pybossa/themes/default/templates/_footer.html +++ b/pybossa/themes/default/templates/_footer.html @@ -2,13 +2,16 @@
- O WikiLibras surgiu da necessidade de expansão do - dicionário de sinais utilizado pelo VLibras, pois a língua de - sinais é viva e novos sinais surgem diariamente. Para se criar um sinal - utilizando um software de animação leva-se de duas a quatro horas de - trabalho e, por esse motivo, surgiu a necessidade de através de alguns - cliques conseguir criar uma nova animação. -
-De forma simples e intuitiva, o WikiLibras possibilita a - submissão de vídeos gravados pelos usuários para cada novo sinal; a - criação de animações com apenas alguns cliques; a - avaliação de sinais criados por outros usuários na ferramenta e a - correção das animações, através do download e submissão da animação - corrigida em um software de modelagem.
-Os sinais produzidos pela comunidade WikiLibras terão diversas - utilidades. Entre elas, a possibilidade de criar dicionários regionais - de sinais. Ao enviar um novo vídeo de um sinal, o usuário também - informa a região onde aquele sinal é sinalizado. Dessa forma, será - possível agrupar essses novos sinais de acordo com a sua região.
-Outra utilidade é a contribuição da própria comunidade na criação - do dicionário de sinais. Toda a população pode contribuir na melhoria - do dicionário enviando novos vídeos, criando animações e avaliando - sinais.
\ No newline at end of file +