paulOS — Pauls interaktives Portfolio

#root { display: none; } .mac-ns-screen { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; background-color: #0b0d0e; background: radial-gradient(ellipse at 50% 0%, #17343a 0%, #111617 40%, #0b0d0e 100%); font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif; color: #ffffff; z-index: 9999; } .mac-ns-window { width: min(420px, calc(100% - 32px)); background: rgba(30, 30, 32, 0.75); border-radius: 12px; border: 0.5px solid rgba(255, 255, 255, 0.15); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(0, 0, 0, 0.2) inset; backdrop-filter: blur(50px) saturate(150%); -webkit-backdrop-filter: blur(50px) saturate(150%); overflow: hidden; } .mac-ns-titlebar { height: 38px; display: flex; align-items: center; padding: 0 16px; background: rgba(255, 255, 255, 0.02); border-bottom: 0.5px solid rgba(255, 255, 255, 0.1); } .mac-ns-traffic { display: flex; gap: 8px; } .mac-ns-traffic span { width: 12px; height: 12px; border-radius: 50%; box-shadow: inset 0 0 0 0.5px rgba(0,0,0,0.1); } .mac-ns-traffic span:nth-child(1) { background: #ff5f57; } .mac-ns-traffic span:nth-child(2) { background: #febc2e; } .mac-ns-traffic span:nth-child(3) { background: #28c840; } .mac-ns-body { padding: 20px 24px 24px; display: flex; gap: 20px; align-items: flex-start; } .mac-ns-icon { flex-shrink: 0; width: 56px; height: 56px; background: linear-gradient(135deg, #F7DF1E 0%, #D4B800 100%); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 28px; font-weight: 800; color: #000; box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), 0 4px 12px rgba(0,0,0,0.2); letter-spacing: -1px; } .mac-ns-content { flex: 1; padding-top: 4px; } .mac-ns-title { font-size: 13px; font-weight: 600; letter-spacing: -0.01em; margin-bottom: 6px; } .mac-ns-desc { font-size: 13px; line-height: 1.4; color: rgba(255, 255, 255, 0.7); margin-bottom: 20px; } .mac-ns-actions { display: flex; justify-content: flex-end; } .mac-ns-button { background: #007AFF; color: white; font-size: 13px; font-weight: 500; padding: 4px 16px; border-radius: 6px; border: 0.5px solid rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.1); opacity: 0.5; cursor: not-allowed; }

JavaScript wird benötigt, um paulOS zu starten

paulOS macht Pauls Projekte als interaktives Betriebssystem erlebbar. Bitte aktiviere JavaScript in deinem Browser.

paulOS angehalten