AI Free Search Engine

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Student-First Search Engine</title>
 <style>
   body {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
     max-width: 800px;
     margin: 40px auto;
     padding: 0 20px;
     background-color: #f9f9fb;
     color: #222;
   }
   h1 {
     font-size: 1.8rem;
     margin-bottom: 8px;
   }
   .subtitle {
     color: #666;
     margin-bottom: 24px;
     font-size: 0.95rem;
   }
   .search-box {
     display: flex;
     gap: 8px;
     margin-bottom: 24px;
   }
   input[type="text"] {
     flex: 1;
     padding: 12px 16px;
     font-size: 1rem;
     border: 1px solid #ccc;
     border-radius: 6px;
     outline: none;
   }
   input[type="text"]:focus {
     border-color: #0056b3;
   }
   button {
     padding: 12px 20px;
     font-size: 1rem;
     background-color: #0056b3;
     color: white;
     border: none;
     border-radius: 6px;
     cursor: pointer;
   }
   button:hover {
     background-color: #004085;
   }
   .results-count {
     font-size: 0.85rem;
     color: #777;
     margin-bottom: 16px;
   }
   .result-item {
     background: white;
     padding: 16px;
     border-radius: 6px;
     margin-bottom: 12px;
     border: 1px solid #e1e1e8;
   }
   .result-title {
     font-size: 1.1rem;
     color: #0056b3;
     text-decoration: none;
     font-weight: 600;
   }
   .result-title:hover {
     text-decoration: underline;
   }
   .result-url {
     font-size: 0.8rem;
     color: #2b7a78;
     margin: 4px 0 8px 0;
   }
   .result-snippet {
     font-size: 0.9rem;
     color: #444;
     line-height: 1.4;
   }
   .badge {
     display: inline-block;
     background: #e9ecef;
     color: #495057;
     font-size: 0.75rem;
     padding: 2px 6px;
     border-radius: 4px;
     margin-top: 8px;
   }
 </style>
</head>
<body>

 <h1>Student-First Search</h1>
 <div class="subtitle">Ad-free, privacy-first index designed for distraction-free learning.</div>

 <div class="search-box">
   <input type="text" id="searchInput" placeholder="Search math, science, history..." onkeyup="if(event.key==='Enter') executeSearch()">
   <button onclick="executeSearch()">Search</button>
 </div>

 <div id="resultsCount" class="results-count"></div>
 <div id="resultsContainer"></div>

 <script>
   // Curated index database
   const database = [
     {
       title: "NASA Space Place",
       url: "https://spaceplace.nasa.gov/",
       category: "Astronomy & Science",
       keywords: "space astronomy nasa planets earth science solar system stars physics",
       snippet: "Hands-on projects, interactive games, and clear explanations of space and Earth science concepts designed specifically for upper elementary and middle school students."
     },
     {
       title: "National Geographic Kids",
       url: "https://kids.nationalgeographic.com/",
       category: "Biology & Geography",
       keywords: "animals nature geography biology wildlife science world history habitats environment",
       snippet: "Comprehensive animal profiles, habitat maps, geographic studies, and environmental science resources tailored for youth research."
     },
     {
       title: "Library of Congress: Classroom Materials",
       url: "https://www.loc.gov/classroom-materials/",
       category: "History & Social Studies",
       keywords: "history primary sources social studies america civics government documents archive",
       snippet: "Primary source documents, historic maps, manuscripts, and timelines curated for primary and secondary history research."
     },
     {
       title: "Khan Academy: Practice & Lessons",
       url: "https://www.khanacademy.org/",
       category: "Mathematics & Physics",
       keywords: "math algebra geometry calculus physics chemistry biology practice exercises linear equations",
       snippet: "Structured exercises, foundational explanations, and step-by-step problem sets across STEM disciplines."
     },
     {
       title: "Stanford Encyclopedia of Philosophy (SEP)",
       url: "https://plato.stanford.edu/",
       category: "Philosophy & Ethics",
       keywords: "philosophy ethics logic reasoning critical thinking epistemology humanities",
       snippet: "Peer-reviewed, high-level reference work covering concepts in formal logic, history of ideas, and ethical frameworks."
     }
   ];

   function executeSearch() {
     const query = document.getElementById('searchInput').value.toLowerCase().trim();
     const container = document.getElementById('resultsContainer');
     const countDisplay = document.getElementById('resultsCount');
     
     container.innerHTML = '';
     
     if (!query) {
       countDisplay.textContent = '';
       return;
     }

     const terms = query.split(' ');
     
     // Filter & Score Results
     const results = database.map(item => {
       let score = 0;
       const textToSearch = `${item.title} ${item.keywords} ${item.snippet}`.toLowerCase();
       
       terms.forEach(term => {
         if (textToSearch.includes(term)) {
           score += 1;
           if (item.title.toLowerCase().includes(term)) score += 2;
         }
       });

       return { ...item, score };
     }).filter(item => item.score > 0)
       .sort((a, b) => b.score - a.score);

     countDisplay.textContent = `Found ${results.length} result(s) for "${query}"`;

     if (results.length === 0) {
       container.innerHTML = `<div class="result-item"><div class="result-snippet">No matching index entries found. Try terms like "math", "history", "space", or "primary sources".</div></div>`;
       return;
     }

     results.forEach(item => {
       const itemEl = document.createElement('div');
       itemEl.className = 'result-item';
       itemEl.innerHTML = `
         <a class="result-title" href="${item.url}" target="_blank" rel="noopener">${item.title}</a>
         <div class="result-url">${item.url}</div>
         <div class="result-snippet">${item.snippet}</div>
         <span class="badge">${item.category}</span>
       `;
       container.appendChild(itemEl);
     });
   }
 </script>
</body>
</html>

Having a big sale, on-site celebrity, or other event? Be sure to announce it so everybody knows and gets excited about it.

Are your customers raving about you on social media? Share their great stories to help turn potential customers into loyal ones.