diff options
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/.keep | 0 | ||||
| -rw-r--r-- | assets/scss/print.scss | 3 | ||||
| -rw-r--r-- | assets/scss/print/_base.scss | 18 | ||||
| -rw-r--r-- | assets/scss/print/_education.scss | 11 | ||||
| -rw-r--r-- | assets/scss/print/_header.scss | 21 | ||||
| -rw-r--r-- | assets/scss/print/_projects.scss | 7 | ||||
| -rw-r--r-- | assets/scss/print/_skills.scss | 17 | ||||
| -rw-r--r-- | assets/scss/print/_summary.scss | 0 | ||||
| -rw-r--r-- | assets/scss/print/_work.scss | 14 | ||||
| -rw-r--r-- | assets/scss/web.scss | 3 | ||||
| -rw-r--r-- | assets/scss/web/_base.scss | 56 | ||||
| -rw-r--r-- | assets/scss/web/_education.scss | 58 | ||||
| -rw-r--r-- | assets/scss/web/_header.scss | 45 | ||||
| -rw-r--r-- | assets/scss/web/_projects.scss | 21 | ||||
| -rw-r--r-- | assets/scss/web/_skills.scss | 31 | ||||
| -rw-r--r-- | assets/scss/web/_summary.scss | 8 | ||||
| -rw-r--r-- | assets/scss/web/_work.scss | 81 |
17 files changed, 394 insertions, 0 deletions
diff --git a/assets/.keep b/assets/.keep new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/assets/.keep diff --git a/assets/scss/print.scss b/assets/scss/print.scss new file mode 100644 index 0000000..0729cec --- /dev/null +++ b/assets/scss/print.scss @@ -0,0 +1,3 @@ +$secondaryColor: #DB0A16; +@import "print/base", "print/header", "print/summary", "print/skills", + "print/work", "print/projects", "print/education" diff --git a/assets/scss/print/_base.scss b/assets/scss/print/_base.scss new file mode 100644 index 0000000..ab0ca17 --- /dev/null +++ b/assets/scss/print/_base.scss @@ -0,0 +1,18 @@ +@page { + margin-left: 1cm; + margin-right: 1cm; +} + +body { + font-size: 9pt; + line-height: 1.3; +} + +a:link, a:visited, a:hover, a:active { + text-decoration-thickness: 1px; +} + +.section-header { + font-size: 18pt; + margin-bottom: -0.6em; +} diff --git a/assets/scss/print/_education.scss b/assets/scss/print/_education.scss new file mode 100644 index 0000000..fd0ba28 --- /dev/null +++ b/assets/scss/print/_education.scss @@ -0,0 +1,11 @@ +.education { + // avoid page breaks inside the education section + page-break-inside: avoid; + margin-top: 75px; + // remove the extra space added for the website + margin-bottom: 0; +} + +.education__details { + margin-top: 0.3em; +} diff --git a/assets/scss/print/_header.scss b/assets/scss/print/_header.scss new file mode 100644 index 0000000..652031a --- /dev/null +++ b/assets/scss/print/_header.scss @@ -0,0 +1,21 @@ +.header__name { + margin-bottom: 0.1em; +} + +.header__language { + display: none; +} + +.header__tel, +.header__website, +.header__email, +.header__srht, +.header__github, +.header__stackoverflow, +.header__linkedin { + display: inline; +} + +.header__pgp { + display: none; +} diff --git a/assets/scss/print/_projects.scss b/assets/scss/print/_projects.scss new file mode 100644 index 0000000..c7fa414 --- /dev/null +++ b/assets/scss/print/_projects.scss @@ -0,0 +1,7 @@ +.projects { + margin-top: 75px; + page-break-inside: avoid; +} + +.project { +} diff --git a/assets/scss/print/_skills.scss b/assets/scss/print/_skills.scss new file mode 100644 index 0000000..9d37b90 --- /dev/null +++ b/assets/scss/print/_skills.scss @@ -0,0 +1,17 @@ +.skills { + margin-top: 75px; +} + +.skills__content { + margin-top: 1.5em; +} + +.skills__title { + min-width: 12%; + margin-left: 15px; +} + +.skills__items { + margin-bottom: 0.1em; + margin-left: 15px; +} diff --git a/assets/scss/print/_summary.scss b/assets/scss/print/_summary.scss new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/assets/scss/print/_summary.scss diff --git a/assets/scss/print/_work.scss b/assets/scss/print/_work.scss new file mode 100644 index 0000000..9495eb0 --- /dev/null +++ b/assets/scss/print/_work.scss @@ -0,0 +1,14 @@ +.work { + margin-top: 75px; +} + +.work__experience { + page-break-inside: avoid; +} + +// Style the Company name links in the PDF with thicker underline +.job-position__company { + a:link, a:visited, a:hover, a:active { + text-decoration-thickness: 2px; + } +} diff --git a/assets/scss/web.scss b/assets/scss/web.scss new file mode 100644 index 0000000..72f80a1 --- /dev/null +++ b/assets/scss/web.scss @@ -0,0 +1,3 @@ +$secondaryColor: #DB0A16; +@import "web/base", "web/header", "web/summary", "web/skills", + "web/work", "web/projects", "web/education" diff --git a/assets/scss/web/_base.scss b/assets/scss/web/_base.scss new file mode 100644 index 0000000..309b144 --- /dev/null +++ b/assets/scss/web/_base.scss @@ -0,0 +1,56 @@ +@media (prefers-color-scheme: dark) { + html { + color: #FFFFFF; + background-color: #181818; + } +} + +@media (prefers-color-scheme: light) { + html { + color: #000000; + background-color: #FFFFFF; + } +} + +body { + font-family: "PT Sans", "Kohinoor Bangla", sans-serif; + max-width: 1024px; + min-width: 375px; + margin: 0 auto; + float: none; + line-height: 1.5; +} + +main { + margin-left: 1cm; + margin-right: 1cm; +} + +a:link, a:visited, a:hover, a:active { + text-decoration-color: $secondaryColor; + text-decoration-thickness: 2px; + text-underline-offset: 2px; + color: inherit; +} + +.section-header { + display: flex; + flex-direction: row; + margin-bottom: -0.3em; + + &:before { + content: ""; + border-bottom: 1px solid; + margin: auto; + margin-right: 0.5em; + flex: 5 5; + } + + &:after { + content: ""; + border-bottom: 1px solid; + margin: auto;; + margin-left: 0.5em; + flex: 100 0; + } +} diff --git a/assets/scss/web/_education.scss b/assets/scss/web/_education.scss new file mode 100644 index 0000000..51179e3 --- /dev/null +++ b/assets/scss/web/_education.scss @@ -0,0 +1,58 @@ +.education { + // add empty space to the end of page (as big as the header) + margin-bottom: 150px; +} + +.education__details { + display: flex; + flex-flow: row wrap; + justify-content: space-between; + @media screen and (max-width: 780px) { + flex-flow: column wrap; + } +} + +.education__degree { + min-width: 100%; + align-self: center; + font-size: 1.1em; + margin-bottom: 0; +} + +.education__university, +.education__gpa, +.education__duration, +.education__location { + min-width: 50%; + margin: 0; +} + +.education__university { +} + +.education__gpa { + order: 3; + @media screen and (max-width: 780px) { + order: 2; + } +} + +.education__duration { + order: 2; + text-align: right; + align-self: flex-end; + @media screen and (max-width: 780px) { + text-align: left; + align-self: flex-start; + } +} + +.education__location { + order: 4; + text-align: right; + align-self: flex-end; + @media screen and (max-width: 780px) { + text-align: left; + align-self: flex-start; + } +} diff --git a/assets/scss/web/_header.scss b/assets/scss/web/_header.scss new file mode 100644 index 0000000..1037114 --- /dev/null +++ b/assets/scss/web/_header.scss @@ -0,0 +1,45 @@ +.header { + text-align: center; + font-style: normal; +} + +.header__language { + float: right; + margin-top: 1em; + margin-bottom: -0.3em; +} + +.header__name { + font-size: 3.3em; + margin-bottom: -0.2em; + clear: right; +} + +.header__job-title { + font-style: italic; +} + +.header__contact-info { + font-style: normal; +} + +.header__location { + display: block; + font-style: italic; + margin-bottom: 1em; +} + +.header__tel, +.header__website { + display: none; +} + +.header__email, +.header__srht, +.header__github, +.header__stackoverflow, +.header__pgp, +.header__linkedin { + display: inline-block; + margin: 8px; +} diff --git a/assets/scss/web/_projects.scss b/assets/scss/web/_projects.scss new file mode 100644 index 0000000..d0af4ed --- /dev/null +++ b/assets/scss/web/_projects.scss @@ -0,0 +1,21 @@ +.projects { +} + +.projects__header { +} + +.project { +} + +.project__title { + margin-bottom: 0; + font-size: 1.1em; + +} + +.project__content { + margin-left: 1.2em; + margin-right: 1.2em; + margin-top: 0.3em; + margin-bottom: 1.5em; +} diff --git a/assets/scss/web/_skills.scss b/assets/scss/web/_skills.scss new file mode 100644 index 0000000..5ce9831 --- /dev/null +++ b/assets/scss/web/_skills.scss @@ -0,0 +1,31 @@ +.skills { +} + +.skills__header { +} + +.skills__content { + display: flex; + flex-flow: row wrap; + +} + +.skills__title { + min-width: 14%; + text-align: right; + font-weight: 900; + @media screen and (max-width: 780px) { + text-align: left; + } +} + +.skills__items { + width: 80%; + margin-bottom: 0.1em; + margin-left: 25px; + + @media screen and (max-width: 780px) { + margin-bottom: 1em; + width: 100%; + } +} diff --git a/assets/scss/web/_summary.scss b/assets/scss/web/_summary.scss new file mode 100644 index 0000000..688945e --- /dev/null +++ b/assets/scss/web/_summary.scss @@ -0,0 +1,8 @@ +.section-header.summary__header { + display: none; +} + +.summary__content { + text-align: justify; + margin-top: 1.5em; +} diff --git a/assets/scss/web/_work.scss b/assets/scss/web/_work.scss new file mode 100644 index 0000000..958859e --- /dev/null +++ b/assets/scss/web/_work.scss @@ -0,0 +1,81 @@ +.work { +} + +.work__header { +} + +.work__experience { +} + +.work__experience { + &:after { + display: flex; + content: ""; + border-bottom: 1px solid; + margin: auto; + max-width: 30%; + } + &:last-of-type:after { + // remove the extra horizontal line after the last work__experience + display: none; + } +} + +.job-position { + display: flex; + flex-flow: row wrap; + justify-content: space-between; + @media screen and (max-width: 780px) { + flex-flow: column wrap; + } +} + +.job-position__company, +.job-position__title, +.job-position__duration, +.job-position__location { + min-width: 50%; +} + +.job-position__company { + order: 0; + margin-bottom: 0; + font-size: 1.4em; +} + +.job-position__title { + order: 2; + @media screen and (max-width: 780px) { + order: 1; + } +} + +.job-position__duration { + order: 1; + text-align: right; + align-self: flex-end; + @media screen and (max-width: 780px) { + order: 2; + text-align: left; + align-self: flex-start; + } +} + +.job-position__location { + order: 3; + text-align: right; + align-self: flex-end; + @media screen and (max-width: 780px) { + text-align: left; + align-self: flex-start; + } +} + +.note { + margin-top: 0.4em; + margin-bottom: 0.4em; +} + +.tasks { + margin-top: 0.4em; +} |