templates/main/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {# block title %}Hello MainController!{% endblock %#}
  5. {% block body %}
  6. <div class="navmenu">
  7. <div class="navmenu-level navmenu-level-1 active" id="navmenuStart">
  8. <div class="navmenu-inner">
  9. <div class="tabs">
  10. <div class="tab" data-navmenutab="navmenuVita"><div class="tab-inner">
  11. <div class="tab-h">Vita</div>
  12. <div class="tab-content">
  13. <div class="tab-img"><img src="{{ asset('images/photos/back_vita.jpg')}}" alt=""></div>
  14. </div>
  15. </div></div>
  16. <div class="tab" data-navmenutab="navmenuTouren"><div class="tab-inner">
  17. <div class="tab-h">Touren</div>
  18. <div class="tab-content">
  19. <div class="tab-img"><img src="{{ asset('images/photos/back_tours.jpg')}}" alt=""></div>
  20. </div>
  21. </div></div>
  22. <div class="tab" data-navmenutab="navmenuProjekte"><div class="tab-inner">
  23. <div class="tab-h">Projekte</div>
  24. <div class="tab-content">
  25. <div class="tab-img"><img src="{{ asset('images/photos/back_projects.jpg')}}" alt=""></div>
  26. </div>
  27. </div>
  28. </div>
  29. </div>
  30. </div>
  31. </div>
  33. <div class="navmenu-level navmenu-level-2" id="navmenuVita">
  34. <div class="navmenu-back" data-navmenu="navmenuStart"><div class="navmenu-back-inner">Menü</div></div>
  35. <div class="navmenu-inner">
  36. <div class="tabs">
  37. <div class="tab">
  38. <span class="tab-inner"><span class="tab-h">Leben.</span>
  39. <div class="tab-content">
  40. <div class="tab-img"><img src="{{ asset('images/photos/back_life.jpg')}}" alt=""></div>
  41. <div class="tab-txt">
  42. <table class="table">
  43. <tr>
  44. <td>1976</td>
  45. <td>geboren in K&ouml;ln</td>
  46. </tr>
  47. <tr>
  48. <td></td>
  49. <td>aufgewachsen in Bergisch Gladbach</td>
  50. </tr>
  51. <tr>
  52. <td>1995 - 2008</td>
  53. <td>Studium & Promotion in Aachen</td>
  54. </tr>
  55. <tr>
  56. <td>2005</td>
  57. <td>Hochzeit in Aachen</td>
  58. </tr>
  59. <tr>
  60. <td>2008</td>
  61. <td>* Kind 1</td>
  62. </tr>
  63. <tr>
  64. <td>2010</td>
  65. <td>* Kind 2</td>
  66. </tr>
  67. <tr>
  68. <td>2012</td>
  69. <td>* Kind 3</td>
  70. </tr>
  71. </table>
  72. </div>
  73. </div>
  74. </span>
  75. </div>
  76. <div class="tab">
  77. <span class="tab-inner"><span class="tab-h">Schaffen.</span>
  78. <div class="tab-content">
  79. <div class="tab-img"><img src="{{ asset('images/photos/back_work.jpg')}}" alt=""></div>
  80. <div class="tab-txt">
  81. <table class="table">
  82. <tr>
  83. <td>1995</td>
  84. <td>Abitur</td>
  85. </tr>
  86. <tr>
  87. <td>1995-2001</td>
  88. <td>Studium "Bauingenieurwesen" an der RWTH Aachen</td>
  89. </tr>
  90. <tr>
  91. <td>1999</td>
  92. <td>Vordiplom</td>
  93. </tr>
  94. <tr>
  95. <td></td>
  96. <td>vertieftes Hauptstudium Stra&szlig;enwesen, Schienenbahnwesen und Verkehrswirtschaft, Stadtbauwesen, Tunnelbau- und Betrieb</td>
  97. </tr>
  98. <tr>
  99. <td>2001</td>
  100. <td>Diplomarbeit "Entwicklung eines Video-Verfahrens zur Erfassung von Verkehrsdaten und zur St&ouml;rfalldetektion in Tunnels", ausgezeichnet mit dem Verkehrssicherheitspreis 2002</td>
  101. </tr>
  102. <tr>
  103. <td>2002-2008</td>
  104. <td>Mitarbeiter am Institut f&uuml;r Stra&szlig;enwesen Aachen <a href="https://www.strabag-iss.com/" style="color:#FF7700">(isac)</a></td>
  105. </tr>
  106. <tr>
  107. <td>2008</td>
  108. <td>Promotion <a href="http://darwin.bth.rwth-aachen.de/opus3/volltexte/2008/2515/pdf/Brake_Martin.pdf" style="color:#FF7700">Teilautomatisierte Interpretation von Stra&szlig;enverkehrsszenen bei Einsatz von Schwenk-Neige-Kameras</a>
  109. </td>
  110. </tr>
  111. <tr>
  112. <td>2008-2011</td>
  113. <td>Softwareentwickler bei <a href="https://www.strabag-iss.com/" style="color:#FF7700"> Center Systems Berlin</a></td>
  114. </tr>
  115. <tr>
  116. <td>2011-2013</td>
  117. <td>stellvertr. Fachgebietsleitung Fachgebiet Bahnsysteme und Bahntechnik an der TU Darmstadt <a href="http://www.verkehr.tu-darmstadt.de/bs/bahnsysteme/startseite_bs_1/index.de.jsp" style="color:#FF7700"> TU Darmstadt</a></td>
  118. </tr>
  119. <tr>
  120. <td>seit 2014</td>
  121. <td><a href="http://bk-entwicklungen.de" style="color:#FF7700"> BKE Ingenieurbüro Dr. Brake</a></td>
  122. </tr>
  123. </table>
  124. </div>
  125. </div>
  126. </span>
  127. </div>
  128. <div class="tab"><div class="tab-inner">
  129. <div class="tab-h">Mukken.</div>
  130. <div class="tab-content">
  131. <div class="tab-img"><img src="{{ asset('images/photos/back_music.jpg')}}" alt=""></div>
  132. <div class="tab-txt">
  133. <table class="table">
  134. <tr>
  135. <td>1986-1994</td>
  136. <td>Trompetenunterricht an der Max-Bruch-Musikschule Bergisch Gladbach</td>
  137. </tr>
  138. <tr>
  139. <td>1996-2000</td>
  140. <td>"76 Bunk Band" (Jazz & Latin Project)</td>
  141. </tr>
  142. <tr>
  143. <td>1996-2000<br>
  144. 2005-2008</td>
  145. <td><a href="http://bigbandits-jazz.de" style="color:#FF7700">Big Bandits Alsdorf</a></td>
  146. </tr>
  147. <tr>
  148. <td>1997-2002</td>
  149. <td>"Fisch & Chips"</td>
  150. </tr>
  151. <tr>
  152. <td>1998-2009</td>
  153. <td><a href="http://funxforcfive.de" style="color:#FF7700">Funx Force Five</a></td>
  154. </tr>
  155. <tr>
  156. <td>2008-2011</td>
  157. <td>Posaunenchor Wichern/Radeland</td>
  158. </tr>
  159. <tr>
  160. <td>2008-2011</td>
  161. <td>Mini Brass Staaken</td>
  162. </tr>
  163. <tr>
  164. <td>2009-2011</td>
  165. <td>Klavierunterricht PSF Spandau</td>
  166. </tr>
  167. <tr>
  168. <td>seit 2012</td>
  169. <td><a href="http://www.bigband.tu-darmstadt.de/" style="color:#FF7700">Big Band der TU Darmstadt</a></td>
  170. </tr>
  171. <tr>
  172. <td>2016-2018</td>
  173. <td>Foolproof Frankfurt (Funk & Soul Cover)</td>
  174. </tr>
  175. <tr>
  176. <td>seit 2022</td>
  177. <td><a href="https://magicsound.de/" style="color:#FF7700">Magic Sound Bigband Griesheim</a></td>
  178. </tr>
  179. <tr>
  180. <td>2023-2024</td>
  181. <td>Gründung <a href="https://amacidgrace.de/" style="color:#FF7700">"Amacid Grace"</a>, Produzent des Albums "For the King"</td>
  182. </tr>
  183. </table>
  184. </div>
  185. </div>
  186. </div>
  187. </div>
  188. </div>
  189. </div>
  190. </div>
  191. <div class="navmenu-level navmenu-level-2" id="navmenuTouren">
  192. <div class="navmenu-back" data-navmenu="navmenuStart"><div class="navmenu-back-inner">Menü</div></div>
  193. <div class="navmenu-inner">
  194. <div class="tabs">
  195. <a href="{{ path('tour', {id: "peru"}) }}" class="tab"><div class="tab-inner">
  196. <div class="tab-h">Peru (2003)</div>
  197. <div class="tab-content">
  198. <div class="tab-img"><img src="{{ asset('images/photos/back_peru.jpg')}}" alt=""></div>
  199. </div>
  200. </div></a>
  201. <a href="{{ path('tour', {id: "nepal"}) }}" class="tab"><div class="tab-inner">
  202. <div class="tab-h">Nepal (2008)</div>
  203. <div class="tab-content">
  204. <div class="tab-img"><img src="{{ asset('images/photos/back_nepal.jpg')}}" alt=""></div>
  205. </div>
  206. </div></a>
  207. <a href="{{ path('tour', {id: "norwegen"}) }}" class="tab"><div class="tab-inner">
  208. <div class="tab-inner">
  209. <div class="tab-h">Norwegen (2015)</div>
  210. <div class="tab-content">
  211. <div class="tab-img"><img src="{{ asset('images/photos/back_norway.jpg')}}" alt=""></div>
  212. </div>
  213. </div>
  214. </div></a>
  215. <a href="{{ path('tour', {id: "alpen"}) }}" class="tab"><div class="tab-inner">
  216. <div class="tab-inner">
  217. <div class="tab-h">Alpen (2016)</div>
  218. <div class="tab-content">
  219. <div class="tab-img"><img src="{{ asset('images/photos/back_alps.jpg')}}" alt=""></div>
  220. </div>
  221. </div>
  222. </div></a>
  223. </div>
  224. </div>
  225. </div>
  226. <div class="navmenu-level navmenu-level-2" id="navmenuProjekte">
  227. <div class="navmenu-back" data-navmenu="navmenuStart"><div class="navmenu-back-inner">Menü</div></div>
  228. <div class="navmenu-inner">
  229. <div class="tabs">
  230. <a href="{{ path('timelines', {'id': 'info'}) }}" class="tab"><div class="tab-inner">
  231. <div class="tab-h">Entwicklung Verkehrsnetze</div>
  233. <div class="tab-content">
  234. <div class="tab-img"><img src="{{ asset('images/photos/back_timelines.jpg')}}" alt=""></div>
  235. </div>
  236. </div></a>
  237. <a href="{{ path('album', {'id': 'LEGO'}) }}" class="tab"><div class="tab-inner">
  238. <div class="tab-h">LEGO</div>
  239. <div class="tab-content">
  240. <div class="tab-img"><img src="{{ asset('images/photos/back_lego_collage.jpg')}}" alt=""></div>
  241. </div>
  242. </div></a>
  243. <a href="https://bibletimemaps.org" class="tab"><div class="tab-inner">
  244. <div class="tab-h">Bible Time Maps</div>
  245. <div class="tab-content">
  246. <div class="tab-img"><img src="{{ asset('images/photos/back-history.jpg')}}" alt=""></div>
  247. </div>
  248. </div></a>
  249. </div>
  250. </div>
  251. </div>
  252. <div class="navmenu-level navmenu-level-2" id="navmenuProjekte">
  253. <div class="navmenu-back" data-navmenu="navmenuStart"><div class="navmenu-back-inner">Menü</div></div>
  254. <div class="navmenu-inner">
  255. <div class="tabs">
  256. <a href="{{ path('timelines', {'id': 'info'}) }}" class="tab"><div class="tab-inner">
  257. <div class="tab-h">Entwicklung Verkehrsnetze</div>
  259. <div class="tab-content">
  260. <div class="tab-img"><img src="{{ asset('images/photos/back_timelines.jpg')}}" alt=""></div>
  261. </div>
  262. </div></a>
  263. <a href="{{ path('album', {'id': 'LEGO'}) }}" class="tab"><div class="tab-inner">
  264. <div class="tab-h">LEGO</div>
  265. <div class="tab-content">
  266. <div class="tab-img"><img src="{{ asset('images/photos/back_lego_collage.jpg')}}" alt=""></div>
  267. </div>
  268. </div></a>
  269. <a href="https://bibletimemaps.org" class="tab"><div class="tab-inner">
  270. <div class="tab-h">Bible Time Maps</div>
  271. <div class="tab-content">
  272. <div class="tab-img"><img src="{{ asset('images/photos/back-histor.jpgg')}}" alt=""></div>
  273. </div>
  274. </div></a>
  275. </div>
  276. </div>
  277. </div>
  278. <div class="navmenu-level navmenu-level-2" id="navmenuImpressum">
  279. <div class="navmenu-back" data-navmenu="navmenuStart"><div class="navmenu-back-inner">Menü</div></div>
  280. <div class="navmenu-inner">
  281. <div class="tabs">
  282. <div class="tab">
  283. <div class="tab-inner">
  284. <div class="tab-h">Impressum</div>
  285. <div class="tab-content">
  286. <p>
  287. Dr.-Ing. Martin Brake<br>
  288. Buchenhorst 5a<br>
  289. 64297 Darmstadt
  290. </p>
  291. <p>
  292. <span class="small">(benutzen Sie bitte bevorzugt das <a href="{{path('contact')}}"><em>Kontaktformular</em></a>)</span>
  293. </p>
  294. <p>Inhaltlich Verantwortlicher gem. § 18 Abs. 2 MStV: Martin Brake (Anschrift s.o.)</p>
  295. </div>
  296. </div>
  297. </div>
  298. <div class="tab">
  299. <div class="tab-inner">
  300. <div class="tab-content">
  301. <p class="small">
  302. <em>Urheberrecht/Leistungsschutzrecht</em><br>
  303. Die auf dieser Webseite veröffentlichten Inhalte, Werke und bereitgestellten Informationen unterliegen dem deutschen Urheberrecht und Leistungsschutzrecht. Jede Art der Vervielfältigung, Bearbeitung, Verbreitung, Einspeicherung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechts bedarf der vorherigen schriftlichen Zustimmung des jeweiligen Rechteinhabers. Das unerlaubte Kopieren/Speichern der bereitgestellten Informationen auf diesen Webseiten ist nicht gestattet und strafbar.
  304. </p>
  305. <p class="small">
  306. <em>Externe Links</em><br>
  307. Für Verweise auf unseren Seiten möchten wir ausdrücklich betonen, dass wir keinerlei Einfluss auf den Linktext, die Gestaltung, evtl. Verletzungen geltender Rechte, auch Marken- und Titelrechte und die Inhalte der gelinkten Seiten haben. Wir distanzieren uns ausdrücklich von den Linkformulierungen, sowie von allen Inhalten aller Seiten auf die wir Verweise gesetzt haben und machen uns ihre Inhalte nicht zu eigen. Diese Erklärung gilt für alle auf unserer Website angebrachten Links und für alle Inhalte der Seiten, zu denen die bei uns angemeldeten Banner oder Links führen.
  308. Wir bemühen uns, möglichst genaue und zuverlässige Informationen auf unseren Webseiten zu veröffentlichen.Wir können jedoch keinerlei Gewähr für die Richtigkeit aller veröffentlichten Informationen leisten. Jegliche Haftung für den Fall von Irrtümern oder Auslassungen auf unseren Webseiten wird ausgeschlossen.
  309. </p>
  310. </div>
  311. </div>
  312. </div>
  313. <div class="tab">
  314. <div class="tab-inner">
  315. <div class="tab-content">
  316. <p class="small">
  317. <em>Keine Abmahnung ohne vorherigen Kontakt</em><br>
  318. Sollte trotz gründlicher Prüfung unsererseits irgendwelcher Inhalt oder die designtechnische Gestaltung einzelner Seiten oder Teile dieses Onlineauftritts fremde Rechte Dritter oder gesetzliche Bestimmungen verletzen oder anderweitig in irgendeiner Form wettbewerbsrechtliche Probleme hervorbringen, so bitten wir unter Berufung auf § 8 Abs. 4 UWG, um eine angemessene und ausreichend erläuternde Nachricht ohne Kostennote.
  319. Wir sichern Ihnen zu, dass die zu Recht beanstandeten Elemente dieser Webseiten in angemessener Frist entfernt bzw. gemäß den rechtlichen Vorgaben angepasst werden, ohne dass von Ihrer Seite die Einschaltung eines Rechtsbeistandes erforderlich ist.
  320. Die Einschaltung eines Anwaltes, zur für den Diensteanbieter kostenpflichtigen Abmahnung, entspricht nicht dessen wirklichen oder mutmaßlichen Willen und würde damit einen Verstoss gegen § 13 Abs. 5 UWG, wegen der Verfolgung sachfremder Ziele als beherrschendes Motiv der Verfahrenseinleitung, insbesondere einer Kostenerzielungsabsicht als eigentliche Triebfeder, sowie einen Verstoß gegen die Schadensminderungspflicht darstellen.
  321. </p>
  322. </div>
  323. </div>
  324. </div>
  325. </div>
  326. </div>
  327. </div>
  328. <div class="navmenu-level navmenu-level-2" id="navmenuDatenschutz">
  329. <div class="navmenu-back" data-navmenu="navmenuStart"><div class="navmenu-back-inner">Menü</div></div>
  330. <div class="navmenu-inner">
  331. <div class="tabs">
  332. <div class="tab">
  333. <div class="tab-inner">
  334. <div class="tab-h">DSGVO</div>
  335. <div class="tab-content">
  336. <h2>Hinweis zur Datenschutz-Grundverordnung DSGVO</h2>
  337. <p class="small">
  338. <em>Hinweise zur Speicherung von personenbezogenen Daten</em><br>
  339. Auf dieser Website werden personenbezogene Daten nur verarbeitet, soweit das für den Betrieb der Seite, Kontaktanfragen, Anmeldung/Editor oder die Reichweitenmessung erforderlich ist (siehe Abschnitte unten).
  340. </p>
  341. <p class="small">
  342. <em>Kontaktformular</em><br>
  343. Daten, die über das Kontaktformular versendet werden, werden per E-Mail an meine GMX-Adresse weitergeleitet.<br>
  344. Mit dem Absenden des Kontaktformulars willigt der Absender ein, dass die eingegebenen Daten an den E-Mail-Dienst der 1&amp;1 Mail &amp; Media GmbH (GMX) übermittelt werden.<br>
  345. Der Absender willigt ebenfalls ein, dass ich ihn wiederum kontaktieren darf.
  346. </p>
  347. </div>
  348. </div>
  349. </div>
  350. <div class="tab">
  351. <div class="tab-inner">
  352. <div class="tab-content">
  353. <p class="small">
  354. <em>Daten von Kartenservern</em><br>
  355. Die Timelines laden Kartenkacheln und Geodaten von Drittanbietern, insbesondere OpenStreetMap (OpenStreetMap Foundation) und OpenTopoMap.
  356. Beim Aufruf einer Seite mit Karte stellt Ihr Browser eine Verbindung zu deren Servern her; dabei können technisch erforderliche Nutzungsdaten (z.&nbsp;B. IP-Adresse, Zeitpunkt, abgerufene Kacheln) beim jeweiligen Anbieter anfallen.
  357. Nähere Informationen finden Sie in den Datenschutzhinweisen der jeweiligen Anbieter.
  358. </p>
  359. <p class="small">
  360. <em>Reichweitenmessung / Google Tag Manager</em><br>
  361. Diese Website nutzt den Google Tag Manager (Anbieter: Google Ireland Limited, Gordon House, Barrow Street, Dublin 4, Irland).
  362. Darüber können Analyse-Tags (z.&nbsp;B. Google Analytics) und ähnliche Werkzeuge nachgeladen werden.
  363. Der Tag Manager selbst setzt in der Regel keine eigenen Cookies, kann aber andere Tags auslösen, die personenbezogene Daten verarbeiten und an Google bzw. weitere Empfänger übermitteln.
  364. Soweit Analyse-Tags aktiv sind, erfolgt die Verarbeitung auf Grundlage berechtigter Interessen an der Analyse und Verbesserung des Angebots (Art.&nbsp;6 Abs.&nbsp;1 lit.&nbsp;f DSGVO) bzw. – soweit erforderlich – Ihrer Einwilligung.
  365. Weitere Informationen: <a href="https://policies.google.com/privacy" target="_blank" rel="noopener noreferrer">Google-Datenschutz</a>
  366. sowie das <a href="https://tools.google.com/dlpage/gaoptout" target="_blank" rel="noopener noreferrer">Browser-Add-on zur Deaktivierung von Google Analytics</a>.
  367. </p>
  368. </div>
  369. </div>
  370. </div>
  371. <div class="tab">
  372. <div class="tab-inner">
  373. <div class="tab-content">
  374. <p class="small">
  375. <em>Keine Abmahnung ohne vorherigen Kontakt</em><br>
  376. Sollte trotz gründlicher Prüfung unsererseits irgendwelcher Inhalt oder die designtechnische Gestaltung einzelner Seiten oder Teile dieses Onlineauftritts fremde Rechte Dritter oder gesetzliche Bestimmungen verletzen oder anderweitig in irgendeiner Form wettbewerbsrechtliche Probleme hervorbringen, so bitten wir unter Berufung auf § 8 Abs. 4 UWG, um eine angemessene und ausreichend erläuternde Nachricht ohne Kostennote.
  377. Wir sichern Ihnen zu, dass die zu Recht beanstandeten Elemente dieser Webseiten in angemessener Frist entfernt bzw. gemäß den rechtlichen Vorgaben angepasst werden, ohne dass von Ihrer Seite die Einschaltung eines Rechtsbeistandes erforderlich ist.
  378. Die Einschaltung eines Anwaltes, zur für den Diensteanbieter kostenpflichtigen Abmahnung, entspricht nicht dessen wirklichen oder mutmaßlichen Willen und würde damit einen Verstoss gegen § 13 Abs. 5 UWG, wegen der Verfolgung sachfremder Ziele als beherrschendes Motiv der Verfahrenseinleitung, insbesondere einer Kostenerzielungsabsicht als eigentliche Triebfeder, sowie einen Verstoß gegen die Schadensminderungspflicht darstellen.
  379. </p>
  380. </div>
  381. </div>
  382. </div>
  383. </div>
  384. </div>
  385. </div>
  386. </div>
  387. </div>
  388. {% endblock %}
  389. {% block javascripts %}
  390. {{ parent() }}
  392. {% if subPage is defined and subPage != "" %}
  393. <script type="text/javascript">
  395. $(document).ready(function() {
  396. if (typeof {{subPage }} !== 'undefined')
  397. {
  398. navigateToActiveId('{{subPage }}', true);
  399. }
  400. });
  401. </script>
  402. {% endif %}
  403. {% endblock %}