diff options
Diffstat (limited to 'static/css')
| -rw-r--r-- | static/css/carousel.css | 48 | ||||
| -rw-r--r-- | static/css/custom.css | 3 | ||||
| -rw-r--r-- | static/css/resume.css | 78 |
3 files changed, 42 insertions, 87 deletions
diff --git a/static/css/carousel.css b/static/css/carousel.css deleted file mode 100644 index b354591..0000000 --- a/static/css/carousel.css +++ /dev/null @@ -1,48 +0,0 @@ -/* File: carousel.css */ - -.carousel { - width: 100%; - max-width: 46rem; /* As per your specification */ - margin: 0 auto; -} - -.carousel-main-image { - width: 100%; - height: auto; - margin-bottom: 20px; -} - -.carousel-main-image img { - width: 100%; - height: auto; - display: block; -} - -.carousel-vignettes { - display: flex; - justify-content: center; - gap: 10px; - overflow-x: auto; - padding: 10px 0; -} - -.vignette { - cursor: pointer; - transition: opacity 0.3s ease; - flex: 0 0 auto; -} - -.vignette:hover { - opacity: 0.8; -} - -.vignette.active { - border: 2px solid #007bff; -} - -.vignette img { - display: block; - width: 120px; - height: 80px; - object-fit: cover; -} diff --git a/static/css/custom.css b/static/css/custom.css index 57cf620..914db04 100644 --- a/static/css/custom.css +++ b/static/css/custom.css @@ -13,6 +13,7 @@ main { margin: 0 auto; padding: 0 1em; padding-top: 2em; + padding-bottom: 2em; } /* Typography */ @@ -27,9 +28,11 @@ h3 { h1 { font-size: 1.4rem; } + h2 { font-size: 1.3rem; } + h3 { font-size: 1.2rem; } diff --git a/static/css/resume.css b/static/css/resume.css index e3f2d8f..daf322d 100644 --- a/static/css/resume.css +++ b/static/css/resume.css @@ -1,80 +1,80 @@ body { - font-family: sans-serif; - font-size: 1em; - line-height: 1.8em; - color: #0e0e0b; - margin: 1em auto; - padding: 0 0.55em; - max-width: 50rem; + font-family: sans-serif; + font-size: 1em; + line-height: 1.8em; + color: #0e0e0b; + margin: 1em auto; + padding: 0 0.55em; + max-width: 50rem; } h1 { - color: #0e0e0b; - font-size: 1.3rem; + color: #0e0e0b; + font-size: 1.3rem; } h2, h3 { - border-bottom: 1px solid #eee; - font-style: italic; + border-bottom: 1px solid #eee; + font-style: italic; } h2 { - margin-top: 1.25em; - margin-bottom: 0.41em; - font-size: 1.2rem; + margin-top: 1.25em; + margin-bottom: 0.41em; + font-size: 1.2rem; } h3 { - margin-top: 1.5em; - margin-bottom: 0.5em; - font-size: 1rem; + margin-top: 1.5em; + margin-bottom: 0.5em; + font-size: 1rem; } hr { - color: #000111; - background-color: #000111; - border: none; - height: 1px; + color: #000111; + background-color: #000111; + border: none; + height: 1px; } a { - color: #047bc2; - transition: color 0.1s ease-in-out; + color: #047bc2; + transition: color 0.1s ease-in-out; } table { - width: 100%; - border-spacing: 0px; - outline: none; + width: 100%; + border-spacing: 0px; + outline: none; } td { - padding-right: 0.7em; + padding-right: 0.7em; } td:last-child { - text-align: right; + text-align: right; } table, th, td { - font-family: monospace; - color: #000; + font-family: monospace; + color: #000; } #title-block-header { - padding-right: 10px; - font-size: 1.4em; - display: flex; - font-family: monospace; - justify-content: space-between; - align-items: center; - padding-top: 0.5rem; - border-bottom: 1px; + padding-right: 10px; + font-size: 1.4em; + display: flex; + font-family: monospace; + justify-content: space-between; + align-items: center; + padding-top: 0.5rem; + border-bottom: 1px; } #experience { - padding-top: 20px; + padding-top: 20px; } |
