From 072f012398e448682f6d1cb0d981bdbb5e46263c Mon Sep 17 00:00:00 2001 From: tradam Date: Tue, 18 Nov 2025 23:37:40 +0000 Subject: progress --- archive.php | 7 +++ css/header.css | 83 ++++++++++++++++++++++++++++++---- footer.php | 8 ++-- functions.php | 6 ++- header.php | 13 ++++-- includes/section-archive.php | 12 +++++ js/parallax-header.js | 1 + plugins/class-wp-picocss-navwalker.php | 57 +++++++++++++++++++++++ single.php | 7 +++ 9 files changed, 179 insertions(+), 15 deletions(-) create mode 100644 includes/section-archive.php create mode 100644 plugins/class-wp-picocss-navwalker.php diff --git a/archive.php b/archive.php index e69de29..3d35e4d 100755 --- a/archive.php +++ b/archive.php @@ -0,0 +1,7 @@ + + +
+ +
+ + \ No newline at end of file diff --git a/css/header.css b/css/header.css index 0e7ba08..67a9548 100755 --- a/css/header.css +++ b/css/header.css @@ -1,7 +1,8 @@ :root { - --heading-height: 15em; + --heading-height: 13.25em; } header { + pointer-events: none; position: fixed; width: 100%; height: var(--heading-height); @@ -26,12 +27,13 @@ header { } header::before { + pointer-events: all; content: ""; display: block; position: absolute; left: 0; bottom: 6em; - width: 100%; + width: 1024px; height: calc(var(--heading-height) + 10em); z-index: -1; transform: skewY(-3.5deg); @@ -42,6 +44,13 @@ header::before { border-bottom: var(--header-border-thickness) solid var(--header-border-color); } + +@media only screen and (min-width: 1024px) { + header::before { + width: 100%; + } +} + h1 { font-size: calc(0.8em + 2.6vw); font-weight: 700; @@ -55,11 +64,49 @@ body { } body > main { - padding: var(--heading-height) 4em 0; + padding: calc(var(--heading-height) - 2em) 4em 0; } -.site-title { +/* +.site-title a { margin: 0; + color: var(--pico-secondary); + transition-duration: 0.25s; +} + +.site-title a:hover { + color: var(--pico-contrast-hover); +} + +.site-title a span { + color: var(--pico-contrast-hover); +} + +.site-title a[aria-current="page"] { + color: var(--pico-secondary-hover); + font-weight: bold; +} + +.site-title a[aria-current="page"]:hover { + color: var(--pico-contrast-hover); +} + +.site-title a[aria-current="page"] span { + color: var(--pico-primary-hover); +} + */ + +.site-title a { + color: var(--pico-secondary-hover); + font-weight: bold; +} + +.site-title a { + color: var(--pico-contrast-hover); +} + +.site-title a span { + color: var(--pico-primary-hover); } .nav-list { @@ -82,6 +129,7 @@ body > main { } .header-inner { + pointer-events: all; display: flex; justify-content: space-between; align-items: top; @@ -95,7 +143,11 @@ body > main { } .main-nav { - margin-top: 0.5rem; + margin-top: -0.5rem; +} + +.main-nav ul li a { + text-decoration: none; } .dropdown-menu { @@ -122,8 +174,23 @@ nav.theme-selector { margin-top: 1em; } -@media (max-width: var(--breakpoint-sm)) { - .theme-selector { - margin-top: 0.5em; +@media (max-width: 500px) { + nav.theme-selector { + position: fixed; + top: 2px; + right: 2px; } } + +.pico-delinkify { + text-decoration: none; +} + +footer { + display: flex; + justify-content: center; +} + +footer p { + display: inline-block; +} \ No newline at end of file diff --git a/footer.php b/footer.php index 3a25893..3708eb6 100755 --- a/footer.php +++ b/footer.php @@ -1,4 +1,6 @@ - - - + + + diff --git a/functions.php b/functions.php index 4358df1..f48605d 100755 --- a/functions.php +++ b/functions.php @@ -53,7 +53,7 @@ register_nav_menus( array( 'top-menu' => 'Top Menu Location', - 'mobile-menu' => 'Mobile Menu Location' + //'mobile-menu' => 'Mobile Menu Location' ) ); @@ -73,3 +73,7 @@ add_filter('nav_menu_link_attributes', function($atts, $item, $args, $depth) { return $atts; }, 10, 4); +function register_navwalker() { + require_once get_template_directory() . '/plugins/class-wp-picocss-navwalker.php'; +} +add_action('after_setup_theme', 'register_navwalker'); diff --git a/header.php b/header.php index 637fbe9..d0618c7 100755 --- a/header.php +++ b/header.php @@ -22,8 +22,14 @@
-

Adam Malczewski

-
+

+ aria-current="page"> + Adam >Malczewski + +

+
'main-nav', 'container_aria_label' => 'Main menu', 'menu_class' => 'nav-list', - 'fallback_cb' => false + 'fallback_cb' => false, + 'walker' => new Pico_Details_Nav_Walker(), ) ); ?> diff --git a/includes/section-archive.php b/includes/section-archive.php new file mode 100644 index 0000000..c41a57d --- /dev/null +++ b/includes/section-archive.php @@ -0,0 +1,12 @@ + + +
> +

+
+ +
+
+ + +

+ \ No newline at end of file diff --git a/js/parallax-header.js b/js/parallax-header.js index c4ce1fc..52990f8 100755 --- a/js/parallax-header.js +++ b/js/parallax-header.js @@ -13,6 +13,7 @@ document.addEventListener("scroll", () => { function animate() { currentPercent += (targetPercent - currentPercent) * tweenSpeed; + currentPercent = Math.max(Math.min(targetMax, currentPercent), targetMin); document.documentElement.style.setProperty('--scroll-percent', currentPercent + '%'); requestAnimationFrame(animate); } diff --git a/plugins/class-wp-picocss-navwalker.php b/plugins/class-wp-picocss-navwalker.php new file mode 100644 index 0000000..1cf617d --- /dev/null +++ b/plugins/class-wp-picocss-navwalker.php @@ -0,0 +1,57 @@ +\n"; + } + + public function end_lvl( &$output, $depth = 0, $args = array() ) { + $indent = str_repeat("\t", $depth); + $output .= "$indent\n"; + } + + public function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ) { + $has_children = in_array('menu-item-has-children', $item->classes); + + // Top-level item with children -> use
+ if ($depth === 0 && $has_children) { + $output .= '
'; + $output .= '' . esc_html($item->title) . ''; + } + // Top-level item WITHOUT children ->
  • with data-theme="dark" + elseif ($depth === 0 && !$has_children) { + $atts = []; + $atts['href'] = !empty($item->url) ? esc_url($item->url) : '#'; + $attributes = ''; + foreach ($atts as $attr => $value) { + $attributes .= " $attr=\"$value\""; + } + + $output .= '
  • ' . esc_html($item->title) . ''; + } + // Submenu items -> normal
  • without data-theme + else { + $atts = []; + $atts['href'] = !empty($item->url) ? esc_url($item->url) : '#'; + $attributes = ''; + foreach ($atts as $attr => $value) { + $attributes .= " $attr=\"$value\""; + } + + $output .= '
  • ' . esc_html($item->title) . ''; + } + } + + + public function end_el( &$output, $item, $depth = 0, $args = array() ) { + $has_children = in_array('menu-item-has-children', $item->classes); + + if ($depth === 0 && $has_children) { + $output .= '
    • '; + } else { + $output .= ''; + } + } +} diff --git a/single.php b/single.php index e69de29..5a91307 100755 --- a/single.php +++ b/single.php @@ -0,0 +1,7 @@ + + +
    + +
    + + \ No newline at end of file -- cgit v1.2.3