diff --git a/.gitignore b/.gitignore index 736d740..e9f4ea8 100644 --- a/.gitignore +++ b/.gitignore @@ -4,3 +4,4 @@ .sass-cache _site Gemfile.lock +vendor/bundle \ No newline at end of file diff --git a/_includes/head.html b/_includes/head.html index 8eb6934..e04f300 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -27,8 +27,4 @@ {% endfor %} {% endif %} - - - diff --git a/_layouts/base.html b/_layouts/base.html index f57a71d..5ce4eac 100644 --- a/_layouts/base.html +++ b/_layouts/base.html @@ -6,7 +6,8 @@ - "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" common-ext-js: - href: "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js" - - href: "https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js" + - href: "https://polyfill.io/v3/polyfill.min.js?features=es6" + - href: "https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js" common-js: - "/assets/js/mdb.min.js" - "/assets/js/main.js" diff --git a/_layouts/home.html b/_layouts/home.html index f33d708..8b253d7 100644 --- a/_layouts/home.html +++ b/_layouts/home.html @@ -1,5 +1,9 @@ --- layout: base +common-js: + - "/assets/js/home.js" +common-ext-js: + - href: "https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js" --- {% include home-title.html %} diff --git a/assets/js/home.js b/assets/js/home.js new file mode 100644 index 0000000..d28c2ff --- /dev/null +++ b/assets/js/home.js @@ -0,0 +1,55 @@ +particlesJS("intro", {"particles":{"number":{"value":100,"density":{"enable":true,"value_area":800}}, + "color":{"value":"#ffffff"},"shape":{"type":"circle","stroke":{"width":0,"color":"#000000"}, + "polygon":{"nb_sides":5},"image":{"src":"img/github.svg","width":100,"height":100}}, + "opacity":{"value":1.,"random":true, + "anim":{"enable":true,"speed":5,"opacity_min":0.1,"sync":false}}, + "size":{"value":1.5,"random":true,"anim":{"enable":true,"speed":10,"size_min":0.2,"sync":false}}, + "line_linked":{"enable":true,"distance":150,"color":"#ffffff","opacity":0.4,"width":1}, + "move":{"enable":true,"speed":0.1,"direction":"none","random":false,"straight":false,"out_mode":"out", + "bounce":false,"attract":{"enable":false,"rotateX":600,"rotateY":1200}}}, + "interactivity":{"detect_on":"canvas","events":{"onhover":{"enable":true,"mode":"bubble"}, + "onclick":{"enable":true,"mode":"push"},"resize":true}, + "modes":{"grab":{"distance":97.44926547616143,"line_linked":{"opacity":1}}, + "bubble":{"distance":243.62316369040352,"size":2.,"duration":2,"opacity":1,"speed":3}, + "repulse":{"distance":60.,"duration":5.},"push":{"particles_nb":1},"remove":{"particles_nb":2}}}, + "retina_detect":true}); + + function effectsHomeSection(homeSection, scrollTopp) { + if (homeSection.length > 0) { + var homeSHeight = homeSection.height(); + var topScroll = $(document).scrollTop(); + if ((homeSection.hasClass('home-parallax')) && ($(scrollTopp).scrollTop() <= homeSHeight)) { + homeSection.css('height', (855 - topScroll * 0.55)); + homeSection.css('top', (topScroll * 0.55)); + } + if (homeSection.hasClass('home-fade') && ($(scrollTopp).scrollTop() <= homeSHeight)) { + var caption = $('.caption-content'); + caption.css('opacity', (1 - topScroll/homeSection.height() * 1)); + } + } + } + + function navbarAnimation(navbar, homeSection, navHeight) { + var topScroll = $(window).scrollTop(); + if (navbar.length > 0 && homeSection.length > 0) { + if(topScroll >= navHeight) { + navbar.removeClass('navbar-transparent'); + } else { + navbar.addClass('navbar-transparent'); + } + } + } + +(function(){ +$(document).ready(function() { + + var homeSection = $('.home-section'); + var navbar = $('.navbar'); + var navHeight = navbar.height(); + + $(window).scroll(function() { + effectsHomeSection(homeSection, this); + navbarAnimation(navbar, homeSection, navHeight); + }); +}); +})(jQuery); diff --git a/assets/js/main.js b/assets/js/main.js index d28c2ff..4e3b401 100644 --- a/assets/js/main.js +++ b/assets/js/main.js @@ -1,55 +1 @@ -particlesJS("intro", {"particles":{"number":{"value":100,"density":{"enable":true,"value_area":800}}, - "color":{"value":"#ffffff"},"shape":{"type":"circle","stroke":{"width":0,"color":"#000000"}, - "polygon":{"nb_sides":5},"image":{"src":"img/github.svg","width":100,"height":100}}, - "opacity":{"value":1.,"random":true, - "anim":{"enable":true,"speed":5,"opacity_min":0.1,"sync":false}}, - "size":{"value":1.5,"random":true,"anim":{"enable":true,"speed":10,"size_min":0.2,"sync":false}}, - "line_linked":{"enable":true,"distance":150,"color":"#ffffff","opacity":0.4,"width":1}, - "move":{"enable":true,"speed":0.1,"direction":"none","random":false,"straight":false,"out_mode":"out", - "bounce":false,"attract":{"enable":false,"rotateX":600,"rotateY":1200}}}, - "interactivity":{"detect_on":"canvas","events":{"onhover":{"enable":true,"mode":"bubble"}, - "onclick":{"enable":true,"mode":"push"},"resize":true}, - "modes":{"grab":{"distance":97.44926547616143,"line_linked":{"opacity":1}}, - "bubble":{"distance":243.62316369040352,"size":2.,"duration":2,"opacity":1,"speed":3}, - "repulse":{"distance":60.,"duration":5.},"push":{"particles_nb":1},"remove":{"particles_nb":2}}}, - "retina_detect":true}); - - function effectsHomeSection(homeSection, scrollTopp) { - if (homeSection.length > 0) { - var homeSHeight = homeSection.height(); - var topScroll = $(document).scrollTop(); - if ((homeSection.hasClass('home-parallax')) && ($(scrollTopp).scrollTop() <= homeSHeight)) { - homeSection.css('height', (855 - topScroll * 0.55)); - homeSection.css('top', (topScroll * 0.55)); - } - if (homeSection.hasClass('home-fade') && ($(scrollTopp).scrollTop() <= homeSHeight)) { - var caption = $('.caption-content'); - caption.css('opacity', (1 - topScroll/homeSection.height() * 1)); - } - } - } - - function navbarAnimation(navbar, homeSection, navHeight) { - var topScroll = $(window).scrollTop(); - if (navbar.length > 0 && homeSection.length > 0) { - if(topScroll >= navHeight) { - navbar.removeClass('navbar-transparent'); - } else { - navbar.addClass('navbar-transparent'); - } - } - } - -(function(){ -$(document).ready(function() { - - var homeSection = $('.home-section'); - var navbar = $('.navbar'); - var navHeight = navbar.height(); - - $(window).scroll(function() { - effectsHomeSection(homeSection, this); - navbarAnimation(navbar, homeSection, navHeight); - }); -}); -})(jQuery); +// Custom JS for the entire site \ No newline at end of file diff --git a/index.md b/index.md index cfdb060..a95d367 100644 --- a/index.md +++ b/index.md @@ -26,9 +26,8 @@ category: Home

Doloremque vero ex debitis veritatis?

- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod itaque voluptate - nesciunt laborum incidunt. Officia, quam consectetur. Earum eligendi aliquam illum - alias, unde optio accusantium soluta, iusto molestiae adipisci et? + We also support LaTeX \(a \ne 0\), there are two solutions to \(ax^2 + bx + c = 0\) and they are + \[x = {-b \pm \sqrt{b^2-4ac} \over 2a}.\]