├── .gitattributes ├── .gitignore ├── LICENSE ├── README.md └── pacote-download └── projeto-glass-html5 ├── _css ├── estilo.css ├── form.css ├── fotos.css ├── media.css └── specs.css ├── _fonts ├── bubblegum-sans-regular.otf └── computer-font.ttf ├── _imagens ├── audio.png ├── botao-enviar.png ├── contato.png ├── det-bateria.jpg ├── det-camera.jpg ├── det-tela.jpg ├── det-touch.jpg ├── especificacoes-02.png ├── especificacoes.png ├── facebook.png ├── fotos.png ├── galeria-01.jpg ├── galeria-02.jpg ├── galeria-03.jpg ├── galeria-04.jpg ├── galeria-05.jpg ├── galeria-06.jpg ├── glass-esquema-marcado.jpg ├── glass-esquema.jpg ├── glass-logo-grd ├── glass-logo-med.jpg ├── glass-logo-peq.jpg ├── glass-oculos-preto-gig.png ├── glass-oculos-preto-grd.png ├── glass-oculos-preto-med.png ├── glass-oculos-preto-peq.png ├── glass-quadro-homem-mulher.jpg ├── glass-quadro-homem.jpg ├── glass-quadro-mulher.jpg ├── home.png ├── icone-contato.png ├── icone-endereco.png ├── icone-mensagem.png ├── icone-pagamento.png ├── jornal.png ├── lampada-acesa.jpg ├── lampada-apagada.jpg ├── lampada-quebrada.jpg ├── logo-google-gig.png ├── mao.png ├── multimidia.png ├── radio-tv.png ├── twitter.png ├── video-mini01.jpg ├── video-mini02.jpg ├── video-mini03.jpg └── video.png ├── _interface ├── 00-divisoes-semanticas.jpg ├── 01-index.jpg ├── 02-specs.jpg ├── 03-fotos.jpg ├── 04-multimidia.jpg └── 05-fale-conosco.jpg ├── _javascript ├── audio.js └── funcoes.js ├── _media ├── 2009-lovers-carvings-bibio.mp3 ├── getting-started.mp4 ├── how-it-feels.mp4 └── one-day.mp4 ├── _textos ├── fale-conosco-txt.html ├── fotos-txt.html ├── google-glass-txt.html ├── index-txt.html ├── multimidia-txt.html └── specs-txt.html ├── fale-conosco.html ├── fotos.html ├── google-glass.html ├── index.html ├── multimidia.html └── specs.html /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | 2 | .DS_Store 3 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2020 Gustavo Guanabara 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # cursoemvideo-html5 2 | Material do Curso de HTML5 e CSS3 do Curso em Vídeo 3 | -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_css/estilo.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_css/estilo.css -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_css/form.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_css/form.css -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_css/fotos.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_css/fotos.css -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_css/media.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_css/media.css -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_css/specs.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_css/specs.css -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_fonts/bubblegum-sans-regular.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_fonts/bubblegum-sans-regular.otf -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_fonts/computer-font.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_fonts/computer-font.ttf -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/audio.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/audio.png -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/botao-enviar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/botao-enviar.png -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/contato.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/contato.png -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/det-bateria.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/det-bateria.jpg -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/det-camera.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/det-camera.jpg -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/det-tela.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/det-tela.jpg -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/det-touch.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/det-touch.jpg -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/especificacoes-02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/especificacoes-02.png -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/especificacoes.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/especificacoes.png -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/facebook.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/facebook.png -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/fotos.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/fotos.png -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/galeria-01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/galeria-01.jpg -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/galeria-02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/galeria-02.jpg -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/galeria-03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/galeria-03.jpg -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/galeria-04.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/galeria-04.jpg -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/galeria-05.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/galeria-05.jpg -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/galeria-06.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/galeria-06.jpg -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/glass-esquema-marcado.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/glass-esquema-marcado.jpg -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/glass-esquema.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/glass-esquema.jpg -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/glass-logo-grd: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/glass-logo-grd -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/glass-logo-med.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/glass-logo-med.jpg -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/glass-logo-peq.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/glass-logo-peq.jpg -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/glass-oculos-preto-gig.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/glass-oculos-preto-gig.png -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/glass-oculos-preto-grd.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/glass-oculos-preto-grd.png -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/glass-oculos-preto-med.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/glass-oculos-preto-med.png -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/glass-oculos-preto-peq.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/glass-oculos-preto-peq.png -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/glass-quadro-homem-mulher.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/glass-quadro-homem-mulher.jpg -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/glass-quadro-homem.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/glass-quadro-homem.jpg -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/glass-quadro-mulher.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/glass-quadro-mulher.jpg -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/home.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/home.png -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/icone-contato.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/icone-contato.png -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/icone-endereco.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/icone-endereco.png -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/icone-mensagem.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/icone-mensagem.png -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/icone-pagamento.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/icone-pagamento.png -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/jornal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/jornal.png -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/lampada-acesa.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/lampada-acesa.jpg -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/lampada-apagada.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/lampada-apagada.jpg -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/lampada-quebrada.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/lampada-quebrada.jpg -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/logo-google-gig.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/logo-google-gig.png -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/mao.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/mao.png -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/multimidia.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/multimidia.png -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/radio-tv.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/radio-tv.png -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/twitter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/twitter.png -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/video-mini01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/video-mini01.jpg -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/video-mini02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/video-mini02.jpg -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/video-mini03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/video-mini03.jpg -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_imagens/video.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_imagens/video.png -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_interface/00-divisoes-semanticas.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_interface/00-divisoes-semanticas.jpg -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_interface/01-index.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_interface/01-index.jpg -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_interface/02-specs.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_interface/02-specs.jpg -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_interface/03-fotos.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_interface/03-fotos.jpg -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_interface/04-multimidia.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_interface/04-multimidia.jpg -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_interface/05-fale-conosco.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_interface/05-fale-conosco.jpg -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_javascript/audio.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_javascript/audio.js -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_javascript/funcoes.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_javascript/funcoes.js -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_media/2009-lovers-carvings-bibio.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_media/2009-lovers-carvings-bibio.mp3 -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_media/getting-started.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_media/getting-started.mp4 -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_media/how-it-feels.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_media/how-it-feels.mp4 -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_media/one-day.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cursoemvideo/cursoemvideo-html5/2a2fe6566a9302029d44ba9749e104d7ad443d83/pacote-download/projeto-glass-html5/_media/one-day.mp4 -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_textos/fale-conosco-txt.html: -------------------------------------------------------------------------------- 1 | Google Glass 2 | A revolução do Google está chegando 3 | 4 | [AQUI ENTRA UMA FOTO] 5 | 6 | Menu Principal 7 | - Home 8 | - Especificações 9 | - Fotos 10 | - Multimídia 11 | - Fale conosco 12 | 13 | Fale Conosco > Contato 14 | Formulário de Contato 15 | por Gustavo Guanabara 16 | Atualizado em 01/Maio/2013 17 | 18 | Identificação do Usuário 19 | Nome: 20 | Senha: 21 | E-mail: 22 | Sexo: 23 | - Masculino 24 | - Feminino 25 | Data de Nascimento: 26 | 27 | Endereço do Usuário 28 | Logradouro: 29 | Número: 30 | Estado: 31 | Cidade: 32 | 33 | Mensagem do Usuário 34 | Grau de Urgência: 35 | Mensagem: 36 | 37 | Quero um Google Glass 38 | Gostaria de adquirir um Google Glass quando disponível 39 | Cor: 40 | Quantidade: 41 | Preço Total: R$ 42 | 43 | 44 | [BOTÃO ENVIAR] 45 | 46 | Copyright 2013 - by Gustavo Guanabara 47 | Facebook | Twitter -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_textos/fotos-txt.html: -------------------------------------------------------------------------------- 1 | Google Glass 2 | A revolução do Google está chegando 3 | 4 | [AQUI ENTRA UMA FOTO] 5 | 6 | Menu Principal 7 | - Home 8 | - Especificações 9 | - Fotos 10 | - Multimídia 11 | - Fale conosco 12 | 13 | Glass > Fotos 14 | Galeria de Imagens do Google Glass 15 | por Gustavo Guanabara 16 | Atualizado em 01/Maio/2013 17 | 18 | Veja na nossa galeria de fotos várias belas imagens que mostram algumas das principais características do Google Glass, como recursos e propriedades que estão impressionando o mundo inteiro. Basta passar o mouse sobre uma das fotos para ver uma versão ampliada e com uma breve descrição. 19 | 20 | - Agenda e lembretes 21 | - Sergey Brin usando o Glass 22 | - Leve e compacto 23 | - Sensação de uma tela de 50" 24 | - Vários tipos de lente 25 | - Informações importantes 26 | 27 | Copyright 2013 - by Gustavo Guanabara 28 | 29 | Facebook | Twitter -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_textos/google-glass-txt.html: -------------------------------------------------------------------------------- 1 | Clique sobre as áreas destacadas em vermelho 2 | [AQUI ENTRA UMA FOTO] 3 | 4 | Tela 5 | Como o mundo vai aparecer 6 | De acordo com fontes próximas do Google, os óculos vão contar com uma pequena tela de LCD ou AMOLED na parte superior e em frente aos olhos do usuário. Com o uso de uma câmera e GPS, você pode se situar, assim como selecionar opções com o movimento da cabeça. 7 | [AQUI ENTRA UMA FOTO] 8 | 9 | Câmera 10 | Filme e fotografe a qualquer momento 11 | [AQUI ENTRA UMA FOTO] 12 | Com o Google Glass será possível tirar fotos com até 5 megapixels e gravar vídeos com 720 linhas de resolução. Os primeiros vídeos e fotos capturados com o aparelho já começaram a circular pela rede, mas até agora ninguém tem muitas informações técnicas. 13 | 14 | Sensores 15 | A sensibilidade de um simples óculos< 16 | Quem pensa que para comandar o Google Glass vai precisar de teclado e mouse, se engana redondamente. O dispositivo vem com vários tipos de sensores e microfones embutidos. Assim, para dar um comando, basta falar ou passar o dedo na lateral do óculos. 17 | [AQUI ENTRA UMA FOTO] 18 | 19 | Bateria e Gadgets 20 | Quais são os dispositivos que complementam o Glass 21 | [AQUI ENTRA UMA FOTO] 22 | Segundo a própria Google, o Glass virá com uma bateria que tem autonomia suficiente para durar um dia inteiro. Apenas algumas atividades como videoconferências e longas filmagens vão exigir um pouco mais. Além disso ele vem com WiFi, Bluetooth, 3G/4G e muito mais. 23 | -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_textos/index-txt.html: -------------------------------------------------------------------------------- 1 | Google Glass 2 | A revolução do Google está chegando 3 | 4 | [AQUI ENTRA UMA FOTO] 5 | 6 | Menu Principal 7 | - Home 8 | - Especificações 9 | - Fotos 10 | - Multimídia 11 | - Fale conosco 12 | 13 | Tecnologia > Inovações 14 | Saiba tudo sobre o Google Glass 15 | por Gustavo Guanabara 16 | Atualizado em 23/Abril/2013 17 | 18 | O que é 19 | O Google Glass é um acessório em forma de óculos que possibilita a interação dos usuários com diversos conteúdos em realidade aumentada. Também chamado de Project Glass, o eletrônico é capaz de tirar fotos a partir de comandos de voz, enviar mensagens instantâneas e realizar vídeoconferências. Seu lançamento está previsto para 2014, e seu preço deve ser de US$ 1,5 mil. Atualmente o Google Glass encontra-se em fase de testes e já possui um vídeo totalmente gravado com o dispositivo. Além disso, a companhia de buscas registrou novas patentes anti-furto e de desbloqueio de tela para o acessório. 20 | 21 | [AQUI ENTRA UMA FOTO] 22 | 23 | Data de lançamento 24 | Não há uma data específica e oficial para o dispositivo ser lançado, ainda. Pode ser que ele esteja disponível em demonstrações a partir de 2013, mas seu lançamento para as lojas fica para, pelo menos, 2014. 25 | 26 | Especificações Técnicas 27 | Tabela Técnica do Google Glass Mar/2013 28 | 29 | Tela:Resolução equivalente a tela de 25" 30 | Camera: 5MP para fotos / 720p para vídeos 31 | Conectividade: Wi-Fi/ Bluetooth 32 | Memória Interna: 12GB 33 | 34 | Como funciona 35 | De acordo com fontes próximas do Google, os óculos vão contar com uma pequena tela de LCD ou AMOLED na parte superior e em frente aos olhos do usuário. Com o uso de uma câmera e GPS, você pode se situar, assim como selecionar opções com o movimento da cabeça 36 | 37 | O que você pode fazer com o Google Glasses 38 | O vídeo de divulgação do Google mostra que você pode se transformar em uma espécie de “super-humano”, já que o aparelho pode indicar a quantos metros você está de seu destino, se o metrô está aberto ou fechado, mostrar o clima, agenda e até mesmo permitir que você marque encontros apenas com comandos de voz. 39 | 40 | [AQUI ENTRA UM VÍDEO] 41 | 42 | Outras Notícias 43 | Vídeo mais recente 44 | 45 | [AQUI ENTRA UM VÍDEO] 46 | 47 | Novidades no Glass 48 | O Google enfim revelou as especificações completas do Google Glass, e com ele uma surpresa ainda inédita no mercado: a gigante das buscas usará um sistema de áudio baseado na transdução por condução. Através das hastes dos óculos, o som será transmitido para o ouvido do usuário por meio de microvibrações em determinados ossos de sua cabeça, sem usar nenhum tipo de alto-falante. 49 | 50 | Além da surpresa do áudio, a tela montada a frente do olho do usuário também chamou atenção. Serão 640 x 360 pixels de resolução que, em proporção, equivaleria a um monitor de 25 polegadas de alta definição colocado a 2,5 metros de distância do espectador. 51 | 52 | Copyright 2013 - by Gustavo Guanabara 53 | Facebook | Twitter -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_textos/multimidia-txt.html: -------------------------------------------------------------------------------- 1 | Google Glass 2 | A revolução do Google está chegando 3 | 4 | [AQUI ENTRA UMA FOTO] 5 | 6 | Menu Principal 7 | - Home 8 | - Especificações 9 | - Fotos 10 | - Multimídia 11 | - Fale conosco 12 | 13 | Glass > Multimídia 14 | Sons e Vídeos 15 | por Gustavo Guanabara 16 | Atualizado em 01/Maio/2013 17 | 18 | 19 | Áudio e Vídeo 20 | 21 | [AQUI ENTRA UM VÍDEO] 22 | [AQUI ENTRA UM ÁUDIO] 23 | 24 | Copyright 2013 - by Gustavo Guanabara 25 | Facebook | Twitter -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/_textos/specs-txt.html: -------------------------------------------------------------------------------- 1 | Google Glass 2 | A revolução do Google está chegando 3 | 4 | [AQUI ENTRA UMA FOTO] 5 | 6 | Menu Principal 7 | - Home 8 | - Especificações 9 | - Fotos 10 | - Multimídia 11 | - Fale conosco 12 | 13 | Glass > Especificações 14 | Raio-X no Google Glass 15 | por Gustavo Guanabara 16 | Atualizado em 01/Maio/2013 17 | 18 | Clique em qualquer área destacada da imagem para ter mais informações sobre os recursos do Google Glass. Qualquer ponto vermelho vai te levar a um lugar cheio de novas informações. 19 | 20 | [AQUI ENTRA UMA IMAGEM] 21 | 22 | Copyright 2013 - by Gustavo Guanabara< 23 | Facebook | Twitter -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/fale-conosco.html: -------------------------------------------------------------------------------- 1 | Google Glass 2 | A revolução do Google está chegando 3 | 4 | [AQUI ENTRA UMA FOTO] 5 | 6 | Menu Principal 7 | - Home 8 | - Especificações 9 | - Fotos 10 | - Multimídia 11 | - Fale conosco 12 | 13 | Fale Conosco > Contato 14 | Formulário de Contato 15 | por Gustavo Guanabara 16 | Atualizado em 01/Maio/2013 17 | 18 | Identificação do Usuário 19 | Nome: 20 | Senha: 21 | E-mail: 22 | Sexo: 23 | - Masculino 24 | - Feminino 25 | Data de Nascimento: 26 | 27 | Endereço do Usuário 28 | Logradouro: 29 | Número: 30 | Estado: 31 | Cidade: 32 | 33 | Mensagem do Usuário 34 | Grau de Urgência: 35 | Mensagem: 36 | 37 | Quero um Google Glass 38 | Gostaria de adquirir um Google Glass quando disponível 39 | Cor: 40 | Quantidade: 41 | Preço Total: R$ 42 | 43 | 44 | [BOTÃO ENVIAR] 45 | 46 | Copyright 2013 - by Gustavo Guanabara 47 | Facebook | Twitter -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/fotos.html: -------------------------------------------------------------------------------- 1 | Google Glass 2 | A revolução do Google está chegando 3 | 4 | [AQUI ENTRA UMA FOTO] 5 | 6 | Menu Principal 7 | - Home 8 | - Especificações 9 | - Fotos 10 | - Multimídia 11 | - Fale conosco 12 | 13 | Glass > Fotos 14 | Galeria de Imagens do Google Glass 15 | por Gustavo Guanabara 16 | Atualizado em 01/Maio/2013 17 | 18 | Veja na nossa galeria de fotos várias belas imagens que mostram algumas das principais características do Google Glass, como recursos e propriedades que estão impressionando o mundo inteiro. Basta passar o mouse sobre uma das fotos para ver uma versão ampliada e com uma breve descrição. 19 | 20 | - Agenda e lembretes 21 | - Sergey Brin usando o Glass 22 | - Leve e compacto 23 | - Sensação de uma tela de 50" 24 | - Vários tipos de lente 25 | - Informações importantes 26 | 27 | Copyright 2013 - by Gustavo Guanabara 28 | 29 | Facebook | Twitter -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/google-glass.html: -------------------------------------------------------------------------------- 1 | Clique sobre as áreas destacadas em vermelho 2 | [AQUI ENTRA UMA FOTO] 3 | 4 | Tela 5 | Como o mundo vai aparecer 6 | De acordo com fontes próximas do Google, os óculos vão contar com uma pequena tela de LCD ou AMOLED na parte superior e em frente aos olhos do usuário. Com o uso de uma câmera e GPS, você pode se situar, assim como selecionar opções com o movimento da cabeça. 7 | [AQUI ENTRA UMA FOTO] 8 | 9 | Câmera 10 | Filme e fotografe a qualquer momento 11 | [AQUI ENTRA UMA FOTO] 12 | Com o Google Glass será possível tirar fotos com até 5 megapixels e gravar vídeos com 720 linhas de resolução. Os primeiros vídeos e fotos capturados com o aparelho já começaram a circular pela rede, mas até agora ninguém tem muitas informações técnicas. 13 | 14 | Sensores 15 | A sensibilidade de um simples óculos< 16 | Quem pensa que para comandar o Google Glass vai precisar de teclado e mouse, se engana redondamente. O dispositivo vem com vários tipos de sensores e microfones embutidos. Assim, para dar um comando, basta falar ou passar o dedo na lateral do óculos. 17 | [AQUI ENTRA UMA FOTO] 18 | 19 | Bateria e Gadgets 20 | Quais são os dispositivos que complementam o Glass 21 | [AQUI ENTRA UMA FOTO] 22 | Segundo a própria Google, o Glass virá com uma bateria que tem autonomia suficiente para durar um dia inteiro. Apenas algumas atividades como videoconferências e longas filmagens vão exigir um pouco mais. Além disso ele vem com WiFi, Bluetooth, 3G/4G e muito mais. 23 | -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/index.html: -------------------------------------------------------------------------------- 1 | Google Glass 2 | A revolução do Google está chegando 3 | 4 | [AQUI ENTRA UMA FOTO] 5 | 6 | Menu Principal 7 | - Home 8 | - Especificações 9 | - Fotos 10 | - Multimídia 11 | - Fale conosco 12 | 13 | Tecnologia > Inovações 14 | Saiba tudo sobre o Google Glass 15 | por Gustavo Guanabara 16 | Atualizado em 23/Abril/2013 17 | 18 | O que é 19 | O Google Glass é um acessório em forma de óculos que possibilita a interação dos usuários com diversos conteúdos em realidade aumentada. Também chamado de Project Glass, o eletrônico é capaz de tirar fotos a partir de comandos de voz, enviar mensagens instantâneas e realizar vídeoconferências. Seu lançamento está previsto para 2014, e seu preço deve ser de US$ 1,5 mil. Atualmente o Google Glass encontra-se em fase de testes e já possui um vídeo totalmente gravado com o dispositivo. Além disso, a companhia de buscas registrou novas patentes anti-furto e de desbloqueio de tela para o acessório. 20 | 21 | [AQUI ENTRA UMA FOTO] 22 | 23 | Data de lançamento 24 | Não há uma data específica e oficial para o dispositivo ser lançado, ainda. Pode ser que ele esteja disponível em demonstrações a partir de 2013, mas seu lançamento para as lojas fica para, pelo menos, 2014. 25 | 26 | Especificações Técnicas 27 | Tabela Técnica do Google Glass Mar/2013 28 | 29 | Tela:Resolução equivalente a tela de 25" 30 | Camera: 5MP para fotos / 720p para vídeos 31 | Conectividade: Wi-Fi/ Bluetooth 32 | Memória Interna: 12GB 33 | 34 | Como funciona 35 | De acordo com fontes próximas do Google, os óculos vão contar com uma pequena tela de LCD ou AMOLED na parte superior e em frente aos olhos do usuário. Com o uso de uma câmera e GPS, você pode se situar, assim como selecionar opções com o movimento da cabeça 36 | 37 | O que você pode fazer com o Google Glasses 38 | O vídeo de divulgação do Google mostra que você pode se transformar em uma espécie de “super-humano”, já que o aparelho pode indicar a quantos metros você está de seu destino, se o metrô está aberto ou fechado, mostrar o clima, agenda e até mesmo permitir que você marque encontros apenas com comandos de voz. 39 | 40 | [AQUI ENTRA UM VÍDEO] 41 | 42 | Outras Notícias 43 | Vídeo mais recente 44 | 45 | [AQUI ENTRA UM VÍDEO] 46 | 47 | Novidades no Glass 48 | O Google enfim revelou as especificações completas do Google Glass, e com ele uma surpresa ainda inédita no mercado: a gigante das buscas usará um sistema de áudio baseado na transdução por condução. Através das hastes dos óculos, o som será transmitido para o ouvido do usuário por meio de microvibrações em determinados ossos de sua cabeça, sem usar nenhum tipo de alto-falante. 49 | 50 | Além da surpresa do áudio, a tela montada a frente do olho do usuário também chamou atenção. Serão 640 x 360 pixels de resolução que, em proporção, equivaleria a um monitor de 25 polegadas de alta definição colocado a 2,5 metros de distância do espectador. 51 | 52 | Copyright 2013 - by Gustavo Guanabara 53 | Facebook | Twitter -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/multimidia.html: -------------------------------------------------------------------------------- 1 | Google Glass 2 | A revolução do Google está chegando 3 | 4 | [AQUI ENTRA UMA FOTO] 5 | 6 | Menu Principal 7 | - Home 8 | - Especificações 9 | - Fotos 10 | - Multimídia 11 | - Fale conosco 12 | 13 | Glass > Multimídia 14 | Sons e Vídeos 15 | por Gustavo Guanabara 16 | Atualizado em 01/Maio/2013 17 | 18 | 19 | Áudio e Vídeo 20 | 21 | [AQUI ENTRA UM VÍDEO] 22 | [AQUI ENTRA UM ÁUDIO] 23 | 24 | Copyright 2013 - by Gustavo Guanabara 25 | Facebook | Twitter -------------------------------------------------------------------------------- /pacote-download/projeto-glass-html5/specs.html: -------------------------------------------------------------------------------- 1 | Google Glass 2 | A revolução do Google está chegando 3 | 4 | [AQUI ENTRA UMA FOTO] 5 | 6 | Menu Principal 7 | - Home 8 | - Especificações 9 | - Fotos 10 | - Multimídia 11 | - Fale conosco 12 | 13 | Glass > Especificações 14 | Raio-X no Google Glass 15 | por Gustavo Guanabara 16 | Atualizado em 01/Maio/2013 17 | 18 | Clique em qualquer área destacada da imagem para ter mais informações sobre os recursos do Google Glass. Qualquer ponto vermelho vai te levar a um lugar cheio de novas informações. 19 | 20 | [AQUI ENTRA UMA IMAGEM] 21 | 22 | Copyright 2013 - by Gustavo Guanabara< 23 | Facebook | Twitter --------------------------------------------------------------------------------