Bi-Weekly Theme #4: "Profession-Specific Website Template" 👩‍💻

• Started: 26.04
• Deadline: 03.05 12pm

26.04 This is my first project to apply in bount of the Deco Team!

With this project i want to explore the theme e create something with the brainstorm that i already make. I just have finished to watch the BrazilJS Conf and i full of ideias. I confident that i will achieve the apply desarie.

i'm on the step of start, already configured my ambient, installing necessary tools confifure my settings and install extensions

Tomorrow i will run the project and start the documentation. -- done 27.04 I learned a lot today with the documentation. Core concepts of the designed to work, and i make the tutorials too. I understand that i will use signal frm preact to create interactivity in my page using event that need listeners.

The concept of island is for more complex comportaments. Like API

But, to my project i have to develop somenthing bringing value to the proposal theme and then create one thing to differ my project from anothers.

---

My Theme 🚀

Contexto: Iremos gerar uma landing page navegavel simples apresentando um header com links de menu e na home teremos seções apresentando a profissão de astronauta visando demonstrar um pouco da profissão, exaltando a área e o mais importante: precisamos conectar a profissão de astronauta ao profissional de Desenvimento com seus pontos que fazem sentido como a falha e sucesso(fazendo apologia a missões mal sucedidas em lançamentos).

• Ligado a sonhar alto

• Relacionado ao ser (ser-humano)

• Conectar com pontos em comum na área de desenvolvimento

  Passos

  1. Header Navegável: Incluir links para seções como "Sobre", "Missões", "Galeria".
  2. Hero Section (Seção Principal): Uma imagem deslumbrante do espaço, com a Terra ao fundo, nuvens e água. Chamada para ação (CTA) convidando os visitantes a explorar mais sobre a profissão de astronauta.
  3. Sobre a Profissão: Uma seção que descreve brevemente o que é ser um astronauta, destacando palavras-chave como "exploração", "futurista", "cuidado" e "persistência". Talvez incluir citações inspiradoras de astronautas famosos sobre sonhar alto e superar desafios.
  4. Missões: Uma galeria de imagens de missões espaciais, incluindo tanto sucessos quanto falhas. Breves descrições de missões notáveis, enfatizando a importância da persistência mesmo diante de falhas.
  5. Conexão com Desenvolvimento: Uma seção especial que destaca como a profissão de desenvolvimento está intrinsecamente ligada à exploração espacial. Destaque casos de sucesso de tecnologia espacial e como o desenvolvimento de software desempenha um papel crucial em missões espaciais. Aborde as lições aprendidas com falhas em lançamentos passados, destacando como a resiliência e a melhoria contínua são fundamentais tanto para astronautas quanto para desenvolvedores.

  Keywords

  Cuidado, exploração, futurista, nasa, água, terra, nuvens, falha, sucesso, persistência

  Ref

  deco.cx nasa

  Codepens: Cosmic Dreams-https://codepen.io/konstantindenerz/pen/vYMPZKz - has a audio that we can use Water animation with SVG filter - https://codepen.io/dylanstanfield/pen/eRLZQM - maybe this is the right thank to use

  https://gsap.com/docs/v3/Installation?tab=cdn&module=esm&method=private+registry&tier=free&club=false&require=false&trial=true

---

---

This repository was created for you when you created a new site. To edit the code of the components in this site, you may clone this repo and run the project locally.

---

Usage | This is a deco.cx template

Start the project:

deno task start

Navigate to https://localhost:8000 to see your site and start creating new components.

Authors

• @viniciu5morais