-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
134 lines (119 loc) · 5.74 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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Marijn van den Heuvel</title>
<!----CSS link----->
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="header">
<h1>Marijn van den Heuvel</h1>
<h2>Mechanical engineer</h2>
</div>
<div>
<hr>
</div>
<div class="row">
<section class="accordion">
<input type="checkbox" name="collapse" id="handle4" >
<h2 class="handle">
<label for="handle4">Tinkerer</label>
</h2>
<div class="content">
<p>As a creative engineer I like too tinker. Designing all kind of cool/weird/complex designs.
Tinkering on the computer designing using different CAD programs. <br>
But not only mechanical, I also work with electronics using arduino and ESP32. Programming them and building awesome designs with it. <br>
<br>
But then again being a mechancial engineer for 15 years resulted that I have used a lot of different CAD software, my current favorite is <a href="https://en.wikipedia.org/wiki/FreeCAD" target="_blank">FreeCAD</a>, Freecad has CAM and FEM and is parametric. <br> It is only has some stability issieus that need to be adressed before going mainstream, but can easily be used for small projects. <br> I have also worked a lot with Solidworks, Solid-Edge, Fusion360, Inventor and Autocad. <br>
Ranging from Pro/e too Autocad from Teamcenter too Solidworks PDM. Doing CAM/FEM/Motion. <br>
<br>
But sometimes you want to go more organic or just go for the nice renders, then my weapon of choice is Blender 3D.
</p>
</div>
</section>
<section class="accordion">
<input type="checkbox" name="collapse" id="handle5">
<h2 class="handle">
<label for="handle5">visualization</label>
</h2>
<div class="content">
<p>
If you design something in 3D, the most fun part is probably seeing it in real life. But what if you cannot make it or want to have an idea on how it looks before spending any more money on it. <br> Then 3D renders can be a good solution. <br>
I have learned to make beautifull renders in Blender. I also do kinematic and fluid simulations in Blender and animations. There are some examples in the image tab below. <br>
Further more I made an <a href="https://mistermaker.gumroad.com/l/Linkstage_Icons" target="_blank">IconPack</a> for Freecad in Blender and this shows that you can even do a lot of 2D work in Blender. <br> The icon pack is made with a script that renders all icons on a push of a button. <br> I also made renders for bathrooms, workshops and kitchens.
</p>
</div>
</section>
<section class="accordion">
<input type="checkbox" name="collapse" id="handle6">
<h2 class="handle">
<label for="handle6">Maker</label>
</h2>
<div class="content">
<p>
Next to doing work on my computer I am also a very practical person. <br> With a resin 3D printer, a FDM 3D printer and a CNC machine. <br> I use these to build all kind of fun and practical designs, almost always my own designs. <br>
For the CNC I use Freecad and ESTLcam as CAM software. <br>
Further I have an electronics desk where I can solder my own electronics. I have used it to build multipe 3D printers and my CNC. <br>
I also do some more funny projects like building a lightsaber and a camera rail and a arcade cabinet. <br>
On the internet I keep in touch with my fellow makers true Twitter as MisterMaker.
<img src="./img/logo.gif" class="logo">
</p>
</div>
</section>
<section class="accordion">
<input type="checkbox" name="collapse" id="handle8">
<h3 class="handle">
<label for="handle8">Images</label>
</h3>
<div class="content">
<p>
<img src="./img/small big tulps oisterwijk print.png" class="cardimg">
<img src="./img/vaas big tulps oisterwijk print - kopie.png" class="cardimg">
<img src="./img/auto wedstrijd.png" class="cardimg">
<img src="./img/render doos.jpg" class="cardimg">
<img src="./img/polysoudelassen.png" class="cardimg">
<img src="./img/render4.png" class="cardimg">
<img src="./img/signhp.webp" class="cardimg">
<img src="./img/Lbedrijf.jpg" class="cardimg">
Please mail me if you want to know more.
</p>
</div>
</section>
<section class="accordion">
<input type="checkbox" name="collapse" id="handle7" checked>
<h2 class="handle">
<label for="handle7">Contact</label>
</h2>
<div class="content">
<p>
If you have any questions or suggestions, please write an e-mail to: <br>
Marijn<span class="spamprotection">CHARACTER SEQUENCE</span>@marijnvandenheuvel.com <br>
Or contact me on
<a href="https://www.linkedin.com/in/marijnvdheuvel" target="_blank">Linkedin</a> <br>
Or <a href="https://twitter.com/MisterMakerNL_" target="_blank">Twitter</a>
</p>
</div>
</section>
<div class="footer">
<hr>
</div>
<script>
var coll = document.getElementsByClassName("collapsible");
var i;
for (i = 0; i < coll.length; i++) {
coll[i].addEventListener("click", function() {
this.classList.toggle("active");
var content = this.nextElementSibling;
if (content.style.maxHeight){
content.style.maxHeight = null;
} else {
content.style.maxHeight = content.scrollHeight + "px";
}
});
}
</script>
</body>
</html>