education learning

corporate

English

Within the commercial generic top-level domain (.com), 'themagreen.com' is registered and has no subdomain. The core label 'themagreen' covers 10 characters split between four vowels and 6 consonants. Word splitting yields three words: them, a, green. Average segment length settles at 4 characters. No strong language cues emerged from the frequency lists.

_subject

_template

_captcha

_honey

name

email

subject

message

default-src 'none'; style-src 'unsafe-inline'; img-src data:; connect-src 'self'

require-trusted-types-for 'script'; report-uri https://csp.withgoogle.com/csp/apps-themes

require-trusted-types-for 'script'; report-uri https://csp.withgoogle.com/csp/recaptcha-scs

Testimonial form

978fac2be86f2eb465f159ff364c5620dbcc28233a393b1457f399804323ed2d

220934f576134b0466d99f786ce21b13f87d319b1e9ae633c55e68f6f41c3c9d

faee7815a5fd27e938d1e01c8392b66332024908eb118048f608eee671371df6

ce27cbb2e1e99239ac5b2d37767ab1d1f4fb184f220229bb30b1851dfbeca57b

4d864d43ca6ae3790cdf87f16c8d25e6484759cb69665d03592214e92277428c

5375fb1e77e88bcb6d8d59edbd3c9e2fe71f00e422a7063f3147d65b841ec976

56e76078f50d20de453a1be42ea1f9b67e20f551d573c29e981823de3083fc32

cb8acae1c45fee5f0e108c043115dac9bcb55a602bb842640845bcc921863cc7

a2d1ac76786c1e221fc81c47044410b97a991d6a20d8e13a8ec6c892003881ec

Titanic disaster human factors analysis
Human Factors-based reconstruction of crew decisions, commun

GMU library website redesign
Research led update of a large university library site using usability 

Bigbelly waste management partnership
Field research with a campus waste partner, mapping real colle

UMass Amherst human performance lab
Unity 3D bicycle simulator updates that supported Department of 

Mason commutes app
Native mobile concept that connects GMU commuters by routes, schedules, and inter

Focus guardian mobile control
Companion app for a browser extension that lets people set focus sessi

Focus mobile app
Minimalist social concept with a limited posting model, analytics, and messaging de

AuraFlex smartwatch and companion
Wearable and phone concept that layers posture alerts, calm modes,

Shark tank innovation pitch
End to end design thinking project that used lean canvas work, market ch

Field study assignment
Contextual inquiry and observation sessions used to surface quiet pain points

Design thinking mini projects
A sequence of short sprints that practiced empathy maps, points of vie

The Focus ecosystem
System level concept that links daily post limits, Focus guardian interventions,

AuraFlex product ecosystem
Wearable family concept that treats voice first control and accessibility

The sunlight project
Positive social app idea that rewards kind actions with rays and nudges people 

AI Anime recommender website
MyAnimeList and AniList, two of the largest anime catalog platforms, st

PLTW engineering
Hands on engineering pathway with CAD, electronics, and problem solving that became

A7vZI3v+Gz7JfuRolKNM4Aff6zaGuT7X0mf3wtoZTnKv6497cVMnhy03KDqX7kBz/q/iidW7srW31oQbBt4VhgoAAACUeyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGUuY29tOjQ0MyIsImZlYXR1cmUiOiJEaXNhYmxlVGhpcmRQYXJ0eVN0b3JhZ2VQYXJ0aXRpb25pbmczIiwiZXhwaXJ5IjoxNzU3OTgwODAwLCJpc1N1YmRvbWFpbiI6dHJ1ZSwiaXNUaGlyZFBhcnR5Ijp0cnVlfQ==

width=device-width, initial-scale=1, viewport-fit=cover

viewport

color-scheme

theme-color

Portfolio of Thema Green — Human Factors & UX professional bridging cognitive science, design, and AI to build accessible, high-performance systems.

description

Human-centered systems, research-driven design, and accessible engineering.

https://img1.wsimg.com/isteam/ip/053e8308-98f4-48ed-9757-f05267658253/1000005403.jpg

HSTS header missing - vulnerable to protocol downgrade attacks

CSP header missing - vulnerable to XSS attacks

child-src https:  chrome-untrusted://new-tab-page/ chrome-untrusted://ntp-microsoft-auth/;connect-src chrome://resources chrome://theme 'self';default-src 'self';font-src chrome://resources 'self';img-src chrome://resources chrome://theme chrome://image chrome://favicon2 chrome://app-icon chrome://extension-icon chrome://fileicon blob: data: 'self';object-src 'none';require-trusted-types-for 'script';script-src chrome://resources chrome://webui-test 'self';style-src chrome://resources chrome://theme 'self' 'unsafe-inline';trusted-types parse-html-subset sanitize-inner-html static-types webui-test-script webui-test-html polymer-html-literal polymer-template-event-attribute-policy lit-html-desktop;frame-ancestors 'none';

child-src 'none';object-src 'none';require-trusted-types-for 'script';script-src chrome://resources 'self';trusted-types;worker-src blob: 'self';frame-ancestors 'none';

child-src 'none';object-src 'none';require-trusted-types-for 'script';script-src chrome://resources 'self';trusted-types;frame-ancestors 'none';

base-uri 'none';child-src https:;form-action https://ogs.google.com https://*.corp.google.com;object-src 'none';script-src 'self' 'unsafe-inline' https:;frame-ancestors chrome://new-tab-page/

GoDaddy.com, LLC

THEMAGREEN.COM

Abuse

Google LLC

GOOGLE


// ===== ADVANCED SEARCH WITH MULTIPLE FEATURES =====

let fuse = null;
let projectsData = [];
let searchHistory = JSON.parse(localStorage.getItem('searchHistory') || '[]');

// 1. Initialize with enhanced data extraction
function initAdvancedSearch() {
  const cards = document.querySelectorAll('#projectsGrid .card');
  
  projectsData = Array.from(cards).map((card, index) => {
    const titleEl = card.querySelector('h3');
    const summaryEl = card.querySelector('p.muted');
    const tags = Array.from(card.querySelectorAll('.tag')).map(t => t.textContent.trim());
    const metaChips = Array.from(card.querySelectorAll('.meta-chip')).map(c => c.textContent.trim());
    const category = card.getAttribute('data-category') || '';
    const date = card.getAttribute('data-date') || '';
    
    return {
      index,
      element: card,
      title: titleEl?.textContent.trim() || '',
      summary: summaryEl?.textContent.trim() || '',
      tags,
      metaChips,
      category,
      date,
      allText: [
        titleEl?.textContent || '',
        summaryEl?.textContent || '',
        ...tags,
        ...metaChips
      ].join(' ')
    };
  });
  
  // Advanced Fuse.js configuration with weighted fields
  fuse = new Fuse(projectsData, {
    keys: [
      { name: 'title', weight: 0.4 },
      { name: 'summary', weight: 0.25 },
      { name: 'tags', weight: 0.2 },
      { name: 'metaChips', weight: 0.1 },
      { name: 'allText', weight: 0.05 }
    ],
    includeScore: true,
    includeMatches: true,
    threshold: 0.4,
    ignoreLocation: true,
    minMatchCharLength: 2,
    useExtendedSearch: true
  });
  
  console.log('✓ Advanced search initialized with', projectsData.length, 'projects');
}

// 2. Advanced search with highlighting and badges// 2. Advanced search with highlighting and badges
function advancedSearch(query) {
    const cards = document.querySelectorAll('#projectsGrid .card');
    const resultCount = document.getElementById('searchResultCount');
    
    // Remove old badges and highlights
    document.querySelectorAll('.rank-badge').forEach(b => b.remove());
    document.querySelectorAll('.search-highlight').forEach(el => el.outerHTML = el.textContent);
    
    // CHECK WHICH TAB IS ACTIVE
    const activeTab = document.querySelector('.tab-btn[aria-selected="true"]');
    const currentTab = activeTab ? activeTab.dataset.tab : 'projects';
    
    // If not on Projects tab, don't search (or show message)
    if (currentTab !== 'projects' && query && query.trim()) {
        if (resultCount) {
            resultCount.textContent = 'Search only works on Projects tab';
            resultCount.style.cssText = 'color: var(--text-muted); font-weight: 600; font-size: 0.9rem; margin-top: 8px; text-align: center;';
        }
        return;
    }
    
    // Empty query - show all
    if (!query || !query.trim()) {
        cards.forEach(c => c.style.display = '');
        if (resultCount) resultCount.textContent = '';
        return;
    }
    
    // Perform fuzzy search (existing code continues...)
    const results = fuse.search(query);
    const matched = new Set(results.map(r => r.item.index));
    
    // Show/hide cards
    cards.forEach((card, i) => {
        card.style.display = matched.has(i) ? '' : 'none';
    });
    
    // Add rank badges to top 3 results
    results.slice(0, 3).forEach((result, rank) => {
        const badge = document.createElement('span');
        badge.className = 'rank-badge';
        badge.textContent = `#${rank + 1}`;
        badge.style.cssText = 'position: absolute; top: 12px; right: 12px; background: var(--gold-500); color: #1b1408; padding: 4px 10px; border-radius: 999px; font-size: 0.75rem; font-weight: 700; z-index: 10; box-shadow: 0 2px 8px rgba(0,0,0,0.15);';
        
        const cardLink = result.item.element.querySelector('.card-link') || result.item.element;
        if (cardLink.style.position !== 'absolute') {
            cardLink.style.position = 'relative';
        }
        cardLink.appendChild(badge);
    });
    
    // Update result count
    if (resultCount) {
        resultCount.textContent = `${results.length} result${results.length !== 1 ? 's' : ''} found`;
        resultCount.style.cssText = 'color: var(--green-600); font-weight: 600; font-size: 0.9rem; margin-top: 8px; text-align: center;';
    }
    
    console.log(`Found ${results.length} results for "${query}"`);
}

// 3. Search suggestions as you type
function showSearchSuggestions(query) {
  if (!query || query.length < 2) {
    hideSearchSuggestions();
    return;
  }
  
  const results = fuse.search(query).slice(0, 5);
  const suggestionsDiv = document.getElementById('searchSuggestions');
  
  if (!suggestionsDiv || results.length === 0) {
    hideSearchSuggestions();
    return;
  }
  
  const suggestions = results.map(r => r.item.title);
  suggestionsDiv.innerHTML = suggestions.map(title => 
    `<div class="suggestion-item" style="
      padding: 8px 12px;
      cursor: pointer;
      border-bottom: 1px solid var(--surface-2);
      transition: background 0.2s;
    " onmouseover="this.style.background='var(--surface-2)'" 
       onmouseout="this.style.background='transparent'"
       onclick="selectSuggestion('${title.replace(/'/g, "\\'")}')">
      ${title}
    </div>`
  ).join('');
  
  suggestionsDiv.style.display = 'block';
}

function hideSearchSuggestions() {
  const suggestionsDiv = document.getElementById('searchSuggestions');
  if (suggestionsDiv) suggestionsDiv.style.display = 'none';
}

function selectSuggestion(title) {
  const input = document.querySelector('input[aria-label="Find experience for any role"]');
  if (input) {
    input.value = title;
    advancedSearch(title);
    hideSearchSuggestions();
  }
}

// 4. Search history management
function addToSearchHistory(query) {
    if (!query || query.trim() === '') return;
    
    query = query.trim();
    
    // Remove if already exists (case-insensitive to prevent duplicates)
    searchHistory = searchHistory.filter(q => q.toLowerCase() !== query.toLowerCase());
    
    // Add to beginning
    searchHistory.unshift(query);
    
    // Keep max 10 in storage (but only show 3)
    searchHistory = searchHistory.slice(0, 10);
    
    localStorage.setItem('searchHistory', JSON.stringify(searchHistory));
}

function showSearchHistory() {
    if (searchHistory.length === 0) return;
    
    const suggestionsDiv = document.getElementById('searchSuggestions');
    if (!suggestionsDiv) return;
    
    // LIMIT TO 3 ITEMS MAX
    const historyToShow = searchHistory.slice(0, 3);
    
    suggestionsDiv.innerHTML = `
        <div style="padding: 8px 12px; font-weight: 600; color: var(--text-muted); font-size: 0.85rem; border-bottom: 1px solid var(--surface-2);">
            Recent Searches
        </div>
        ${historyToShow.map(query => `
            <div class="suggestion-item" style="padding: 8px 12px; cursor: pointer; border-bottom: 1px solid var(--surface-2); transition: background 0.2s;"
                onmouseover="this.style.background='var(--surface-2)'"
                onmouseout="this.style.background='transparent'"
                onclick="selectSuggestion('${query.replace(/'/g, "\\'")}')">
                <i class="fas fa-history" style="margin-right: 8px; opacity: 0.5;"></i>${query}
            </div>
        `).join('')}
    `;
    suggestionsDiv.style.display = 'block';
}

// 5. Keyboard shortcuts (Ctrl+K to focus search)
document.addEventListener('keydown', (e) => {
  if ((e.ctrlKey || e.metaKey) && e.key === 'k') {
    e.preventDefault();
    const input = document.querySelector('input[aria-label="Find experience for any role"]');
    if (input) {
      input.focus();
      input.select();
    }
  }
  
  // ESC to clear search
  if (e.key === 'Escape') {
    const input = document.querySelector('input[aria-label="Find experience for any role"]');
    if (input && input.value) {
      input.value = '';
      advancedSearch('');
      hideSearchSuggestions();
    }
  }
});

// 6. Setup advanced search UI
function setupAdvancedSearchUI() {
  const searchInput = document.querySelector('input[aria-label="Find experience for any role"]');
  if (!searchInput) return;
  
  // Add result count display
  const searchWrapper = searchInput.closest('.role-search-wrapper');
  if (searchWrapper && !document.getElementById('searchResultCount')) {
    const resultCount = document.createElement('div');
    resultCount.id = 'searchResultCount';
    searchWrapper.parentNode.insertBefore(resultCount, searchWrapper.nextSibling);
  }
  
  // Add suggestions dropdown
  if (!document.getElementById('searchSuggestions')) {
    const suggestionsDiv = document.createElement('div');
    suggestionsDiv.id = 'searchSuggestions';
    
suggestionsDiv.style.cssText = `
  display: none;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background: var(--surface-0);
  border: 1px solid var(--surface-2);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-strong);
  z-index: 1000;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
    `;
    
    const wrapper = searchInput.closest('.role-search-wrapper');
    if (wrapper) {
      wrapper.style.position = 'relative';
      wrapper.appendChild(suggestionsDiv);
    }
  }
  
  // Add clear button
  const clearBtn = document.createElement('button');
  clearBtn.innerHTML = '<i class="fas fa-times"></i>';
  clearBtn.style.cssText = `
    position: absolute;
    right: 60px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    padding: 8px;
    display: none;
    z-index: 10;
  `;
  clearBtn.onclick = () => {
    searchInput.value = '';
    advancedSearch('');
    hideSearchSuggestions();
    clearBtn.style.display = 'none';
  };
  
  const inputWrapper = searchInput.parentElement;
  if (inputWrapper && !inputWrapper.querySelector('.fas.fa-times')) {
    inputWrapper.appendChild(clearBtn);
  }
  
  // Event listeners
searchInput.addEventListener('input', (e) => {
    const query = e.target.value;
    advancedSearch(query);
    showSearchSuggestions(query);
    // Show/hide clear button
    clearBtn.style.display = query ? 'block' : 'none';
    // DON'T save to history here - only on Enter/button click
});

// Add Enter key handler to save search
searchInput.addEventListener('keypress', (e) => {
    if (e.key === 'Enter') {
        e.preventDefault();
        const query = searchInput.value.trim();
        if (query) {
            addToSearchHistory(query);
            advancedSearch(query);
            hideSearchSuggestions();
        }
    }
});
  
  searchInput.addEventListener('focus', () => {
    if (!searchInput.value) {
      showSearchHistory();
    }
  });
  
  // Click outside to hide suggestions
  document.addEventListener('click', (e) => {
    if (!searchInput.contains(e.target) && !document.getElementById('searchSuggestions')?.contains(e.target)) {
      hideSearchSuggestions();
    }
  });
  
  console.log('✓ Advanced search UI initialized');
}

// 7. Initialize everything
function initAll() {
  initAdvancedSearch();
  setupAdvancedSearchUI();
  initProjectFilters(); 
  
  // Show keyboard shortcut hint
  const searchInput = document.querySelector('input[aria-label="Find experience for any role"]');
  if (searchInput) {
    searchInput.placeholder = searchInput.placeholder + ' (Ctrl+K)';
  }
}

document.addEventListener('DOMContentLoaded', initAll);

if (document.readyState !== 'loading') {
  initAll();
}

// Make selectSuggestion globally accessible
window.selectSuggestion = selectSuggestion;



// ===== SIMPLE PROJECT FILTERS (Projects tab only) =====
(function () {
  const panel = document.getElementById('panel-projects');
  if (!panel) return;
  
  const filterBtns = panel.querySelectorAll('.filter-btn');
  const projectCards = document.querySelectorAll('#projectsGrid .card');
  
  if (!filterBtns.length || !projectCards.length) return;

  function applyCategory(cat) {
    filterBtns.forEach(b => {
      const match = b.dataset.filter === cat;
      b.setAttribute('aria-pressed', match);
    });
    
    projectCards.forEach(card => {
      const cardCat = card.dataset.category;
      if (cat === 'all' || cardCat === cat) {
        card.style.display = '';
      } else {
        card.style.display = 'none';
      }
    });
  }

  filterBtns.forEach(btn => {
    btn.addEventListener('click', () => {
      const category = btn.dataset.filter;
      applyCategory(category);
    });
  });

  applyCategory('all');
})();



// ===== EDUCATION FILTERS (Education tab) =====
(function () {
  const panel = document.getElementById('panel-education');
  if (!panel) return;
  
  const filterBtns = panel.querySelectorAll('.filter-btn');
  const items = panel.querySelectorAll('.timeline .t-item');
  
  if (!filterBtns.length || !items.length) return;

  function applyFilter(cat) {
    filterBtns.forEach(b => {
      const match = b.dataset.filter === cat;
      b.setAttribute('aria-pressed', match);
    });
    
    items.forEach(item => {
      const itemCat = item.dataset.category;
      if (cat === 'all' || itemCat === cat) {
        item.style.display = '';
      } else {
        item.style.display = 'none';
      }
    });
  }

  filterBtns.forEach(btn => {
    btn.addEventListener('click', () => {
      const category = btn.dataset.filter;
      applyFilter(category);
    });
  });

  applyFilter('all');
})();

// Toggle testimonial form visibility
(function() {
  const formCard = document.getElementById('testimonialFormCard');
  const toggleBtn = document.getElementById('toggleTestimonialFormBtn');

  if (toggleBtn && formCard) {
    toggleBtn.addEventListener('click', () => {
      const isVisible = formCard.classList.toggle('visible');
      formCard.setAttribute('aria-hidden', isVisible ? 'false' : 'true');

      // Update styles for smooth reveal
      if (isVisible) {
        formCard.style.opacity = '1';
        formCard.style.maxHeight = '1200px';
        formCard.style.transform = 'translateY(0)';
      } else {
        formCard.style.opacity = '0';
        formCard.style.maxHeight = '0';
        formCard.style.transform = 'translateY(8px)';
      }

      const icon = toggleBtn.querySelector('i.fa-solid');
      if (icon) {
        icon.classList.toggle('fa-chevron-down', !isVisible);
        icon.classList.toggle('fa-chevron-up', isVisible);
      }

      if (isVisible) {
        formCard.scrollIntoView({ behavior: 'smooth', block: 'start' });
      }
    });
  }
})();



Requests	IP Address	Location	AS Autonomous System
1	216.58.206.67	United States	AS15169GOOGLE
1	142.250.185.170	United States	AS15169GOOGLE
1	185.199.110.153	United States	AS54113FASTLY
1	104.17.24.14	United States	AS13335CLOUDFLARENET
1	23.207.210.148	Frankfurt am Main, Hesse, Germany	AS20940Akamai International B.V.
1	142.250.186.163	United States	AS15169GOOGLE
1	185.199.111.153	United States	AS54113FASTLY
1	216.58.206.68	United States	AS15169GOOGLE
1	104.16.175.226	United States	AS13335CLOUDFLARENET
1	104.17.25.14	United States	AS13335CLOUDFLARENET
22	22	-	-

Security Scan Report: themagreen.com

Summary

AI Security Verdict

Safe Website

Safety Factors

Details

Screenshot

Page Load Overview

Language Analysis

Primary Language

Detection Details

Website Classification

Primary Category

All Detected Categories

Detected Features

Domain & IP Information

Page Statistics

Detected Technologies3

Content Similarity HashesFor malware variant detection

TLSH (Trend Micro Locality Sensitive Hash)

ssdeep (Context Triggered Piecewise Hashing)

sdhash (Similarity Digest Hashing)

Image Hashes

Perceptual Hashes

Other Hashes

Scan History