Merge pull request #1 from StaticMania/master

Latest theme update
2022-11-17 11:49:40 -04:00
parent a6d668b124 ce35419186
commit 8365653e02
8 changed files with 67 additions and 23 deletions
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 <h1>Roxo Hugo</h1>
 <img src="https://user-images.githubusercontent.com/16266381/76162082-10850b80-6164-11ea-8b20-f30b2611f92c.png" alt="screenshot" width="100%">

-Roxo Hugo is a digital agency Hugo theme for creative agencies,  freelancers, graphic designers, photographers. Can be used for any kind of corporate websites who provides digital services with many expertise such as  Design, Digital Products, Development, Campaign & Content, Employer Branding, Animation & Motion Graphics ,Packaging & Product Design, Retail & Spacial, Print & Editorial Design, Concept/Text, Information Design etc. Roxo Hugo’s contact form is supported Formspree.
+Roxo Hugo is a digital agency Hugo theme for creative agencies,  freelancers, graphic designers, photographers. Can be used for any kind of corporate websites who provides digital services with many expertise such as  Design, Digital Products, Development, Campaign & Content, Employer Branding, Animation & Motion Graphics ,Packaging & Product Design, Retail & Spacial, Print & Editorial Design, Concept/Text, Information Design etc. Roxo Hugo’s contact form is supported fabform.

 ## Table of Contents

@@ -18,10 +18,10 @@ Checkout the live demo [here](https://roxo-hugo.staticmania.com/)

 ## Installation

-1. Add the repository into your Hugo Project repository as a submodule, `git submodule add git@github.com:StaticMania/roxo-hugo.git themes/roxo`.
+1. Add the repository into your Hugo Project repository as a submodule, `git submodule add git@github.com:StaticMania/roxo-hugo.git themes/roxo-hugo`.
 2. Copy the `data`, `content`, `static`, `resources` & `config.toml` files from the `exampleSite` directory and paste it on you Hugo Project repository/directory. From the site home directory:

-    cp -a themes/roxo/exampleSite/* .
+    cp -a themes/roxo-hugo/exampleSite/* .

 3. Build your site with `hugo serve` and see the result at `http://localhost:1313/`.

@@ -34,7 +34,7 @@ Checkout the live demo [here](https://roxo-hugo.staticmania.com/)
 * Blog Support.
 * Well formatted code.
 * Easy Customization.
-* Formspree Contact form.
+* FabForm.io [static website form](https://fabform.io).
 * Crafted for Design Agency/ Portfolio

 ## Support
--- a/assets/scss/components/_contact.scss
+++ b/assets/scss/components/_contact.scss
@@ -28,4 +28,23 @@
      }
    }
  }
+}
+.contact-form-generator {
+  margin-top: 20px;
+    a{
+    color: $text-color-dark;
+    font-size: 13px;
+    text-transform: uppercase;
+    margin-bottom: 50px;
+    letter-spacing: 3px;
+    &:hover{
+      text-decoration: none;
+    }
+    @include tablet{
+      font-size: 20px;
+    }
+    @include desktop{
+      margin-bottom: 70px;
+    }
+  }
 }
--- a/assets/scss/components/_footer.scss
+++ b/assets/scss/components/_footer.scss
@@ -61,4 +61,21 @@
      }
    }
  }
+  &-copyright{
+    p{
+      color: $white;
+      margin: 50px auto 0;
+      text-align: center;
+    }
+    a{
+      color: $text-color-dark;
+      transition: all .3s ease;
+      @include tablet{
+        font-size: 20px;
+      }
+      @include desktop{
+        margin-bottom: 70px;
+      }
+    }
+  }
 }
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -1,7 +1,7 @@
 baseURL       = "http://example.org/"
 languageCode  = "en-us"
 title         = "Roxo | Creative Design Agency"
-theme         = "roxo"
+theme         = "roxo-hugo"
 summarylength = 25

 # Site Menus
@@ -38,7 +38,7 @@ summarylength = 25
  # Google Analitycs
  googleAnalitycsID = "Your ID"
  # We're using formspree.io for form handling, paste your formspree url below
-  formspreeFormUrl  = "https://formspree.io/myykjpje"
+  fabform  = "https://fabform.io/f/USAg2Jl"

  # Contact Form
  [params.contactForm]
--- a/exampleSite/data/team.yml
+++ b/exampleSite/data/team.yml
@@ -5,40 +5,40 @@ members  :
    name        : PABLO ESCOBAR
    designation : Creative Director
    medium      : https://www.medium.com/
-    linkedIn    : https://www.linkedin.com/
+    linkedin    : https://www.linkedin.com/
    instagram   : https://www.instagram.com/

  - image       : images/team/team-member-two.jpg
    name        : MONTINO RIAU
    designation : Product Manager
    medium      : https://www.medium.com/
-    linkedIn    : https://www.linkedin.com/
+    linkedin    : https://www.linkedin.com/
    instagram   : https://www.instagram.com/

  - image       : images/team/team-member-three.jpg
    name        : ALEX NAASRI
    designation : Chief Design Officer
    medium      : https://www.medium.com/
-    linkedIn    : https://www.linkedin.com/
+    linkedin    : https://www.linkedin.com/
    instagram   : https://www.instagram.com/

  - image       : images/team/team-member-four.jpg
    name        : HONGMAN CHIOA
    designation : UX Researcher
    medium      : https://www.medium.com/
-    linkedIn    : https://www.linkedin.com/
+    linkedin    : https://www.linkedin.com/
    instagram   : https://www.instagram.com/

  - image       : images/team/team-member-five.jpg
    name        : SANTIO ANDRESS
    designation : Content Researcher
    medium      : https://www.medium.com/
-    linkedIn    : https://www.linkedin.com/
+    linkedin    : https://www.linkedin.com/
    instagram   : https://www.instagram.com/

  - image       : images/team/team-member-six.jpg
    name        : RAMESH PAUL
    designation : Creative Designer
    medium      : https://www.medium.com/
-    linkedIn    : https://www.linkedin.com/
-    instagram   : https://www.instagram.com/
+    linkedin    : https://www.linkedin.com/
+    instagram   : https://www.instagram.com/
--- a/layouts/contact/list.html
+++ b/layouts/contact/list.html
@@ -10,20 +10,20 @@
      <div class="col-lg-6 ml-auto">
        <div class="site-contact-form">
          <h4>{{ .Params.form_heading }}</h4>
-          <form id="contact-form" action="{{ .Site.Params.formspreeFormUrl }}" method="POST">
+          <form id="contact-form" action="{{ .Site.Params.fabform }}" method="post">
            <div class="row">
              <div class="col-lg-6">
-                <input type="text" class="form-control" name="first-name" id="first-name" placeholder="{{ .Site.Params.contactForm.placeholder_first_name }}">
+                <input type="text" class="form-control" name="first-name" id="first-name" placeholder="{{ .Site.Params.contactForm.placeholder_first_name }}" required>
              </div>
              <div class="col-lg-6">
-                <input type="text" class="form-control" name="last-name" id="last-name" placeholder="{{ .Site.Params.contactForm.placeholder_last_name }}">
+                <input type="text" class="form-control" name="last-name" id="last-name" placeholder="{{ .Site.Params.contactForm.placeholder_last_name }}" required>
              </div>
              <div class="col-lg-6">
-                <input type="email" class="form-control" name="email" id="email" placeholder="{{ .Site.Params.contactForm.placeholder_email }}">
+                <input type="email" class="form-control" name="email" id="email" placeholder="{{ .Site.Params.contactForm.placeholder_email }}" required>
              </div>
              <div class="col-lg-6">
                <div class="select-wrapper">
-                  <select class="form-control" id="projectType" name="project-type">
+                  <select class="form-control" id="projectType" name="project-type" required>
                    <option value="" selected disabled hidden>{{ .Site.Params.contactForm.placeholder_project_type }}</option>
                    {{ range .Site.Params.contactForm.projectType }}
                    <option value="{{ .value }}">{{ .title }}</option>
@@ -35,7 +35,7 @@
                <textarea class="form-control" id="aboutProject" name="about-project" rows="6" placeholder="{{ .Site.Params.contactForm.placeholder_about_the_project }}"></textarea>
              </div>
              <div class="col-12">
-                <button type="submit" class="btn btn-primary" id="contact-form-button">
+                <button formtarget="_blank" type="submit" class="btn btn-primary" id="contact-form-button">
                  <span class="btn-area">
                    <span data-text="{{ .Site.Params.contactForm.send_message }}">
                      {{ .Site.Params.contactForm.send_message }}
@@ -46,6 +46,9 @@
              <p id="contact-form-status"></p>
            </div>
          </form>
+          <p class="contact-form-generator">
+            <strong>** </strong><a href="https://fabform.io/" target="_blank">Static website forms</a>
+          </p>
        </div>
      </div>
    </div>
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -62,12 +62,17 @@
          </p>
        </a>
      </div>
+      <div class="col-12">
+        <div class="site-footer-copyright">
+          <p>© Copyright {{ dateFormat "2006" now }} - All Rights Reserved by <a href="https://staticmania.com/" target="_blank">StaticMania</a> </p>
+        </div>
+      </div>
    </div>
  </div>
 </footer>

-{{ $formhandler := resources.Get "js/formhandler.js" | minify }}
-<script src="{{ $formhandler.Permalink }}"></script>
+<!-- {{ $formhandler := resources.Get "js/formhandler.js" | minify }}
+<script src="{{ $formhandler.Permalink }}"></script> -->
 {{ $vendor := resources.Get "js/vendor.js" | minify }}
 <script src="{{ $vendor.Permalink }}"></script>
 {{ $script := resources.Get "js/script.js" | minify }}
--- a/layouts/partials/hero.html
+++ b/layouts/partials/hero.html
@@ -35,9 +35,9 @@
      </div>
    </div>
    <a href="#counter" class="site-hero-scroll scroll-to">
-      <img src="images/arrow-down.svg" alt="arrow-down">
+      <img src="{{ "images/arrow-down.svg" | absURL }}" alt="arrow-down">
    </a>
  </section>
  {{ "<!-- Site Hero End -->" | safeHTML }}
  {{ end }}
-{{ end }}
+{{ end }}