1<!DOCTYPE html> 2<html lang="sk" class="scroll-smooth bg-black" style="background-color: #000000; color-scheme: dark;"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Ivan JeÄim - Software Developer</title> 7 <meta name="description" content="Ivan JeÄim - Software Developer. Å pecializujem sa na vývoj moderných webových a mobilných aplikáciÃ."> 8 <link rel="canonical" href="https://jecim.sk" /> 9 <link rel="icon" type="image/x-icon" href="/favicon.ico"> 10 <link rel="icon" type="image/svg+xml" href="/favicon.svg"> 11 12 <meta property="og:type" content="website"> 13 <meta property="og:url" content="https://jecim.sk"> 14 <meta property="og:title" content="Ivan JeÄim - Software Developer"> 15 <meta property="og:description" content="Å pecializujem sa na vývoj moderných webových a mobilných aplikáciÃ."> 16 17 <link rel="preconnect" href="https://fonts.googleapis.com"> 18 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 19 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> 20 21
21<script type="module" crossorigin src="/assets/index-aLEzkZse.js"></script>
21 22 <link rel="stylesheet" crossorigin href="/assets/index-CZioUNU-.css"> 23</head> 24<body class="bg-black text-slate-300" style="background-color: #000000; color: #cbd5e1;"> 25 <div id="root"> 26 <div style="max-width: 56rem; margin: 0 auto; padding: 3rem 1.5rem; color: #cbd5e1; font-family: Inter, system-ui, -apple-system, sans-serif; line-height: 1.6;"> 27 <header style="margin-bottom: 3.5rem;"> 28 <h1 style="font-size: 3rem; font-weight: 800; color: #ffffff; margin: 0 0 0.5rem 0; letter-spacing: -0.03em;"> 29 Ivan JeÄim 30 </h1> 31 <h2 style="font-size: 1.75rem; font-weight: 600; color: #38bdf8; margin: 0 0 1.25rem 0;"> 32 Software Developer 33 </h2> 34 <p style="font-size: 1.125rem; color: #94a3b8; max-width: 42rem; margin: 0; line-height: 1.6;"> 35 Å pecializujem sa na vývoj moderných webových a mobilných aplikáciÃ. 36 </p> 37 </header> 38 39 <main> 40 <section id="portfolio" style="margin-bottom: 4rem;"> 41 <div style="margin-bottom: 1.5rem;"> 42 <h2 style="font-size: 1.875rem; font-weight: 700; color: #ffffff; margin: 0 0 0.5rem 0;">Vybrané projekty</h2> 43 <div style="height: 4px; width: 4rem; background-color: #0284c7; border-radius: 9999px;"></div> 44 </div> 45 46 <article style="margin-bottom: 2rem; padding: 1.5rem; border-radius: 1rem; background-color: rgba(15, 23, 42, 0.6); border: 1px solid #1e293b;"> 47 <div style="margin-bottom: 0.75rem;"> 48 <span style="display: inline-block; padding: 0.25rem 0.75rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; border-radius: 9999px; background-color: rgba(56, 189, 248, 0.1); color: #38bdf8; border: 1px solid rgba(56, 189, 248, 0.2);"> 49 Android app 50 </span> 51 </div> 52 <h3 style="font-size: 1.5rem; font-weight: 700; color: #ffffff; margin-bottom: 0.75rem; margin-top: 0;"> 53 MeÅ¡kanie vlaku 54 </h3> 55 <p style="color: #94a3b8; font-size: 1rem; line-height: 1.625; margin-bottom: 1.25rem;"> 56 Android aplikácia pre sledovanie polohy vlakov v reálnom Äase. Aktuálne meÅ¡kanie, prehľadné UI a spoľahlivé dáta pre cestujúcich. 57 </p> 58 <p style="margin: 0;"> 59 <a href="https://play.google.com/store/apps/details?id=sk.jecim.meskanievlaku&hl=sk" target="_blank" rel="noopener noreferrer" style="color: #38bdf8; font-weight: 600; text-decoration: underline; text-underline-offset: 4px;"> 60 MeÅ¡kanie vlaku 61 </a> 62 </p> 63 </article> 64 65 <article style="margin-bottom: 2rem; padding: 1.5rem; border-radius: 1rem; background-color: rgba(15, 23, 42, 0.6); border: 1px solid #1e293b;"> 66 <div style="margin-bottom: 0.75rem;"> 67 <span style="display: inline-block; padding: 0.25rem 0.75rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; border-radius: 9999px; background-color: rgba(56, 189, 248, 0.1); color: #38bdf8; border: 1px solid rgba(56, 189, 248, 0.2);"> 68 web 69 </span> 70 </div> 71 <h3 style="font-size: 1.5rem; font-weight: 700; color: #ffffff; margin-bottom: 0.75rem; margin-top: 0;"> 72 ETFjednoducho.sk 73 </h3> 74 <p style="color: #94a3b8; font-size: 1rem; line-height: 1.625; margin-bottom: 1.25rem;"> 75 Praktický sprievodca investovanÃm do ETF na Slovensku. Jednoduchý návod, ako zaÄaÅ¥ investovaÅ¥ rozumne a bez zbytoÄných poplatkov a danÃ. 76 </p> 77 <p style="margin: 0;"> 78 <a href="https://etfjednoducho.sk" target="_blank" rel="noopener noreferrer" style="color: #38bdf8; font-weight: 600; text-decoration: underline; text-underline-offset: 4px;"> 79 ETFjednoducho.sk 80 </a> 81 </p> 82 </article> 83 84 </section> 85 86 <section id="skills" style="margin-bottom: 4rem;"> 87 <div style="margin-bottom: 1.5rem;"> 88 <h2 style="font-size: 1.875rem; font-weight: 700; color: #ffffff; margin: 0 0 0.5rem 0;">Tech Stack</h2> 89 <div style="height: 4px; width: 4rem; background-color: #0284c7; border-radius: 9999px;"></div> 90 </div> 91 <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1rem;"> 92 93 <div style="margin-bottom: 1.5rem; padding: 1.25rem; border-radius: 0.75rem; background-color: rgba(15, 23, 42, 0.4); border: 1px solid #1e293b;"> 94 <h3 style="font-size: 0.875rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: #64748b; margin-top: 0; margin-bottom: 0.75rem;"> 95 Languages & Frameworks 96 </h3> 97 <div style="display: flex; flex-wrap: wrap; gap: 0.5rem;"> 98
99 <span style="display: inline-block; padding: 0.375rem 0.75rem; background-color: #1e293b; border: 1px solid #334155; border-radius: 0.5rem; color: #cbd5e1; font-size: 0.875rem; font-weight: 500;"> 100 Java 101 </span> 102 103 <span style="display: inline-block; padding: 0.375rem 0.75rem; background-color: #1e293b; border: 1px solid #334155; border-radius: 0.5rem; color: #cbd5e1; font-size: 0.875rem; font-weight: 500;"> 104 Spring 105 </span> 106 107 <span style="display: inline-block; padding: 0.375rem 0.75rem; background-color: #1e293b; border: 1px solid #334155; border-radius: 0.5rem; color: #cbd5e1; font-size: 0.875rem; font-weight: 500;"> 108 PHP 109 </span> 110 111 <span style="display: inline-block; padding: 0.375rem 0.75rem; background-color: #1e293b; border: 1px solid #334155; border-radius: 0.5rem; color: #cbd5e1; font-size: 0.875rem; font-weight: 500;"> 112 JavaScript 113 </span> 114 115 <span style="display: inline-block; padding: 0.375rem 0.75rem; background-color: #1e293b; border: 1px solid #334155; border-radius: 0.5rem; color: #cbd5e1; font-size: 0.875rem; font-weight: 500;"> 116 NodeJS 117 </span> 118 119 <span style="display: inline-block; padding: 0.375rem 0.75rem; background-color: #1e293b; border: 1px solid #334155; border-radius: 0.5rem; color: #cbd5e1; font-size: 0.875rem; font-weight: 500;"> 120 React 121 </span> 122 123 </div> 124 </div> 125 126 <div style="margin-bottom: 1.5rem; padding: 1.25rem; border-radius: 0.75rem; background-color: rgba(15, 23, 42, 0.4); border: 1px solid #1e293b;"> 127 <h3 style="font-size: 0.875rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: #64748b; margin-top: 0; margin-bottom: 0.75rem;"> 128 Databases 129 </h3> 130 <div style="display: flex; flex-wrap: wrap; gap: 0.5rem;"> 131 132 <span style="display: inline-block; padding: 0.375rem 0.75rem; background-color: #1e293b; border: 1px solid #334155; border-radius: 0.5rem; color: #cbd5e1; font-size: 0.875rem; font-weight: 500;"> 133 MS SQL 134 </span> 135 136 <span style="display: inline-block; padding: 0.375rem 0.75rem; background-color: #1e293b; border: 1px solid #334155; border-radius: 0.5rem; color: #cbd5e1; font-size: 0.875rem; font-weight: 500;"> 137 MySQL 138 </span> 139 140 <span style="display: inline-block; padding: 0.375rem 0.75rem; background-color: #1e293b; border: 1px solid #334155; border-radius: 0.5rem; color: #cbd5e1; font-size: 0.875rem; font-weight: 500;"> 141 PostgreSQL 142 </span> 143 144 <span style="display: inline-block; padding: 0.375rem 0.75rem; background-color: #1e293b; border: 1px solid #334155; border-radius: 0.5rem; color: #cbd5e1; font-size: 0.875rem; font-weight: 500;"> 145 MongoDB 146 </span> 147 148 </div> 149 </div> 150 151 <div style="margin-bottom: 1.5rem; padding: 1.25rem; border-radius: 0.75rem; background-color: rgba(15, 23, 42, 0.4); border: 1px solid #1e293b;"> 152 <h3 style="font-size: 0.875rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: #64748b; margin-top: 0; margin-bottom: 0.75rem;"> 153 DevOps & Tools 154 </h3> 155 <div style="display: flex; flex-wrap: wrap; gap: 0.5rem;"> 156 157 <span style="display: inline-block; padding: 0.375rem 0.75rem; background-color: #1e293b; border: 1px solid #334155; border-radius: 0.5rem; color: #cbd5e1; font-size: 0.875rem; font-weight: 500;"> 158 Docker 159 </span> 160 161 <span style="display: inline-block; padding: 0.375rem 0.75rem; background-color: #1e293b; border: 1px solid #334155; border-radius: 0.5rem; color: #cbd5e1; font-size: 0.875rem; font-weight: 500;"> 162 Jenkins 163 </span> 164 165 </div> 166 </div> 167 168 </div> 169 </section> 170 </main> 171 172 <footer style="border-top: 1px solid #1e293b; padding-top: 2rem; margin-top: 3rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; color: #64748b; font-size: 0.875rem;"> 173 <p style="margin: 0;">© 2026 Ivan JeÄim. VÅ¡etky práva vyhradené.</p> 174 <p style="margin: 0;"> 175 <a href="https://sk.linkedin.com/in/ivanjecim" target="_blank" rel="noopener noreferrer" style="color: #38bdf8; font-weight: 600; text-decoration: underline; text-underline-offset: 4px;"> 176 LinkedIn profil 177 </a> 178 </p> 179 </footer> 180 </div> 181 </div> 182</body> 183</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.