Merge pull request #1 from StaticMania/master

Latest theme update

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

assets/scss/components/_contact.scss

@@ -29,3 +29,22 @@
     }
   }
 }
+.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;
+    }
+  }
+}

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

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]

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/
+    linkedin    : https://www.linkedin.com/
     instagram   : https://www.instagram.com/

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>

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 }}
+<!-- {{ $formhandler := resources.Get "js/formhandler.js" | minify }}
-<script src="{{ $formhandler.Permalink }}"></script>
+<script src="{{ $formhandler.Permalink }}"></script> -->
 {{ $vendor := resources.Get "js/vendor.js" | minify }}
 <script src="{{ $vendor.Permalink }}"></script>
 {{ $script := resources.Get "js/script.js" | minify }}

layouts/partials/hero.html

@@ -35,7 +35,7 @@
       </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 }}