coolio1.github.io/index.html at main · coolio1/coolio1.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
<!DOCTYPE html>
<html lang="pt">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Nuno Quental</title>

  <!-- SEO meta -->
  <meta name="description" content="Nuno Quental — engenheiro do ambiente e investigador em sustentabilidade urbana. Publicações académicas, projecto Porto Verde e percurso profissional na Comissão Europeia.">
  <meta name="keywords" content="Nuno Quental, engenheiro do ambiente, sustentabilidade urbana, Porto Verde, espaços verdes, Comissão Europeia, publicações, investigação, ambiente, Porto">
  <meta name="google-site-verification" content="Lkfn0DpuOYZdEePSv1vr4_iStVt6XfX5_mb4Sw3jXfY">
  <link rel="canonical" href="https://coolio1.github.io/">
  <link rel="icon" type="image/png" href="favicon.png">
  <link rel="icon" type="image/x-icon" href="favicon.ico">

  <!-- Open Graph -->
  <meta property="og:title" content="Nuno Quental — Engenheiro do Ambiente e Investigador">
  <meta property="og:description" content="Engenheiro do ambiente e investigador em sustentabilidade urbana. Publicações académicas, projecto Porto Verde e percurso profissional.">
  <meta property="og:image" content="https://coolio1.github.io/nuno.jpg">
  <meta property="og:url" content="https://coolio1.github.io/">
  <meta property="og:type" content="website">

  <!-- Twitter Card -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Nuno Quental — Engenheiro do Ambiente e Investigador">
  <meta name="twitter:description" content="Engenheiro do ambiente e investigador em sustentabilidade urbana. Publicações académicas, projecto Porto Verde e percurso profissional.">
  <meta name="twitter:image" content="https://coolio1.github.io/nuno.jpg">

  <!-- Schema.org JSON-LD -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Person",
    "name": "Nuno Quental",
    "jobTitle": "Engenheiro do Ambiente",
    "description": "Investigador em sustentabilidade urbana e engenheiro do ambiente.",
    "url": "https://coolio1.github.io/",
    "image": "https://coolio1.github.io/nuno.jpg",
    "affiliation": {
      "@type": "Organization",
      "name": "Comissão Europeia"
    },
    "sameAs": [
      "https://www.linkedin.com/in/nquental",
      "https://scholar.google.com/citations?user=NoCUypYAAAAJ"
    ]
  }
  </script>

  <link rel="stylesheet" href="style.css">
</head>
<body>
  <header>
    <nav>
      <a href="index.html" class="nav-name">NQ</a>
      <div class="nav-links">
        <a href="index.html">Início</a>
        <a href="escritos.html">Publicações</a>
        <a href="activismo.html">Activismo</a>
        <a href="https://coolio1.github.io/porto_areas_verdes_mudanca/" target="_blank"><img src="https://coolio1.github.io/porto_areas_verdes_mudanca/assets/images/logo-porto-verde.png" alt="Porto Verde" style="height:34px; width:auto; vertical-align:middle;"></a>
      </div>
    </nav>
  </header>

  <main>
    <section class="hero">
      <div class="hero-text">
        <h1>Nuno Quental</h1>
        <blockquote class="hero-quote">&laquo;Uma gestão urbanística correcta faz-se com a preservação, antes de mais, dos espaços verdes existentes.&raquo;</blockquote>
        <p class="hero-sub">Sustentabilidade urbana, energia e território.</p>
        <div class="hero-ctas">
          <a href="escritos.html" class="cta">Publicações &rarr;</a>
          <a href="https://coolio1.github.io/porto_areas_verdes_mudanca/" target="_blank" class="cta cta-secondary">Mapeando o Verde do Porto &rarr;</a>
        </div>
      </div>
      <img src="nuno.jpg" alt="Nuno Quental" class="portrait">
    </section>

    <section class="projeto-destaque">
      <div class="projeto-texto">
        <span class="projeto-tag">Projecto em curso</span>
        <h2><img src="https://coolio1.github.io/porto_areas_verdes_mudanca/assets/images/logo-porto-verde.png" alt="Porto Verde" style="max-height:140px; width:auto; display:block;"></h2>
        <p>Mapas interactivos de vegetação, uso do solo e mudanças urbanas na cidade do Porto, com dados de satélite abertos. Como mudou a paisagem verde da cidade desde 1947?</p>
        <a href="https://coolio1.github.io/porto_areas_verdes_mudanca/" target="_blank" class="cta cta-small">Explorar o projecto &rarr;</a>
        <h3 class="blog-heading">Últimos artigos</h3>
        <ul id="pv-articles" class="blog-list">
          <li><time>22 Abr</time><a href="https://coolio1.github.io/porto_areas_verdes_mudanca/posts/carta-aberta-aurificia/" target="_blank">Carta aberta pela reformulação do Projeto para a Antiga Companhia Aurífícia</a></li>
          <li><time>30 Mar</time><a href="https://coolio1.github.io/porto_areas_verdes_mudanca/posts/acessibilidade-verde-publico-porto/" target="_blank">Acessibilidade a espaços verdes públicos no Porto</a></li>
          <li><time>21 Mar</time><a href="https://coolio1.github.io/porto_areas_verdes_mudanca/posts/mudanca-verde-porto-1985-2025/" target="_blank">Dinâmicas de ocupação do solo e cobertura vegetal (1985–2025)</a></li>
        </ul>
        <script>
        fetch('/porto_areas_verdes_mudanca/feed.xml')
          .then(function(r){ return r.text(); })
          .then(function(xml){
            var doc = new DOMParser().parseFromString(xml, 'text/xml');
            var entries = Array.from(doc.querySelectorAll('entry')).slice(0, 4);
            if (!entries.length) return;
            var ul = document.getElementById('pv-articles');
            ul.innerHTML = entries.map(function(e){
              var title = e.querySelector('title').textContent;
              var link = e.querySelector('link').getAttribute('href');
              var date = new Date(e.querySelector('published').textContent);
              var d = date.toLocaleDateString('pt-PT', {day: 'numeric', month: 'short'});
              return '<li><time>' + d + '</time><a href="' + link + '" target="_blank">' + title + '</a></li>';
            }).join('');
          })
          .catch(function(){});
        </script>
      </div>
      <div class="projeto-imagens">
        <figure>
          <img src="covers/porto_deficit.jpg" alt="Défice de espaços verdes no Porto" loading="lazy">
          <figcaption>Défice de espaços verdes</figcaption>
        </figure>
        <figure>
          <img src="covers/porto_2024.jpg" alt="Porto em 2024" loading="lazy">
          <figcaption>2024</figcaption>
        </figure>
      </div>
    </section>

    <section class="escritos-preview">
      <h2>Activismo Cívico</h2>
      <p style="color:var(--ink-light); font-size:0.95rem; line-height:1.8; margin-bottom:1.2rem;">Duas décadas de intervenção cívica e ambiental — do associativismo estudantil à coordenação do Núcleo do Porto da Quercus, passando pelo Movimento pelo Parque da Cidade e pela defesa do património urbano.</p>
      <ul class="blog-list">
        <li><time>1998–2002</time><a href="activismo-quercus.html">Quercus — Núcleo do Porto (213 textos)</a></li>
        <li><time>2001–2003</time><a href="activismo.html#parque-cidade">Movimento pelo Parque da Cidade</a></li>
        <li><time>~1995–2000</time><a href="activismo.html#farol-terra">Farol-Terra</a></li>
      </ul>
      <a href="activismo.html" class="ver-todos">Ver tudo &rarr;</a>
    </section>

    <aside class="pullquote">
      <blockquote>&laquo;A chave estará numa aposta múltipla: valorizar os planos, investir nas instituições, promover a cidadania activa e encarar os políticos como os primeiros guardiões e actores capazes de transformar as estratégias em realidade.&raquo;</blockquote>
      <cite>— Ordem nos planos, 2007</cite>
    </aside>

    <section class="bio">
      <h2>Sobre mim</h2>
      <p>Do Porto a Bruxelas, passando pela Alemanha e por um doutoramento no Instituto Superior Técnico — o meu percurso profissional tem sido dedicado às questões que moldam o território onde vivemos: a qualidade do ar, os espaços verdes, a forma como nos deslocamos, a energia que consumimos.</p>
      <p>Trabalho na Comissão Europeia desde 2016, onde acompanho start-ups inovadoras no European Innovation Council. Antes, coordenei prioridades europeias de I&amp;D em energia eólica e contribuí para instrumentos financeiros como o InnovFin. No Porto, coordenei o plano estratégico de ambiente da Área Metropolitana, fundei a ONG Campo Aberto, e co-apresentei o <em>Desafio Verde</em> na RTP2.</p>
    </section>

    <aside class="pullquote pullquote-alt">
      <blockquote>&laquo;O contributo dos cidadãos será, por assim dizer, a espinha dorsal de todo este processo.&raquo;</blockquote>
      <cite>— Futuro Sustentável, 2005</cite>
    </aside>

    <section class="links">
      <ul class="link-cards">
        <li><a href="https://www.linkedin.com/in/nquental" target="_blank">LinkedIn</a></li>
        <li><a href="https://scholar.google.com/citations?user=NoCUypYAAAAJ" target="_blank">Google Scholar</a></li>
      </ul>
    </section>

    <aside class="pullquote">
      <blockquote>&laquo;As crises são oportunidades para repensar decisões e realocar capital, usando-o de forma mais eficiente.&raquo;</blockquote>
      <cite>— Oportunidade para vencer a crise climática, 2020</cite>
    </aside>
  </main>

  <footer>
    <p><a href="https://www.linkedin.com/in/nquental" target="_blank">Nuno Quental</a> &copy; 2026</p>
  </footer>
</body>
</html>