Val Town Code SearchReturn to Val Town

74
75    // Populate timezone dropdown with optgroups
76    function populateTimezoneSelect() {
77        // Clear existing options
78        timezoneSelect.innerHTML = '';
114
115    // Update the clock display
116    function updateClock() {
117        const selectedTimezone = timezoneSelect.value;
118        const now = new Date();

32- **TailwindCSS**: Utility-first CSS framework for styling
33- **Font Awesome**: Icon library
34- **Val Town**: Hosting and serverless functions
35
36## Project Structure
42│   ├── index.html          # Main HTML file
43│   ├── styles.css          # Custom CSS styles
44│   └── main.js             # JavaScript functionality
45├── assets/
46│   ├── favicon.svg         # Site favicon

1// Wait for DOM to be fully loaded
2document.addEventListener('DOMContentLoaded', function() {
3  // Initialize theme
4  initTheme();
14});
15
16// Theme toggle functionality
17function initTheme() {
18  const themeToggle = document.getElementById('theme-toggle');
19  const prefersDarkScheme = window.matchMedia('(prefers-color-scheme: dark)');
31  
32  // Toggle theme when button is clicked
33  themeToggle.addEventListener('click', function() {
34    let theme;
35    
47}
48
49// Mobile menu functionality
50function initMobileMenu() {
51  const mobileMenuButton = document.getElementById('mobile-menu-button');
52  const mobileMenu = document.getElementById('mobile-menu');
53  
54  mobileMenuButton.addEventListener('click', function() {
55    mobileMenu.classList.toggle('hidden');
56    
69  const mobileLinks = mobileMenu.querySelectorAll('a');
70  mobileLinks.forEach(link => {
71    link.addEventListener('click', function() {
72      mobileMenu.classList.add('hidden');
73      const icon = mobileMenuButton.querySelector('i');
79
80// Scroll animations
81function initScrollAnimations() {
82  // Animate sections when they come into view
83  const sections = document.querySelectorAll('section');
100  const navLinks = document.querySelectorAll('nav a[href^="#"]');
101  
102  window.addEventListener('scroll', function() {
103    let current = '';
104    
123
124// Contact form handling
125function initContactForm() {
126  const contactForm = document.getElementById('contact-form');
127  const formStatus = document.getElementById('form-status');
128  
129  if (contactForm) {
130    contactForm.addEventListener('submit', async function(e) {
131      e.preventDefault();
132      
188
189// Skill bar animation (for future use)
190function animateSkillBars() {
191  const skillBars = document.querySelectorAll('.skill-bar');
192  
201// Smooth scroll for anchor links
202document.querySelectorAll('a[href^="#"]').forEach(anchor => {
203  anchor.addEventListener('click', function(e) {
204    e.preventDefault();
205    

20// Initialize database on startup
21let dbInitialized = false;
22async function ensureDbInitialized() {
23  if (!dbInitialized) {
24    await initDatabase();

1// A whimsical love story with bananas
2export default function (req: Request) {
3  return new Response(HTML, {
4    headers: {
241    // Simple banana click animation
242    document.querySelectorAll('.banana').forEach(banana => {
243      banana.addEventListener('click', function() {
244        this.style.transform = 'rotate(15deg) scale(1.2)';
245        setTimeout(() => {
252    const loveButton = document.getElementById('loveButton');
253    if (loveButton) {
254      loveButton.addEventListener('click', function() {
255        alert('💖 Their love will last forever! 🍌');
256      });

67    // Debug helper
68    const debug = {
69      log: function(message, data) {
70        const debugElement = document.getElementById('debug');
71        const timestamp = new Date().toISOString().split('T')[1].split('.')[0];
78        debugElement.appendChild(logEntry);
79      },
80      clear: function() {
81        document.getElementById('debug').innerHTML = '';
82      }

10
11// Initialize the database table
12async function initializeDatabase() {
13  await sqlite.execute(`
14    CREATE TABLE IF NOT EXISTS ${MEMORY_TABLE} (
22
23// Save a new memory snippet
24async function saveMemory(content: string, tags: string = "") {
25  await sqlite.execute(
26    `INSERT INTO ${MEMORY_TABLE} (content, tags) VALUES (?, ?)`,
31
32// Search for relevant memories based on a query
33async function searchMemories(query: string): Promise<Array<{ id: number; content: string; tags: string; created_at: string }>> {
34  // Simple search implementation - could be improved with embeddings or more sophisticated search
35  const results = await sqlite.execute(
42
43// Get all memories from the database
44async function getAllMemories(): Promise<Array<{ id: number; content: string; tags: string; created_at: string }>> {
45  const results = await sqlite.execute(
46    `SELECT * FROM ${MEMORY_TABLE} ORDER BY created_at DESC`
51
52// Fallback response generator when OpenAI is not available
53function generateFallbackResponse(query: string, memories: Array<{ content: string; tags?: string }> = []) {
54  if (memories.length === 0) {
55    return `I don't have any memories stored yet. You can teach me by saving some information.`;
72
73// Generate a response using OpenAI, incorporating memories if available
74async function generateResponse(query: string, memories: Array<{ content: string; tags?: string }> = []) {
75  try {
76    // Format all memories as context
114
115// Process the incoming request
116async function processRequest(req: Request) {
117  // Initialize database on each request (only creates if not exists)
118  await initializeDatabase();
183
184// HTTP handler
185export default async function(req: Request) {
186  // Handle OPTIONS for CORS
187  if (req.method === "OPTIONS") {

2import React from "https://esm.sh/react@18.2.0";
3
4export default function Header() {
5  return (
6    <header className="bg-indigo-600 text-white shadow-md">

13}
14
15export default function App({ initialData }: AppProps) {
16  const [properties, setProperties] = useState<Property[]>(initialData.properties);
17  const [loading, setLoading] = useState(false);

6
7- `types.ts` - TypeScript interfaces used throughout the application
8- `utils.ts` - Utility functions for formatting and data manipulation
9
10## Usage