Elementos do site

Esta página apresenta os elementos de conteúdo e componentes disponíveis no website do European Dream.

Mostra como os elementos comuns (texto, imagens, citações, listas, shortcodes, etc.) aparecem quando publicados, juntamente com exemplos simples de como os utilizar. Não é necessário conhecimento técnico para ler ou usar esta página.

Nota sobre acessibilidade

O European Dream considera a acessibilidade um valor fundamental. Isto significa que todo o conteúdo publicado deve permanecer legível, compreensível e utilizável pelo maior número possível de pessoas.

Por esta razão, encorajamos os contribuidores a ter em mente alguns princípios simples, tais como:

  • usar títulos claros e uma estrutura lógica
  • fornecer texto significativo para links e imagens
  • evitar conteúdo que dependa apenas de cor, layout ou efeitos visuais para transmitir significado

Estes princípios ajudam a manter o website inclusivo e acolhedor para todos 💚.


Títulos

Os títulos de primeiro nível estão reservados para o título da página, que é gerado automaticamente. Na prática, isto significa usar títulos de segundo nível e inferiores nas páginas e publicações, já que o título de primeiro nível deve ser único por razões de acessibilidade.

Título de segundo nível

Título de terceiro nível

Título de quarto nível

Título de quinto nível
Título de sexto nível

Listas

Lista ordenada

  1. Começa a fazer o que é necessário,
  2. depois faz o que é possível,
  3. e de repente estás a fazer o impossível.

Lista não ordenada

  • Riqueza sem trabalho.
  • Prazer sem consciência.
  • Conhecimento sem carácter.
  • Comércio sem moralidade.
  • Ciência sem humanidade.
  • Religião sem sacrifício.
  • Política sem princípios.

Tabela

Cabeçalho 1Cabeçalho 2Cabeçalho 3Cabeçalho 4Cabeçalho 5
Linha:1 Cel:1Linha:1 Cel:2Linha:1 Cel:3Linha:1 Cel:4Linha:1 Cel:5
Linha:2 Cel:1Linha:2 Cel:2Linha:2 Cel:3Linha:2 Cel:4Linha:2 Cel:5
Linha:3 Cel:1Linha:3 Cel:2Linha:3 Cel:3Linha:3 Cel:4Linha:3 Cel:5
Linha:4 Cel:1Linha:4 Cel:2Linha:4 Cel:3Linha:4 Cel:4Linha:4 Cel:5
Linha:5 Cel:1Linha:5 Cel:2Linha:5 Cel:3Linha:5 Cel:4Linha:5 Cel:5
Linha:6 Cel:1Linha:6 Cel:2Linha:6 Cel:3Linha:6 Cel:4Linha:6 Cel:5

Citações

Devíamos ter sempre três amigos nas nossas vidas — um que caminha à frente, a quem admiramos e seguimos; um que caminha ao nosso lado, que está connosco a cada passo da nossa jornada; e depois, um a quem estendemos a mão e trazemos connosco depois de abrirmos caminho.

Michelle Obama

> Devíamos ter sempre três amigos nas nossas vidas —
> um que caminha à frente, a quem admiramos e seguimos;
> um que caminha ao nosso lado, que está connosco a cada passo da nossa jornada;
> e depois, um a quem estendemos a mão e trazemos connosco depois de abrirmos caminho.
>
> <cite>Michelle Obama</cite>

Imagens

Unsplash

brown concrete building on top of green mountain during daytime
Photo by Martin Katler on Unsplash
{{< unsplash m6FEp9WVgq8 >}}

Figure

Exemplo

Foto de Martin Katler no Unsplash

{{< figure
  src="/images/example.jpg"
  alt="Exemplo"
  caption="Foto de [Martin Katler](https://unsplash.com/@martinkatler) no [Unsplash](https://unsplash.com)"
  class="ma0 w-75"
>}}

Personalizada

Mar Foto de Martin Katler no Unsplash

![Mar](./images/example.jpg)
_Foto de [Martin Katler](https://unsplash.com/@martinkatler) no [Unsplash](https://unsplash.com)_

Um link de botão estilizado que lida automaticamente com a localização de idiomas.

Leia o nosso Apelo a Sonhar
{{< button href="/a-call-to-dream/" text="Leia o nosso Apelo a Sonhar" >}}

O caminho href é automaticamente prefixado com o código do idioma atual (por exemplo, /pt/a-call-to-dream/ para português). Ao traduzir, mantenham o href inalterado e traduzam apenas o parâmetro text.


Incorporação YouTube

{{< youtube qXl8XByenME >}}

Incorporação Vimeo

{{< vimeo 29594820 >}}