GitHub.com
tcp/80
Open service 2606:50c0:8000::153:80 ยท ngo.staiger.se
2026-02-06 07:47
HTTP/1.1 200 OK
Connection: close
Content-Length: 43830
Server: GitHub.com
Content-Type: text/html; charset=utf-8
Last-Modified: Fri, 06 Feb 2026 07:46:26 GMT
Access-Control-Allow-Origin: *
ETag: "69859c52-ab36"
expires: Fri, 06 Feb 2026 07:57:08 GMT
Cache-Control: max-age=600
x-proxy-cache: MISS
X-GitHub-Request-Id: 536C:150C91:926B8E:94A35C:69859C7C
Accept-Ranges: bytes
Date: Fri, 06 Feb 2026 07:47:15 GMT
Via: 1.1 varnish
Age: 6
X-Served-By: cache-fra-eddf8230137-FRA
X-Cache: HIT
X-Cache-Hits: 1
X-Timer: S1770364035.288595,VS0,VE2
Vary: Accept-Encoding
X-Fastly-Request-ID: 012b7d407020a9d46049c3b518985969fa844a4a
Page title: Claes-Philip Staiger โ Humanitarian & Environmental Technology Architect
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Claes-Philip Staiger โ Humanitarian & Environmental Technology Architect</title>
<meta name="description" content="Senior technology architect with 20+ years experience directing enterprise expertise toward humanitarian response, health equity, and environmental resilience. Former MSF, UNESCO.">
<meta name="keywords" content="humanitarian technology, NGO technology architect, health information systems, MSF technology, crisis response technology, environmental tech, ICT4D">
<meta property="og:title" content="Claes-Philip Staiger โ Technology That Serves People and Planet">
<meta property="og:description" content="20+ years of enterprise architecture expertise, directed toward humanitarian response, health equity, and environmental resilience.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://ngo.staiger.se">
<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=Inter:wght@300;400;500;600&family=Playfair+Display:wght@400;500;600&display=swap" rel="stylesheet">
<style>
:root {
--earth-900: #1a1814;
--earth-800: #2d2821;
--earth-700: #3d362c;
--earth-600: #5c5143;
--earth-500: #7a6d5c;
--earth-400: #9c8e7c;
--earth-300: #bfb5a5;
--earth-200: #ddd6cb;
--earth-100: #eee9e1;
--earth-50: #f7f4f0;
--green-700: #2d5a3d;
--green-600: #3a7550;
--green-500: #4a9264;
--green-400: #6aad7e;
--blue-700: #1e3a5f;
--blue-600: #2a5080;
--blue-500: #3a6b9f;
--accent: #c4724e;
--accent-hover: #b3613d;
--text-primary: var(--earth-900);
--text-secondary: var(--earth-600);
--text-tertiary: var(--earth-500);
--bg-primary: var(--earth-50);
--bg-secondary: #ffffff;
--bg-accent: var(--earth-100);
--border: var(--earth-200);
--shadow-sm: 0 1px 3px rgba(26, 24, 20, 0.06);
--shadow-md: 0 4px 16px rgba(26, 24, 20, 0.08);
--shadow-lg: 0 8px 32px rgba(26, 24, 20, 0.1);
}
@media (prefers-color-scheme: dark) {
:root {
--text-primary: var(--earth-100);
--text-secondary: var(--earth-300);
--text-tertiary: var(--earth-400);
--bg-primary: var(--earth-900);
--bg-secondary: var(--earth-800);
--bg-accent: var(--earth-700);
--border: var(--earth-700);
--accent: #d98a6a;
--accent-hover: #e49b7d;
--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.2);
--shadow-md: 0 4px 16px rgba(0, 0, 0, 0.25);
--shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.3);
}
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
font-size: 16px;
}
body {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
color: var(--text-primary);
background-color: var(--bg-primary);
line-height: 1.7;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* ===== NAVIGATION ===== */
nav {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
background: var(--bg-secondary);
border-bottom: 1px solid var(--border);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
transition: box-shadow