2025-08-31 20:00:05 +02:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
< title > Gallery< / title >
2025-09-17 19:20:50 +02:00
< link rel = "stylesheet" href = "/css/main.css?1757523353687792200" >
2025-08-31 20:00:05 +02:00
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width initial-scale=1" / >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
< title > Gallery< / title >
< link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" >
< meta name = "description" content = "
First Artwork
2023
Second Artwork
2024
Third Artwork
2021
">
< meta name = "author" content = "Simeon Wallrath" >
< meta name = "HandheldFriendly" content = "True" >
< meta name = "MobileOptimized" content = "320" >
< meta name = "apple-mobile-web-app-capable" content = "yes" >
< meta name = "apple-mobile-web-app-status-bar-style" content = "black-translucent" >
< meta name = "viewport" content = "width=device-width, initial-scale=1, maximum-scale=1" >
< meta name = "twitter:card" content = "summary" >
< meta name = "twitter:title" content = "Gallery" >
< meta name = "twitter:description" content = "
First Artwork
2023
Second Artwork
2024
Third Artwork
2021
">
< meta name = "twitter:image" content = "/images/favicons/favicon-194x194.png" / >
< meta property = "og:type" content = "article" >
< meta property = "og:title" content = "Gallery" >
< meta property = "og:description" content = "
First Artwork
2023
Second Artwork
2024
Third Artwork
2021
">
< meta property = "og:image" content = "/images/favicons/favicon-194x194.png" / >
< link rel = "apple-touch-icon" sizes = "57x57" href = "/images/favicons/apple-touch-icon-57x57.png" >
< link rel = "apple-touch-icon" sizes = "60x60" href = "/images/favicons/apple-touch-icon-60x60.png" >
< link rel = "apple-touch-icon" sizes = "72x72" href = "/images/favicons/apple-touch-icon-72x72.png" >
< link rel = "apple-touch-icon" sizes = "76x76" href = "/images/favicons/apple-touch-icon-76x76.png" >
< link rel = "apple-touch-icon" sizes = "114x114" href = "/images/favicons/apple-touch-icon-114x114.png" >
< link rel = "apple-touch-icon" sizes = "120x120" href = "/images/favicons/apple-touch-icon-120x120.png" >
< link rel = "apple-touch-icon" sizes = "144x144" href = "/images/favicons/apple-touch-icon-144x144.png" >
< link rel = "apple-touch-icon" sizes = "152x152" href = "/images/favicons/apple-touch-icon-152x152.png" >
< link rel = "apple-touch-icon" sizes = "180x180" href = "/images/favicons/apple-touch-icon-180x180.png" >
< link rel = "icon" type = "image/png" href = "/images/favicons/favicon-32x32.png" sizes = "32x32" >
< link rel = "icon" type = "image/png" href = "/images/favicons/favicon-194x194.png" sizes = "194x194" >
< link rel = "icon" type = "image/png" href = "/images/favicons/favicon-96x96.png" sizes = "96x96" >
< link rel = "icon" type = "image/png" href = "/images/favicons/android-chrome-192x192.png" sizes = "192x192" >
< link rel = "icon" type = "image/png" href = "/images/favicons/favicon-16x16.png" sizes = "16x16" >
< link rel = "manifest" href = "/images/favicons/manifest.json" >
< link rel = "shortcut icon" href = "/images/favicons/favicon.ico" >
< meta name = "msapplication-TileColor" content = "#ffc40d" >
< meta name = "msapplication-TileImage" content = "/images/favicons/mstile-144x144.png" >
< meta name = "theme-color" content = "#ffffff" >
2025-09-17 19:20:50 +02:00
< link rel = "stylesheet" href = "/css/main.css?1757523353687792200" >
2025-08-31 20:00:05 +02:00
< link rel = "canonical" href = "http://localhost:4000/gallery/" >
< link rel = "alternate" type = "application/rss+xml" title = "Simeon " Waldo " Wallrath " href = "/feed.xml" >
< / head >
< / head >
< body >
< span class = "mobile btn-mobile-menu" >
< i class = "fas fa-bars btn-mobile-menu__icon" > < / i >
< i class = "far fa-times-circle btn-mobile-close__icon hidden" > < / i >
< / span >
< header class = "panel-cover" style = "background-image: url(/images/bk1.jpg)" >
< div class = "panel-main" >
< div class = "panel-main__inner panel-inverted" >
< div class = "panel-main__content" >
< a href = "/" title = "link to home of Simeon " Waldo " Wallrath " >
< div class = "user-images" >
< img src = "/images/Pic_01.jpg" class = "user-image" alt = "My Profile Photo" >
< div class = "user-divider" > < / div >
< img src = "/images/Pic_02.png" class = "user-image" alt = "Second Profile Photo" >
< / div >
< h1 class = "panel-cover__title panel-title" > Simeon "Waldo" Wallrath< / h1 >
< / a >
< hr class = "panel-cover__divider" >
< p class = "panel-cover__description" >
PhD-Student in Chemistry Didactics, 3D-Artist, Musician, Game Developer
< / p >
< hr class = "panel-cover__divider panel-cover__divider--secondary" >
< / div >
< div class = "navigation-wrapper" >
< nav class = "cover-navigation navigation--social" >
< ul class = "navigation" >
<!-- https://mastodon.social/@tzuehlke@mstdn.social -->
<!-- Mastodon -->
< li class = "navigation__item" >
< a href = "https://mastodon.social/@waldo@chaos.social" title = "@waldo@chaos.social on Mastodon" target = "_blank" >
< i class = "fa-brands fa-mastodon" > < / i >
< span class = "label" > Mastodon< / span >
< / a >
< / li >
<!-- GitHub -->
< li class = "navigation__item" >
< a href = "https://www.github.com/waldehyd" title = "waldehyd on GitHub" target = "_blank" >
<!-- <i class="icon icon - social - github"></i> -->
< i class = "fa-brands fa-github" > < / i >
< span class = "label" > GitHub< / span >
< / a >
< / li >
2025-09-17 19:20:50 +02:00
<!-- Forgejo -->
< li class = "navigation__item" >
< a href = "https://code.waldo.works" title = "Forgejo" target = "_blank" >
<!-- <i class="icon icon - social - github"></i> -->
< i class = "fa-brands fa-git-alt" > < / i >
< span class = "label" > GitHub< / span >
< / a >
< / li >
2025-08-31 20:00:05 +02:00
<!-- Email -->
< li class = "navigation__item" >
< a href = "mailto:waldo@waldo.works" title = "Email waldo@waldo.works" target = "_blank" >
<!-- <i class="icon icon - mail"></i> -->
< i class = "fa-solid fa-envelope" > < / i >
< span class = "label" > Email< / span >
< / a >
< / li >
< / ul >
< / nav >
<!-- <nav class="cover - navigation cover - navigation - - primary"> -->
< nav class = "cover-navigation navigation--social" >
< ul class = "navigation" >
< li class = "navigation__item" > < a href = "https://blog.zuehlke.cloud" title = "link to Blog" > < i class = "fa-solid fa-link" > < / i > Blog< / a > < / li >
<!-- <li class="navigation__item"><a href="/#" title="link to Tweets" class="panel - button"><i class="icon icon - social - twitter"></i> Tweets</a></li> -->
< li class = "navigation__item" > < a href = "/#projects" title = "List of Projects" class = "panel-button projects-button" > < i class = "fa-solid fa-file-code" > < / i > Projects< / a > < / li >
2025-09-17 19:20:50 +02:00
< li class = "navigation__item" > < a href = "/projects" title = "List of Projects" class = "panel-button projects-button" > < i class = "fa-solid fa-file-code" > < / i > Art< / a > < / li >
2025-08-31 20:00:05 +02:00
< li class = "navigation__item" > < a href = "/gallery" title = "List of Projects" class = "panel-button projects-button" > < i class = "fa-solid fa-file-code" > < / i > arts™< / a > < / li >
< / ul >
< / nav >
< / div >
< / div >
< / div >
< div class = "panel-cover--overlay" > < / div >
< / div >
< / header >
< div class = "content-wrapper" >
< div class = "left-line" > < / div >
< div class = "content-wrapper__inner" >
< ul class = "gallery-list" >
< li class = "gallery-item" >
< a href = "/images/Pic_01.jpg" data-lightbox = "gallery" >
< img src = "/images/Pic_01.jpg" alt = "First Artwork" >
< / a >
< div class = "info" >
< h3 > First Artwork< / h3 >
< p > 2023< / p >
< / div >
< / li >
< li class = "gallery-item" >
< a href = "/images/Pic_01.jpg" data-lightbox = "gallery" >
< img src = "/images/Pic_01.jpg" alt = "Second Artwork" >
< / a >
< div class = "info" >
< h3 > Second Artwork< / h3 >
< p > 2024< / p >
< / div >
< / li >
< li class = "gallery-item" >
< a href = "/images/Pic_01.jpg" data-lightbox = "gallery" >
< img src = "/images/Pic_01.jpg" alt = "Third Artwork" >
< / a >
< div class = "info" >
< h3 > Third Artwork< / h3 >
< p > 2021< / p >
< / div >
< / li >
< / ul >
< / div >
< script type = "text/javascript" src = "https://code.jquery.com/jquery-3.7.1.min.js" > < / script >
2025-09-17 19:20:50 +02:00
< script type = "text/javascript" src = "/js/main.js?1757523353687792200" > < / script >
< script type = "text/javascript" src = "/js/github_api.js?1757523353687792200" > < / script >
2025-08-31 20:00:05 +02:00
< / div >
< / body >
< / html >
