Migrate from brunch to hugo

7 files changed, 300 insertions, 0 deletions

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;
+}