Create theme files

.gitignore

@@ -0,0 +1 @@
+node_modules

enqueue.php

@@ -0,0 +1,64 @@
+<?php
+// Exit if accessed directly
+if (!defined('ABSPATH')) {
+    exit;
+}
+
+function retain_scripts() {
+    // Enqueue Google Fonts stylesheet for Source Sans Pro font
+    wp_enqueue_style(
+        'retain-google-fonts',
+        'https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap',
+        array(),
+        null
+    );
+
+    // Enqueue Typekit stylesheet for Brandon Grotesque font
+    wp_enqueue_style(
+        'retain-typekit',
+        'https://use.typekit.net/hmd0zsv.css',
+        array(),
+        null
+    );
+
+    // Enqueue compiled stylesheet
+    wp_enqueue_style(
+        'retain-style',
+        get_template_directory_uri() . '/style.css',
+        array(),
+        RETAIN_VERSION
+    );
+
+    // Enqueue navigation script
+    wp_enqueue_script(
+        'retain-navigation',
+        get_template_directory_uri() . '/inc/js/navigation.js',
+        array(), 
+        RETAIN_VERSION
+    );
+
+    // Enqueue countdown script
+    wp_enqueue_script(
+        'retain-countdown',
+        get_template_directory_uri() . '/inc/js/countdown.js',
+        array(),  
+        RETAIN_VERSION
+    );
+
+    // Enqueue collapsible script
+    wp_enqueue_script(
+        'retain-collapsible',
+        get_template_directory_uri() . '/inc/js/collapsible.js',
+        array(),  
+        RETAIN_VERSION
+    );
+
+    // Enqueue schedule tabs script
+    wp_enqueue_script(
+        'retain-schedule-tabs',
+        get_template_directory_uri() . '/inc/js/schedule-tabs.js',
+        array(),  
+        RETAIN_VERSION
+    );
+}
+add_action('wp_enqueue_scripts', 'retain_scripts');

functions.php

@@ -0,0 +1,27 @@
+<?php
+
+if (!defined('RETAIN_VERSION')) {
+    define('RETAIN_VERSION', '0.0.1');
+}
+
+// Theme setup function
+function retain_theme_setup() {
+    // Let WordPress manage the document title
+    add_theme_support('title-tag');
+    // Enable support for Post Thumbnails
+    add_theme_support('post-thumbnails');
+    // Enable support for menus
+    add_theme_support('menus');
+    // Register menus
+    register_nav_menus(array(
+        'primary' => __('Primary Menu', 'retain-theme'),
+    ));
+}
+add_action('after_setup_theme', 'retain_theme_setup');
+
+// Include enqueue functions
+require_once get_template_directory() . '/enqueue.php';
+
+// Include ACF fields
+require_once get_template_directory() . '/inc/acf/speaker-fields.php';
+require_once get_template_directory() . '/inc/acf/schedule-fields.php';

inc/acf/schedule-fields.php

@@ -0,0 +1,122 @@
+<?php
+/**
+ * Register ACF Fields for the Schedule section (Day 1 and Day 2)
+ */
+if( function_exists('acf_add_local_field_group') ):
+
+acf_add_local_field_group(array(
+    'key' => 'group_schedule',
+    'title' => 'Schedule Section',
+    'fields' => array(
+        // Day 1 Schedule
+        array(
+            'key' => 'field_schedule_day_1',
+            'label' => 'Day 1 Schedule',
+            'name' => 'schedule_day_1',
+            'type' => 'repeater',
+            'instructions' => 'Add schedule for Day 1',
+            'required' => 0,
+            'min' => 0,
+            'max' => 0,
+            'layout' => 'block',
+            'button_label' => 'Add Session',
+            'sub_fields' => array(
+                array(
+                    'key' => 'field_day1_time',
+                    'label' => 'Time',
+                    'name' => 'time',
+                    'type' => 'text',
+                    'required' => 1,
+                ),
+                array(
+                    'key' => 'field_day1_session',
+                    'label' => 'Session',
+                    'name' => 'session',
+                    'type' => 'text',
+                    'required' => 1,
+                ),
+                array(
+                    'key' => 'field_day1_speaker_name',
+                    'label' => 'Speaker Name',
+                    'name' => 'speaker_name',
+                    'type' => 'text',
+                    'required' => 0,
+                ),
+                array(
+                    'key' => 'field_day1_speaker_photo',
+                    'label' => 'Speaker Photo',
+                    'name' => 'speaker_photo',
+                    'type' => 'image',
+                    'required' => 0,
+                    'return_format' => 'array',
+                    'preview_size' => 'medium',
+                    'library' => 'all',
+                ),
+            ),
+        ),
+        // Day 2 Schedule
+        array(
+            'key' => 'field_schedule_day_2',
+            'label' => 'Day 2 Schedule',
+            'name' => 'schedule_day_2',
+            'type' => 'repeater',
+            'instructions' => 'Add schedule for Day 2',
+            'required' => 0,
+            'min' => 0,
+            'max' => 0,
+            'layout' => 'block',
+            'button_label' => 'Add Session',
+            'sub_fields' => array(
+                array(
+                    'key' => 'field_day2_time',
+                    'label' => 'Time',
+                    'name' => 'time',
+                    'type' => 'text',
+                    'required' => 1,
+                ),
+                array(
+                    'key' => 'field_day2_session',
+                    'label' => 'Session',
+                    'name' => 'session',
+                    'type' => 'text',
+                    'required' => 1,
+                ),
+                array(
+                    'key' => 'field_day2_speaker_name',
+                    'label' => 'Speaker Name',
+                    'name' => 'speaker_name',
+                    'type' => 'text',
+                    'required' => 0,
+                ),
+                array(
+                    'key' => 'field_day2_speaker_photo',
+                    'label' => 'Speaker Photo',
+                    'name' => 'speaker_photo',
+                    'type' => 'image',
+                    'required' => 0,
+                    'return_format' => 'array',
+                    'preview_size' => 'medium',
+                    'library' => 'all',
+                ),
+            ),
+        ),
+    ),
+    'location' => array(
+        array(
+            array(
+                'param' => 'page_template',
+                'operator' => '==',
+                'value' => 'front-page.php',
+            ),
+        ),
+    ),
+    'menu_order' => 0,
+    'position' => 'normal',
+    'style' => 'default',
+    'label_placement' => 'top',
+    'instruction_placement' => 'label',
+    'hide_on_screen' => '',
+));
+
+endif;
+?>

inc/acf/speaker-fields.php

@@ -0,0 +1,74 @@
+<?php
+/**
+ * Register ACF Fields for the Speakers section (repeater field appearing on front page)
+ */
+if( function_exists('acf_add_local_field_group') ):
+
+acf_add_local_field_group(array(
+    'key' => 'group_speakers',
+    'title' => 'Speakers Section',
+    'fields' => array(
+        array(
+            'key' => 'field_speakers',
+            'label' => 'Speakers',
+            'name' => 'speakers',
+            'type' => 'repeater',
+            'instructions' => 'Add speakers here',
+            'required' => 0,
+            'min' => 0,
+            'max' => 0,
+            'layout' => 'block',
+            'button_label' => 'Add Speaker',
+            'sub_fields' => array(
+                array(
+                    'key' => 'field_speaker_image',
+                    'label' => 'Speaker Image',
+                    'name' => 'speaker_image',
+                    'type' => 'image',
+                    'required' => 1,
+                    'return_format' => 'array',
+                    'preview_size' => 'medium',
+                    'library' => 'all',
+                ),
+                array(
+                    'key' => 'field_speaker_first_name',
+                    'label' => 'Speaker Name',
+                    'name' => 'speaker_name',
+                    'type' => 'text',
+                    'required' => 1,
+                ),
+                array(
+                    'key' => 'field_speaker_last_name',
+                    'label' => 'Speaker Last Name',
+                    'name' => 'speaker_last_name',
+                    'type' => 'text',
+                    'required' => 1,
+                ),
+                array(
+                    'key' => 'field_speaker_role',
+                    'label' => 'Speaker Role',
+                    'name' => 'speaker_role',
+                    'type' => 'text',
+                    'required' => 1,
+                )
+            )
+        )
+    ),
+    'location' => array(
+        array(
+            array(
+                'param' => 'page_template',
+                'operator' => '==',
+                'value' => 'front-page.php', // The ACF field group will only appear on the front-page.php template
+            ),
+        ),
+    ),
+    'menu_order' => 0,
+    'position' => 'normal',
+    'style' => 'default',
+    'label_placement' => 'top',
+    'instruction_placement' => 'label',
+    'hide_on_screen' => '',
+));
+
+endif;

inc/js/collapsible.js

@@ -0,0 +1,35 @@
+document.addEventListener('DOMContentLoaded', function() {
+  var coll = document.getElementsByClassName("collapsible");
+
+  for (var i = 0; i < coll.length; i++) {
+    // Wrap the existing text inside a span
+    var span = document.createElement("span");
+    span.classList.add("toggle-icon"); // Add class for styling
+    span.textContent = "+";
+
+    // Move the existing text into another span for separation
+    var textSpan = document.createElement("span");
+    textSpan.classList.add("collapsible-text");
+    textSpan.textContent = coll[i].innerHTML;
+
+    // Clear the button content and append spans
+    coll[i].innerHTML = "";
+    coll[i].appendChild(span);
+    coll[i].appendChild(textSpan);
+
+    // Add click event
+    coll[i].addEventListener("click", function() {
+      this.classList.toggle("active");
+      var content = this.nextElementSibling;
+      var icon = this.querySelector(".toggle-icon");
+
+      if (content.style.display === "block") {
+        content.style.display = "none";
+        icon.textContent = "+"; // Change to +
+      } else {
+        content.style.display = "block";
+        icon.textContent = "-"; // Change to -
+      }
+    });
+  }
+});

inc/js/countdown.js

@@ -0,0 +1,67 @@
+class EventCountdown {
+    constructor(eventDate, elementIds) {
+        this.eventDate = new Date(eventDate).getTime();
+        this.elements = {
+            days: document.getElementById(elementIds.days),
+            hours: document.getElementById(elementIds.hours),
+            minutes: document.getElementById(elementIds.minutes),
+            seconds: document.getElementById(elementIds.seconds),
+            container: document.getElementById(elementIds.container)
+        };
+        this.countdownTimer = null;
+    }
+
+    calculateTimeRemaining() {
+        const now = new Date().getTime();
+        const distance = this.eventDate - now;
+
+        return {
+            days: Math.floor(distance / (1000 * 60 * 60 * 24)),
+            hours: Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)),
+            minutes: Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)),
+            seconds: Math.floor((distance % (1000 * 60)) / 1000),
+            distance: distance
+        };
+    }
+
+    padNumber(number) {
+        return String(number).padStart(2, '0');
+    }
+
+    updateDisplay(timeRemaining) {
+        this.elements.days.textContent = this.padNumber(timeRemaining.days);
+        this.elements.hours.textContent = this.padNumber(timeRemaining.hours);
+        this.elements.minutes.textContent = this.padNumber(timeRemaining.minutes);
+        this.elements.seconds.textContent = this.padNumber(timeRemaining.seconds);
+    }
+
+    start() {
+        const update = () => {
+            const timeRemaining = this.calculateTimeRemaining();
+
+            if (timeRemaining.distance < 0) {
+                clearInterval(this.countdownTimer);
+                this.elements.container.innerHTML = 'Event has started!';
+                return;
+            }
+
+            this.updateDisplay(timeRemaining);
+        };
+
+        update(); // Initial call
+        this.countdownTimer = setInterval(update, 1000);
+    }
+}
+
+// Initialize countdown when DOM is loaded
+document.addEventListener('DOMContentLoaded', () => {
+    const countdown = new EventCountdown('September 22, 2025 00:00:00', {
+        days: 'days',
+        hours: 'hours',
+        minutes: 'minutes',
+        seconds: 'seconds',
+        container: 'countdown'
+    });
+
+    countdown.start();
+});