-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
187 lines (162 loc) · 7.87 KB
/
Copy pathindex.html
File metadata and controls
187 lines (162 loc) · 7.87 KB
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
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Marco Rampin's portfolio">
<title>Marco Rampin portfolio</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/main.css">
<script src="javascript/script.js" type="text/javascript"></script>
<link rel="apple-touch-icon" sizes="180x180" href="./images/favicon/leaf.png">
<link rel="icon" type="image/png" sizes="32x32" href="./images/favicon/leaf.png">
<link rel="icon" type="image/png" sizes="16x16" href="./images/favicon/leaf.png">
</head>
<body>
<div id="intro-section" class="section">
<div id="intro-text">
<p>Welcome! I'm</p>
<h2>Marco Rampin</h2>
<p>an Ecology Master student currently learning web development</p>
<p>Data analysis and Front-end development</p>
</div>
<div id="intro-img">
</div>
<div id="more-info">
<div id="contact-me" class="intro-button">
<p>Contact me</p>
</div>
<div id="cv" class="intro-button">
<p>CV</p>
</div>
</div>
</div>
<div id="project-section" class="section">
<h1 id="uni-projects">ECOLOGY PROJECTS</h1>
<div id="project-pelagial">
<a href="https://marcorampin.github.io/" target="_blank" title="Analysis of the pelagic zone at Lunzer Untersee">
<img id="pelagial-img" src="./images/projects/pelagial.png" title="Lunzer untersee lake lab" alt="Lunzer untersee lake lab">
<div id="pelagial-text">
<b>Fieldwork and Data analysis (R)</b>
<br>Analysis of the Pelagic zone at Lunzer Untersee
</div>
</a>
</div>
<div id="project-hemea">
<a href="https://marcorampin.github.io/" target="_blank" title="Heme-a-synthase phylogenetic analysis">
<img id="hemea-img" src="./images/projects/hemea.png" title="Heme-a-synthase phylogenetic tree" alt="Heme-a-synthase phylogenetic tree">
<div id="hemea-text">
<b>Bioinformatics (Linux, Bash)</b>
<br>Phylogenetic tree analysis of Heme-a-synthase
</div>
</a>
</div>
<div id="project-ecologylab">
<a href="https://marcorampin.github.io/mec7-ecology-ecosystems-lab/" target="_blank" title="Leguminose response to droughts">
<img id="ecologylab-img" src="./images/projects/ecologylab.png" title="Laboratory photo" alt="Laboratory photo">
<div id="ecologylab-text">
<b>Lab work and Data analysis (R)</b>
<br>Drought-stress response of plant-bacteria symbiosis
</div>
</a>
</div>
<div id="project-data-analysis">
<a href="https://marcorampin.github.io/" target="_blank" title="Empirical data analysis">
<img id="data-analysis-img" src="./images/projects/data-analysis.png" title="Computer with plots" alt="Computer with plots">
<div id="data-analysis-text">
<b>Data analysis</b>
<br>Practical data analysis in ecology
</div>
</a>
</div>
<div id="project-macroecology">
<a href="https://marcorampin.github.io/" target="_blank" title="Macroecology of american leptidoptera">
<img id="macroecology-img" src="./images/projects/macroecology.png" title="Leptidoptera photo" alt="Leptidoptera photo">
<div id="macroecology-text">
<b>Data analysis with spatial distribution (R, QGIS)</b>
<br>Macroecology and spatial philogenetics of Hesperiidae
</div>
</a>
</div>
<div id="project-genome-analysis">
<a href="https://marcorampin.github.io/" target="_blank" title="Genome data analysis for ecologists">
<img id="genome-analysis.img" src="./images/projects/genome-analysis.png" title="Protein 3D visualization" alt="Protein 3D visualization">
<div id="genome-analysis-text">
<b>Bioinformatics (Linux)</b>
<br>Identifying an unknown DNA sequence
</div>
</a>
</div>
<div id="project-agriweedclim">
<a href="https://marcorampin.github.io/mec4-agriweedclim/" target="_blank" title="Emerging weeds in Central Europe">
<img id="agriweedclim-img" src="./images/projects/agriweedclim.png" title="Agricultural landscape" alt="Agricultural landscape">
<div id="agriweedclim-text">
<b>Literature data retrieval</b>
<br>Database of Emerging weeds in Central Europe (Agriweedclim project)
</div>
</a>
</div>
<div id="project-bachelor">
<a href="https://marcorampin.github.io/bachelor-thesis" target="_blank" title="Blueberry response to climate change">
<img id="bachelor-img" src="./images/projects/bachelor.png" title="Alpine landscape" alt="Alpine landscape">
<div id="bachelor-text">
<b>Bachelor thesis</b>
<br>Blueberry response to climate change
</div>
</a>
</div>
<h1 id="personal-projects">PROGRAMMING PROJECTS</h1>
<div id="project-haiku">
<a href="https://marcorampin.github.io/haiku/" target="_blank" title="Original Haikus and photos">
<img id="haiku-img" src="./images/projects/haiku.png" title="Japanese landscape" alt="Japanese landscape">
<div id="haiku-text">
Haiku
</div>
</a>
</div>
<div id="project-quotes">
<a href="https://marcorampin.github.io/random-quote-generator/" target="_blank" title="Random quote generator">
<img id="quotes-img" src="./images/projects/quotes.png" title="Antique book" alt="Antique book">
<div id="quotes-text">
Random quotes
</div>
</a>
</div>
<div id="project-ice-hockey">
<a href="https://marcorampin.github.io/js-icehockey/" target="_blank" title="Ice Hockey online game">
<img id="ice-hockey-img" src="./images/projects/ice-hockey.png" title="Game screenshot" alt="Game screenshot">
<div id="ice-hockey-text">
Ice hockey game in JS
</div>
</a>
</div>
</div>
<div id="about" class="section">
<h1 id="about-title">ABOUT ME</h1>
<div id="about-img"></div>
<div id="about-text">
<p id="about-p">
I always had a passion for nature and its conservation, for this reason I graduated in Environmental Sciences and now I'm finishing a M.Sc. in "Ecology and Ecosystems" at University of Vienna.
<br>During my studies I focused in data analysis (R and Python), but also had some experience in Laboratory and Field work.
Currently I'm learning front-end web development (React and JS) to broaden my skills and expertise in various sectors. I like light and functional websites, while keeping an eye for aesthetics.
<br>
<br>My curiosity and will to try new things also reflects in my hobbies, in fact I like to play field hockey, kayaking, bikepacking, painting, skateboarding, dyi and learning new things in general (currently learning german as self-taught).
<br>
<br>I made this website to showcase my projects and apply my knowledge in web development, but also to show my personality.
</p>
<div id="cv-download">Download CV</div>
</div>
</div>
<div id="contacts" class="section">
<h2 id="contacts-title">CONTACT ME</h2>
<div id="contacts-links">
<a id="email-link" href="mailto:rampin.marco.17@gmail.com" target="_blank" title="E-mail"><img id="email-logo" class="contact-logo" src="./images/contacts/email_logo.png" alt="email logo"></a>
<a id="linkedin-link" href="https://www.linkedin.com/in/marco-rampin/" target="_blank" rel="noopener noreferrer" title="LinkedIn"><img id="linkedin-logo" class="contact-logo" src="./images/contacts/linkedin_logo.png" alt="LinkedIn logo"></a>
<a id="github-link" href="https://github.com/marcorampin" target="_blank" title="GitHub"><img id="github-logo" class="contact-logo" src="./images/contacts/github_logo.jpg" alt="GitHub logo"></a>
</div>
</div>
</body>
<footer id="footer">
© <a href="https://www.linkedin.com/in/marco-rampin/" target="_blank" rel="noopeer noreferrer">Marco Rampin</a> 2024
</footer>
</html>