Skip to main content

Utilização do Site LabRI

Nesta seção estão reunidos alguns tutoriais que devem auxiliar os colaboradores do LabRI/UNESP a utilizar e editar as páginas do Site LabRI. Os itens na lateral direita indicam os tutoriais que estão disponíveis atualmente.

Web IDE: Edição das Páginas​

Aprenda a editar as páginas do site utilizando o Web IDE do GitLab.

tip

É necessário estar logado em uma conta do GitLab para seguir este tutorial.

Entrar no Repositório do LabRI​

  1. Faça o login na sua conta do GitLab e entre no repositório do LabRI.

  2. Em seguida, entre na pasta "website".

Selecionando o repositório do LabRI

Entrar no editor "Web IDE"​

  1. Selecione a opção "Web IDE" para começar a editar as páginas do site.

  2. Clique na opção escolhida para entrar na Web IDE.

Selecionando a opção "Web IDE" para editar a página

Entrando na pasta da página que deseja editar​

  1. Entre na pasta "src" > "pages".

  2. Encontre o nome da pasta que deseja editar (Ex: Cidades Sustentáveis).

Selecionando pasta de edição

Editando informações​

O exemplo a seguir mostra como adicionar ou modificar informações de uma página do site LabRI.

tip

Todas as informações que podem ser editadas estão guardadas dentro de uma constante (const), sendo necessário apenas identificar qual constante recebe as informações que você deseja modificar.

  1. Selecione o arquivo que deseja editar (Ex: "sobre.js").

  2. Encontre a constante que irá receber as novas informações.

  3. Acrescente as informações que deseja.

Editando informações

Enviando as novas informações com um commit​

Para que as modificações sejam enviadas ao site é necessário fazer um commit.

  1. Clique no botão "Create commit".

  2. Selecione a opção "Commit to main branch".

  3. Clique em "Commit".

Fazendo "commit" para enviar as informações novas

Foto dos Membros: Como editar e inserir imagens​

Edite sua foto com o template do Canva para ajudar a padronizar as imagens do site.

tip

É necessário estar logado em uma conta do Canva para seguir este tutorial.

Acessando o template​

  1. Entre no Template do Canva para ter acesso a edição da sua imagem.

  2. Duplique o template antes de adicionar a sua foto.

Duplicando o template

  1. Faça o upload da sua foto.

  2. Insira sua foto no template.

Inserindo imagem

Salvando a imagem​

  1. Clique em "Compartilhar" > "Baixar".

  2. Selecione "Fundo Transparente".

  3. Selecione a página que deseja baixar.

Baixando imagem

Fazendo upload da imagem no GitLab​

  1. Acesse a pasta "static" > "img".

  2. Encontre a pasta desejada e clique nos três pontos > "Upload Image".

Upload Imagem no Site

Fazendo commit​

Para que as modificações sejam enviadas ao site é necessário fazer um commit.

  1. Clique no botão "Create commit".

  2. Selecione a opção "Commit to main branch".

  3. Clique em "Commit".

Fazendo "commit" para enviar as informações novas