keith/Go-Ask-Auntie
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

🔵 other: Initial WP conversion from Eleventy
Sync TODOs with Issues / sync_todos (push) Successful in 7s
Details

Browse Source
This commit is contained in:
Keith Solomon
2026-05-25 16:48:48 -05:00
parent 2e5bfaba89
commit dcb38250f8
56 changed files with 965 additions and 318 deletions
Download Patch File Download Diff File Expand all files Collapse all files
acf/group_67a1b2c3d4e5f.json
+86
View File
@@ -0,0 +1,86 @@
{
"key": "group_67a1b2c3d4e5f",
"title": "Q&A Questions",
"fields": [
{
"key": "field_67a1b2c3d4e60",
"label": "Questions",
"name": "questions",
"aria-label": "",
"type": "repeater",
"instructions": "Add question and answer pairs for the Q+A section.",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"layout": "table",
"pagination": 0,
"min": 0,
"max": 0,
"collapsed": "",
"button_label": "Add Question",
"rows_per_page": 20,
"sub_fields": [
{
"key": "field_67a1b2c3d4e61",
"label": "Question",
"name": "question",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": ""
},
{
"key": "field_67a1b2c3d4e62",
"label": "Answer",
"name": "answer",
"aria-label": "",
"type": "textarea",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"rows": "",
"placeholder": "",
"new_lines": "br"
}
]
}
],
"location": [
[
{
"param": "options_page",
"operator": "==",
"value": "global-fields"
}
]
],
"menu_order": 0,
"position": "normal",
"style": "default",
"label_placement": "top",
"instruction_placement": "label",
"active": true,
"description": "Q&A question and answer pairs displayed on the homepage and Q+A page."
}
footer.php
+40 -87
View File
@@ -2,110 +2,63 @@
/** /**
* Theme footer template * Theme footer template
* *
* @package BasicWP * @package GoAskAuntie
* @since 1.0.0 * @since 1.0.0
*/ */
namespace BasicWP; namespace BasicWP;
$footerLogo = getFieldValue( 'footer.footer_logo.url' ) ? getFieldValue( 'footer.footer_logo.url' ) : ''; $logo_url = get_theme_file_uri( '/static/img/logo.png' );
$footerDesc = getFieldValue( 'footer.footer_description' ) ? getFieldValue( 'footer.footer_description' ) : '';
$copyright_text = getFieldValue( 'footer.copyright_text' ) ? getFieldValue( 'footer.copyright_text' ) : 'Copyright © %Y ' . get_bloginfo( 'name' );
$copyright = str_replace( '%Y', gmdate( 'Y' ), $copyright_text );
$locations = get_nav_menu_locations();
$footerNav = ! empty( $locations['footer_navigation'] )
? ( wp_get_nav_menu_items( (int) $locations['footer_navigation'] ) ? wp_get_nav_menu_items( (int) $locations['footer_navigation'] ) : array() )
: array();
?> ?>
</main> </main>
<footer role="contentinfo" class="site-footer bg-gray-800 text-white text-base"> <footer role="contentinfo" class="min-h-[640px] bg-transparent w-full flex flex-col justify-evenly bg-navy mt-60">
<div class="pt-16 pb-12 text-base"> <!-- Colored stripe bar -->
<div class="container mx-auto"> <div>
<div class="grid grid-cols-4 gap-6 md:grid-cols-8 lg:grid-cols-12"> <div class="h-8 w-full bg-red"></div>
<div class="col-span-4 md:col-span-8 lg:col-span-4 max-w-[40ch] prose-p:text-14px prose-p:mb-4 text-balance" aria-labelledby="footer-header"> <div class="h-4 w-full bg-teal-light"></div>
<h2 id="footer-header" class="max-w-64 h-auto"> <div class="h-8 w-full bg-purple"></div>
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="site-footer__logo-link h-full w-full"> <div class="h-4 w-full bg-teal-light"></div>
<?php if ( $footerLogo ) { ?> <div class="h-8 w-full bg-teal"></div>
<img src="<?php echo esc_url( $footerLogo ); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?>" class="site-footer__logo-image" /> <div class="h-4 w-full bg-teal-light"></div>
<?php </div>
} else {
echo esc_html( get_bloginfo( 'name' ) );
}
?>
</a>
</h2>
<div id="footer-description" aria-label="Footer description"> <!-- Footer content -->
<?php echo wp_kses_post( $footerDesc ); ?> <div class="flex md:flex-row flex-col mx-auto h-auto justify-around w-full items-center md:items-end px-4 flex-1 self-end mb-16 bg-navy">
</div> <div class="flex md:flex-row flex-col md:gap-8 items-center md:items-end">
<img src="<?php echo esc_url( $logo_url ); ?>" alt="Go Ask Auntie logo" class="object-contain block h-64 py-4 md:p-0 m-0">
<div class="social-links mt-8"> <div class="text-xl">
<?php <p class="text-teal-light font-bold">Ka Ni Kanichihk Mino Pimatisiwin<br>Sexual Wellness Lodge</p>
get_template_part( <p class="text-white">102 - 765 Main Street<br>
'views/partials/social-media', Winnipeg, Manitoba<br>
null, R2W 3N5</p>
array(
'circle' => false,
'classes' => 'social-icons p-0 mr-2 text-30px text-gray-300! hover:text-info!',
)
);
?>
</div>
</div>
<div id="footRight" class="col-span-4 md:col-span-8 grid md:grid-cols-4 gap-10 lg:justify-end">
<div aria-labelledby="footer-area-1" class="prose-p:text-balance">
<h3 class="mb-4 pb-2 border-b border-b-secondary font-bold text-white" id="footer-area-1">Footer Area 1</h3>
<?php dynamic_sidebar( 'footer-1' ); ?>
</div>
<div aria-labelledby="footer-area-2" class="prose-p:text-balance">
<h3 class="mb-4 pb-2 border-b border-b-secondary font-bold text-white" id="footer-area-2">Footer Area 2</h3>
<?php dynamic_sidebar( 'footer-2' ); ?>
</div>
<div aria-labelledby="footer-area-3" class="prose-p:text-balance">
<h3 class="mb-4 pb-2 border-b border-b-secondary font-bold text-white" id="footer-area-3">Footer Area 3</h3>
<?php dynamic_sidebar( 'footer-3' ); ?>
</div>
<div id="footer-nav" aria-labelledby="footer-navigation">
<h3 class="mb-4 pb-2 border-b border-b-secondary font-bold text-white" id="footer-navigation"><?php echo esc_html__( 'Navigation' ); ?></h3>
<?php if ( $footerNav ) : ?>
<nav class="site-footer__nav" aria-label="Footer navigation">
<ul class="site-footer__nav-list">
<?php foreach ( $footerNav as $item ) : ?>
<li class="site-footer__nav-item list-none text-left <?php echo esc_attr( implode( ' ', $item->classes ) ); ?>">
<a href="<?php echo esc_url( $item->url ); ?>" class="site-footer__nav-link">
<?php echo esc_html( $item->title ); ?>
</a>
</li>
<?php endforeach; ?>
</ul>
</nav>
<?php endif; ?>
</div>
</div>
</div> </div>
</div> </div>
<div class="text-white text-base">
<p>&copy; <?php echo gmdate( 'Y' ); ?> Go Ask Auntie, All rights reserved.</p>
</div>
</div> </div>
<div class="copyright bg-primary text-white text-center py-3 text-14px"> <!-- Vincent Design credit -->
<?php <div class="bg-navy pb-2">
if ( $copyright ) { <p class="text-white text-xs md:text-lg text-center">Web Design & Development by <a href="https://www.vincentdesign.ca" class="text-white">Vincent Design</a></p>
echo wp_kses_post( $copyright );
} else {
echo esc_html( '&copy; ' . gmdate( 'Y' ) . ' ' . get_bloginfo( 'name' ) . '.' );
}
?>
</div> </div>
</footer> </footer>
<!-- Mobile nav toggle script -->
<script>
function mobileNav() {
jQuery("#myLinks").slideToggle("fast", "linear", function () {
if (jQuery("#nav-icon").hasClass("fa-bars")) {
jQuery("#nav-icon").addClass("fa-times").removeClass("fa-bars");
} else {
jQuery("#nav-icon").addClass("fa-bars").removeClass("fa-times");
}
});
}
</script>
<?php wp_footer(); ?> <?php wp_footer(); ?>
</body> </body>
</html> </html>
front-page.php
+114 -14
View File
@@ -1,27 +1,127 @@
<?php <?php
/** /**
* Front Page Template * Front page template (Home)
* *
* @package BasicWP * @package GoAskAuntie
* @since 1.0.0
*/ */
namespace BasicWP; namespace BasicWP;
get_header(); get_header();
$logo_url = get_theme_file_uri( '/static/img/logo.png' );
$home_left = get_theme_file_uri( '/static/img/home-left.png' );
$home_right = get_theme_file_uri( '/static/img/home-right.png' );
$qa_image = get_theme_file_uri( '/static/img/q-and-a.png' );
$bg_condom = get_theme_file_uri( '/static/img/bg-condom.png' );
$questions = get_field( 'questions', 'option' ) ?: array();
?> ?>
<div class="container my-section lg:my-0 mx-auto"> <!-- Hero Section -->
<div> <section class="md:h-screen bg-navy bg-hero bg-contain bg-no-repeat bg-bottom w-full relative md:pt-28" style="background-image: url('<?php echo esc_url( get_theme_file_uri( '/static/img/bg-hero.png' ) ); ?>');">
<?php <div class="flex flex-col min-h-screen items-center justify-center gap-2">
// Content block <div class="prose prose-2xl text-white max-w-none text-center text-3xl pb-2 font-passion-one">
if ( have_posts() ) { <p class="uppercase text-2xl md:text-3xl lg:text-5xl pb-2 md:pb-0 mb-0">Ka Ni Kanichihk Mino Pimatisiwin</p>
while ( have_posts() ) { <h1 class="text-5xl lg:text-7xl tracking-wide font-bold uppercase text-red mx-auto md:text-left my-0 py-0">Sexual Wellness Lodge</h1>
the_post(); <p class="py-4 my-0">We're ready to welcome you.</p>
the_content(); <p class="uppercase text-teal font-bold text-4xl my-0 py-0 pb-4">QUESTIONS?</p>
} </div>
} <div class="flex flex-row max-w-none justify-between w-full mx-auto px-0 h-80">
?> <img src="<?php echo esc_url( $home_left ); ?>" alt="Decorative stickers" class="h-96 flex-1 object-contain lg:flex hidden">
<img src="<?php echo esc_url( $logo_url ); ?>" alt="Go Ask Auntie logo" class="max-h-80 flex-1 object-contain p-0 relative z-10">
<img src="<?php echo esc_url( $home_right ); ?>" alt="Decorative stickers" class="h-96 flex-1 object-contain lg:flex hidden">
</div>
</div> </div>
</div> </section>
<!-- Location & Contact Section -->
<section class="w-full md:h-[52rem] bg-map bg-contain bg-purple bg-blend-overlay bg-opacity-50 flex items-end pb-16 pt-8 md:pt-0" style="background-image: url('<?php echo esc_url( get_theme_file_uri( '/static/img/bg-map.png' ) ); ?>');">
<div class="flex md:flex-row flex-col justify-center items-end gap-16 md:h-2/3 xl:w-4/5 mx-auto">
<div class="grid md:grid-cols-2 md:grid-rows-1 grid-rows-2 grid-cols-1 prose text-white max-w-3xl bg-red rounded-[45px] p-4 px-6 gap-10 h-fit md:h-full">
<div>
<h3 class="text-white text-7xl md:text-9xl font-bold uppercase text-center p-0 m-0">Free</h3>
<p class="text-navy uppercase text-3xl text-center font-extrabold mb-0 mt-0 p-0">stbbi testing</p>
<p class="mt-1"><span class="font-bold">Where to find us</span><br>Our clinic is part of Ka Ni Kanichihk, a trusted heart of Winnipeg's Indigenous community. You'll find us on the 1st Floor at 765 Main Street in the big red brick Social Enterprise Centre, right near the train tracks. The entrance is located on Austin Street. Ring the doorbell and our staff will greet you at the door! If you find your way here from the main building entrance, that's okay too!</p>
</div>
<div class="h-fit">
<p class="font-bold">You can lock your bike in the parking lot of the Social Enterprise Building from 7 a.m. to 4:30 p.m.</p>
<p class="font-bold">Ka Ni Kanichihk Reserved parking spots available. Parking is also available on Sutherland Avenue and Austin Street.</p>
<p><span class="font-bold">Bus Routes: </span><br>
D17 Talbot and Selkirk<br>
31 Waterfront and North Main<br>
FX2 St. Vital Centre, Garden City Centre<br>
FX3 Redonda and Pandora NB, Sturgeon and Murray Park SB<br>
43 Gateway, RRC Polytech</p>
</div>
</div>
<div class="bg-white rounded-[45px] max-w-lg p-8 text-navy h-auto md:h-full">
<h3 class="text-lg font-semibold font-sans mb-2">Ka Ni Kanichihk Mino Pimatisiwin Sexual Wellness Lodge</h3>
<p>
#102&ndash;765 Main Street<br>
Winnipeg, MB<br>
R2W 3N5<br><br>
<span class="font-bold">Hours of Operation:</span><br>
Tuesday 11 a.m. - 3 p.m.<br>
Thursday 11 a.m. - 3 p.m.<br><br>
<span class="font-bold">Contact Us:</span><br>
Phone: 204-594-6500<br>
(Phone not monitored 24/7)<br>
Email: <a href="mailto:info@kanikanichihk.ca">info@kanikanichihk.ca</a><br><br>
<span class="font-bold">We're Hiring:</span><br>
Find out more <a class="underline" href="https://www.kanikanichihk.ca/employment/">here</a>.<br>
</p>
</div>
</div>
</section>
<!-- Get Social Section -->
<section class="bg-white py-8">
<div class="h-auto mx-6 lg:mx-auto max-w-5xl bg-white">
<div class="flex flex-row justify-between items-end">
<h2 class="uppercase text-purple text-3xl">Get social with <span class="text-red">Go Ask Auntie</span></h2>
<?php get_template_part( 'views/partials/social-media' ); ?>
</div>
</div>
</section>
<!-- Q&A Widget Section -->
<section class="w-full py-16 md:px-24 bg-transparent">
<div class="q-and-a rounded-[45px] bg-white p-4 pt-8 md:p-8 mx-auto w-full md:w-auto relative">
<div class="text-purple flex gap-6 w-fit text-2xl items-end">
<img src="<?php echo esc_url( $qa_image ); ?>" alt="Q&A logo" class="h-24 inline hidden md:block">
<span class="block mb-4">Do you have a question?<br class="p-0">Find Auntie's answers here.</span>
</div>
<div class="absolute top-0 right-0 h-96 w-96 -mt-24 bg-contain bg-no-repeat hidden md:flex items-center flex-col justify-center" style="background-image: url('<?php echo esc_url( $bg_condom ); ?>');">
<h2 class="text-4xl uppercase text-white text-center">Resources</h2>
<a href="<?php echo esc_url( home_url( '/resources/' ) ); ?>" class="btn bg-red rounded-full border-4 border-white text-white px-8 py-2 text-center hover:shadow-lg">Learn More</a>
</div>
<div class="p-4">
<div class="grid md:grid-cols-2 gap-6">
<?php
if ( $questions ) {
foreach ( $questions as $qa ) {
$question = $qa['question'] ?? '';
$answer = $qa['answer'] ?? '';
if ( empty( $question ) && empty( $answer ) ) {
continue;
}
echo '<div class="prose my-4">';
if ( $question ) {
echo '<p class="my-4 font-bold text-navy">Q: ' . esc_html( $question ) . '</p>';
}
if ( $answer ) {
echo '<p class="!m-0 pb-0 font-extrabold uppercase text-red text-xl">AUNTIE:</p>';
echo '<p class="mb-4 !mt-1 pt-0 text-red-900">' . esc_html( $answer ) . '</p>';
}
echo '</div>';
}
}
?>
</div>
</div>
</div>
</section>
<?php get_footer(); ?> <?php get_footer(); ?>
header.php
+92 -31
View File
@@ -2,30 +2,16 @@
/** /**
* Theme header template * Theme header template
* *
* @package BasicWP * @package GoAskAuntie
* @since 1.0.0 * @since 1.0.0
*/ */
namespace BasicWP; namespace BasicWP;
global $views; $logo_url = get_theme_file_uri( '/static/img/logo.png' );
$social_twitter = getFieldValue( 'social_media.twitter' ) ?: 'https://twitter.com/goaskauntieca';
$headerLogo = getFieldValue( 'header.header_logo.url' ) ? getFieldValue( 'header.header_logo.url' ) : get_theme_file_uri( '/static/img/logo.svg' ); $social_facebook = getFieldValue( 'social_media.facebook' ) ?: 'https://www.facebook.com/Goaskauntieca';
$social_instagram = getFieldValue( 'social_media.instagram' ) ?: 'https://www.instagram.com/goaskauntieca/';
// Check conditions for displaying the hero section
$showHero = in_array(
true,
array(
get_field( 'hero_style' ) === 'default',
is_home(),
is_archive(),
is_single(),
is_search(),
is_404(),
),
true
);
?> ?>
<!DOCTYPE html> <!DOCTYPE html>
@@ -39,24 +25,99 @@ $showHero = in_array(
<?php wp_head(); ?> <?php wp_head(); ?>
</head> </head>
<body <?php echo body_class(); ?>> <body <?php echo body_class(); ?> class="bg-pattern bg-teal-light bg-contain bg-repeat-y bg-top">
<a class="skip-link" href="#maincontent"> <a class="skip-link" href="#maincontent">
<?php echo esc_html__( 'Skip to main content' ); ?> <?php echo esc_html__( 'Skip to main content' ); ?>
</a> </a>
<header role="banner" class="site-header bg-secondary flex flex-col items-center justify-start"> <header role="banner" class="z-50 bg-white fixed top-0 w-full h-auto">
<?php get_template_part( 'views/components/nav-aux' ); ?> <!-- Desktop Navigation -->
<nav class="bg-white px-12 w-full md:flex justify-between items-baseline fixed z-top shadow-xl hidden h-20" aria-label="Main">
<div class="mr-auto ml-0 w-auto items-start justify-evenly flex">
<div class="flex-initial">
<a class="" href="<?php echo esc_url( home_url( '/' ) ); ?>">
<img src="<?php echo esc_url( $logo_url ); ?>" alt="<?php bloginfo( 'name' ); ?> logo" class="h-16 py-2">
</a>
</div>
<div class="flex items-center">
<?php
if ( has_nav_menu( 'main_navigation' ) ) {
$locations = get_nav_menu_locations();
$menu = wp_get_nav_menu_items( (int) $locations['main_navigation'] );
if ( $menu ) {
$top_items = array_filter( $menu, function( $item ) { return $item->menu_item_parent == 0; } );
$index = 0;
foreach ( $top_items as $item ) {
if ( $index > 0 ) {
$heart_color = 'text-teal';
$title_lower = strtolower( $item->title );
if ( strpos( $title_lower, 'q' ) !== false && strpos( $title_lower, 'a' ) !== false ) {
$heart_color = '!text-red';
} elseif ( strpos( $title_lower, 'cedar' ) !== false ) {
$heart_color = '!text-navy';
} elseif ( strpos( $title_lower, 'contact' ) !== false ) {
$heart_color = '!text-teal-light';
}
echo '<i class="fa fa-heart self-center ' . esc_attr( $heart_color ) . '"></i>';
}
$active_class = ( get_permalink() === $item->url || trailingslashit( get_permalink() ) === trailingslashit( $item->url ) ) ? '!text-purple' : '';
echo '<div class="group flex-initial mx-3 lg:mx-6">';
echo '<a class="' . esc_attr( $active_class ) . ' hover:underline font-normal capitalize lg:text-lg xl:text-xl text-sm" href="' . esc_url( $item->url ) . '">' . esc_html( $item->title ) . '</a>';
echo '</div>';
$index++;
}
}
}
?>
</div>
</div>
<div class="header__nav-main container py-4 items-center grid gap-x-8 gap-y-0 grid-cols-[83px_auto] grid-rows-[1fr] justify-between"> <!-- Social Media Icons -->
<a href="<?php bloginfo( 'url' ); ?>" class="site-header__logo block size-20"> <div class="mx-auto flex justify-center place-items-center flex-wrap h-full flex-row md:mx-0 w-auto">
<img class="size-full" src="<?php echo esc_url( $headerLogo ); ?>" alt="<?php bloginfo( 'name' ); ?> logo"/> <a href="<?php echo esc_url( $social_twitter ); ?>"><span class="fa-stack fa-lg mx-1 font-extralight text-purple mt-2"><i class="fa fa-circle fa-stack-2x"></i><i class="fab fa-twitter text-white fa-stack-1x"></i></span></a>
</a> <a href="<?php echo esc_url( $social_facebook ); ?>"><span class="fa-stack fa-lg mx-1 font-extralight text-purple mt-2"><i class="fa fa-circle fa-stack-2x"></i><i class="fab fa-facebook-f text-white fa-stack-1x"></i></span></a>
<a href="<?php echo esc_url( $social_instagram ); ?>"><span class="fa-stack fa-lg mx-1 font-extralight text-purple mt-2"><i class="fa fa-circle fa-stack-2x"></i><i class="fab fa-instagram text-white fa-stack-1x"></i></span></a>
</div>
</nav>
<?php get_template_part( 'views/components/nav-main' ); ?> <!-- Mobile Hamburger Button -->
</div> <a href="javascript:void(0);" class="icon md:hidden block" onclick="mobileNav()">
<i id="nav-icon" class="bg-white text-black rounded-full block mr-8 py-4 z-top leading-none fixed px-4 mt-5 text-2xl right-0 md:hidden fas fa-bars"></i>
</a>
<!-- Mobile Navigation -->
<nav class="w-full bg-white fixed z-50 md:hidden" aria-label="Mobile">
<div class="w-full hidden h-screen" id="myLinks">
<div class="flex flex-col mt-4">
<?php
if ( has_nav_menu( 'main_navigation' ) ) {
$locations = get_nav_menu_locations();
$menu = wp_get_nav_menu_items( (int) $locations['main_navigation'] );
if ( $menu ) {
$top_items = array_filter( $menu, function( $item ) { return $item->menu_item_parent == 0; } );
foreach ( $top_items as $item ) {
$active_class = ( get_permalink() === $item->url || trailingslashit( get_permalink() ) === trailingslashit( $item->url ) ) ? '!text-yellow' : '';
echo '<div class="group flex-initial sm:ml-20 ml-6 my-2">';
echo '<a class="capitalize text-2xl ' . esc_attr( $active_class ) . '" href="' . esc_url( $item->url ) . '">' . esc_html( $item->title ) . '</a>';
$children = array_filter( $menu, function( $child ) use ( $item ) { return $child->menu_item_parent == $item->ID; } );
if ( $children ) {
echo '<i class="ml-2 fas fa-sort-down text-white"></i>';
echo '<div id="' . esc_attr( sanitize_title( $item->title ) ) . '" class="hidden my-2 ml-5">';
echo '<div class="bg-gray rounded-xl p-4">';
foreach ( $children as $child ) {
echo '<a class="relative z-top text-2xl block mt-4 !text-left" href="' . esc_url( $child->url ) . '">' . esc_html( $child->title ) . '</a>';
}
echo '</div></div>';
}
echo '</div>';
}
}
}
?>
</div>
</div>
</nav>
</header> </header>
<main id="maincontent" class="overflow-hidden min-h-[78dvh]"> <main id="maincontent" class="overflow-hidden min-h-[78dvh]">
<?php if ( $showHero ) : ?>
<?php get_template_part( 'views/partials/page-hero' ); ?>
<?php endif; ?>
lib/class-enqueue.php
+4 -3
View File
@@ -43,7 +43,8 @@ class Enqueue {
} }
$font_ver = gmdate( 'U' ); $font_ver = gmdate( 'U' );
wp_enqueue_style( 'raleway', 'https://fonts.googleapis.com/css2?family=Raleway:wght@100..900&display=swap', false, $font_ver ); wp_enqueue_style( 'passion-one', 'https://fonts.googleapis.com/css2?family=Passion+One:wght@400;700;900&display=swap', false, $font_ver );
wp_enqueue_style( 'font-awesome', 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css', false, '5.15.3' );
/** /**
* JS * JS
@@ -66,7 +67,7 @@ class Enqueue {
$theme_uri = get_stylesheet_directory_uri(); $theme_uri = get_stylesheet_directory_uri();
$font_ver = gmdate( 'U' ); $font_ver = gmdate( 'U' );
wp_enqueue_style( 'raleway', 'https://fonts.googleapis.com/css2?family=Raleway:wght@100..900&display=swap', false, $font_ver ); wp_enqueue_style( 'passion-one', 'https://fonts.googleapis.com/css2?family=Passion+One:wght@400;700;900&display=swap', false, $font_ver );
/** /**
* Admin CSS * Admin CSS
@@ -99,7 +100,7 @@ class Enqueue {
$editor_css_path = '/styles/backend/editor.css'; $editor_css_path = '/styles/backend/editor.css';
$font_ver = gmdate( 'U' ); $font_ver = gmdate( 'U' );
wp_enqueue_style( 'raleway', 'https://fonts.googleapis.com/css2?family=Raleway:wght@100..900&display=swap', false, $font_ver ); wp_enqueue_style( 'passion-one', 'https://fonts.googleapis.com/css2?family=Passion+One:wght@400;700;900&display=swap', false, $font_ver );
if ( file_exists( $theme_dir . $editor_css_path ) ) { if ( file_exists( $theme_dir . $editor_css_path ) ) {
$version = filemtime( $theme_dir . $editor_css_path ); $version = filemtime( $theme_dir . $editor_css_path );
lib/helpers.php
+2 -2
View File
@@ -122,8 +122,8 @@ add_filter( 'menu_order', __NAMESPACE__ . '\\customMenuOrder', 10, 1 );
*/ */
function blockCategories( $categories ) { function blockCategories( $categories ) {
$vdi_cat = array( $vdi_cat = array(
'slug' => 'vdi-blocks', 'slug' => 'go-ask-auntie-blocks',
'title' => 'VDI Custom Blocks', 'title' => 'Go Ask Auntie Blocks',
'icon' => 'dashicons-admin-customizer', 'icon' => 'dashicons-admin-customizer',
); );
lib/show-template.php
+10 -8
View File
@@ -158,15 +158,17 @@ class ShowTemplate {
$fudge = isset( $get_footer ) ? $get_footer : $wp_footer; $fudge = isset( $get_footer ) ? $get_footer : $wp_footer;
if ( $fudge === $this->template || $fudge === false ) { if ( $fudge === $this->template || $fudge === false ) {
echo wp_kses_post( "<!-- Active Template: {$this->template} -->\n" ); // phpcs:disable
echo "<!-- Active Template: {$this->template} -->\n";
} else { } else {
echo esc_html( "<!--\n" ); echo "<!--\n";
echo esc_html( "The template loader logic has chosen a different template than what was used.\n\n" ); echo "The template loader logic has chosen a different template than what was used.\n\n";
echo esc_html( "Chosen Template: {$this->template}\n" ); echo "Chosen Template: {$this->template}\n";
echo esc_html( "Actual Template: $fudge\n\n" ); echo "Actual Template: $fudge\n\n";
echo esc_html( "This will usually occur if the template file was overriden using an action on template_redirect.\n" ); echo "This will usually occur if the template file was overriden using an action on template_redirect.\n";
echo esc_html( "This is a best effort guess to catch such scenarios as mentioned above but can be incorrect.\n" ); echo "This is a best effort guess to catch such scenarios as mentioned above but can be incorrect.\n";
echo esc_html( "-->\n" ); echo "-->\n";
// phpcs:enable
} }
} }
} }
page-cedar-bath.php
+69
View File
@@ -0,0 +1,69 @@
<?php
/**
* Template Name: Cedar Bath Ceremony
*
* @package GoAskAuntie
* @since 1.0.0
*/
namespace BasicWP;
get_header();
?>
<section class="w-full pb-24 bg-teal-light relative">
<div class="prose prose-sm md:prose-lg lg:prose-xl max-w-5xl md:mx-6 lg:mx-auto pt-12 lg:pt-32 text-gray relative">
<h1 class="text-4xl font-bold md:text-6xl lg:text-7xl tracking-wide uppercase text-purple mb-16 mx-auto text-left">Cedar Bath Ceremony</h1>
<p>
The Cedar Bath Ceremony is a powerful but gentle Ceremony conducted by Indigenous Women for folx who have experienced trauma. The Ceremony is done in a quiet room, where the space and Ceremony bundle have been smudged down. For those experiencing the Cedar Bath for the first time, the conductor will provide information about what will happen during the Ceremony ensuring that body sovereignty and consent will be confirmed throughout the Ceremony.
</p>
<h2 class="text-navy">What to Expect</h2>
<p>
Cedar water medicine is prepared prior to the Ceremony starting and the person receiving the Ceremony will offer their prayer/intention while holding cedar and tobacco to start the Ceremony. One should bring a tobacco offering to the Ceremony, either ceremonial traditional tobacco, or if you are unable, commercial tobacco can be accepted. If possible, the person receiving the Cedar Bath should also bring bagijigan, or a gift, as an act of reciprocity. Bagijigan can be something as simple as a snack, a story, medicines, or something meaningful to you. Once this is done, the cedar is placed with the medicine and the tobacco. This will be offered to the pipe and set aside.
</p>
<p>
The person receiving the Cedar Bath is fully clothed at all times and is asked to recline into a supine position on a massage table that has been prepared with cedar covered with a red cloth.
</p>
<p>
The person will then be covered by a sheet or a thin blanket with pillows at either the head or under the legs, or both, to maximize comfort. There may be soft music playing in the background.
</p>
<p>
With consent the conductor will place face cloths soaked in warm cedar water at the back of the neck, on the forehead, over the eyes, on the chest, and one in each hand. The conductor will then lay out four face cloths on the chest area of the person and then slowly and gently pull the face cloths down their body, ending at the toes. With this action, the medicine pulls off or lifts up pain, confusion, sadness, or whatever the body is holding onto. This process is repeated four times.
</p>
<p>
Once this is complete, the person is covered by a warm blanket and may be fanned down with eagle fans, feathers, or a rattle to complete the healing work. The pipe is lifted using the tobacco that has been offered.
</p>
<h2 class="text-navy">After the Ceremony</h2>
<p>
Both the folx receiving the bath and the conductor may receive visions/images of distress, illness, or messages through the Ceremony which may be shared with one another.
</p>
<p>
When the person receiving the bath is ready, they are asked to take their time getting up, given a cup of water or cedar water to drink, and to continue to be gentle with their spirit. The Cedar Bath is powerful, gentle, relaxing, healing, and is for everyone.
</p>
<p>
Cedar Bath Ceremonies take place on Tuesday and Thursday afternoons at the Wellness Lodge and are about an hour in length.
</p>
<h2 class="text-navy">How to Book</h2>
<p>Please connect with us to book your Cedar Bath Ceremony, or if you have any questions or concerns:
<br><br>
Phone: <a href="tel:+204-594-6500">204-594-6500</a><br>
Email: <a href="mailto:info@kanikanichihk.ca">info@kanikanichihk.ca</a>
</p>
</div>
</section>
<!-- Get Social Section -->
<section class="bg-white py-8">
<div class="h-auto mx-6 lg:mx-auto max-w-5xl bg-white">
<div class="flex flex-row justify-between items-end">
<h2 class="uppercase text-purple text-3xl">Get social with <span class="text-red">Go Ask Auntie</span></h2>
<?php get_template_part( 'views/partials/social-media' ); ?>
</div>
</div>
</section>
<?php get_footer(); ?>
page-contact-us.php
+50
View File
@@ -0,0 +1,50 @@
<?php
/**
* Template Name: Contact Us
*
* @package GoAskAuntie
* @since 1.0.0
*/
namespace BasicWP;
get_header();
$sperm_img = get_theme_file_uri( '/static/img/sperm.png' );
$frog_img = get_theme_file_uri( '/static/img/frog.png' );
?>
<section class="w-full pb-24 bg-navy relative">
<div class="prose prose-sm md:prose-lg lg:prose-xl max-w-5xl md:mx-6 lg:mx-auto pt-12 lg:pt-32 text-gray relative">
<h1 class="text-4xl font-bold md:text-6xl lg:text-7xl tracking-wide uppercase text-red mb-16 mx-auto text-left">Contact Us</h1>
<div class="grid md:grid-cols-2 grid-cols-1 md:grid-rows-1 grid-rows-2 justify-center items-center gap-6 relative">
<div class="h-full">
<?php
// Gravity Forms shortcode - replace '1' with the actual form ID after setup
echo do_shortcode( '[gravityform id="1" title="false" description="false" ajax="true"]' );
?>
</div>
<div class="h-full bg-purple rounded-[45px] relative overflow-visible z-10">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2569.629393890589!2d-97.13510668444954!3d49.90576077940403!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x52ea71696f6fa0d3%3A0x37221bb00bc1836f!2s765%20Main%20St%2C%20Winnipeg%2C%20MB%20R2W%203N5!5e0!3m2!1sen!2sca!4v1647622605321!5m2!1sen!2sca" class="w-full h-full rounded-[45px] opacity-80" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
</div>
</div>
<!-- Decorative images -->
<img src="<?php echo esc_url( $sperm_img ); ?>" alt="" class="object-contain absolute top-24 hidden md:block right-10 h-64 m-0 z-0">
<img src="<?php echo esc_url( $frog_img ); ?>" alt="" class="object-contain absolute bottom-0 right-10 h-64 !-mb-40 z-20">
</section>
<!-- Get Social Section -->
<section class="bg-white py-8">
<div class="h-auto mx-6 lg:mx-auto max-w-5xl bg-white">
<div class="flex flex-row justify-between items-end">
<h2 class="uppercase text-purple text-3xl">Get social with <span class="text-red">Go Ask Auntie</span></h2>
<?php get_template_part( 'views/partials/social-media' ); ?>
</div>
</div>
</section>
<?php get_footer(); ?>
page-q-and-a.php
+62
View File
@@ -0,0 +1,62 @@
<?php
/**
* Template Name: Q & A
*
* @package GoAskAuntie
* @since 1.0.0
*/
namespace BasicWP;
get_header();
$qa_image = get_theme_file_uri( '/static/img/q-and-a.png' );
$bg_condom = get_theme_file_uri( '/static/img/bg-condom.png' );
$questions = get_field( 'questions', 'option' ) ?: array();
?>
<section class="w-full pb-24 bg-pattern bg-teal-light bg-contain bg-repeat-y bg-top relative">
<div class="md:mx-6 lg:mx-auto pt-12 lg:pt-32 text-gray relative">
<h1 class="text-4xl font-bold md:text-6xl lg:text-7xl tracking-wide uppercase text-white mb-16 mx-auto text-left">Q+A</h1>
</div>
</section>
<section class="p-0 w-full bg-pattern bg-teal-light bg-contain bg-repeat-y bg-top">
<div class="q-and-a rounded-[45px] bg-white p-4 pt-8 md:p-8 mx-auto w-full md:w-auto relative">
<div class="text-purple flex gap-6 w-fit text-2xl items-end">
<img src="<?php echo esc_url( $qa_image ); ?>" alt="Q&A logo" class="h-24 inline hidden md:block">
<span class="block mb-4">Do you have a question?<br class="p-0">Find Auntie's answers here.</span>
</div>
<div class="absolute top-0 right-0 h-96 w-96 -mt-24 bg-contain bg-no-repeat hidden md:flex items-center flex-col justify-center" style="background-image: url('<?php echo esc_url( $bg_condom ); ?>');">
<h2 class="text-4xl uppercase text-white text-center">Resources</h2>
<a href="<?php echo esc_url( home_url( '/resources/' ) ); ?>" class="btn bg-red rounded-full border-4 border-white text-white px-8 py-2 text-center hover:shadow-lg">Learn More</a>
</div>
<div class="p-4">
<div class="grid md:grid-cols-2 gap-6">
<?php
if ( $questions ) {
foreach ( $questions as $qa ) {
$question = $qa['question'] ?? '';
$answer = $qa['answer'] ?? '';
if ( empty( $question ) && empty( $answer ) ) {
continue;
}
echo '<div class="prose my-4">';
if ( $question ) {
echo '<p class="my-4 font-bold text-navy">Q: ' . esc_html( $question ) . '</p>';
}
if ( $answer ) {
echo '<p class="!m-0 pb-0 font-extrabold uppercase text-red text-xl">AUNTIE:</p>';
echo '<p class="mb-4 !mt-1 pt-0 text-red-900">' . esc_html( $answer ) . '</p>';
}
echo '</div>';
}
}
?>
</div>
</div>
</div>
</section>
<?php get_footer(); ?>
page-resources.php
+60
View File
@@ -0,0 +1,60 @@
<?php
/**
* Template Name: Resources
*
* @package GoAskAuntie
* @since 1.0.0
*/
namespace BasicWP;
get_header();
$resources_img = get_theme_file_uri( '/static/img/resources.png' );
?>
<section class="w-full pb-24 bg-teal-light relative">
<div class="prose prose-sm md:prose-lg lg:prose-xl max-w-5xl md:mx-6 lg:mx-auto pt-12 lg:pt-32 text-gray relative">
<h1 class="text-4xl font-bold md:text-6xl lg:text-7xl tracking-wide uppercase text-purple mb-16 mx-auto text-left">Resources</h1>
<div class="grid md:grid-cols-2 grid-cols-1 grid-rows-1">
<ul class="list-none !pl-0 ml-0">
<?php
$resource_args = array(
'post_type' => 'resources',
'posts_per_page' => -1,
'orderby' => 'title',
'order' => 'ASC',
);
$resources_query = new \WP_Query( $resource_args );
if ( $resources_query->have_posts() ) {
while ( $resources_query->have_posts() ) {
$resources_query->the_post();
$resource_url = get_field( 'resource_url' ) ?: get_permalink();
echo '<li class="pl-0 ml-0">';
echo '<a href="' . esc_url( $resource_url ) . '" target="_blank">' . esc_html( get_the_title() ) . '</a>';
echo '</li>';
}
wp_reset_postdata();
}
?>
</ul>
<div class="hidden md:block">
<img src="<?php echo esc_url( $resources_img ); ?>" alt="Resources" class="object-contain">
</div>
</div>
</div>
</section>
<!-- Get Social Section -->
<section class="bg-white py-8">
<div class="h-auto mx-6 lg:mx-auto max-w-5xl bg-white">
<div class="flex flex-row justify-between items-end">
<h2 class="uppercase text-purple text-3xl">Get social with <span class="text-red">Go Ask Auntie</span></h2>
<?php get_template_part( 'views/partials/social-media' ); ?>
</div>
</div>
</section>
<?php get_footer(); ?>
page-wwor.php
+93
View File
@@ -0,0 +1,93 @@
<?php
/**
* Template Name: Walking With Our Relatives
*
* @package GoAskAuntie
* @since 1.0.0
*/
namespace BasicWP;
get_header();
$wwor_hero = get_theme_file_uri( '/static/img/wwor-hero.png' );
$test_img = get_theme_file_uri( '/static/img/test.png' );
$map_img = get_theme_file_uri( '/static/img/map.png' );
$hands_img = get_theme_file_uri( '/static/img/hands.png' );
?>
<!-- WWOR Hero Section -->
<section class="md:min-h-screen bg-navy bg-wwor bg-cover bg-no-repeat bg-bottom w-full pb-4 relative md:pt-20" style="background-image: url('<?php echo esc_url( get_theme_file_uri( '/static/img/bg-wwor.png' ) ); ?>');">
<div class="flex flex-col min-h-screen items-center justify-center gap-2">
<div class="prose prose-2xl text-white max-w-none text-center text-3xl pb-2 font-passion-one">
<p class="uppercase text-2xl md:text-3xl lg:text-5xl pb-2 md:pb-0 mb-0">Ka Ni Kanichihk Mino Pimatisiwin</p>
<h1 class="text-5xl lg:text-7xl tracking-wide font-bold uppercase text-[#2e566e] mx-auto md:text-left my-0 py-0">Sexual Wellness Lodge</h1>
</div>
<div class="flex flex-row max-w-none justify-between w-full mx-auto px-0 py-8 md:py-0 md:h-[32rem]">
<img src="<?php echo esc_url( $wwor_hero ); ?>" alt="Walking With Our Relatives" class="flex-1 object-contain p-0 relative z-10">
</div>
<div class="flex md:flex-row flex-col justify-between prose-lg prose w-full mx-auto">
<p class="uppercase text-white font-bold text-xl my-0 md:py-0 py-6 md:pt-6">#walkingwithourrelatives</p>
<p class="uppercase text-white font-bold text-xl my-0 md:py-0 py-6 md:pt-6">#auntiesgotyourback</p>
</div>
</div>
</section>
<!-- WWOR Description Section -->
<section class="bg-[#62459B] p-4">
<div class="prose prose-lg text-white text-xl mx-auto py-12">
<h2 class="text-white text-5xl !font-light">Walking With Our Relatives</h2>
<p>The Walking With Our Relatives project supports relatives of all genders who have experienced sexual assault and/or intimate partner violence access clinical care, counselling, Kookums, ceremony, and social support following sexual assault and intimate partner violence.</p>
<p class="leading-normal font-bold text-2xl mb-0 mt-10">Services:</p>
<ul>
<li class="my-1 mt-2">Confidential forensic exams provided by Community Based Sexual Assault Examiners.</li>
<li class="my-1">Support from the Aunties (system navigators) and/or Kookum.</li>
<li class="my-1">Access to counselling from an Indigenous social worker.</li>
</ul>
</div>
</section>
<!-- Forensic Exam Section -->
<section class="bg-white p-4 py-12">
<div class="prose prose-lg text-black text-xl mx-auto py-12 grid grid-cols-1 md:grid-cols-2 max-w-7xl gap-4">
<div>
<img src="<?php echo esc_url( $test_img ); ?>" alt="Forensic exam" class="flex-1 object-contain pr-8">
</div>
<div class="px-4">
<p class="leading-normal font-bold text-2xl mb-0 mt-10">What to expect during a forensic exam:</p>
<p class="mt-2">We always want those who come to the Lodge to feel loved and supported. The Walking With Our Relatives Aunties and Kookum's are here to support you every step of the way. We go at a pace that is comfortable for you. During your visit at the Lodge you can expect:</p>
<ul>
<li class="my-2 mt-4">A Sexual Assault Nurse Examiner who has built a relationship with the Aunties and Kookum's at the Lodge will do the exam with complete confidentiality, in a private room in our Lodge.</li>
<li class="my-2 mt-4">ALL GENDERS OF PEOPLE that take the very brave step to receive services after a violating experience deserve gifts. Therefore, our relatives will receive a gift bundle (blankets, clothing from Red Rebel Armour, a candle, sacred medicines, and much more) after receiving their sexual assault exam.</li>
<li class="my-2 mt-4">Please know that ANY TIME that has passed (after the assault or even if you are not sure what happened) we invite you in to see us. Please know we will wrap you with support and love while navigating this scary and confusing time.</li>
</ul>
</div>
</div>
</section>
<!-- Aunties Got Your Back Section -->
<section class="pt-14 overflow-x-clip">
<div class="bg-[#CAE2EA] grid md:grid-cols-2 grid-cols-1 md:grid-rows-1 grid-rows-2 md:p-6 mx-auto max-w-7xl mt-12 rounded-lg relative">
<div class="prose text-[#262259] md:text-xl p-4">
<h2 class="text-[#262259] text-5xl !font-light mb-2">Aunties Got Your Back</h2>
<p class="leading-normal font-bold text-lg">LODGE HOURS</p>
<p class="leading-normal my-3">DROP INTO OUR LODGE TUESDAYS AND THURSDAYS 11:00 a.m. to 3:00 p.m. Nurses, aunties, and Kookums are ALWAYS IN at this time.</p>
<p class="leading-normal my-3">MONDAY-FRIDAY forensic exams are also available via appointment call the Lodge to book.</p>
<p class="leading-normal my-3">Drop in for counselling Thursdays 11:00 a.m. to 3:00 p.m.</p>
<p class="leading-normal my-3">Additional counselling days are available, please call us to book a time!</p>
<p class="leading-normal mb-0 mt-10 font-bold text-xl">Drop-In Hours</p>
<p class="leading-normal my-3 mt-2">Tuesday 11am - 3pm</p>
<p class="leading-normal my-3">Thursday 11am - 3pm</p>
<p class="leading-normal mb-0 mt-10 font-bold text-xl">Contact Us</p>
<p class="leading-normal my-3">Lodge Phone: <a href="tel:+12045946500">(204) 594-6500</a> <strong>(Phone not monitored 24/7)</strong></p>
<p class="leading-normal my-3">Email: <a href="mailto:info@kanikanichihk.ca">info@kanikanichihk.ca</a></p>
</div>
<div class="prose prose-lg p-4">
<img src="<?php echo esc_url( $map_img ); ?>" alt="Map" class="flex-1 object-contain rounded-lg self-end md:mt-0 md:mb-0 pb-0">
<p class="my-0">Find us at #102-765 Main Street<br>Winnipeg, MB R2W 3N5</p>
<img src="<?php echo esc_url( $hands_img ); ?>" alt="Hands" class="flex-1 object-contain absolute bottom-0 right-0 h-40 -mb-12 -mr-12">
</div>
</div>
</section>
<?php get_footer(); ?>
page.php
+15 -17
View File
@@ -1,8 +1,8 @@
<?php <?php
/** /**
* Single Pages * Default page template
* *
* @package BasicWP * @package GoAskAuntie
* @since 1.0.0 * @since 1.0.0
*/ */
@@ -10,32 +10,30 @@ namespace BasicWP;
get_header(); get_header();
$clsEntry = ''; // Determine the H1 color from the page template
$h1_color = 'text-navy';
// Determine classes based on sidebar presence $template = get_page_template_slug();
if ( hasSidebar() ) { if ( str_contains( $template, 'cedar-bath' ) || str_contains( $template, 'resources' ) ) {
$classes = 'container grid grid-cols-1 lg:grid-cols-4 gap-8 xl:gap-16 my-section mx-auto'; $h1_color = 'text-purple';
$clsEntry = 'lg:col-span-3'; } elseif ( str_contains( $template, 'contact' ) ) {
} else { $h1_color = 'text-red';
$classes = 'container my-section lg:my-0 mx-auto';
} }
?> ?>
<article class="<?php echo esc_attr( $classes ); ?>"> <section class="w-full pb-24 bg-teal-light relative">
<div class="entry-content <?php echo esc_attr( $clsEntry ); ?>"> <div class="prose prose-sm md:prose-lg lg:prose-xl max-w-5xl md:mx-6 lg:mx-auto pt-12 lg:pt-32 text-gray relative">
<?php <?php
if ( have_posts() ) { if ( have_posts() ) {
while ( have_posts() ) { while ( have_posts() ) {
the_post(); the_post();
?>
<h1 class="text-4xl font-bold md:text-6xl lg:text-7xl tracking-wide uppercase <?php echo esc_attr( $h1_color ); ?> mb-16 mx-auto text-left"><?php the_title(); ?></h1>
<?php
the_content(); the_content();
} }
} }
?> ?>
</div> </div>
</section>
<?php if ( hasSidebar() ) : ?>
<?php get_sidebar( 'page' ); ?>
<?php endif; ?>
</article>
<?php get_footer(); ?> <?php get_footer(); ?>
search.php
+1 -1
View File
@@ -32,7 +32,7 @@ get_header();
<figure class="post-list__img aspect-video border-b border-secondary rounded-t-md block h-auto w-full overflow-hidden m-0 p-0"> <figure class="post-list__img aspect-video border-b border-secondary rounded-t-md block h-auto w-full overflow-hidden m-0 p-0">
<?php <?php
$featImg = get_the_post_thumbnail_url(); $featImg = get_the_post_thumbnail_url();
$postImg = $featimg ? $featImg : 'https://picsum.photos/600/400?random=' . get_the_ID(); $postImg = $featImg ? $featImg : 'https://picsum.photos/600/400?random=' . get_the_ID();
$imgAlt = get_post_meta( get_post_thumbnail_id(), '_wp_attachment_image_alt', true ) ?? get_the_title(); $imgAlt = get_post_meta( get_post_thumbnail_id(), '_wp_attachment_image_alt', true ) ?? get_the_title();
?> ?>
static/img/bg-condom.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 397 KiB

static/img/bg-hero.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 261 KiB

static/img/bg-map.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 MiB

static/img/bg-pattern.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.7 MiB

static/img/bg-wwor-body.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 266 KiB

static/img/bg-wwor.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 708 KiB

static/img/bison.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

static/img/frog.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 83 KiB

static/img/hands.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

static/img/home-left.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 80 KiB

static/img/home-right.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 84 KiB

static/img/knk-logo.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 143 KiB

static/img/logo.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 75 KiB

static/img/map.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 135 KiB

static/img/patterns_auntie.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.7 MiB

static/img/q-and-a.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

static/img/resources.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 76 KiB

static/img/sperm.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

static/img/test.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 183 KiB

static/img/wwor-hero.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 50 KiB

style.css
+4 -4
View File
@@ -1,7 +1,7 @@
/* /*
* Theme Name:VDI Starter v5 * Theme Name: Go Ask Auntie
* Description: Custom WordPress theme starter for VDI Projects * Description: WordPress theme for Ka Ni Kanichihk Mino Pimatisiwin Sexual Wellness Lodge
* Version: 5.0 * Version: 1.0
* Author: Vincent Design Inc. * Author: Vincent Design Inc.
* Text Domain: basicwp * Text Domain: go-ask-auntie
*/ */
styles/base/colors.css
+51 -15
View File
@@ -1,13 +1,19 @@
/* Theme color definitions */ /* Go Ask Auntie color definitions */
@theme { @theme {
--color-black: oklch(0% 0 0); --color-black: #000000;
--color-white: oklch(100% 0 0); --color-white: #ffffff;
--color-background: oklch(89.75% 0 0); --color-background: #81C6CE;
--color-text: var(--color-black); --color-text: #262259;
--color-primary: oklch(0.57 0.203362 257.1706); --color-navy: #262259;
--color-red: #EF3F5B;
--color-teal: #3FBDAF;
--color-teal-light: #81C6CE;
--color-purple: #822369;
--color-primary: var(--color-navy);
--color-primary-100: color-mix(in oklch, var(--color-primary) 10%, white); --color-primary-100: color-mix(in oklch, var(--color-primary) 10%, white);
--color-primary-200: color-mix(in oklch, var(--color-primary) 20%, white); --color-primary-200: color-mix(in oklch, var(--color-primary) 20%, white);
--color-primary-300: color-mix(in oklch, var(--color-primary) 30%, white); --color-primary-300: color-mix(in oklch, var(--color-primary) 30%, white);
@@ -18,7 +24,7 @@
--color-primary-800: color-mix(in oklch, var(--color-primary) 80%, white); --color-primary-800: color-mix(in oklch, var(--color-primary) 80%, white);
--color-primary-900: color-mix(in oklch, var(--color-primary) 90%, white); --color-primary-900: color-mix(in oklch, var(--color-primary) 90%, white);
--color-secondary: oklch(0.56 0.0176 257.23); --color-secondary: var(--color-red);
--color-secondary-100: color-mix(in oklch, var(--color-secondary) 10%, white); --color-secondary-100: color-mix(in oklch, var(--color-secondary) 10%, white);
--color-secondary-200: color-mix(in oklch, var(--color-secondary) 20%, white); --color-secondary-200: color-mix(in oklch, var(--color-secondary) 20%, white);
--color-secondary-300: color-mix(in oklch, var(--color-secondary) 30%, white); --color-secondary-300: color-mix(in oklch, var(--color-secondary) 30%, white);
@@ -29,13 +35,43 @@
--color-secondary-800: color-mix(in oklch, var(--color-secondary) 80%, white); --color-secondary-800: color-mix(in oklch, var(--color-secondary) 80%, white);
--color-secondary-900: color-mix(in oklch, var(--color-secondary) 90%, white); --color-secondary-900: color-mix(in oklch, var(--color-secondary) 90%, white);
--color-bodylinks: oklch(0.48 0.0789 211.58); --color-teal-100: color-mix(in oklch, var(--color-teal) 10%, white);
--color-footlinks: oklch(0.65 0.1104 212.2); --color-teal-200: color-mix(in oklch, var(--color-teal) 20%, white);
--color-teal-300: color-mix(in oklch, var(--color-teal) 30%, white);
--color-teal-400: color-mix(in oklch, var(--color-teal) 40%, white);
--color-teal-500: color-mix(in oklch, var(--color-teal) 50%, white);
--color-teal-600: color-mix(in oklch, var(--color-teal) 60%, white);
--color-teal-700: color-mix(in oklch, var(--color-teal) 70%, white);
--color-teal-800: color-mix(in oklch, var(--color-teal) 80%, white);
--color-teal-900: color-mix(in oklch, var(--color-teal) 90%, white);
--color-success: oklch(64.01% 0.1751 146.7); --color-teal-light-100: color-mix(in oklch, var(--color-teal-light) 10%, white);
--color-info: oklch(0.55 0.0922 211.57); --color-teal-light-200: color-mix(in oklch, var(--color-teal-light) 20%, white);
--color-warning: oklch(84.42% 0.1722 84.93); --color-teal-light-300: color-mix(in oklch, var(--color-teal-light) 30%, white);
--color-danger: oklch(0.5126 0.1865 22.61); --color-teal-light-400: color-mix(in oklch, var(--color-teal-light) 40%, white);
--color-light: oklch(98.16% 0.0017 247.8); --color-teal-light-500: color-mix(in oklch, var(--color-teal-light) 50%, white);
--color-dark: oklch(34.51% 0.0133 248.2); --color-teal-light-600: color-mix(in oklch, var(--color-teal-light) 60%, white);
--color-teal-light-700: color-mix(in oklch, var(--color-teal-light) 70%, white);
--color-teal-light-800: color-mix(in oklch, var(--color-teal-light) 80%, white);
--color-teal-light-900: color-mix(in oklch, var(--color-teal-light) 90%, white);
--color-purple-100: color-mix(in oklch, var(--color-purple) 10%, white);
--color-purple-200: color-mix(in oklch, var(--color-purple) 20%, white);
--color-purple-300: color-mix(in oklch, var(--color-purple) 30%, white);
--color-purple-400: color-mix(in oklch, var(--color-purple) 40%, white);
--color-purple-500: color-mix(in oklch, var(--color-purple) 50%, white);
--color-purple-600: color-mix(in oklch, var(--color-purple) 60%, white);
--color-purple-700: color-mix(in oklch, var(--color-purple) 70%, white);
--color-purple-800: color-mix(in oklch, var(--color-purple) 80%, white);
--color-purple-900: color-mix(in oklch, var(--color-purple) 90%, white);
--color-bodylinks: var(--color-navy);
--color-footlinks: var(--color-white);
--color-success: var(--color-teal);
--color-info: var(--color-teal-light);
--color-warning: var(--color-red-500);
--color-danger: var(--color-red);
--color-light: var(--color-teal-light-100);
--color-dark: var(--color-navy);
} }
styles/base/forms.css
+25 -10
View File
@@ -4,9 +4,9 @@
input[type="text"], input[type="email"], input[type="tel"], input[type="text"], input[type="email"], input[type="tel"],
input[type="url"], input[type="number"], input[type="password"], input[type="url"], input[type="number"], input[type="password"],
input[type="date"], select, textarea { input[type="date"], select, textarea {
@apply px-4 py-2 w-full rounded border-2 border-primary; @apply px-4 py-2 w-full rounded-full border-2 border-navy;
@apply text-black bg-white; @apply text-navy bg-white;
@apply focus-visible:border-transparent focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-primary; @apply focus-visible:border-red focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-red;
font-size: inherit; font-size: inherit;
line-height: inherit; line-height: inherit;
@@ -16,22 +16,37 @@ input[type="date"], select, textarea {
.gform_wrapper { .gform_wrapper {
@apply max-w-full mx-auto; @apply max-w-full mx-auto;
.gform_fields { @apply text-black; } .gform_fields { @apply text-navy; }
fieldset.gfield { @apply mb-6; } fieldset.gfield { @apply mb-6; }
legend, label { @apply text-lg font-bold mb-2; } legend, label { @apply text-lg font-bold mb-2 text-white; }
label.gform-field-label--type-sub{ @apply font-normal text-base; } label.gform-field-label--type-sub{ @apply font-normal text-base; }
.gfield_required { @apply text-danger text-xs font-bold ml-1; } .gfield_required { @apply text-red text-xs font-bold ml-1; }
input[type="text"], input[type="email"], input[type="tel"],
input[type="url"], input[type="number"], input[type="password"],
input[type="date"], select, textarea {
@apply text-white bg-transparent border-white rounded-full;
@apply focus-visible:border-red focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-red;
}
textarea {
border-radius: 45px;
}
input[type="submit"] {
/* @apply btn bg-red; */
}
.dark { .dark {
input[type="text"], input[type="email"], input[type="tel"], input[type="text"], input[type="email"], input[type="tel"],
input[type="url"], input[type="number"], input[type="password"], input[type="url"], input[type="number"], input[type="password"],
input[type="date"], select, textarea { input[type="date"], select, textarea {
@apply text-black bg-white; @apply text-black bg-white;
@apply focus-visible:border-transparent focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-primary; @apply focus-visible:border-transparent focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-red;
} }
} }
@@ -47,16 +62,16 @@ input[type="date"], select, textarea {
.gform_footer { @apply mt-8; } .gform_footer { @apply mt-8; }
h2.gform_submission_error { @apply text-xl text-danger font-bold my-4; } h2.gform_submission_error { @apply text-xl text-red font-bold my-4; }
.validation_message { @apply italic text-danger; } .validation_message { @apply italic text-red; }
.hidden_label > label { @apply hidden; } .hidden_label > label { @apply hidden; }
} }
/* Search block styles */ /* Search block styles */
.wp-block-search__input { .wp-block-search__input {
@apply px-4 py-2 w-full rounded border-2 border-transparent focus-visible:bg-secondary-300 focus-visible:border-primary; @apply px-4 py-2 w-full rounded-full border-2 border-transparent focus-visible:bg-teal-light focus-visible:border-red;
appearance: none; appearance: none;
flex-grow: 1; flex-grow: 1;
styles/base/global.css
+5 -1
View File
@@ -23,7 +23,11 @@
/* Basic layout styles */ /* Basic layout styles */
main#maincontent { main#maincontent {
background-color: var(--color-background); background-color: var(--color-teal-light);
background-image: var(--background-image-pattern);
background-size: contain;
background-repeat: repeat-y;
background-position: top;
color: var(--color-text); color: var(--color-text);
margin: 0; margin: 0;
padding: 0 0 4rem; padding: 0 0 4rem;
styles/base/typography.css
+14 -53
View File
@@ -1,47 +1,9 @@
/* Basic typographical styles */ /* Go Ask Auntie typographical styles */
/**
* All font sizes are based on 16px base font size and 1920px wide screen
* Default size is expressed as percentage of screen width.
* text-14px: 12px-27px, default: 14px
* text-16px: 14px-28px, default: 16px
* text-18px: 14px-30px, default: 18px
* text-20px: 16px-32px, default: 20px
* text-22px: 17px-33px, default: 22px
* text-25px: 18px-35px, default: 25px
* text-30px: 19px-37px, default: 30px
* text-35px: 20px-40px, default: 35px
* text-38px: 22px-48px, default: 38px
* text-40px: 24px-56px, default: 40px
* text-45px: 25px-64px, default: 45px
* text-50px: 27px-72px, default: 50px
* text-55px: 28px-76px, default: 55px
* text-60px: 30px-80px, default: 60px
* text-70px: 30px-76px, default: 70px
* text-75px: 32px-80px, default: 75px
*
* Font sizes at standard viewport widths:
* | 360px | 640px | 768px | 1024px | 1280px | 1440px | 1920px
* |-------|-------|-------|--------|--------|--------|-------
* text-14px | 12.00 | 12.36 | 12.52 | 12.85 | 13.18 | 13.38 | 14.00
* text-16px | 14.00 | 14.36 | 14.52 | 14.85 | 15.18 | 15.38 | 16.00
* text-18px | 14.00 | 14.72 | 15.05 | 15.70 | 16.36 | 16.77 | 18.00
* text-20px | 16.00 | 16.72 | 17.05 | 17.70 | 18.36 | 18.77 | 20.00
* text-22px | 17.60 | 18.36 | 18.75 | 19.47 | 20.19 | 20.65 | 22.00
* text-25px | 18.00 | 19.26 | 19.83 | 20.98 | 22.13 | 22.85 | 25.00
* text-30px | 18.96 | 20.89 | 21.85 | 23.66 | 25.47 | 26.60 | 30.00
* text-35px | 20.00 | 22.69 | 23.92 | 26.38 | 28.85 | 30.38 | 35.00
* text-38px | 22.40 | 24.85 | 26.48 | 29.04 | 31.60 | 33.20 | 38.00
* text-40px | 24.00 | 26.87 | 28.18 | 30.81 | 33.44 | 35.08 | 40.00
* text-45px | 25.60 | 29.22 | 30.67 | 33.86 | 37.04 | 39.03 | 45.00
* text-50px | 27.20 | 31.58 | 33.16 | 36.90 | 40.65 | 42.98 | 50.00
* text-70px | 30.40 | 37.01 | 40.76 | 47.26 | 53.75 | 57.82 | 70.00
* text-75px | 32.00 | 39.46 | 43.25 | 50.30 | 57.36 | 61.77 | 75.00
*/
@theme { @theme {
--font-sans: "Raleway", sans-serif; --font-sans: "Passion One", sans-serif;
--line-height: 1.6; --font-headings: "Passion One", cursive;
--line-height: 1.6;
--text-base: 1rem; --text-base: 1rem;
--text-14px: clamp(0.75rem, calc(0.7212rem + 0.1282vw), 0.875rem); --text-14px: clamp(0.75rem, calc(0.7212rem + 0.1282vw), 0.875rem);
@@ -68,14 +30,14 @@
} }
body { body {
background-color: white; background-color: var(--color-teal-light);
color: black; color: var(--color-navy);
font-family: var(--font-sans); font-family: var(--font-sans);
font-size: var(--text-base); font-size: var(--text-base);
line-height: var(--line-height); line-height: var(--line-height);
} }
::selection { background: var(--color-warning); } ::selection { background: var(--color-teal); color: var(--color-white); }
@layer components { @layer components {
h1, h2, h3, h1, h2, h3,
@@ -111,12 +73,12 @@ body {
} }
a, .link { a, .link {
color: var(--color-bodylinks); color: var(--color-navy);
text-decoration: none; text-decoration: none;
transition: color 200ms; transition: color 200ms;
cursor: pointer; cursor: pointer;
&:hover { color: var(--color-primary); } &:hover { color: var(--color-red); text-decoration: underline; }
} }
h1 a, .h1 a, h1 a, .h1 a,
@@ -131,18 +93,17 @@ p {
margin-bottom: 1rem; margin-bottom: 1rem;
} }
ul { list-style-type: disc; } ul { list-style-type: disc; }
ol { list-style-type: decimal; } ol { list-style-type: decimal; }
li ul, li ol { margin: 0 1rem; } li ul, li ol { margin: 0 1rem; }
ol ol { list-style: lower-alpha; } ol ol { list-style-type: lower-alpha; }
ol ol ol { list-style: lower-roman; } ol ol ol { list-style-type: lower-roman; }
ol ol ol ol { list-style: lower-alpha; } ol ol ol ol { list-style-type: lower-alpha; }
pre, code, pre, code,
samp, style { font-family: monospace; } samp, style { font-family: monospace; }
@@ -161,11 +122,11 @@ pre code {
} }
code { code {
@apply bg-black/30 px-[3px] py-0.5 font-mono text-black text-xs rounded-sm; @apply bg-navy/30 px-[3px] py-0.5 font-mono text-navy text-xs rounded-sm;
} }
hr { hr {
background-color: black; background-color: var(--color-navy);
border: none; border: none;
display: block; display: block;
height: 1px; height: 1px;
styles/theme.css
+101
View File
@@ -20,3 +20,104 @@
/* Import Tailwind typography plugin */ /* Import Tailwind typography plugin */
@plugin "@tailwindcss/typography"; @plugin "@tailwindcss/typography";
/* Go Ask Auntie Custom Styles */
/* Background images */
@theme {
--background-image-hero: url('/static/img/bg-hero.png');
--background-image-map: url('/static/img/bg-map.png');
--background-image-pattern: url('/static/img/bg-pattern.png');
--background-image-condom: url('/static/img/bg-condom.png');
--background-image-wwor: url('/static/img/bg-wwor.png');
--background-image-wwor-body: url('/static/img/bg-wwor-body.png');
}
/* Buttons - matching Auntie style */
.btn {
@apply rounded-full border-4 border-white text-white px-8 py-2 text-center font-bold uppercase cursor-pointer transition-shadow duration-300;
}
.btn:hover {
@apply shadow-lg;
}
.btn.bg-red {
background-color: var(--color-red);
}
.btn.bg-navy {
background-color: var(--color-navy);
}
.btn.bg-teal {
background-color: var(--color-teal);
}
.btn.bg-purple {
background-color: var(--color-purple);
}
/* Section padding - matches Auntie layout */
section {
@apply md:px-0 px-4;
}
/* Font Passion One utility */
.font-passion-one {
font-family: "Passion One", cursive;
}
/* Prose overrides for Auntie brand */
.prose {
--tw-prose-body: var(--color-navy);
--tw-prose-headings: var(--color-navy);
--tw-prose-links: var(--color-navy);
}
.prose a:hover {
color: var(--color-red);
}
/* Background utilities */
.bg-hero {
background-image: var(--background-image-hero);
}
.bg-map {
background-image: var(--background-image-map);
}
.bg-pattern {
background-image: var(--background-image-pattern);
}
.bg-condom {
background-image: var(--background-image-condom);
}
.bg-wwor {
background-image: var(--background-image-wwor);
}
.bg-wwor-body {
background-image: var(--background-image-wwor-body);
}
.bg-overlay {
position: relative;
}
.bg-overlay::before {
content: '';
position: absolute;
inset: 0;
background: inherit;
opacity: 0.5;
z-index: 0;
}
.bg-overlay > * {
position: relative;
z-index: 1;
}
theme.json
+31 -16
View File
@@ -9,15 +9,40 @@
"color": { "color": {
"palette": [ "palette": [
{ {
"slug": "black", "slug": "black",
"color": "#000", "color": "#000",
"name": "Black" "name": "Black"
}, },
{ {
"slug": "white", "slug": "white",
"color": "#fff", "color": "#fff",
"name": "White" "name": "White"
}, },
{
"slug": "navy",
"color": "#262259",
"name": "Navy"
},
{
"slug": "red",
"color": "#EF3F5B",
"name": "Red"
},
{
"slug": "teal",
"color": "#3FBDAF",
"name": "Teal"
},
{
"slug": "teal-light",
"color": "#81C6CE",
"name": "Teal Light"
},
{
"slug": "purple",
"color": "#822369",
"name": "Purple"
},
{ {
"slug": "theme-bg", "slug": "theme-bg",
"color": "var(--color-background)", "color": "var(--color-background)",
@@ -28,23 +53,13 @@
"color": "var(--color-text)", "color": "var(--color-text)",
"name": "Theme Text" "name": "Theme Text"
}, },
{
"slug": "theme-primary",
"color": "var(--color-primary)",
"name": "Theme Primary"
},
{
"slug": "theme-secondary",
"color": "var(--color-secondary)",
"name": "Theme Secondary"
},
{ {
"slug": "theme-bodylinks", "slug": "theme-bodylinks",
"color": "var(--color-bodylinks)", "color": "var(--color-bodylinks)",
"name": "Theme Body Links" "name": "Theme Body Links"
}, },
{ {
"slug": "theme-footerlinks", "slug": "theme-footlinks",
"color": "var(--color-footlinks)", "color": "var(--color-footlinks)",
"name": "Theme Footer Links" "name": "Theme Footer Links"
}, },
@@ -165,13 +180,13 @@
}, },
"styles": { "styles": {
"color": { "color": {
"background": "var(--wp--preset--color--background)", "background": "var(--color-background)",
"text": "var(--wp--preset--color--text)" "text": "var(--color-text)"
}, },
"elements": { "elements": {
"link": { "link": {
"color": { "color": {
"text": "var(--wp--preset--color--theme-bodylinks)" "text": "var(--color-navy)"
} }
} }
}, },
views/blocks/boilerplate/block.json
+1 -1
View File
@@ -5,7 +5,7 @@
"style": [ "style": [
"file:./boilerplate.css" "file:./boilerplate.css"
], ],
"category": "vdi-blocks", "category": "go-ask-auntie-blocks",
"icon": "block-default", "icon": "block-default",
"keywords": [ "keywords": [
"boilerplate" "boilerplate"
views/blocks/button/block.json
+1 -1
View File
@@ -2,7 +2,7 @@
"name": "acf/button", "name": "acf/button",
"title": "Button (VDI)", "title": "Button (VDI)",
"description": "A button.", "description": "A button.",
"category": "vdi-blocks", "category": "go-ask-auntie-blocks",
"icon": "button", "icon": "button",
"keywords": [ "keywords": [
"button" "button"
views/blocks/buttons/block.json
+1 -1
View File
@@ -3,7 +3,7 @@
"title": "Buttons (VDI)", "title": "Buttons (VDI)",
"description": "A button or group of buttons.", "description": "A button or group of buttons.",
"allowedBlocks": [ "acf/button" ], "allowedBlocks": [ "acf/button" ],
"category": "vdi-blocks", "category": "go-ask-auntie-blocks",
"icon": "button", "icon": "button",
"keywords": [ "keywords": [
"buttons" "buttons"
views/blocks/contact-info/block.json
+1 -1
View File
@@ -5,7 +5,7 @@
"style": [ "style": [
"file:./contact-info.css" "file:./contact-info.css"
], ],
"category": "vdi-blocks", "category": "go-ask-auntie-blocks",
"icon": "feedback", "icon": "feedback",
"keywords": [ "keywords": [
"contact info", "contact info",
views/blocks/grid-cell/block.json
+1 -1
View File
@@ -5,7 +5,7 @@
"style": [ "style": [
"file:./grid-cell.css" "file:./grid-cell.css"
], ],
"category": "vdi-blocks", "category": "go-ask-auntie-blocks",
"icon": "grid-view", "icon": "grid-view",
"keywords": [ "keywords": [
"grid" "grid"
views/blocks/grid/block.json
+1 -1
View File
@@ -6,7 +6,7 @@
"file:./grid.css" "file:./grid.css"
], ],
"allowedBlocks": [ "acf/grid-cell" ], "allowedBlocks": [ "acf/grid-cell" ],
"category": "vdi-blocks", "category": "go-ask-auntie-blocks",
"icon": "grid-view", "icon": "grid-view",
"keywords": [ "keywords": [
"grid" "grid"
views/blocks/grid/grid.php
+1 -1
View File
@@ -11,7 +11,7 @@ namespace BasicWP;
$allowedBlocks = array( 'acf/grid-cell' ); $allowedBlocks = array( 'acf/grid-cell' );
$default_blocks = array( $default_blocks = array(
array( 'acf/gric-cell' ), array( 'acf/grid-cell' ),
); );
// Initialize variables // Initialize variables
views/blocks/homepage-hero/block.json
+1 -1
View File
@@ -5,7 +5,7 @@
"style": [ "style": [
"file:./homepage-hero.css" "file:./homepage-hero.css"
], ],
"category": "vdi-blocks", "category": "go-ask-auntie-blocks",
"icon": "block-default", "icon": "block-default",
"keywords": [ "keywords": [
"homepage-hero", "homepage-hero",
views/blocks/media-text-innerblocks/block.json
+1 -1
View File
@@ -5,7 +5,7 @@
"style": [ "style": [
"file:./media-text-innerblocks.css" "file:./media-text-innerblocks.css"
], ],
"category": "vdi-blocks", "category": "go-ask-auntie-blocks",
"icon": "screenoptions", "icon": "screenoptions",
"keywords": [ "keywords": [
"media", "media",
views/blocks/media-text-innerblocks/media-text-innerblocks.php
+2 -2
View File
@@ -39,7 +39,7 @@ if ( $vidBlock && strpos( $vidBlock, '<iframe' ) !== false ) {
?> ?>
<div <?php echo wp_kses_post( $wrapper ); ?> style="<?php echo esc_attr( $style ); ?>"> <div <?php echo wp_kses_post( $wrapper ); ?> style="<?php echo esc_attr( $style ); ?>">
<div class="<?php echo esc_attr( $mediaClass ); ?> <?php echo $vidBlock ? 'aspect-video' : ''; ?>"> <div class="<?php echo esc_attr( $clsMedia ); ?> <?php echo $vidBlock ? 'aspect-video' : ''; ?>">
<?php if ( $vidBlock ) : ?> <?php if ( $vidBlock ) : ?>
<?php echo wp_kses( $vidBlock, escEmbeds() ); ?> <?php echo wp_kses( $vidBlock, escEmbeds() ); ?>
<?php else : ?> <?php else : ?>
@@ -47,7 +47,7 @@ if ( $vidBlock && strpos( $vidBlock, '<iframe' ) !== false ) {
<?php endif; ?> <?php endif; ?>
</div> </div>
<div class="content-wrapper text-balance <?php echo esc_attr( $contentClass ); ?>"> <div class="content-wrapper text-balance <?php echo esc_attr( $clsContent ); ?>">
<InnerBlocks /> <InnerBlocks />
</div> </div>
</div> </div>
views/blocks/media-text/block.json
+1 -1
View File
@@ -5,7 +5,7 @@
"style": [ "style": [
"file:./media-text.css" "file:./media-text.css"
], ],
"category": "vdi-blocks", "category": "go-ask-auntie-blocks",
"icon": "screenoptions", "icon": "screenoptions",
"keywords": [ "keywords": [
"media", "media",
views/blocks/media-text/media-text.php
+3 -3
View File
@@ -78,14 +78,14 @@ if ( $vidBlock && strpos( $vidBlock, '<iframe' ) !== false ) {
$ctaWidth = $cta['width'] ?? ''; $ctaWidth = $cta['width'] ?? '';
// Handle admin preview // Handle admin preview
if ( is_admin() && $ctaURL ) { if ( is_admin() && $ctaUrl ) {
$ctaURL = '#'; $ctaUrl = '#';
} }
?> ?>
<x-button <x-button
btnclasses="button text-center" btnclasses="button text-center"
element="a" element="a"
url="<?php echo esc_url( $ctaURL ); ?>" url="<?php echo esc_url( $ctaUrl ); ?>"
target="<?php echo esc_attr( $ctaTarget ); ?>" target="<?php echo esc_attr( $ctaTarget ); ?>"
title="<?php echo esc_attr( $ctaTitle ); ?>" title="<?php echo esc_attr( $ctaTitle ); ?>"
color="<?php echo esc_attr( $ctaColor ); ?>" color="<?php echo esc_attr( $ctaColor ); ?>"
views/blocks/page-children/block.json
+1 -1
View File
@@ -5,7 +5,7 @@
"style": [ "style": [
"file:./page-children.css" "file:./page-children.css"
], ],
"category": "vdi-blocks", "category": "go-ask-auntie-blocks",
"icon": "block-default", "icon": "block-default",
"keywords": [ "keywords": [
"page-children" "page-children"
views/blocks/section/block.json
+2 -2
View File
@@ -5,10 +5,10 @@
"style": [ "style": [
"file:./section.css" "file:./section.css"
], ],
"category": "vdi-blocks", "category": "go-ask-auntie-blocks",
"icon": "align-wide", "icon": "align-wide",
"keywords": [ "keywords": [
"setion", "section",
"content" "content"
], ],
"acf": { "acf": {
views/partials/social-media.php
+11 -31
View File
@@ -1,39 +1,19 @@
<?php <?php
/** /**
* Social Media Links Partial * Social Media Links Partial - Auntie style
* *
* @package BasicWP * @package GoAskAuntie
*/ */
namespace BasicWP; namespace BasicWP;
$classes = $args['classes'] ?? ''; $social_twitter = getFieldValue( 'social_media.twitter' ) ?: 'https://twitter.com/goaskauntieca';
$circle = $args['circle'] ?? ''; $social_facebook = getFieldValue( 'social_media.facebook' ) ?: 'https://www.facebook.com/Goaskauntieca';
$social_instagram = getFieldValue( 'social_media.instagram' ) ?: 'https://www.instagram.com/goaskauntieca/';
// Define social media sites and their URLs
$sites = array(
'facebook' => getFieldValue( 'social_media.facebook' ) ? getFieldValue( 'social_media.facebook' ) : '',
'twitter' => getFieldValue( 'social_media.twitter' ) ? getFieldValue( 'social_media.twitter' ) : '',
'pinterest' => getFieldValue( 'social_media.pinterest' ) ? getFieldValue( 'social_media.pinterest' ) : '',
'instagram' => getFieldValue( 'social_media.instagram' ) ? getFieldValue( 'social_media.instagram' ) : '',
'youtube' => getFieldValue( 'social_media.youtube' ) ? getFieldValue( 'social_media.youtube' ) : '',
'linkedin' => getFieldValue( 'social_media.linkedin' ) ? getFieldValue( 'social_media.linkedin' ) : '',
);
// Add circle class if the circle option is enabled
if ( $circle ) {
$classes .= ' circular-icon';
}
// Loop through the social media sites and output links
foreach ( $sites as $name => $url ) {
if ( $url ) {
?>
<a href="<?php echo esc_url( $url ); ?>" class="<?php echo esc_attr( $classes ); ?>">
<?php get_template_part( 'views/icons/' . $name ); ?>
<span class="sr-only bg-white text-black">Visit our <?php echo esc_html( $name ); ?> page</span>
</a>
<?php
}
}
?> ?>
<div class="mx-auto flex justify-center place-items-center flex-wrap h-full flex-row md:mx-0 w-auto">
<a href="<?php echo esc_url( $social_twitter ); ?>"><span class="fa-stack fa-lg mx-1 font-extralight text-purple mt-2"><i class="fa fa-circle fa-stack-2x"></i><i class="fab fa-twitter text-white fa-stack-1x"></i></span></a>
<a href="<?php echo esc_url( $social_facebook ); ?>"><span class="fa-stack fa-lg mx-1 font-extralight text-purple mt-2"><i class="fa fa-circle fa-stack-2x"></i><i class="fab fa-facebook-f text-white fa-stack-1x"></i></span></a>
<a href="<?php echo esc_url( $social_instagram ); ?>"><span class="fa-stack fa-lg mx-1 font-extralight text-purple mt-2"><i class="fa fa-circle fa-stack-2x"></i><i class="fab fa-instagram text-white fa-stack-1x"></i></span></a>
</div>