diff --git a/static/css/custom1.css b/static/css/custom1.css
index 8190af7..1187724 100644
--- a/static/css/custom1.css
+++ b/static/css/custom1.css
@@ -137,26 +137,28 @@ h1#javafx-15-highlights {
padding-bottom: 13px;
}
-.navbar svg {
+.navbar__icon {
width: 24px;
height: 24px;
- fill: #ffffff;
opacity: 0.5;
+
+ /* to white */
+ filter: brightness(0) invert(1);
}
-.navbar svg:hover {
+.navbar__icon:hover {
opacity: 1;
}
@media screen and (max-width: 768px) {
- .navbar svg {
+ .navbar__icon {
width: 24px;
height: 24px;
fill: #000000;
opacity: 0.5;
}
- .navbar svg:hover {
+ .navbar__icon:hover {
fill: #52d3aa;
opacity: 1;
}
diff --git a/static/images/github.svg b/static/images/github.svg
new file mode 100644
index 0000000..2334976
--- /dev/null
+++ b/static/images/github.svg
@@ -0,0 +1 @@
+
diff --git a/static/js/content.js b/static/js/content.js
index aa5b9ad..b40f971 100644
--- a/static/js/content.js
+++ b/static/js/content.js
@@ -43,6 +43,8 @@
});
};
+ // todo: why is this duplicate with main.js ???
+
// Page Nav
var clickMenu = function() {
$('#navbar a:not([class="external"])').click(function(event){
diff --git a/themes/hugo-elate-theme/layouts/partials/nav.html b/themes/hugo-elate-theme/layouts/partials/nav.html
index 8ad1b6e..979cbfe 100644
--- a/themes/hugo-elate-theme/layouts/partials/nav.html
+++ b/themes/hugo-elate-theme/layouts/partials/nav.html
@@ -49,8 +49,8 @@
{{ end }}
-
-
+
+ 
diff --git a/themes/hugo-elate-theme/static/js/main.js b/themes/hugo-elate-theme/static/js/main.js
index 240af21..70c1c12 100644
--- a/themes/hugo-elate-theme/static/js/main.js
+++ b/themes/hugo-elate-theme/static/js/main.js
@@ -2,20 +2,6 @@
'use strict';
-
-
- // iPad and iPod detection
- var isiPad = function(){
- return (navigator.platform.indexOf("iPad") != -1);
- };
-
- var isiPhone = function(){
- return (
- (navigator.platform.indexOf("iPhone") != -1) ||
- (navigator.platform.indexOf("iPod") != -1)
- );
- };
-
// Parallax
var parallax = function() {
$(window).stellar();
@@ -61,28 +47,33 @@
// Page Nav
var clickMenu = function() {
+ document.querySelectorAll('#navbar a').forEach(link => {
+ if (link.classList.contains('external')) {
+ return;
+ }
- $('#navbar a:not([class="external"])').click(function(event){
- var section = $(this).data('nav-section'),
- navbar = $('#navbar');
-
- if ( $('[data-section="' + section + '"]').length ) {
- $('html, body').animate({
- scrollTop: $('[data-section="' + section + '"]').offset().top
- }, 500);
- }
+ link.addEventListener('click', (event) => {
+ event.preventDefault();
- if ( navbar.is(':visible')) {
- navbar.removeClass('in');
- navbar.attr('aria-expanded', 'false');
- $('.js-fh5co-nav-toggle').removeClass('active');
- }
+ const section = link.getAttribute('data-nav-section');
+ const navbar = $('#navbar');
- event.preventDefault();
- return false;
- });
+ const dataSection = $('[data-section="' + section + '"]');
+ if (dataSection.length) {
+ $('html, body').animate({
+ scrollTop: dataSection.offset().top
+ }, 500);
+ }
+ if (navbar.is(':visible')) {
+ navbar.removeClass('in');
+ navbar.attr('aria-expanded', 'false');
+ $('.js-fh5co-nav-toggle').removeClass('active');
+ }
+ return false;
+ });
+ });
};
// Reflect scrolling in navigation