Initial commit

2026-05-02 12:23:55 +02:00
commit a1fbe4f1cf
25 changed files with 1555 additions and 0 deletions
@@ -0,0 +1,76 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Lars Winter</title>
+  <link rel="stylesheet" href="css/style.css">
+  <meta name="description" content="Creator of visual identities and digital interfaces">
+
+  <meta property="og:title" content="Lars Winter">
+  <meta property="og:description" content="Portfolio of Lars Winter">
+  <meta property="og:url" content="https://larswinter.me">
+  <meta property="og:image" content="https://larswinter.me/img/lw-og_image.png">
+  <meta property="og:image:alt" content="">
+  <meta name="fediverse:creator" content="@larswinter@mastodon.social">
+
+  <link rel="icon" href="img/favicon.ico" sizes="any">
+  <!-- <link rel="icon" href="img/icon.svg" type="image/svg+xml"> -->
+  <link rel="apple-touch-icon" href="img/lw.png">
+  
+  <meta name="theme-color" content="#F7F7F7" media="(prefers-color-scheme: light)">
+  <meta name="theme-color" content="0f0f0f" media="(prefers-color-scheme: dark)">
+</head>
+
+<body>
+  
+  <main>
+    
+    <!-- target="_blank" rel="noopener noreferrer" -->
+    
+    <section class="content-box content-intro">
+      <h1 class="headline size-h2">
+        Hey, I am Lars Winter, a graphic designer from Hamburg. I conceptualize and design projects with a focus on corporate design, design systems, icon design, web design, and editorial design.
+      </h1>
+    </section>
+    
+    <div class="content-box content-text">
+      <p class="text">
+        As usual, my portfolio is a work in progress and currently only available on request. Please feel free to contact me <a href="mailto:contact@larswinter.me">via email</a> for work collaborations and other requests. You can also find me on one of those fancy social networks, like <a rel="me" href="https://mastodon.social/@larswinter">Mastodon</a>, <a href="https://www.linkedin.com/in/larswinter">LinkedIn</a> (if really necessary), <del>Instagram</del>, and <del>Twitter</del>.
+      </p>
+    </div>
+    
+    <div class="content-box placeholder">
+      
+    </div>
+    
+    <!-- <div class="footer-fade"></div> -->
+    
+    <footer>
+      <div class="footer-content">
+        <span>© 2018–<span id="year"></span> Lars Winter</span>
+        <div class="footer-links">
+          <div>
+            <a href="/legal-notice.html">Legal notice</a>
+          </div>
+          <div>
+            <a href="/privacy.html">Privacy</a>
+          </div>
+          <div>
+            <a href="/archive">Archived Portfolio</a>
+          </div>
+        </div>
+        <script>
+          document.getElementById('year').textContent = new Date().getFullYear();
+        </script>
+      </div>
+    </footer>
+    
+  </main>
+  <!-- Add your site or application content here -->
+  <!-- <script src="js/app.js"></script> -->
+
+</body>
+
+</html>