From ece9887a5b88f3d4274f60f01d8854afdfde64b7 Mon Sep 17 00:00:00 2001 From: colin Date: Mon, 31 Mar 2025 00:22:44 -0400 Subject: [PATCH] Add docker/resume/styles.css --- docker/resume/styles.css | 140 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 140 insertions(+) create mode 100644 docker/resume/styles.css diff --git a/docker/resume/styles.css b/docker/resume/styles.css new file mode 100644 index 0000000..43bb681 --- /dev/null +++ b/docker/resume/styles.css @@ -0,0 +1,140 @@ +:root { + --bg-color: #ffffff; + --text-color: #333333; + --accent-color: #0066cc; + --border-color: #e0e0e0; + --hover-color: #0052a3; + --theme-bg: #f5f5f5; + --theme-border: #ddd; + --theme-hover: #e0e0e0; +} + +@media (prefers-color-scheme: dark) { + :root { + --bg-color: #1a1a1a; + --text-color: #e0e0e0; + --accent-color: #4d9fff; + --border-color: #404040; + --hover-color: #66b3ff; + --theme-bg: #2d2d2d; + --theme-border: #404040; + --theme-hover: #3d3d3d; + } +} + +body { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + line-height: 1.6; + color: var(--text-color); + background-color: var(--bg-color); + margin: 0; + padding: 20px; + max-width: 800px; + margin: 0 auto; +} + +h1, h2, h3 { + color: var(--text-color); + margin-top: 1.5em; + margin-bottom: 0.5em; +} + +h1 { + font-size: 2.5em; + border-bottom: 2px solid var(--accent-color); + padding-bottom: 0.3em; +} + +h2 { + font-size: 2em; + color: var(--accent-color); +} + +h3 { + font-size: 1.5em; +} + +a { + color: var(--accent-color); + text-decoration: none; + border-bottom: 1px solid transparent; + transition: border-color 0.3s ease; +} + +a:hover { + border-bottom-color: var(--accent-color); + color: var(--hover-color); +} + +.section { + margin-bottom: 2em; + padding: 1em; + border: 1px solid var(--border-color); + border-radius: 5px; +} + +.entry { + margin-bottom: 1.5em; +} + +.date { + color: #666; + font-style: italic; + margin: 0.5em 0; +} + +.overview { + font-weight: 500; + margin: 0.5em 0; +} + +ul { + margin: 0.5em 0; + padding-left: 1.5em; +} + +li { + margin: 0.3em 0; +} + +hr { + border: none; + border-top: 1px solid var(--border-color); + margin: 2em 0; +} + +#theme-toggle { + position: fixed; + top: 20px; + right: 20px; + padding: 8px 16px; + background-color: var(--theme-bg); + border: 1px solid var(--theme-border); + border-radius: 4px; + cursor: pointer; + font-size: 14px; + color: var(--text-color); + transition: background-color 0.3s ease; +} + +#theme-toggle:hover { + background-color: var(--theme-hover); +} + +@media (max-width: 600px) { + body { + padding: 10px; + } + + h1 { + font-size: 2em; + } + + h2 { + font-size: 1.5em; + } + + h3 { + font-size: 1.2em; + } +} \ No newline at end of file