diff --git a/themes/jefklak-creative-portfolio/assets/sass/_codex.sass b/themes/jefklak-creative-portfolio/assets/sass/_codex.sass index 1dabbdd..8919b85 100644 --- a/themes/jefklak-creative-portfolio/assets/sass/_codex.sass +++ b/themes/jefklak-creative-portfolio/assets/sass/_codex.sass @@ -5,7 +5,7 @@ html font-size: 1.15rem -body, h1, h2, h3, h4, .content-column-content p, .content-column-content li, .box-masonry .box-masonry-text p +body, h1, h2, h3, h4, article p, article li, .box-masonry .box-masonry-text p color: var(--textcolor) body @@ -134,7 +134,7 @@ a.external font-size: 0.9em -.content-column-content +article img cursor: pointer border: 1px solid black @@ -164,6 +164,7 @@ a.external a, .box-masonry h4 a color: var(--textlink) text-decoration: none + border-bottom: 1px solid darkgrey a:hover, .box-masonry h4 a:hover color: var(--textlink) @@ -220,9 +221,32 @@ a:hover, .box-masonry h4 a:hover .categories - color: var(--accent) + color: var(--textlinktag) kbd padding: 0.2rem 0.5rem 0.2rem 0.5rem background-color: var(--bgdark) - color: var(--accent) + color: var(--textlinktag) + +#skiptocontent + a + z-index: 99 + padding: 6px + position: absolute + top: -50px + left: 0px + color: white + border 1px solid white + border-top-right-radius: 8px + border-bottom-right-radius: 8px + background: black + -webkit-transition: top 1s ease-out + transition: top 1s ease-out + + &:focus + position: absolute + left: 0px + top: 0px + outline-color: transparent + -webkit-transition: top .1s ease-in + transition: top .1s ease-in diff --git a/themes/jefklak-creative-portfolio/assets/sass/_variables.sass b/themes/jefklak-creative-portfolio/assets/sass/_variables.sass index 75a1581..65eab5f 100644 --- a/themes/jefklak-creative-portfolio/assets/sass/_variables.sass +++ b/themes/jefklak-creative-portfolio/assets/sass/_variables.sass @@ -4,4 +4,5 @@ html --bgdarker: #e6ecb2 --bgdark: #d7d7a3 --textcolor: #363636 - --textlink: #c7532d + --textlink: #b74a27 + --textlinktag: #5d5c43 diff --git a/themes/jefklak-creative-portfolio/layouts/404.html b/themes/jefklak-creative-portfolio/layouts/404.html index d87510f..5b4a843 100644 --- a/themes/jefklak-creative-portfolio/layouts/404.html +++ b/themes/jefklak-creative-portfolio/layouts/404.html @@ -3,10 +3,10 @@ {{ partial "mobile_nav_toggle.html" . }}
-
+
+
diff --git a/themes/jefklak-creative-portfolio/layouts/_default/baseof.html b/themes/jefklak-creative-portfolio/layouts/_default/baseof.html index d631f5a..6c49c9c 100644 --- a/themes/jefklak-creative-portfolio/layouts/_default/baseof.html +++ b/themes/jefklak-creative-portfolio/layouts/_default/baseof.html @@ -4,7 +4,9 @@ {{ partial "head.html" . }} - +
+ skip to main content +
{{ with .OutputFormats.Get "RSS" }} @@ -15,8 +17,11 @@
{{ partial "sidebar.html" . }} - {{ block "main" . }} - {{ end }} + +
+ {{ block "main" . }} + {{ end }} +
diff --git a/themes/jefklak-creative-portfolio/layouts/_default/single.html b/themes/jefklak-creative-portfolio/layouts/_default/single.html index 4b43a75..8f1dd93 100644 --- a/themes/jefklak-creative-portfolio/layouts/_default/single.html +++ b/themes/jefklak-creative-portfolio/layouts/_default/single.html @@ -4,8 +4,9 @@ {{ partial "mobile_nav_toggle.html" . }}
-
+
+

{{ .Title }}

@@ -25,6 +26,7 @@
+
{{ .Content }} @@ -37,9 +39,9 @@ {{ end }}
-
{{ if (not .Params.disableComments) }} +

  Join the Discussion

@@ -54,7 +56,7 @@ {{ end }} -
+
diff --git a/themes/jefklak-creative-portfolio/layouts/_default/terms.html b/themes/jefklak-creative-portfolio/layouts/_default/terms.html index 86ffb2f..9f62478 100644 --- a/themes/jefklak-creative-portfolio/layouts/_default/terms.html +++ b/themes/jefklak-creative-portfolio/layouts/_default/terms.html @@ -2,13 +2,13 @@ {{ partial "head.html" . }} @@ -24,8 +24,10 @@ {{ partial "mobile_nav_toggle.html" . }}
- {{ .Content }} -
+
+ {{ .Content }} +
+

By Article

@@ -38,7 +40,7 @@ {{ partial "taglist.html" . }}
-
+
diff --git a/themes/jefklak-creative-portfolio/layouts/about/list.html b/themes/jefklak-creative-portfolio/layouts/about/list.html index 73e69d9..dbb1894 100644 --- a/themes/jefklak-creative-portfolio/layouts/about/list.html +++ b/themes/jefklak-creative-portfolio/layouts/about/list.html @@ -3,10 +3,10 @@ {{ partial "mobile_nav_toggle.html" . }}
-
+

{{ .Title }}

{{ .Content }} -
+
diff --git a/themes/jefklak-creative-portfolio/layouts/partials/footer.html b/themes/jefklak-creative-portfolio/layouts/partials/footer.html index 6515708..6989dbe 100644 --- a/themes/jefklak-creative-portfolio/layouts/partials/footer.html +++ b/themes/jefklak-creative-portfolio/layouts/partials/footer.html @@ -1,3 +1,3 @@ - + diff --git a/themes/jefklak-creative-portfolio/layouts/partials/head.html b/themes/jefklak-creative-portfolio/layouts/partials/head.html index b6a39d7..2e170af 100644 --- a/themes/jefklak-creative-portfolio/layouts/partials/head.html +++ b/themes/jefklak-creative-portfolio/layouts/partials/head.html @@ -88,7 +88,7 @@ diff --git a/themes/jefklak-creative-portfolio/layouts/partials/portfolio.html b/themes/jefklak-creative-portfolio/layouts/partials/portfolio.html index d04a02c..56a3254 100644 --- a/themes/jefklak-creative-portfolio/layouts/partials/portfolio.html +++ b/themes/jefklak-creative-portfolio/layouts/partials/portfolio.html @@ -4,9 +4,9 @@
{{ if eq .Paginator.PageNumber 1 }} -
+
{{ .Content }} -
+ {{ end }}

Featured Codex Articles diff --git a/themes/jefklak-creative-portfolio/layouts/partials/sidebar.html b/themes/jefklak-creative-portfolio/layouts/partials/sidebar.html index 4ce3b99..df39ceb 100644 --- a/themes/jefklak-creative-portfolio/layouts/partials/sidebar.html +++ b/themes/jefklak-creative-portfolio/layouts/partials/sidebar.html @@ -1,6 +1,6 @@ {{ $url := .Site.BaseURL }} -
+

- + diff --git a/themes/jefklak-creative-portfolio/static/js/codex.js b/themes/jefklak-creative-portfolio/static/js/codex.js index b8cecec..2b8b3fe 100644 --- a/themes/jefklak-creative-portfolio/static/js/codex.js +++ b/themes/jefklak-creative-portfolio/static/js/codex.js @@ -28,7 +28,7 @@ $(function() { offCanvas(); function scrollThenFixSidebar() { - var maxHeight = $('.sidebar-content').height() - $(window).height() + 40; + var maxHeight = $('.sidebar-content').height() - $(window).height(); $(document).on('scroll', function(e) { var s = document.scrollingElement.scrollTop || $('html').scrollTop() || $('body').scrollTop(); if(s > maxHeight) { @@ -42,7 +42,7 @@ $(function() { var addTargetBlankToExternalLinks = function() { var host = (new URL(window.location.href)).hostname; - $('.content-column-content a').each(function() { + $('article a').each(function() { var me = $(this); var url = me.attr('href'); if(url && url.startsWith('http') && url.indexOf(host) === -1) { @@ -53,7 +53,7 @@ $(function() { addTargetBlankToExternalLinks(); var enableLightboxOnClickImgInContent = function() { - $('.content-column-content img').click(function(e) { + $('article img').click(function(e) { var me = $(this); e.preventDefault(); me.data('remote', me.attr('src'));