-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
95 changed files
with
1,189 additions
and
1,125 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,24 @@ | ||
| /* Blog Styles */ | ||
|
|
||
| .blog__postlist, | ||
| .blog__post--info { | ||
| display: grid; | ||
| } | ||
|
|
||
| .blog__postlist { | ||
| gap: 1em; | ||
| line-height: 2.1; | ||
| } | ||
|
|
||
| .blog__post--info { | ||
| gap: 0.3em; | ||
| margin-bottom: 2em; | ||
| } | ||
|
|
||
| .blog__post--nextprev { | ||
| list-style: none; | ||
| padding-left: 0; | ||
| padding-top: 0.8em; | ||
| margin-top: 2.5em; | ||
| border-top: 0.1em solid var(--clr-slate-600); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,102 @@ | ||
| /* Profile Styles */ | ||
|
|
||
| .profile { | ||
| display: flex; | ||
| flex-direction: column; | ||
| } | ||
|
|
||
| .profile__image-wrapper { | ||
| display: grid; | ||
| place-content: center; | ||
| } | ||
|
|
||
| .profile__image-wrapper img { | ||
| width: 250px; | ||
| height: 250px; | ||
| border-radius: 9999px; | ||
| } | ||
|
|
||
| .profile__card { | ||
| display: flex; | ||
| flex-direction: column; | ||
| padding: 4rem 0; | ||
| flex: 1; | ||
| } | ||
|
|
||
| .profile__text { | ||
| margin-bottom: 1rem; | ||
| color: var(--clr-slate-600); | ||
| } | ||
|
|
||
| .profile__text--lead { | ||
| font-weight: 500; | ||
| font-size: 1.5rem; | ||
| } | ||
|
|
||
| .profile__text--highlight { | ||
| font-weight: bold; | ||
| font-size: 1.5rem; | ||
| color: var(--clr-accent-600); | ||
| } | ||
|
|
||
| .profile__text--emphasis { | ||
| font-weight: bold; | ||
| font-size: 1.125rem; | ||
| } | ||
|
|
||
| .profile__link { | ||
| font-weight: bold; | ||
| } | ||
|
|
||
| /* For larger screen sizes */ | ||
| @media (min-width: 640px) { | ||
| .profile { | ||
| flex-direction: row; | ||
| } | ||
|
|
||
| .profile__image-wrapper img { | ||
| margin: 4rem; | ||
| } | ||
| } | ||
|
|
||
| /* Skills Styles */ | ||
|
|
||
| .skills__heading { | ||
| margin-bottom: 1.5rem; | ||
| padding: 1rem 0; | ||
| font-size: 2.5rem; | ||
| text-align: center; | ||
| font-weight: 700; | ||
| color: var(--clr-accent-600); | ||
| } | ||
|
|
||
| .skills__list { | ||
| width: 100%; | ||
| max-width: 60rem; | ||
| margin: 0 auto; | ||
| display: grid; | ||
| grid-template-columns: repeat(auto-fit, minmax(125px, 1fr)); | ||
| gap: 1.5rem; | ||
| } | ||
|
|
||
| .skills__item { | ||
| display: flex; | ||
| flex-direction: column; | ||
| justify-content: space-between; | ||
| align-items: center; | ||
| } | ||
|
|
||
| .skills__logo { | ||
| display: flex; | ||
| justify-content: center; | ||
| align-items: center; | ||
| width: 3rem; | ||
| height: 100%; | ||
| margin-bottom: 0.5rem; | ||
| } | ||
|
|
||
| .skills__title { | ||
| font-weight: 400; | ||
| color: var(--clr-slate-600); | ||
| text-align: center; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,55 @@ | ||
| /* Contact Styles */ | ||
|
|
||
| .contact__sub-heading { | ||
| padding: 0 1rem; | ||
| color: var(--clr-slate-600); | ||
| } | ||
|
|
||
| .form { | ||
| width: 90%; | ||
| margin: 4rem auto; | ||
| border-radius: 0.25rem; | ||
| } | ||
|
|
||
| .form__section { | ||
| display: flex; | ||
| flex-direction: column; | ||
| margin-bottom: 1.5rem; | ||
| } | ||
|
|
||
| .form__label { | ||
| display: block; | ||
| margin-bottom: 0.25rem; | ||
| font-weight: 500; | ||
| } | ||
|
|
||
| .form__input { | ||
| display: block; | ||
| border: 0.1em solid var(--clr-slate-300); | ||
| border-radius: 0.25rem; | ||
| padding: 0.5rem; | ||
| color: var(--clr-slate-600); | ||
| } | ||
|
|
||
| .form__button { | ||
| display: block; | ||
| width: 100%; | ||
| padding: 0.5rem 2rem; | ||
| border: none; | ||
| border-radius: 0.25rem; | ||
| cursor: pointer; | ||
| color: #fff; | ||
| background-color: var(--clr-accent-600); | ||
| transition: background-color 0.3s ease; | ||
| } | ||
|
|
||
| .form__button:focus { | ||
| outline: 0.2em solid var(--clr-accent-600); | ||
| outline-offset: 0.15em; | ||
| } | ||
|
|
||
| @media only screen and (min-width: 36rem) { | ||
| .form { | ||
| max-width: 36rem; | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,28 @@ | ||
| /* General Styles */ | ||
|
|
||
| body { | ||
| font-size: 1.15rem; | ||
| color: var(--clr-txt-default); | ||
| display: flex; | ||
| flex-direction: column; | ||
| font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; | ||
| } | ||
|
|
||
| main { | ||
| display: flex; | ||
| flex-direction: column; | ||
| } | ||
|
|
||
| a { | ||
| color: var(--clr-accent-700); | ||
| font-weight: 700; | ||
| } | ||
|
|
||
| a:hover { | ||
| text-decoration: none; | ||
| color: var(--clr-link-hover); | ||
| } | ||
|
|
||
| button:hover { | ||
| cursor: pointer; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,88 @@ | ||
| /* ------------------- */ | ||
| /* Custom Properties */ | ||
| /* ------------------- */ | ||
| :root { | ||
| --clr-white: #fff; | ||
| --clr-txt-default: #111111; | ||
| --clr-slate-300: #797979; | ||
| --clr-slate-600: #494949; | ||
| --clr-accent-100: #edcfff; | ||
| --clr-accent-600: #a200ff; | ||
| --clr-accent-700: #8200cd; | ||
| --clr-accent-800: rgb(90, 0, 142); | ||
| --clr-link-hover: #c83c00; | ||
|
|
||
| --box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.2), | ||
| 0 4px 6px -4px rgb(0 0 0 / 0.2); | ||
| } | ||
|
|
||
| /* ------------------- */ | ||
| /* CSS Reset */ | ||
| /* ------------------- */ | ||
|
|
||
| /* Box sizing rules */ | ||
| *, | ||
| *::before, | ||
| *::after { | ||
| box-sizing: border-box; | ||
| } | ||
|
|
||
| /* Prevent font size inflation */ | ||
| html { | ||
| -moz-text-size-adjust: none; | ||
| -webkit-text-size-adjust: none; | ||
| text-size-adjust: none; | ||
| } | ||
|
|
||
| /* Remove default margin in favour of better control in authored CSS */ | ||
| body, h1, h2, h3, h4, p, | ||
| figure, blockquote, dl, dd { | ||
| margin: 0; | ||
| } | ||
|
|
||
| /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */ | ||
| ul[role='list'], | ||
| ol[role='list'] { | ||
| list-style: none; | ||
| } | ||
|
|
||
| /* Set core body defaults */ | ||
| body { | ||
| min-height: 100vh; | ||
| line-height: 1.5; | ||
| } | ||
|
|
||
| /* Set shorter line heights on headings and interactive elements */ | ||
| h1, h2, h3, h4, | ||
| button, input, label { | ||
| line-height: 1.1; | ||
| } | ||
|
|
||
| /* Balance text wrapping on headings */ | ||
| h1, h2, | ||
| h3, h4 { | ||
| text-wrap: balance; | ||
| } | ||
|
|
||
| /* Make images easier to work with */ | ||
| img, | ||
| picture { | ||
| max-width: 100%; | ||
| display: block; | ||
| } | ||
|
|
||
| /* Inherit fonts for inputs and buttons */ | ||
| input, button, | ||
| textarea, select { | ||
| font: inherit; | ||
| } | ||
|
|
||
| /* Make sure textareas without a rows attribute are not tiny */ | ||
| textarea:not([rows]) { | ||
| min-height: 10em; | ||
| } | ||
|
|
||
| /* Anything that has been anchored to should have extra scroll margin */ | ||
| :target { | ||
| scroll-margin-block: 5ex; | ||
| } |
Oops, something went wrong.