Convencoes do PIGUI

CONVENCOES

=> Estrutura do zip:
nome_do_layout.zip
  index.html  <= TEM CONVENÇÕES
  style.css
  style-estilo1.css
  style-estilo2.css
  images/
    estilo1/
      screenshot.png (imagem de demonstração do layout)
      (imagens do estilo 1)
    estilo2/
      screenshot.png (imagem de demonstração do layout)
      (imagens do estilo 2)
    (imagens do layout)



=> CONVENÇÕES DO index.html
  => Como deve ser mandado?
    - O index.html deve ter somente o que seria o body da página, não devem existir as tags html,head ou body, somente o que estaria dentro do body.
    - O index.html deve obrigatoriamente ter {conteudo} e {menu-de-artigos}
    - O index.html não pode ter nenhuma div de id "conteudoDoLayout" ou "renderDaView" ou "renderMenu"

  => Inserir Conteudo
    Para inserir o conteudo, utilize ${conteudo}. Por exemplo:
      <div class="Content">${conteudo}</div>

  => Inserir o Menu de Artigos
    Para inserir o menu de artigos, utilize ${menu-de-artigos}. Por exemplo:
      <div class="artigos">${menu-de-artigos}</div>

  => Links Para Conteudos
    Para linkar para as paginas do usuario, utilizar ":TIPO_DO_CONTEUDO" como href do anchor por exemplo:
      <a href=":home">Home</a>
    atualmente estão disponíveis as convenções:
      :home
      :profissional
      :area_de_atuacao
      :publicacao
      :artigos
      :contato

  => Link de editar contato
    Para linkar para a pagina de edição do contato, utilizar :editar_contato como href do anchor, por exemplo:
      <a href=":editar_contato">Editar Contato</a>


  => Inserir dados do Usuario
    Para inserir dados do usuario, utilize: ${usuario.NOME_DO_DADO}. Por exemplo:
      <span class="endereco">${usuario.endereco}</span>
    atualmente estão disponíveis as convenções:
      usuario.nome
      usuario.login
      usuario.email
      usuario.cpf
      usuario.telefone
      usuario.endereco


  => Inserir dados do Contato
    Para inserir dados do contato, utilize $[] para indicar o html que esta relacionado com o dado e dentro especifique o dado usando: ${contato.NOME_DO_DADO}.
    Por exemplo: 
      $[<span class="telefone">Telefone: ${contato.telefone}</span>]
    atualmente estão disponíveis as convenções para dados:
      contato.nome
      contato.complemento-do-nome
      contato.email
      contato.telefone
      contato.logradouro
      contato.numero
      contato.complemento
      contato.bairro
      contato.cidade
      contato.uf
      contato.pais
      contato.cep 
 => Para inserir links do Facebook,Twitter ou contato a convenção é:
      :facebook
      :twitter
      :contato