janmarkus-dev.github.io/index.html at main · janmarkus-dev/janmarkus-dev.github.io · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/x-icon" href="hero.webp">
<title>Jan Markus' personal site</title>
<meta name="description" content="A personal blog of Jan Markus focused on photography, DIY and philosophy.">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
  <div class="hero-image">
    <div class="hero-text">
      <h1>Ján Markuš</h1>
      <h2>Photographer, Maker.</h2>
    </div>
  </div>

  <div class="contact-icons">
    <a href="https://www.linkedin.com/in/j%C3%A1n-marku%C5%A1-41271b378/" aria-label="LinkedIn">
      <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
        <path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/>
      </svg>
    </a>
    <a href="https://www.instagram.com/janikmaig" aria-label="Instagram">
      <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
        <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/>
      </svg>
    </a>
    <a href="https://open.spotify.com/user/x7vgtsuwo3myddsq3nl7k76l5?si=2099d1f27b42496a" aria-label="Spotify">
      <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
        <circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="0.5" opacity="0.2"/>
        <path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm3.75 14.65c-0.15 0.25-0.45 0.35-0.7 0.2-2.05-1.25-4.65-1.55-7.7-0.85-0.3 0.05-0.55-0.1-0.6-0.35-0.05-0.25 0.1-0.55 0.35-0.6 3.35-0.75 6.15-0.45 8.45 1 0.25 0.15 0.35 0.45 0.2 0.6zm1-2.7c-0.2 0.3-0.55 0.4-0.85 0.25-2.35-1.45-5.9-1.85-8.65-1.05-0.35 0.1-0.7-0.1-0.8-0.45-0.1-0.35 0.1-0.7 0.45-0.8 3.15-0.95 7.05-0.5 9.6 1.15 0.3 0.2 0.4 0.6 0.25 0.9zm0.1-2.8c-2.8-1.65-7.4-1.8-10.05-1-0.4 0.1-0.75-0.15-0.85-0.5-0.1-0.4 0.15-0.75 0.5-0.85 3.05-0.9 8.05-0.75 11.25 1.15 0.35 0.2 0.45 0.7 0.25 1.05-0.2 0.35-0.7 0.45-1.1 0.15z"/>
      </svg>
    </a>
    <a href="mailto:jan@janmark.us?subject=%5BFROM%20WEB%5D" aria-label="Email">
      <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
        <path d="M0 3v18h24v-18h-24zm6.623 7.929l-4.623 5.712v-9.458l4.623 3.746zm-4.141-5.929h19.035l-9.517 7.713-9.518-7.713zm5.694 7.188l3.824 3.099 3.83-3.104 5.612 6.817h-18.779l5.513-6.812zm9.208-1.264l4.616-3.741v9.348l-4.616-5.607z"/>
      </svg>
    </a>
    <a href="jm.vcf" aria-label="Download Contact Card">
      <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
        <path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 3c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6zm7 13H5v-1.4c0-2.3 4.7-3.6 7-3.6s7 1.3 7 3.6V19z"/>
      </svg>
    </a>
  </div>

   <nav>
    <a href="#projects">Projects</a>
    <a href="#blog">Blog</a>
   </nav>

    <h2 id="projects">Projects</h2>
    <div class="projects-grid">
        <a href="portfolio/index.html" class="project-card">
            <h3>Photography</h3>
            <p>A curated collection of my photographic work capturing landscapes, moments, and stories.</p>
        </a>
        <a href="articles/uctils.html" class="project-card">
            <h3>uctils</h3>
            <p>Ultra-minimal assembly utilities—hand-crafted coreutils for DuskOS with direct syscalls.</p>
        </a>
        <a href="https://flowkeeps.com" class="project-card">
            <h3>Flowkeeps</h3>
            <p>AI-powered B2B SaaS startup helping businesses with tax filing within the European Union.</p>
        </a>
        <a href="pressbourg/index.html" class="project-card">
            <h3>Pressbourger</h3>
            <p>A book in Slovak about the forgotten dialect common to Pressbourg - Bratislava.</p>
        </a>
    </div>

    <h2 id="blog">Blog</h2>
    <div class="blog-list">
        <article class="blog-item">
            <h3>Romance isn't for everyone, and that's okay</h3>
            <p>A synthesis of some thoughts and observations regarding human nature in relation to romantic interest.</p>
            <a href="articles/meditations-1.html">Read article →</a>
        </article>
        <article class="blog-item">
            <h3>A weekend in Sedona</h3>
            <p>Hiking, dog filled road trip to Sedona.</p>
            <a href="articles/sedona.html">Read article →</a>
        </article>
        <article class="blog-item">
            <h3>Collegeboard AP Environmental Science 2025/26</h3>
            <p>WIP notes and infoboard for the Collegeboard APES course.</p>
            <a href="articles/apes.html">Notes</a> •
            <a href="articles/content/apes-b-rapa-study.pdf">Brassica rapa Study</a> •
            <a href="articles/farm-project.html">Farm Project</a>
        </article>
        <article class="blog-item">
            <h3>About this website</h3>
            <p>A rough overview of the design, philosophy, implications and future of this website.</p>
            <a href="articles/about-website.html">Read article →</a>
        </article>
    </div>
<footer>
    <p>Made with 🖤 by me & opensource AI, with no JS and tracking.</p>
    <a href="https://github.com/janmarkus-dev/janmarkus-dev.github.io/">View Source</a><br>
  </footer>
</body>
</html>