diff options
| author | Matthew Kosarek <matt.kosarek@canonical.com> | 2024-05-01 16:03:01 -0400 |
|---|---|---|
| committer | Matthew Kosarek <matt.kosarek@canonical.com> | 2024-05-01 16:03:01 -0400 |
| commit | 5875b89ed114ee7a912167b5a609d1cf1da54a53 (patch) | |
| tree | 9dc2804853e8cc540659354e27ce5cf3ffaaec12 | |
| parent | ece0f56d29509685f9b61642056f15f84a8a0726 (diff) | |
| -rw-r--r-- | index.css | 18 | ||||
| -rw-r--r-- | index.html | 2 | ||||
| -rw-r--r-- | posts.html | 1 | ||||
| -rwxr-xr-x | resume.css | 4 | ||||
| -rwxr-xr-x | resume.html | 2 | ||||
| -rw-r--r-- | resume.mobile.css | 2 |
6 files changed, 17 insertions, 12 deletions
@@ -23,7 +23,7 @@ header > h1 { } header > nav { - margin-top: 0.5rem; + margin-top: 2rem; margin-bottom: 1rem; padding-left: 0.25rem; } @@ -57,7 +57,7 @@ h1 { } h2 { - font-size: 1.875rem; + font-size: 1.5rem; margin-bottom: 0rem; margin-top: 2rem; } @@ -172,14 +172,14 @@ input:focus { } /* Theme Selector */ -#theme_selector {; +#theme_selector { display: flex; align-items: center; justify-content: center; bottom: 1rem; - pointer-events: all; - opacity: 1; - transition: opacity 150ms linear; + pointer-events: all; + opacity: 1; + transition: opacity 150ms linear; gap: 2rem; } @@ -238,6 +238,12 @@ only screen and (max-width:1440px) { only screen and (max-width:960px) { #theme_selector { padding-bottom: 2rem !important; + flex-direction: column; + gap: 1rem; + } + + #theme_selector > button { + width: 100%; } .image_item_expanded_container > .image_item { @@ -5,6 +5,7 @@ <meta charset="utf-8"> <link rel="stylesheet" href="/index.css"> <title>Matthew Kosarek</title> + <link href='https://fonts.googleapis.com/css?family=Noto Sans' rel='stylesheet'> <link rel="shortcut icon" href="/favicon/favicon.ico" type="image/x-icon"> <meta name="description" content="The personal website of Matthew kosarek"> </head> @@ -15,7 +16,6 @@ </div> <header> - <h1>Matthew Kosarek</h1> <nav> <ul> <li><a href='/'>🏡 Home</a></li> @@ -11,7 +11,6 @@ </head> <body> <header> - <h1>Matthew Kosarek</h1> <nav> <ul> <li><a href='/'>🏡 Home</a></li> @@ -1,5 +1,5 @@ @font-face { - font-family: Iosevka; + font-family: Ubuntu; src: url(fonts/Ubuntu-M.ttf); } @@ -25,7 +25,7 @@ header { text-align: left; background-color: white; color: black; - font-family: 'Iosevka', Tahoma, Geneva, Verdana, sans-serif; + font-family: 'Ubuntu', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.325rem; } diff --git a/resume.html b/resume.html index 0ee34d4..143a87d 100755 --- a/resume.html +++ b/resume.html @@ -8,12 +8,12 @@ <script src='/resume.js' defer></script> <title>Matthew Kosarek - Resume</title> + <link href='https://fonts.googleapis.com/css?family=Noto Sans' rel='stylesheet'> <link rel="shortcut icon" href="/favicon/favicon.ico" type="image/x-icon"> <meta name="description" content="The hosted resume of Matthew kosarek"> </head> <body> <header> - <h1>Matthew Kosarek</h1> <nav> <ul> <li><a href='/'>🏡 Home</a></li> diff --git a/resume.mobile.css b/resume.mobile.css index 5790e0e..016095b 100644 --- a/resume.mobile.css +++ b/resume.mobile.css @@ -1,5 +1,5 @@ @media (max-width: 767.98px) { - html { + #resume { font-size: 12px; } |