Compare commits
2 Commits
f43c06d3af
...
ea33c4c2ef
| Author | SHA1 | Date | |
|---|---|---|---|
|
ea33c4c2ef | ||
|
|
4b8be1bfda |
64
index.html
64
index.html
@@ -3,8 +3,9 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Silver Walusimbi</title>
|
<title>Walusimbi Silver</title>
|
||||||
<meta name="description" content="Silver Walusimbi — Full Stack Developer. Links, projects, and ways to connect.">
|
<meta name="description" content="Silver Walusimbi — Full Stack Developer. Links, projects, and ways to connect.">
|
||||||
|
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%230a0a0a'/%3E%3Cstop offset='1' stop-color='%231a1a1a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='64' height='64' rx='14' fill='url(%23g)'/%3E%3Crect x='2.5' y='2.5' width='59' height='59' rx='12' fill='none' stroke='%232b2b2b'/%3E%3Ctext x='50%25' y='53%25' text-anchor='middle' dominant-baseline='middle' font-family='Instrument%20Serif,%20Georgia,%20serif' font-size='38' font-weight='600' fill='%23d3c3ad' stroke='%236b5b49' stroke-width='1' paint-order='stroke'%3ES%3C/text%3E%3C/svg%3E">
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Instrument+Serif&family=DM+Sans:wght@400;500&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css2?family=Instrument+Serif&family=DM+Sans:wght@400;500&display=swap" rel="stylesheet">
|
||||||
@@ -64,16 +65,18 @@
|
|||||||
width: 88px;
|
width: 88px;
|
||||||
height: 88px;
|
height: 88px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background: linear-gradient(135deg, #1a1a1a, #2a2a2a);
|
|
||||||
border: 1px solid var(--border);
|
border: 1px solid var(--border);
|
||||||
margin: 0 auto 1.5rem;
|
margin: 0 auto 1.5rem;
|
||||||
display: flex;
|
overflow: hidden;
|
||||||
align-items: center;
|
}
|
||||||
justify-content: center;
|
|
||||||
font-family: 'Instrument Serif', serif;
|
.avatar img {
|
||||||
font-size: 2.2rem;
|
width: 100%;
|
||||||
color: var(--accent);
|
height: 100%;
|
||||||
letter-spacing: -0.02em;
|
object-fit: cover;
|
||||||
|
object-position: center 20%;
|
||||||
|
transform: scale(1.4);
|
||||||
|
transform-origin: center 20%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.name {
|
.name {
|
||||||
@@ -236,8 +239,8 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<header class="header">
|
<header class="header">
|
||||||
<div class="avatar">S</div>
|
<div class="avatar"><img src="pic.jpeg" alt="Silver Walusimbi"></div>
|
||||||
<h1 class="name">Silver Walusimbi</h1>
|
<h1 class="name">Walusimbi Silver</h1>
|
||||||
<p class="tagline">Full Stack Developer</p>
|
<p class="tagline">Full Stack Developer</p>
|
||||||
<div class="divider"></div>
|
<div class="divider"></div>
|
||||||
</header>
|
</header>
|
||||||
@@ -254,7 +257,7 @@
|
|||||||
<span class="link-arrow">→</span>
|
<span class="link-arrow">→</span>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<a href="https://linkedin.com/in/swalusimbi" target="_blank" rel="noopener" class="link">
|
<a href="https://linkedin.com/in/walusimbi-silver" target="_blank" rel="noopener" class="link">
|
||||||
<svg class="link-icon" viewBox="0 0 24 24" fill="currentColor">
|
<svg class="link-icon" viewBox="0 0 24 24" fill="currentColor">
|
||||||
<path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
|
<path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
|
||||||
</svg>
|
</svg>
|
||||||
@@ -265,7 +268,18 @@
|
|||||||
<span class="link-arrow">→</span>
|
<span class="link-arrow">→</span>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<a href="https://twitter.com/swalusimbi" target="_blank" rel="noopener" class="link">
|
<a href="https://silverwal.com" class="link" id="portfolio-link">
|
||||||
|
<svg class="link-icon" viewBox="0 0 24 24" fill="currentColor">
|
||||||
|
<path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 2l5 5h-5V4zM6 20V4h5v7h7v9H6z"/>
|
||||||
|
</svg>
|
||||||
|
<div class="link-content">
|
||||||
|
<div class="link-title">Portfolio</div>
|
||||||
|
<div class="link-desc">Experience & work</div>
|
||||||
|
</div>
|
||||||
|
<span class="link-arrow">→</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="https://x.com/silva_walusimbi" target="_blank" rel="noopener" class="link">
|
||||||
<svg class="link-icon" viewBox="0 0 24 24" fill="currentColor">
|
<svg class="link-icon" viewBox="0 0 24 24" fill="currentColor">
|
||||||
<path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
|
<path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
|
||||||
</svg>
|
</svg>
|
||||||
@@ -276,29 +290,7 @@
|
|||||||
<span class="link-arrow">→</span>
|
<span class="link-arrow">→</span>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<a href="https://ziler.co" target="_blank" rel="noopener" class="link">
|
<a href="mailto:walusilver@gmail.com" class="link">
|
||||||
<svg class="link-icon" viewBox="0 0 24 24" fill="currentColor">
|
|
||||||
<path d="M20 6H4V4h16v2zm-4 5H4v2h12v-2zm-2 7H4v2h10v-2zm8-4.5l-5 4.5V9l5 4.5z"/>
|
|
||||||
</svg>
|
|
||||||
<div class="link-content">
|
|
||||||
<div class="link-title">Ziler</div>
|
|
||||||
<div class="link-desc">Uganda tax calculator</div>
|
|
||||||
</div>
|
|
||||||
<span class="link-arrow">→</span>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<a href="#" class="link" id="portfolio-link">
|
|
||||||
<svg class="link-icon" viewBox="0 0 24 24" fill="currentColor">
|
|
||||||
<path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 2l5 5h-5V4zM6 20V4h5v7h7v9H6z"/>
|
|
||||||
</svg>
|
|
||||||
<div class="link-content">
|
|
||||||
<div class="link-title">Portfolio / CV</div>
|
|
||||||
<div class="link-desc">Experience & work</div>
|
|
||||||
</div>
|
|
||||||
<span class="link-arrow">→</span>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<a href="mailto:swalusimbi@gmail.com" class="link">
|
|
||||||
<svg class="link-icon" viewBox="0 0 24 24" fill="currentColor">
|
<svg class="link-icon" viewBox="0 0 24 24" fill="currentColor">
|
||||||
<path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/>
|
<path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/>
|
||||||
</svg>
|
</svg>
|
||||||
|
|||||||
Reference in New Issue
Block a user