-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
45 lines (42 loc) · 2.45 KB
/
index.html
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
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio Overview</title>
<link rel="stylesheet" href="style.css">
</head>
<body class="dark-mode">
<div class="container">
<h1>Portfolio Overview</h1>
<div class="project project-top">
<h2>3D Product Configurator</h2>
<p><i>under development</i></p>
<p>This configurator allows users to customize and view product variations and functionalities.</p>
<p>Used JavaScript libraries: <a class="resource_link" href="https://modelviewer.dev/" target="_blank">Modelviewer</a> / <a class="resource_link" href="https://threejs.org/" target="_blank">Three.js</a></p>
<p>Used modelling software: <a class="resource_link" href="https://www.freecad.org/" target="_blank">FreeCAD</a> / <a class="resource_link" href="https://www.blender.org/" target="_blank">Blender</a></p>
<a class="project_link" href="./vidajo/index.html">View Project</a>
</div>
<div class="project">
<h2>Map Application</h2>
<p><i>under development</i></p>
<p>This map application provides various map layers as well as data layers for tour planning, dedicated to mountain sports and mountain rescue topics.</p>
<p>Used JavaScript libraries: <a class="resource_link" href="https://leafletjs.com/" target="_blank">Leaflet</a></p>
<p>Used data mining/modelling software: <a class="resource_link" href="https://overpass-turbo.eu/" target="_blank">Overpass Turbo</a> / <a class="resource_link" href="https://www.python.org/" target="_blank">Python</a></p>
<a class="project_link" href="./bw-karte/index.html">View Project</a>
</div>
<div class="project">
<p id="dyn" style="text-align: right; font-style: italic;"></p>
</div>
</div>
</body>
<script>
document.addEventListener("DOMContentLoaded", function() {
var current_date = new Date();
var month_names = ["January", "February", "March", "April", "May", "June",
"July", "August", "September", "October", "November", "December"];
var current_month = month_names[current_date.getMonth()];
var current_year = current_date.getFullYear();
document.getElementById("dyn").textContent = `Vincent Ehrmann, ${current_month} ${current_year}`
});
</script>
</html>