From 251d453629ac2ce98086b1f1d64f233a08900228 Mon Sep 17 00:00:00 2001 From: "Aaron N. Brock" Date: Wed, 30 Sep 2020 00:07:47 -0400 Subject: [PATCH] refactor the rest of the buttons --- assets/scss/_buttons.scss | 35 ++-- assets/scss/_variables.scss | 5 +- assets/scss/components/_about-section.scss | 40 ++--- assets/scss/components/_blog-section.scss | 36 ++--- assets/scss/components/_contact-section.scss | 26 +-- assets/scss/components/_resume-section.scss | 52 +++--- layouts/partials/aboutSection.html | 8 +- layouts/partials/blogSection.html | 4 +- layouts/partials/footer.html | 158 ++++++++++--------- layouts/partials/header.html | 2 +- layouts/partials/hero.html | 3 +- layouts/partials/resumeSection.html | 8 +- 12 files changed, 205 insertions(+), 172 deletions(-) diff --git a/assets/scss/_buttons.scss b/assets/scss/_buttons.scss index 09a7d47..fdeb0e9 100644 --- a/assets/scss/_buttons.scss +++ b/assets/scss/_buttons.scss @@ -30,25 +30,42 @@ // } // } +// Button Override .btn { display: inline-block; padding: 15px 30px; font-family: $secondary-font; font-size: 16px; - background: $primary-color; + // background: $primary-color; border-radius: 7px; - color: #fff; - text-decoration: none; - border: 1px solid transparent; + //color: #fff; + // ext-decoration: none; + // border: 1px solid transparent; + // transition: all 0.3s ease; + // transform: scale(1); + // &:hover { + // background: #425fee; + // box-shadow: 0 8px 20px rgba(56, 87, 241, 0.3); + // transform: scale(1.03); + // } +} + +.btn-lg { + padding: 20px 50px; +} + +.btn-light { + color: $primary; + &:hover { + color: $primary; + } +} + +.btn-zoom { transition: all 0.3s ease; transform: scale(1); &:hover { - background: #425fee; box-shadow: 0 8px 20px rgba(56, 87, 241, 0.3); transform: scale(1.03); } -} - -.btn-lg { - padding: 20px 50px; } \ No newline at end of file diff --git a/assets/scss/_variables.scss b/assets/scss/_variables.scss index d0220c5..20cd565 100644 --- a/assets/scss/_variables.scss +++ b/assets/scss/_variables.scss @@ -1,6 +1,4 @@ //site color variables -// $body-color: #fff; - $primary-color: #5D78FF; $secondary-color: #282F49; $text-color: #9D9EA5; @@ -16,3 +14,6 @@ $black: #000; // Font Variables $primary-font: 'Yeseva One', cursive; $secondary-font: 'Poppins', sans-serif; + +// Bootstrap Variables +$primary: #5D78FF; diff --git a/assets/scss/components/_about-section.scss b/assets/scss/components/_about-section.scss index 74f381b..1ed1d28 100644 --- a/assets/scss/components/_about-section.scss +++ b/assets/scss/components/_about-section.scss @@ -115,26 +115,26 @@ li { list-style: none; display: inline-block; - a { - display: block; - padding: 15px 30px; - text-decoration: none; - color: $white; - border-radius: 7px; - transition: all 0.3s ease; - border: 1px solid #60636f; - background: transparent; - &.active { - background-color: $primary-color; - border: 1px solid transparent; - } - &:hover { - border: 1px solid #425fee; - background: #425fee; - box-shadow: 0 8px 20px rgba(56, 87, 241, 0.3); - transform: scale(1.03); - } - } + // a { + // display: block; + // padding: 15px 30px; + // text-decoration: none; + // color: $white; + // border-radius: 7px; + // transition: all 0.3s ease; + // border: 1px solid #60636f; + // background: transparent; + // &.active { + // background-color: $primary-color; + // border: 1px solid transparent; + // } + // &:hover { + // border: 1px solid #425fee; + // background: #425fee; + // box-shadow: 0 8px 20px rgba(56, 87, 241, 0.3); + // transform: scale(1.03); + // } + // } &:not(:last-child) { margin-right: 10px; @include mobile-s { diff --git a/assets/scss/components/_blog-section.scss b/assets/scss/components/_blog-section.scss index d029792..b3bc555 100644 --- a/assets/scss/components/_blog-section.scss +++ b/assets/scss/components/_blog-section.scss @@ -54,32 +54,32 @@ position: relative; width: 100%; height: 100%; - a{ + a { position: absolute; bottom: 0; right: 0; display: inline-block; - padding: 15px 40px; - background: #fff; - border: 1px solid #E4E6EB; - border-radius: 7px; - font-family: $secondary-font; - text-decoration: none; - font-size: 17px; - color: #282F49; - transition: all .3s ease; - transform: scale(1); + // padding: 15px 40px; + // background: #fff; + // border: 1px solid #E4E6EB; + // border-radius: 7px; + // font-family: $secondary-font; + // text-decoration: none; + // font-size: 17px; + // color: #282F49; + // transition: all .3s ease; + // transform: scale(1); @include desktop{ position: relative; margin-top: 30px; } - &:hover{ - background: $primary-color; - border: 1px solid transparent; - color: #fff; - transform: scale(1.03); - box-shadow: 0 8px 20px rgba(56, 87, 241, 0.3); - } + // &:hover{ + // background: $primary-color; + // border: 1px solid transparent; + // color: #fff; + // transform: scale(1.03); + // box-shadow: 0 8px 20px rgba(56, 87, 241, 0.3); + // } } } &__item{ diff --git a/assets/scss/components/_contact-section.scss b/assets/scss/components/_contact-section.scss index b4174fe..1cf6917 100644 --- a/assets/scss/components/_contact-section.scss +++ b/assets/scss/components/_contact-section.scss @@ -112,22 +112,22 @@ } a{ float: right; - color: $primary-color; - padding: 15px 40px; - background: #fff; - display: inline-block; - text-decoration: none; - font-family: $secondary-font; - border-radius: 7px; - font-size: 16px; - transition: all .3s ease; + // color: $primary-color; + // padding: 15px 40px; + // background: #fff; + // display: inline-block; + // text-decoration: none; + // font-family: $secondary-font; + // border-radius: 7px; + // font-size: 16px; + // transition: all .3s ease; @include desktop{ float: none; } - &:hover{ - background: #768bf3; - color: #fff; - } + // &:hover{ + // background: #768bf3; + // color: #fff; + // } } } } diff --git a/assets/scss/components/_resume-section.scss b/assets/scss/components/_resume-section.scss index eac7898..df00791 100644 --- a/assets/scss/components/_resume-section.scss +++ b/assets/scss/components/_resume-section.scss @@ -65,32 +65,32 @@ li{ list-style: none; display: inline-block; - a{ - padding: 15px 40px; - text-decoration: none; - display: block; - background: $white; - color: $secondary-color; - font-family: $secondary-font; - font-size: 16px; - transition: all .3s ease; - @include mobile-s{ - padding: 15px 28px; - } - &:hover{ - background: #425FEE; - color: $white; - box-shadow: 0 8px 20px 0 rgba(56, 87, 241, 0.30); - } - &.active{ - background: $primary-color; - color: $white; - box-shadow: 0 8px 20px 0 rgba(56, 87, 241, 0.30); - &:hover{ - background: #425FEE; - } - } - } + // a { + // padding: 15px 40px; + // text-decoration: none; + // display: block; + // background: $white; + // color: $secondary-color; + // font-family: $secondary-font; + // font-size: 16px; + // transition: all .3s ease; + // @include mobile-s{ + // padding: 15px 28px; + // } + // &:hover{ + // background: #425FEE; + // color: $white; + // box-shadow: 0 8px 20px 0 rgba(56, 87, 241, 0.30); + // } + // &.active{ + // background: $primary-color; + // color: $white; + // box-shadow: 0 8px 20px 0 rgba(56, 87, 241, 0.30); + // &:hover{ + // background: #425FEE; + // } + // } + // } &:nth-child(1){ a{ border-radius: 7px 0 0 7px; diff --git a/layouts/partials/aboutSection.html b/layouts/partials/aboutSection.html index ab443d9..2772686 100644 --- a/layouts/partials/aboutSection.html +++ b/layouts/partials/aboutSection.html @@ -42,8 +42,12 @@ {{ .content | markdownify}} diff --git a/layouts/partials/blogSection.html b/layouts/partials/blogSection.html index aee3d4a..62561da 100644 --- a/layouts/partials/blogSection.html +++ b/layouts/partials/blogSection.html @@ -14,7 +14,7 @@
- See all post + See all post
@@ -38,7 +38,7 @@
- See all post + See all post
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 165c7c1..c8d5440 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -1,80 +1,88 @@
-
- - - -
-
-
-
-
-
- - - -
-
- - - -
-
- Contact me -

Let’s Start a Project

-
-
- Get in touch -
-
-
-
-
-
- -
-
-
-

Sitemap

-
    - {{ $sitemap := .Site.Menus.sitemap }} - {{ range $sitemap }} +
    + + + +
    +
    +
    +
    +
    +
    + + + +
    +
    + + + +
    +
    + Contact me +

    Let’s Start a Project

    +
    +
    + Get in + touch +
    +
    +
    +
    +
    +
    + +
    +
    +
    +

    Sitemap

    +
      + {{ $sitemap := .Site.Menus.sitemap }} + {{ range $sitemap }}
    • {{ .Name }}
      • - {{ end }} -
    -
    -
    -
    -
    -

    Address

    - {{ $address := .Site.Params.address }} - -
    -
    -
    -
    -
    -
    -

    {{ .Site.Params.copyright }}

    -
    -
    -
    -
    -
      -
      • -
      • -
      • -
      • -
    -
    -
    -
    -
    + {{ end }} +
+
+
+
+
+

Address

+ {{ $address := .Site.Params.address }} + +
+
+
+
+
+
+

{{ .Site.Params.copyright }}

+
+
+
+
+
    +
    • +
    • +
    • +
    • +
+
+
+
+
diff --git a/layouts/partials/header.html b/layouts/partials/header.html index a183bd2..8e31d9f 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -19,7 +19,7 @@ {{ end }}
- Hire Me Now + Hire Me Now
diff --git a/layouts/partials/hero.html b/layouts/partials/hero.html index f85000a..580d259 100644 --- a/layouts/partials/hero.html +++ b/layouts/partials/hero.html @@ -32,7 +32,8 @@ {{ .content | markdownify }}

- {{ .buttonName }} + {{ .buttonName }}
diff --git a/layouts/partials/resumeSection.html b/layouts/partials/resumeSection.html index 73f482f..44b1dfa 100644 --- a/layouts/partials/resumeSection.html +++ b/layouts/partials/resumeSection.html @@ -8,9 +8,11 @@
{{ .topTitle }} {{ .content | markdownify }} -