Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1" /> | |
| <title>Calendar Sync</title> | |
| <style> | |
| :root { | |
| color-scheme: light; | |
| --ink: #18212f; | |
| --muted: #5a6779; | |
| --line: #d8e0ea; | |
| --panel: #f7f9fc; | |
| --accent: #1264a3; | |
| } | |
| body { | |
| margin: 0; | |
| font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; | |
| color: var(--ink); | |
| background: #ffffff; | |
| line-height: 1.55; | |
| } | |
| main { | |
| max-width: 920px; | |
| margin: 0 auto; | |
| padding: 48px 20px 64px; | |
| } | |
| h1 { | |
| margin: 0 0 12px; | |
| font-size: clamp(2rem, 6vw, 3.5rem); | |
| } | |
| h2 { | |
| margin-top: 34px; | |
| border-top: 1px solid var(--line); | |
| padding-top: 24px; | |
| } | |
| p, li { | |
| color: var(--muted); | |
| } | |
| code, pre { | |
| font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; | |
| } | |
| pre { | |
| overflow-x: auto; | |
| padding: 16px; | |
| border: 1px solid var(--line); | |
| border-radius: 8px; | |
| background: var(--panel); | |
| } | |
| a { | |
| color: var(--accent); | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <main> | |
| <h1>Calendar Sync</h1> | |
| <p>Safe one-way sync for a work Outlook calendar into a personal Google Calendar.</p> | |
| <h2>Recommended Direction</h2> | |
| <p>Use an Outlook work calendar ICS feed to create private Google Calendar busy blocks named <code>Busy - Work</code>.</p> | |
| <pre><code>Outlook work calendar .ics -> Google Calendar "Work Busy"</code></pre> | |
| <h2>Files</h2> | |
| <ul> | |
| <li><code>outlook-ics-to-google-busy.gs</code> contains the Google Apps Script source.</li> | |
| <li><code>setup.md</code> contains the step-by-step setup.</li> | |
| </ul> | |
| <h2>Privacy Model</h2> | |
| <p>No software is installed on the work laptop, Outlook event details are not copied, and the script only creates private busy blocks.</p> | |
| </main> | |
| </body> | |
| </html> | |