diff options
-rw-r--r-- | .gitignore | 1 | ||||
-rw-r--r-- | exampleSite/config.toml | 3 | ||||
-rw-r--r-- | exampleSite/data/experience.json | 1 | ||||
-rw-r--r-- | exampleSite/data/sidebar.json | 4 | ||||
-rw-r--r-- | exampleSite/data/socialfas.json | 3 | ||||
-rw-r--r-- | layouts/partials/contact.html | 5 | ||||
-rw-r--r-- | layouts/partials/experience.html | 7 | ||||
-rw-r--r-- | layouts/partials/sidebar.html | 18 | ||||
-rw-r--r-- | static/js/main.js | 42 |
9 files changed, 59 insertions, 25 deletions
@@ -1 +1,2 @@ .DS_Store +exampleSite/themes diff --git a/exampleSite/config.toml b/exampleSite/config.toml index fb97ae4..4e7d232 100644 --- a/exampleSite/config.toml +++ b/exampleSite/config.toml @@ -1,5 +1,4 @@ baseURL = "https://demo.uicard.io/hugo-uilite-free/" languageCode = "en-us" title = "Valentina" -theme = "uilite" - +theme = "hugo-uilite" diff --git a/exampleSite/data/experience.json b/exampleSite/data/experience.json index dfb38d2..627a2a0 100644 --- a/exampleSite/data/experience.json +++ b/exampleSite/data/experience.json @@ -4,6 +4,7 @@ { "timeperiod" : "May 2017 - Nov 2017", "company" : "Uber", + "website": "https://www.uber.com", "description" : "Nunc sapien nisi, maximus eleifend hendrerit sit amet, rutrum vel diam. Duis quam nibh, tincidunt eget nunc nec, suscipit pretium dolor. " }, { diff --git a/exampleSite/data/sidebar.json b/exampleSite/data/sidebar.json index e40de09..5e56a22 100644 --- a/exampleSite/data/sidebar.json +++ b/exampleSite/data/sidebar.json @@ -1,6 +1,6 @@ { "title" : "hey world, i'm", "highlightedText" : "valentina", - "description" : "A graphics designer, based in Germany", + "description" : "A graphics designer, based in Germany.", "displayPicture" : "sim.jpg" -}
\ No newline at end of file +} diff --git a/exampleSite/data/socialfas.json b/exampleSite/data/socialfas.json new file mode 100644 index 0000000..f990145 --- /dev/null +++ b/exampleSite/data/socialfas.json @@ -0,0 +1,3 @@ +{ + "envelope" : "mailto:<youremail>@gmail.com" +} diff --git a/layouts/partials/contact.html b/layouts/partials/contact.html index 306f4b3..97cb4ed 100644 --- a/layouts/partials/contact.html +++ b/layouts/partials/contact.html @@ -1,4 +1,5 @@ {{ $config := .Site.Data.config }} + <section id="contact" class="bg-light d-flex align-items-center" style="height: 100vh;"> <div class="container"> <h2 class="heading mb-3">Contact</h2> @@ -18,7 +19,7 @@ <input type="email" class="form-control" name="_replyto" placeholder="Email"> </div> </div> - + <div class="form-group"> <label>Message</label> <textarea placeholder="Message" name="message" class="form-control" rows="4"></textarea> @@ -26,4 +27,4 @@ <button type="submit" class="btn btn-dark">Submit</button> </form> </div> -</section>
\ No newline at end of file +</section> diff --git a/layouts/partials/experience.html b/layouts/partials/experience.html index b344287..8807974 100644 --- a/layouts/partials/experience.html +++ b/layouts/partials/experience.html @@ -10,6 +10,13 @@ <div class="timeline-content {{ if eq (mod $index 2) 0 }} right {{ end }}"> <span class="date">{{ $element.timeperiod }}</span> <h6 class="h3 my-2">{{ $element.company }}</h6> + {{ $website := $element.website }} + {{ if $website }} + <a target="_blank" href="{{ $website }}"> + <i class="fas fa-link"></i> + {{ $website }} + </a> + {{ end }} <p class="">{{ $element.description }}</p> </div> </div> diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html index 58e22a6..024f93d 100644 --- a/layouts/partials/sidebar.html +++ b/layouts/partials/sidebar.html @@ -1,5 +1,7 @@ {{ $sidebar := .Site.Data.sidebar }} {{ $social := .Site.Data.social }} +{{ $socialfas := .Site.Data.socialfas}} + <section id="sidebar" class="sidebar d-flex align-items-center p-5"> <div class="main-info"> @@ -11,15 +13,21 @@ <div class="social my-4"> {{ range $key, $value := $social }} - <a target="_blank" href="{{ $value }}"> + <a target="_blank" href="{{ $value }}" rel="me"> <i class="fab fa-{{ $key }}"></i> </a> {{ end }} - + + {{ range $key, $value := $socialfas }} + <a target="_blank" href="{{ $value }}"> + <i class="fas fa-{{ $key }}"></i> + </a> + {{ end }} + </div> - + <a href="#contact" class="btn btn-dark btn-lg">Contact</a> - + </div> -</section>
\ No newline at end of file +</section> diff --git a/static/js/main.js b/static/js/main.js index 41ca242..2f1d09b 100644 --- a/static/js/main.js +++ b/static/js/main.js @@ -16,40 +16,54 @@ let menuBtn = $("#menuBar"); -menuBtn.click(function(){ +menuBtn.click(function() { $('.hamburger-menu').toggleClass('animate'); - if($(".secondaryMenu").hasClass("active")){ - + if ($(".secondaryMenu").hasClass("active")) { + $(".secondaryMenu").removeClass("active"); - setTimeout(function(){ + setTimeout(function() { $(".primaryMenu").addClass("active"); - },400); + }, 400); + - } else { $(".primaryMenu").removeClass("active"); - - setTimeout(function(){ + + setTimeout(function() { $(".secondaryMenu").addClass("active"); - },350); + }, 350); } }); -$(document).ready(function(){ +function scrollTo(target) { + const top = $(target).offset().top; + const duration = 500; + const changeHash = function() { + location.hash = target + }; + $("html, body").animate({ scrollTop: top }, duration, changeHash); +} + +$(document).ready(function() { var elements = $(".sidebar > .main-info *"); console.log(elements); - for(let i = 0; i < elements.length; i++){ - setTimeout(function(){ + for (let i = 0; i < elements.length; i++) { + setTimeout(function() { $(elements[i].tagName).addClass("bs"); - }, (400 * i) - 90 * i ); + }, (400 * i) - 90 * i); } - setTimeout(function(){ + setTimeout(function() { $(".main-content").addClass("active"); }, 1900); + $("#sidebar a.btn[href='#contact']").on("click", function (event) { + event.preventDefault(); + + scrollTo($.attr(this, "href")); + }); });
\ No newline at end of file |