Skip to content

Commit 10d465c

Browse files
cfbastarzcfbastarz
committed
Adicionando uma landing page
1 parent ad59c66 commit 10d465c

7 files changed

Lines changed: 145 additions & 0 deletions

File tree

‎docs/assets/illustration.png‎

35.6 KB
Loading

‎docs/ccmonan.md‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
# Bem-vindo
2+
3+
Nesta página encontram-se organizadas as atas das reuniões do Comitê Científico do **MONAN - _Model for Ocean-laNd-Atmosphere predictioN_** (em português, **Modelo para Previsão dos Oceanos, Superfícies Terrestres e Atmosfera**), programa institucional do [INPE](https://www.gov.br/inpe/pt-br) e [MCTI](https://www.gov.br/mcti/pt-br) para o desenvolvimento do novo modelo comunitário brasileiro do sistema terrestre.
4+
5+
![type:video](https://youtube.com/embed/lq4pmpvqBIM)
6+
7+
Navegue pelo menu lateral esquerdo para acessar as atas organizadas pela data da reunião do Comitê Científico.
8+
9+
Para obter mais informações, a documentação e os códigos em desenvolvimento do modelo MONAN, visite [https://monanadmin.github.io/](https://monanadmin.github.io/).
10+
11+
*[INPE]: Instituto Nacional de Pesquisas Espaciais
12+
*[MCTI]: Ministério da Ciência, Tecnologia e Inovações
13+
14+

‎docs/index.md‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,8 @@
1+
---
2+
title: Title
3+
template: home.html
4+
---
5+
16
# Bem-vindo
27

38
Nesta página encontram-se organizadas as atas das reuniões do Comitê Científico do **MONAN - _Model for Ocean-laNd-Atmosphere predictioN_** (em português, **Modelo para Previsão dos Oceanos, Superfícies Terrestres e Atmosfera**), programa institucional do [INPE](https://www.gov.br/inpe/pt-br) e [MCTI](https://www.gov.br/mcti/pt-br) para o desenvolvimento do novo modelo comunitário brasileiro do sistema terrestre.
@@ -10,3 +15,5 @@ Para obter mais informações, a documentação e os códigos em desenvolvimento
1015

1116
*[INPE]: Instituto Nacional de Pesquisas Espaciais
1217
*[MCTI]: Ministério da Ciência, Tecnologia e Inovações
18+
19+

‎docs/javascripts/voronoi.js‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
function drawVoronoi() {
2+
const width = window.innerWidth;
3+
const height = window.innerHeight;
4+
5+
const container = d3.select('.voronoi-bg');
6+
container.selectAll('*').remove(); // Limpa SVG anterior
7+
8+
const svg = container.append('svg')
9+
.attr('width', width)
10+
.attr('height', height);
11+
12+
const points = d3.range(160).map(() => [Math.random() * width, Math.random() * height]);
13+
const delaunay = d3.Delaunay.from(points);
14+
const voronoi = delaunay.voronoi([0, 0, width, height]);
15+
16+
for (let i = 0; i < points.length; ++i) {
17+
svg.append('path')
18+
.attr('d', voronoi.renderCell(i))
19+
.attr('stroke', '#dfdfdf')
20+
.attr('fill', 'none')
21+
.attr('stroke-width', 1)
22+
.attr('stroke-dasharray', 1000)
23+
.attr('stroke-dashoffset', 1000)
24+
.classed('draw', true);
25+
}
26+
}
27+
28+
function startLoop() {
29+
drawVoronoi();
30+
setInterval(() => {
31+
drawVoronoi();
32+
}, 6000); // 5s de animação + 1s de pausa
33+
}
34+
35+
window.addEventListener('load', startLoop);
36+

‎docs/overrides/home.html‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
{#-
2+
This file was automatically generated - do not edit
3+
-#}
4+
{% extends "main.html" %}
5+
{% block tabs %}
6+
{{ super() }}
7+
<style>.md-header{position:initial}.md-main__inner{margin:0}.md-content{display:none}@media screen and (min-width:60em){.md-sidebar--secondary{display:none}}@media screen and (min-width:76.25em){.md-sidebar--primary{display:none}}</style>
8+
<section class="mdx-container">
9+
<div class="voronoi-bg"></div>
10+
<div class="md-grid md-typeset">
11+
<div class="mdx-hero">
12+
<div class="mdx-hero__image" style="display: flex; justify-content: center;">
13+
<img src="assets/illustration.png" alt="" width="600" height="193" draggable="false">
14+
</div>
15+
<div class="mdx-hero__content">
16+
<h1>Comitê Científico do Modelo para Previsão dos Oceanos, Superfícies Terrestres e Atmosfera</h1>
17+
<p>Acesse o conteúdo so site clicando no botão Comitê Científico. Se desejar obter o código do modelo e participar do seu desenvolvimento, acesse o nosso repositório no GitHub. </p>
18+
<a href="ccmonan" title="Comitê Científico" class="md-button md-button--primary">🎓 Comitê Científico</a>
19+
<a href="https://github.com/monanadmin" target=_blank" title="Repositório MONAN" class="md-button">🐙 Repositório GitHub</a>
20+
</div>
21+
</div>
22+
</div>
23+
</section>
24+
{% endblock %}
25+
{% block content %}{% endblock %}
26+
{% block footer %}{% endblock %}
27+

‎docs/stylesheets/extra.css‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
2+
.voronoi-bg {
3+
position: fixed;
4+
top: 0;
5+
left: 0;
6+
width: 100%;
7+
height: 100%;
8+
background: white;
9+
z-index: -1;
10+
overflow: hidden;
11+
}
12+
13+
.voronoi-bg svg {
14+
width: 100%;
15+
height: 100%;
16+
}
17+
18+
.voronoi-bg path {
19+
stroke: #dfdfdf;
20+
stroke-width: 1;
21+
fill: none;
22+
stroke-dasharray: 1000;
23+
stroke-dashoffset: 1000;
24+
}
25+
26+
.voronoi-bg path.draw {
27+
animation: draw 5s ease forwards;
28+
}
29+
30+
@keyframes draw {
31+
to {
32+
stroke-dashoffset: 0;
33+
}
34+
}

‎mkdocs.yml‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,27 @@ nav:
5151
theme:
5252
name: material
5353
language: pt-BR
54+
custom_dir: docs/overrides
5455
# logo: assets/logo_monan_all_white.png
56+
# features:
57+
# - navigation.instant
58+
# - navigation.tracking
59+
# - navigation.sections
60+
# - navigation.top
61+
# - navigation.expand
62+
# - toc.follow
63+
# - content.code.copy
64+
# - content.action.edit
65+
# - content.tabs.link
66+
# - header.autohide
67+
# - navigation.footer
68+
# palette:
69+
# - scheme: default
70+
# primary: indigo
71+
# accent: indigo
72+
icon:
73+
logo: material/book-open-page-variant
74+
repo: fontawesome/brands/github
5575

5676
extra:
5777
social:
@@ -66,6 +86,13 @@ extra:
6686
#extra_css:
6787
# - css/pdfstyle.css
6888

89+
extra_css:
90+
- stylesheets/extra.css
91+
92+
extra_javascript:
93+
- https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js
94+
- javascripts/voronoi.js
95+
6996
# Extensions
7097
markdown_extensions:
7198
- md_in_html

0 commit comments

Comments
 (0)