Separar as variáveis da landing page como imagens, cores, titulos e sub-titulos, e aplicar um editor HTML em todas as descrições. Dar continuidade backend em PHP.
Segue a pagina a ser aplicada
https://josephgabriel.github.io/Ondalive/
variáveis plataforma ondalive
(aplicar tanto para a versão descktop quanto para mobille)
variáveis landing page
01 navebar (temos que aplicar as mesmas variáveis para todas as navesbar da plataforma de todas as paginas)
• logo
• cor de fundo
• cor dos botões (quando o botão for vazado usar a escrita na mesma cor do botão)
• cor da escrita
02 banner landing page
• upload da imagem na versão descktop
• upload da imagem na versão mobile
03 cronometro
• sud-título
• cor sud-título
• título
• cor título
• cor linhas / dias ,horas ,minutos e segundos
• cor cronometro
• cor background
• upload de imagens background
04 sobre o evento
• título
• cor título
• sud-título
• cor sud-título
•
• cor background
• upload de imagens background
• editor html para texto da esquerda
• editor html para texto da direita
05 palestrante
• título
• cor título
• sud-título
• cor sud-título
• cor background
• upload de imagens background
botão adicionar palestrante
• upload de imagem de palestrante
• nome do palestrante
• cargo / empresa
• descrição
06 nós somos
• título
• cor título
• sud-título
• cor sud-título
• editor html para texto da esquerda
• cor background
• upload de imagens background
07 ponto alto do evento
• sud-título
• cor sud-título
• título
• cor título
• editor html para texto da esquerda
• upload de imagens 01
• upload de imagens 02
• cor background
• upload de imagens background
08 anúncio 01
• upload da imagem na versão descktop
• upload da imagem na versão mobile
• cor background
09 destáques
• sud-título
• cor sud-título
• título
• cor título
• cor background
• upload de imagens background
botão adicionar destaques
• upload de imagem do destaque
• nome do destaque
• sub-título do destaque
• descrição do destaque
10 números
• número 01
• escrita 01
• número 02
• escrita 02
• número 02
• escrita 03
• número 04
• escrita 04
• cor números
• escritas
• cor linhas
• cor background
• upload de imagens background
11 anúncio 02
• upload da imagem01 na versão descktop
• upload da imagem01 na versão mobille
• upload da imagem02 na versão descktop
• upload da imagem02 na versão mobille
• cor background
12 vídeo online
• sud-título
• cor sud-título
• título
• cor título
• editor html para texto da direita
• upload de imagens 01
• link do vídeo
• cor background
• upload de imagens background
13 nossa programação
• sud-título
• cor sud-título
• título
• cor título
• cor background
• upload de imagens background
botão de adicionar programação
• dia
• mes
• sala
• horario de inicio
• titulo da palestra
• descrição da palestra
• nomes dos palestrantes
botão de adicionar imagens
• upload de imagens
obs: no botão mais detalhes as variáveis são as mesmas
14 patrocinadores
• sud-título
• cor sud-título
• cor título
• cor do box patrocinador
botão de adicionar patrocinador
• titulo patrocinador 01 (patrocinador ouro)
• upload de imagem de patrocinadores
• titulo patrocinador 02 (patrocinador prata)
• upload de imagem de patrocinadores
• titulo patrocinador 03 (patrocinador bronze)
• upload de imagem de patrocinadores
15 dúvidas frequentes
• sud-título
• cor sud-título
• título
• cor título
• cor background
• cor box
botão de adicionar dúvida
• duvida 01
• resposta 01
16 ingressos
• sud-título
• cor sud-título
• título
• cor título
• cor background
botão de adicionar ingresso
• upload de imagem do ingresso
• nome do ingresso
• nome do evento
• nome da sala
• nome do lote
• data de inicio
• data de térmio
• valor do ingresso
• número de parcelas
• valor parcelado
17 fale conosco
• endereço da empresa
• email da empresa
• telefone da empresa
• link para redes sociais facebook/ instagram/whatsapp/ youtube/
18 rodapé
• cor rodapé
• logo rodapé
• cor box 01
• cor box 02
• cor box onde escreve os nome/email/telefone/mensagem
variáveis gerais
(são variáveis que encontramos em varias paginas ao mesmo tempo)
• top banner ( banner que encontramos em todas as paginas secundárias são elas cadastre-se/ login/ formulários/ esqueceu a senha/ politicas de privacidade/ hall/ ) obs: esse top banner esta em todas as paginas, menos na landing page e na salas
• cor de backgraund (mesmo principio que a anterio)
• imagens de backgraund (mesmo principio que a anterio)
• cor de box (mesmo principio que a anterio)
• cor título texto 01
• cor sud-título texto 02
• cor de ícones
• cor de botões
• cor da escrita dos botões
obs:
precisamos conversar para nos alinharmos com as seguintes paginas
hallorganiador
salaorganizador
todos os sidebar
variáveis sala organizador
01 navebar (vamos deixar de lado por enquanto)
02 top banner landing page (obs: estou pensando em tirar o banner do centro da sala neste momento o que acham?)
botão adicionar banner
• upload da imagem na versão descktop
• upload da imagem na versão mobile
• link para qualquer site externo - ao clicar em cima do banner direcionar em uma nova aba o site externo
hoje temos essa estrutura na plataforma 1.0
Por sala conseguimos cadastrar vários banners, e também conseguimos trocar eles a hora que quisermos sem que o usuário final aperte F5
03 PLAYER
Teremos até 3 players para Embed que são mudados conforme os botões no front (áudio português / áudio inglês / áudio espanhol.
variáveis
• nome do botão
• embed do player
obs: hoje usamos embad do vimeo, mais se possível, gostaria que funcione com qualquer player, sendo youtube, twich, vimeo ou qualquer outro.
Segue o código do vimeo que fazemos Embed hj, quando estiver programando posso fazer uma live aqui e mandar pra vc o link pra teste.
No vimeo posso tanto escolher o código responsivo quanto o fixo, normalmente escolo o responsivo
Segue o código para teste. Ele vai dar como “esse evento ainda não começou”
<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="
https://vimeo.com/event/358968/embed" frameborder="0" allow="autoplay; fullscreen" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;"></iframe></div>
04 PROGRAMAÇÃO SALA
• Cor Título
• Cor Sud-Título
• Cor descrição
• Cor backgound
• Cor linha / botão saiba mais
• Cor escrita saiba mais
• Cor box
Botão Adicionar Programação Sala
• Upload de imagem da programação
• Horário de início
• título da programação
• Sud-Título da programação
• Descrição da programação ( podemos deixar um editor HTML)
• Link botão saiba mais
05 ARQUIVOS PARA DOWNLOAD
• Cor Título arquivos
• Cor Sud-Título arquivos
• Cor backgound
• Cor linhas
• Cor botão
• Cor icons
Botão Adicionar arquivos
• Upload do arquivo
• Tipo/ extenção
• Peso / tamanho
Categoria: TI e Programação
Subcategoria: Programação
Qual é o alcance do projeto?: Alteração média
Isso é um projeto ou uma posição de trabalho?: Um projeto
Tenho, atualmente: Eu tenho o design
Disponibilidade requerida: Conforme necessário
Funções necessárias: Desenvolvedor