Skip to content

Commit 3c30641

Browse files
author
bugfish\bugfishtm
committed
1.0
1 parent c7b8cb7 commit 3c30641

File tree

18 files changed

+493
-249
lines changed

18 files changed

+493
-249
lines changed

‎aboutme.html‎

Lines changed: 77 additions & 57 deletions
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,6 @@
66
<meta charset="utf-8">
77
<meta name="viewport" content="width=device-width,initial-scale=1">
88

9-
<meta name="description" content="Here you can find some information about what I do! Feel free to take a look at my YouTube Channel, where I have also uploaded some video documentations and more. If you want to support me, please subscribe to my YouTube channel!">
10-
119

1210

1311

@@ -94,7 +92,16 @@
9492

9593

9694

97-
</head>
95+
<link href="assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
96+
html.glightbox-open { overflow: initial; height: 100%; }
97+
.gslide-title { margin-top: 0px; user-select: text; }
98+
.gslide-desc { color: #666; user-select: text; }
99+
.gslide-image img { background: white; }
100+
.gscrollbar-fixer { padding-right: 15px; }
101+
.gdesc-inner { font-size: 0.75rem; }
102+
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
103+
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
104+
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="assets/javascripts/glightbox.min.js"></script></head>
98105

99106

100107

@@ -280,7 +287,7 @@
280287

281288

282289
<span class="md-ellipsis">
283-
Home
290+
Documentation
284291
</span>
285292

286293

@@ -342,45 +349,54 @@
342349
<ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
343350

344351
<li class="md-nav__item">
345-
<a href="#videos" class="md-nav__link">
352+
<a href="#introduction" class="md-nav__link">
346353
<span class="md-ellipsis">
347-
Videos
354+
Introduction
348355
</span>
349356
</a>
350357

351358
</li>
352359

353360
<li class="md-nav__item">
354-
<a href="#music" class="md-nav__link">
361+
<a href="#interesting-urls" class="md-nav__link">
355362
<span class="md-ellipsis">
356-
Music
363+
Interesting URLs
364+
</span>
365+
</a>
366+
367+
</li>
368+
369+
<li class="md-nav__item">
370+
<a href="#videos" class="md-nav__link">
371+
<span class="md-ellipsis">
372+
Videos
357373
</span>
358374
</a>
359375

360376
</li>
361377

362378
<li class="md-nav__item">
363-
<a href="#web-and-software-development" class="md-nav__link">
379+
<a href="#music" class="md-nav__link">
364380
<span class="md-ellipsis">
365-
Web and Software Development
381+
Music
366382
</span>
367383
</a>
368384

369385
</li>
370386

371387
<li class="md-nav__item">
372-
<a href="#graphics-design" class="md-nav__link">
388+
<a href="#software" class="md-nav__link">
373389
<span class="md-ellipsis">
374-
Graphics Design
390+
Software
375391
</span>
376392
</a>
377393

378394
</li>
379395

380396
<li class="md-nav__item">
381-
<a href="#distribution-pages" class="md-nav__link">
397+
<a href="#gfx" class="md-nav__link">
382398
<span class="md-ellipsis">
383-
Distribution Pages
399+
GFX
384400
</span>
385401
</a>
386402

@@ -501,45 +517,54 @@
501517
<ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
502518

503519
<li class="md-nav__item">
504-
<a href="#videos" class="md-nav__link">
520+
<a href="#introduction" class="md-nav__link">
505521
<span class="md-ellipsis">
506-
Videos
522+
Introduction
507523
</span>
508524
</a>
509525

510526
</li>
511527

512528
<li class="md-nav__item">
513-
<a href="#music" class="md-nav__link">
529+
<a href="#interesting-urls" class="md-nav__link">
514530
<span class="md-ellipsis">
515-
Music
531+
Interesting URLs
516532
</span>
517533
</a>
518534

519535
</li>
520536

521537
<li class="md-nav__item">
522-
<a href="#web-and-software-development" class="md-nav__link">
538+
<a href="#videos" class="md-nav__link">
523539
<span class="md-ellipsis">
524-
Web and Software Development
540+
Videos
525541
</span>
526542
</a>
527543

528544
</li>
529545

530546
<li class="md-nav__item">
531-
<a href="#graphics-design" class="md-nav__link">
547+
<a href="#music" class="md-nav__link">
532548
<span class="md-ellipsis">
533-
Graphics Design
549+
Music
534550
</span>
535551
</a>
536552

537553
</li>
538554

539555
<li class="md-nav__item">
540-
<a href="#distribution-pages" class="md-nav__link">
556+
<a href="#software" class="md-nav__link">
541557
<span class="md-ellipsis">
542-
Distribution Pages
558+
Software
559+
</span>
560+
</a>
561+
562+
</li>
563+
564+
<li class="md-nav__item">
565+
<a href="#gfx" class="md-nav__link">
566+
<span class="md-ellipsis">
567+
GFX
543568
</span>
544569
</a>
545570

@@ -564,34 +589,10 @@
564589

565590

566591
<div><h1 id="about-me">About Me</h1>
592+
<h2 id="introduction">Introduction</h2>
593+
<p>My name is Jan-Maurice Dahlmanns, born 1994 and dedicated software developer and server administrator since 2008.</p>
567594
<p>Here you can find some information about what I do! Feel free to take a look at my <a href="https://youtube.com/bugfishtm">YouTube Channel</a>, where I have also uploaded some video documentations and more. If you want to support me, please subscribe to my YouTube channel!</p>
568-
<h2 id="videos">Videos</h2>
569-
<p>I am constantly improving my skills by creating 3D videos using the models I design.</p>
570-
<video width="400" controls>
571-
<source src="media/video.mp4" type="video/mp4">
572-
Your browser does not support the video element.
573-
</source></video>
574-
575-
<h2 id="music">Music</h2>
576-
<p>In my free time, I enjoy creating music.</p>
577-
<p><audio controls>
578-
<source src="media/audio.mp3" type="audio/mpeg">
579-
Your browser does not support the audio element.
580-
</source></audio></p>
581-
<h2 id="web-and-software-development">Web and Software Development</h2>
582-
<p>My open-source software projects are listed in the "Home" section of this website. There, you can find buttons to view different project documentations or download them directly from GitHub! These projects are also listed in the Projects section of my website.</p>
583-
<h2 id="graphics-design">Graphics Design</h2>
584-
<p>I mostly create images to use in my own projects! Here are a few examples. You can find more on my website: <a href="https://bugfish.eu">here</a>.</p>
585-
<div class="gallery">
586-
<img src="media/1.jpg" alt="Example Image" title="Example Image" width="200">
587-
<img src="media/2.png" alt="Example Image" title="Example Image" width="200">
588-
<img src="media/3.jpg" alt="Example Image" title="Example Image" width="200">
589-
<img src="media/4.jpg" alt="Example Image" title="Example Image" width="200">
590-
<img src="media/5.jpg" alt="Example Image" title="Example Image" width="200">
591-
<img src="media/painting.png" alt="Example Image" title="Example Image" width="200">
592-
</div>
593-
594-
<h2 id="distribution-pages">Distribution Pages</h2>
595+
<h2 id="interesting-urls">Interesting URLs</h2>
595596
<ul>
596597
<li><a href="https://bugfish.bandcamp.com">Bandcamp</a></li>
597598
<li><a href="https://soundcloud.com/bugfishtm">Soundcloud</a></li>
@@ -602,16 +603,33 @@ <h2 id="distribution-pages">Distribution Pages</h2>
602603
<li><a href="https://open.spotify.com/artist/22t8XUzb2rVqKywyCaS36k">Spotify</a></li>
603604
<li><a href="https://steamcommunity.com/id/bugfishtm">Steam</a></li>
604605
<li><a href="https://deviantart.com/bxgfxsh">Deviantart</a></li>
605-
</ul></div>
606-
606+
<li><a href="https://bugfish.eu">Website</a></li>
607+
<li><a href="https://cms.bugfish.eu">CMS Store</a></li>
608+
<li><a href="https://software.bugfish.eu">Software Store</a></li>
609+
</ul>
610+
<h2 id="videos">Videos</h2>
611+
<p>I am constantly improving my skills by creating 3D videos using the models I design.
612+
<div class="video-container"><iframe src="media/video.mp4" style="position:relative;width:100%;height:22.172vw" frameborder="0" allowfullscreen alt="type:video"></iframe></div></p>
613+
<h2 id="music">Music</h2>
614+
<p>In my free time, I enjoy creating music.</p>
615+
<p></p><div class="audio-container"><audio controls="controls" style="width:100%" alt="type:audio"><source src="media/audio.mp3" type="audio/mp3"></source></audio></div>
616+
<h2 id="software">Software</h2>
617+
<p>My open-source software projects are listed in the "Home" section of this website. There, you can find buttons to view different project documentations or download them directly from GitHub! These projects are also listed in the Projects section of my website.</p>
618+
<h2 id="gfx">GFX</h2>
619+
<p>I mostly create images to use in my own projects! Here are a few examples. You can find more on my website: <a href="https://bugfish.eu">here</a>.</p>
620+
<p><a class="glightbox" href="media/1.jpg" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="Image" src="media/1.jpg"></a>
621+
<a class="glightbox" href="media/2.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="Image" src="media/2.png"></a>
622+
<a class="glightbox" href="media/3.jpg" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="Image" src="media/3.jpg"></a>
623+
<a class="glightbox" href="media/4.jpg" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="Image" src="media/4.jpg"></a>
624+
<a class="glightbox" href="media/5.jpg" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="Image" src="media/5.jpg"></a>
625+
<a class="glightbox" href="media/painting.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="Image" src="media/painting.png"></a></p>
626+
<p><br clear="both"></p></div>
607627

608628

609629

610630

611631

612632

613-
614-
615633

616634

617635

@@ -652,13 +670,15 @@ <h2 id="distribution-pages">Distribution Pages</h2>
652670
</div>
653671

654672

655-
<script id="__config" type="application/json">{"base": ".", "features": [], "search": "assets/javascripts/workers/search.b8dbb3d2.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
673+
<script id="__config" type="application/json">{"base": ".", "features": ["content.code.copy"], "search": "assets/javascripts/workers/search.b8dbb3d2.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
656674

657675

658676
<script src="assets/javascripts/bundle.fe8b6f2b.min.js"></script>
659677

660678
<script src="javascripts/extra.js"></script>
661679

662680

663-
</body>
681+
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
682+
document$.subscribe(() => { lightbox.reload() });
683+
</script></body>
664684
</html>

‎assets/javascripts/glightbox.min.js‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)