nicolevasos.github.io/S2.html at main · nicolevasos/nicolevasos.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
<!DOCTYPE HTML>
<!--
  Landed by HTML5 UP
  html5up.net | @ajlkn
  Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
  <head>
    <link rel="icon" href="images/NS-Logo6.png" type="image/png" sizes="128x128"> <!-- tap logo -->
    <title>CDE ePortfolio - Nicole Salazar-Cuellar</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <link rel="stylesheet" href="assets/css/main.css" />
    <noscript>
      <link rel="stylesheet" href="assets/css/noscript.css" />
    </noscript>
  </head>
  <body class="is-preload landing" style="background-image: url('images/t7.png'); background-size: cover;">

    <div id="page-wrapper">

      <!-- Header -->
      <header id="header">
        <h1 id="logo">
          <a href="index.html">
            <img src="images/NS-Logo.png" class="logo-container" alt="Landed Logo" class="responsive" width="95" height="45"> <!-- Banner Logo -->
          </a>
        </h1>
        <nav id="nav">
          <ul>
            <li><a href="index.html">Home</a></li>
            <li>
              <a href="projects.html">Projects</a>
              <ul>
                <li><a href="interactive.html">Interactive Maps</a></li>
                <li><a href="3d.html">3D Maps</a></li>
                <li><a href="storymaps.html">Story Maps</a></li>
                <li><a href="dashboards.html">Dashboards</a></li>
                <li><a href="blog.html">Blog</a></li>
								<li><a href="talks.html">Talks</a></li>
              </ul>
            </li>
            <li>
              <a href="CDE1.html">CDE</a>
              <ul>
                <li><a href="CDE.html">Semester 1</a></li>
                <li><a href="S2.html">Semester 2</a></li>
									<li><a href="S3.html">Semester 3</a></li>

              </ul>
            </li>
            <li><a href="CV.html">CV</a></li>
            <li><a href="contact.html" class="button primary">Contact</a></li>
          </ul>
        </nav>
        		<!-- Google tag (gtag.js) -->
			<script async src="https://www.googletagmanager.com/gtag/js?id=G-8F1Z13PK83"></script>
			<script>
			window.dataLayer = window.dataLayer || [];
			function gtag(){dataLayer.push(arguments);}
			gtag('js', new Date());

			gtag('config', 'G-8F1Z13PK83');
			</script>
      </header>

      <!-- Main Content -->
      <div class="container23">
        <h2 class="whitee">CDE e-Portfolio - S2</h2>
        <p>
          Welcome to my CDE e-Portfolio! This space showcases the projects carried out during the Copernicus Master in Digital Earth.
          Each project reflects my journey in developing interactive maps, 3D visualizations, reports in Earth Observation (EO),
          combining creativity with technical expertise. Explore the projects below to see how I've applied geospatial solutions
          to real-world challenges.
        </p>
        <div class="project-card">
          <img src="images/GC_dashboard.png" alt="Salzburg Survival Guide">
          <h3>Digital Tools for EUDR Compliance and Risk Benchmarking - Internship</h3>
          <p>
            This report presents the internship work on developing the SELF-EUDR prototype, benchmarking deforestation risk platforms, and creating interactive resources for visualizing risk and environmental indicators.
          </p>
          <p class="italic">Sep 15, 2025</p>
          <a href="docs/Intership_Report.pdf" target="_blank">View Project</a>
        </div>

        <div class="project-card">
          <img src="images/1.png" alt="Salzburg Survival Guide">
          <h3>Interactive Strava Activity Dashboard - Jupyter Notebook</h3>
          <p>
            A Jupyter Notebook dashboard using the Strava API to analyze and visualize physical activity data. It provides interactive insights on workout patterns, performance metrics, and spatial activity distribution, helping athletes and fitness enthusiasts track progress and explore trends.
          </p>
          <p class="italic">Aug 22, 2025</p>
          <a href="https://github.com/nicolevasos/Strava-Dashboards" target="_blank">View Project</a>
        </div>

        <div class="project-card">
          <img src="images/strava-js.png" alt="Salzburg Survival Guide">
          <h3>Strava Activity Tracker - Web App</h3>
          <p>
            An interactive web dashboard that visualizes Strava activities from a CSV export. Users can explore routes on a map, track performance metrics with dynamic charts, and filter activities by sport. Built with Leaflet.js and Chart.js, it offers a responsive, browser-based experience for athletes.
          </p>
          <p class="italic">Aug 15, 2025</p>
          <a href="https://nicolevasos.github.io/strava-dashboard-js/" target="_blank">View Project</a>
        </div>

        <div class="project-card">
          <img src="images/BIP.png" alt="Salzburg Survival Guide">
          <h3>BIP - Interplay of Landscape, Tectonics & Climate Change</h3>
          <p>
			This report summarizes the BIP on Landscape, Tectonics & Climate Change in the Mediterranean, examining climate impacts on tectonic and coastal environments. It covers coastal erosion, shifting precipitation, and hazards, combining virtual learning and fieldwork for practical insights into landscape evolution and adaptation.
		  </p>
          <p class="italic">Jul 30, 2025</p>
          <a href="https://storymaps.arcgis.com/stories/a6e6523c12cd4c839fd6b05b5ebf938e" target="_blank">View Report</a>
        </div>

        <div class="project-card">
          <img src="images/SS.png" alt="Salzburg Survival Guide">
          <h3>SS - Techniques for 3D Modelling & Visualization of Digital Twins</h3>
          <p>
			This StoryMap shares insights from the NexCity Summer School, showing how geospatial technologies and deep learning support urban digital twins. It explores data workflows, solar irradiation studies, and real-world applications to advance smarter, sustainable cities.
          </p>
          <p class="italic">Jul 21, 2025</p>
          <a href="https://storymaps.arcgis.com/stories/bc382b7cdde849fa9340c7fcf1f0d9ba" target="_blank">View Report</a>
        </div>
      </div>

      <!-- Footer -->
      <footer class="footer">
        <div class="logo-container">
          <a href="https://master-cde.eu/" target="_blank">
            <img src="images/CDE.png" alt="Logo 1" class="footer-logo logo1">
          </a>
          <a href="https://erasmus-plus.ec.europa.eu/" target="_blank">
            <img src="images/ERASMUS.jpg" alt="Logo 2" class="footer-logo logo2">
          </a>
          <a href="https://www.plus.ac.at/?lang=en" target="_blank">
            <img src="images/plus.png" alt="Logo 3" class="footer-logo logo3">
          </a>
          <a href="https://www.upol.cz/en/" target="_blank">
            <img src="images/UPOL.png" alt="Logo 4" class="footer-logo logo4">
          </a>
        </div>
      </footer>

    </div>

    <!-- Scripts -->
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/jquery.scrolly.min.js"></script>
    <script src="assets/js/jquery.dropotron.min.js"></script>
    <script src="assets/js/jquery.scrollex.min.js"></script>
    <script src="assets/js/browser.min.js"></script>
    <script src="assets/js/breakpoints.min.js"></script>
    <script src="assets/js/util.js"></script>
    <script src="assets/js/main.js"></script>

  </body>
</html>