{"id":10,"date":"2025-05-05T04:31:33","date_gmt":"2025-05-05T04:31:33","guid":{"rendered":"https:\/\/mamamoya.com\/?page_id=10"},"modified":"2025-05-05T04:46:37","modified_gmt":"2025-05-05T04:46:37","slug":"home","status":"publish","type":"page","link":"https:\/\/mamamoya.com\/","title":{"rendered":"Home"},"content":{"rendered":"

[et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″][et_pb_fullwidth_slider _builder_version=”4.27.4″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″][et_pb_slide heading=”Mama Moya” button_text=”Click Here” _builder_version=”4.27.4″ _module_preset=”default” background_image=”https:\/\/mamamoya.com\/wp-content\/uploads\/2025\/05\/futurevalleycity-936928.jpeg” background_enable_image=”on” global_colors_info=”{}” sticky_transition=”on”][\/et_pb_slide][\/et_pb_fullwidth_slider][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.27.4″ _module_preset=”default” background_color=”#000000″ hover_enabled=”0″ global_colors_info=”{}” custom_css_main_element=”height: 100vh;” sticky_enabled=”0″][et_pb_row _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_code _builder_version=”4.27.4″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]<\/p>\n

<\/object>knowledge<\/a>Download<\/a><\/div>\n

[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ theme_builder_area=”post_content” _builder_version=”4.27.4″ _module_preset=”default” custom_css_main_element=”height: 100vh;” hover_enabled=”0″ sticky_enabled=”0″][et_pb_row _builder_version=”4.27.4″ _module_preset=”default” theme_builder_area=”post_content”][et_pb_column _builder_version=”4.27.4″ _module_preset=”default” type=”4_4″ theme_builder_area=”post_content”][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.27.4″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″][et_pb_row _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<\/p>\n

index_html<\/b><\/p>\n

<!DOCTYPE html><\/p>\n

<html lang=”en”><\/p>\n

<head><\/p>\n

<meta charset=”UTF-8″><\/p>\n

<title>Smart Search<\/title><\/p>\n

<link rel=”stylesheet” href=”styles.css”><\/p>\n

<\/head><\/p>\n

<body><\/p>\n

<div class=”layout”><\/p>\n

<aside class=”toc”><\/p>\n

<h2>A-Z Knowledgebase<\/h2><\/p>\n

<ul id=”tocList”><\/ul><\/p>\n

<\/aside><\/p>\n

<main class=”content”><\/p>\n

<h1>Search The Knowledgebase<\/h1><\/p>\n

<input type=”text” id=”searchBox” placeholder=”Search…” oninput=”filterResults()”><\/p>\n

<div id=”contentDisplay”><\/p>\n

<p>Select a topic from the A-Z list or use the search above.<\/p><\/p>\n

<\/div><\/p>\n

<section id=”editorSection” style=”margin-top:40px;”><\/p>\n

<h2>Edit Knowledgebase<\/h2><\/p>\n

<form id=”editorForm”><\/p>\n

<label for=”parentSelect”>Parent Category:<\/label><\/p>\n

<select id=”parentSelect”><\/select><br><br><\/p>\n

<label for=”itemTitle”>Title:<\/label><br><\/p>\n

<input type=”text” id=”itemTitle” style=”width:100%;” \/><br><br><\/p>\n

<label for=”itemContent”>Content (HTML allowed):<\/label><br><\/p>\n

<textarea id=”itemContent” rows=”10″ style=”width:100%;”><\/textarea><br><br><\/p>\n

<button type=”button” id=”saveItem”>Save<\/button><\/p>\n

<button type=”button” id=”deleteItem”>Delete<\/button><\/p>\n

<br><\/p>\n

<button id=”exportJsButton” onclick=”exportDataToFile()”>\ud83d\udcbe <\/span><button id=”exportTxtButton” onclick=”exportDataAsTxt()”>\ud83d\udcc4 <\/span>type=”file” id=”fileInput” onchange=”importDataFromFile(this)”<\/p>\n

accept=”.js,.json,.txt”><br><br><\/p>\n

<p id=”editorStatus” style=”margin-top:10px; color:green;”><\/p><\/p>\n

<\/form><\/p>\n

<\/section><\/p>\n

Save to File<\/button><\/p>\n

Save as Text<\/button> <input<\/p>\n

<\/main><\/p>\n

<\/div><\/p>\n

<script src=”data.js”><\/script><\/p>\n

<script src=”app.js”><\/script><\/p>\n

<script src=”editor.js”><\/script><\/p>\n

<\/body><\/p>\n

<\/html>\u2014\u2014\u2014-<\/p>\n

app_js<\/b><\/p>\n

document.addEventListener(“DOMContentLoaded”, function () {<\/p>\n

const tocRoot = document.getElementById(‘tocList’);<\/p>\n

const contentDisplay = document.getElementById(‘contentDisplay’);<\/p>\n

const searchBox = document.getElementById(‘searchBox’);<\/p>\n

const dataMap = new Map();<\/p>\n

const childMap = new Map();<\/p>\n

data.forEach(item => {<\/p>\n

dataMap.set(item.id, item);<\/p>\n

if (item.parent) {<\/p>\n

if (!childMap.has(item.parent)) {<\/p>\n

childMap.set(item.parent, []);<\/p>\n

}<\/p>\n

childMap.get(item.parent).push(item);<\/p>\n

} else {<\/p>\n

if (!childMap.has(null)) childMap.set(null, []);<\/p>\n

childMap.get(null).push(item);<\/p>\n

}<\/p>\n

});<\/p>\n

function buildTOC(parentId, container) {<\/p>\n

const children = childMap.get(parentId) || [];<\/p>\n

children.forEach(item => {<\/p>\n

const li = document.createElement(‘li’);<\/p>\n

const titleSpan = document.createElement(‘span’);<\/p>\n

titleSpan.textContent = item.title;<\/p>\n

titleSpan.classList.add(‘toc-item’);<\/p>\n

li.appendChild(titleSpan);<\/p>\n

container.appendChild(li);<\/p>\n

if (item.content && !item.parent) {<\/p>\n

titleSpan.onclick = () => {<\/p>\n

document.querySelectorAll(‘.collapsible’).forEach(el => {<\/p>\n

if (el !== li.querySelector(‘ul’)) {<\/p>\n

el.classList.remove(‘visible’);<\/p>\n

}<\/p>\n

});<\/p>\n

const subList = li.querySelector(‘ul’);<\/p>\n

if (subList) subList.classList.toggle(‘visible’);<\/p>\n

};<\/p>\n

} else if (item.content) {<\/p>\n

titleSpan.onclick = () => displayContent(item);<\/p>\n

}<\/p>\n

if (childMap.has(item.id)) {<\/p>\n

const ul = document.createElement(‘ul’);<\/p>\n

ul.classList.add(‘sub-toc’);ul.classList.add(‘collapsible’);<\/p>\n

buildTOC(item.id, ul);<\/p>\n

li.appendChild(ul);<\/p>\n

}<\/p>\n

});<\/p>\n

}<\/p>\n

function resetTOC() {<\/p>\n

tocRoot.innerHTML = ”;<\/p>\n

buildTOC(null, tocRoot);<\/p>\n

contentDisplay.innerHTML = “<p>Select a topic from the TOC or use the search above.<\/<\/p>\n

p>”;<\/p>\n

}<\/p>\n

resetTOC();<\/p>\n

window.filterResults = function () {<\/p>\n

const query = searchBox.value.toLowerCase().trim();<\/p>\n

if (query === “”) {<\/p>\n

resetTOC();<\/p>\n

return;<\/p>\n

}<\/p>\n

const matches = [];<\/p>\n

data.forEach(item => {<\/p>\n

if (<\/p>\n

item.title.toLowerCase().includes(query) ||<\/p>\n

(item.content && item.content.toLowerCase().includes(query))<\/p>\n

) {<\/p>\n

matches.push(item);<\/p>\n

}<\/p>\n

});<\/p>\n

tocRoot.innerHTML = ”;<\/p>\n

matches.forEach(match => {<\/p>\n

const li = document.createElement(‘li’);<\/p>\n

li.classList.add(‘toc-match’);<\/p>\n

li.textContent = `${match.title}`;<\/p>\n

li.onclick = () => displayContent(match);<\/p>\n

tocRoot.appendChild(li);<\/p>\n

});<\/p>\n

if (matches.length > 0) {<\/p>\n

renderSummary(matches);<\/p>\n

} else {<\/p>\n

contentDisplay.innerHTML = “<p>No results found.<\/p>”;<\/p>\n

}<\/p>\n

};<\/p>\n

function renderSummary(items) {<\/p>\n

contentDisplay.innerHTML = “<h2>Search Results<\/h2>”;const ul = document.createElement(‘ul’);<\/p>\n

items.forEach(item => {<\/p>\n

const li = document.createElement(‘li’);<\/p>\n

const a = document.createElement(‘a’);<\/p>\n

a.href = “#”;<\/p>\n

a.textContent = item.title;<\/p>\n

a.onclick = (e) => {<\/p>\n

e.preventDefault();<\/p>\n

displayContent(item);<\/p>\n

};<\/p>\n

const snippet = document.createElement(‘p’);<\/p>\n

snippet.textContent = item.content.replace(\/<[^>]+>\/g, ”).slice(0, 100) + “…”;<\/p>\n

li.appendChild(a);<\/p>\n

li.appendChild(snippet);<\/p>\n

ul.appendChild(li);<\/p>\n

});<\/p>\n

contentDisplay.appendChild(ul);<\/p>\n

}<\/p>\n

function displayContent(item) {<\/p>\n

contentDisplay.innerHTML = `<h2>${item.title}<\/h2>${item.content}<\/p>\n

<br><button onclick=’editItem(${item.id})’>\u270f <\/span>Edit This<\/button>`;<\/p>\n

}<\/p>\n

});<\/p>\n

\u2014\u2014\u2014\u2014<\/p>\n

editor_js<\/b><\/p>\n

document.addEventListener(“DOMContentLoaded”, function () {<\/p>\n

const editorForm = document.getElementById(“editorForm”);<\/p>\n

const parentSelect = document.getElementById(“parentSelect”);<\/p>\n

const titleInput = document.getElementById(“itemTitle”);<\/p>\n

const contentInput = document.getElementById(“itemContent”);<\/p>\n

const saveBtn = document.getElementById(“saveItem”);<\/p>\n

const deleteBtn = document.getElementById(“deleteItem”);<\/p>\n

const statusMsg = document.getElementById(“editorStatus”);<\/p>\n

let editingId = null;<\/p>\n

window.editItem = function(itemId) {<\/p>\n

const item = data.find(i => i.id === itemId);<\/p>\n

if (item) {<\/p>\n

editingId = itemId;<\/p>\n

titleInput.value = item.title;<\/p>\n

contentInput.value = item.content;<\/p>\n

if (item.parent) parentSelect.value = item.parent;<\/p>\n

statusMsg.textContent = `Editing item ${editingId}`;<\/p>\n

}};<\/p>\n

function populateParentOptions() {<\/p>\n

parentSelect.innerHTML = ”;<\/p>\n

data.forEach(item => {<\/p>\n

if (!item.parent) {<\/p>\n

const option = document.createElement(“option”);<\/p>\n

option.value = item.id;<\/p>\n

option.textContent = item.title;<\/p>\n

parentSelect.appendChild(option);<\/p>\n

}<\/p>\n

});<\/p>\n

}<\/p>\n

function resetEditor() {<\/p>\n

editingId = null;<\/p>\n

titleInput.value = ”;<\/p>\n

contentInput.value = ”;<\/p>\n

statusMsg.textContent = ‘Ready to add new item.’;<\/p>\n

function saveToLocal() {<\/p>\n

localStorage.setItem(“knowledgebaseData”, JSON.stringify(data));<\/p>\n

}<\/p>\n

}<\/p>\n

function loadFromLocal() {<\/p>\n

const stored = localStorage.getItem(“knowledgebaseData”);<\/p>\n

if (stored) {<\/p>\n

try {<\/p>\n

const parsed = JSON.parse(stored);<\/p>\n

if (Array.isArray(parsed)) {<\/p>\n

data.length = 0;<\/p>\n

data.push(…parsed);<\/p>\n

}<\/p>\n

} catch (e) {<\/p>\n

console.error(“Failed to parse stored data”);<\/p>\n

}<\/p>\n

}<\/p>\n

}<\/p>\n

saveBtn.onclick = () => {<\/p>\n

const title = titleInput.value.trim();<\/p>\n

const content = contentInput.value.trim();<\/p>\n

const parent = parseInt(parentSelect.value);<\/p>\n

if (!title || !content) {<\/p>\n

alert(“Title and content are required.”);<\/p>\n

return;<\/p>\n

}<\/p>\n

if (editingId !== null) {<\/p>\n

const item = data.find(i => i.id === editingId);<\/p>\n

if (item) {<\/p>\n

item.title = title;item.content = content;<\/p>\n

item.parent = parent;<\/p>\n

statusMsg.textContent = `Updated item ${editingId}`;<\/p>\n

saveToLocal();<\/p>\n

populateParentOptions();<\/p>\n

if (typeof filterResults === ‘function’) filterResults();<\/p>\n

}<\/p>\n

} else {<\/p>\n

const newId = data.reduce((max, i) => Math.max(max, i.id), 0) + 1;<\/p>\n

data.push({<\/p>\n

id: newId,<\/p>\n

parent: parent,<\/p>\n

title: title,<\/p>\n

content: content<\/p>\n

});<\/p>\n

statusMsg.textContent = `Added item ${newId}`;<\/p>\n

saveToLocal();<\/p>\n

populateParentOptions();<\/p>\n

if (typeof filterResults === ‘function’) filterResults();<\/p>\n

}<\/p>\n

saveToLocal();<\/p>\n

resetEditor();<\/p>\n

if (typeof filterResults === ‘function’) filterResults();<\/p>\n

};<\/p>\n

deleteBtn.onclick = () => {<\/p>\n

if (editingId !== null) {<\/p>\n

const index = data.findIndex(i => i.id === editingId);<\/p>\n

if (index > -1) {<\/p>\n

data.splice(index, 1);<\/p>\n

statusMsg.textContent = `Deleted item ${editingId}`;<\/p>\n

resetEditor();<\/p>\n

saveToLocal();<\/p>\n

if (typeof filterResults === ‘function’) filterResults();<\/p>\n

}<\/p>\n

}<\/p>\n

};<\/p>\n

window.exportDataToFile = function () {<\/p>\n

const blobContent = `const data = ${JSON.stringify(data, null, 2)};`;<\/p>\n

const blob = new Blob([blobContent], { type: “application\/javascript” });<\/p>\n

const url = URL.createObjectURL(blob);<\/p>\n

const a = document.createElement(“a”);<\/p>\n

a.href = url;<\/p>\n

a.download = “data.js”;<\/p>\n

a.click();<\/p>\n

URL.revokeObjectURL(url);<\/p>\n

};<\/p>\n

loadFromLocal();<\/p>\n

populateParentOptions();<\/p>\n

if (typeof filterResults === ‘function’) filterResults();resetEditor();<\/p>\n

if (typeof filterResults === ‘function’) filterResults();<\/p>\n

});<\/p>\n

\/\/ Save data.js formatted<\/p>\n

window.exportDataToFile = function () {<\/p>\n

const blobContent = `const data = ${JSON.stringify(data, null, 2)};`;<\/p>\n

const blob = new Blob([blobContent], { type: “application\/javascript” });<\/p>\n

const url = URL.createObjectURL(blob);<\/p>\n

const a = document.createElement(“a”);<\/p>\n

a.href = url;<\/p>\n

a.download = “data.js”;<\/p>\n

a.click();<\/p>\n

URL.revokeObjectURL(url);<\/p>\n

};<\/p>\n

\/\/ Save raw JSON as .txt<\/p>\n

window.exportDataAsTxt = function () {<\/p>\n

const blob = new Blob([JSON.stringify(data, null, 2)], { type: “text\/plain” });<\/p>\n

const url = URL.createObjectURL(blob);<\/p>\n

const a = document.createElement(“a”);<\/p>\n

a.href = url;<\/p>\n

a.download = “knowledgebase_data.txt”;<\/p>\n

a.click();<\/p>\n

URL.revokeObjectURL(url);<\/p>\n

};<\/p>\n

\/\/ Load imported file (json or js format with array or assignment)<\/p>\n

window.importDataFromFile = function (input) {<\/p>\n

const file = input.files[0];<\/p>\n

if (!file) return;<\/p>\n

const reader = new FileReader();<\/p>\n

reader.onload = function (e) {<\/p>\n

const text = e.target.result;<\/p>\n

try {<\/p>\n

let parsed;<\/p>\n

if (text.trim().startsWith(“const data”)) {<\/p>\n

parsed = eval(text.replace(“const data”, “parsed =”));<\/p>\n

} else {<\/p>\n

parsed = JSON.parse(text);<\/p>\n

}<\/p>\n

if (Array.isArray(parsed)) {<\/p>\n

data.length = 0;<\/p>\n

data.push(…parsed);<\/p>\n

localStorage.setItem(“knowledgebaseData”, JSON.stringify(data));<\/p>\n

if (typeof filterResults === ‘function’) filterResults();<\/p>\n

populateParentOptions();<\/p>\n

if (typeof filterResults === ‘function’) filterResults();<\/p>\n

alert(“Data imported successfully.”);<\/p>\n

} else {<\/p>\n

alert(“Invalid data format.”);<\/p>\n

}<\/p>\n

} catch (err) {console.error(“Import failed:”, err);<\/p>\n

alert(“Failed to import data.”);<\/p>\n

}<\/p>\n

};<\/p>\n

reader.readAsText(file);<\/p>\n

};<\/p>\n

\/\/ Save as JS<\/p>\n

window.exportDataToFile = function () {<\/p>\n

const blobContent = `const data = ${JSON.stringify(data, null, 2)};`;<\/p>\n

const blob = new Blob([blobContent], { type: “application\/javascript” });<\/p>\n

const url = URL.createObjectURL(blob);<\/p>\n

const a = document.createElement(“a”);<\/p>\n

a.href = url;<\/p>\n

a.download = “data.js”;<\/p>\n

a.click();<\/p>\n

URL.revokeObjectURL(url);<\/p>\n

};<\/p>\n

\/\/ Save as text<\/p>\n

window.exportDataAsTxt = function () {<\/p>\n

const blob = new Blob([JSON.stringify(data, null, 2)], { type: “text\/plain” });<\/p>\n

const url = URL.createObjectURL(blob);<\/p>\n

const a = document.createElement(“a”);<\/p>\n

a.href = url;<\/p>\n

a.download = “knowledgebase_data.txt”;<\/p>\n

a.click();<\/p>\n

URL.revokeObjectURL(url);<\/p>\n

};<\/p>\n

\/\/ Import from file<\/p>\n

window.importDataFromFile = function (input) {<\/p>\n

const file = input.files[0];<\/p>\n

if (!file) return;<\/p>\n

const reader = new FileReader();<\/p>\n

reader.onload = function (e) {<\/p>\n

let text = e.target.result.trim();<\/p>\n

try {<\/p>\n

if (text.startsWith(“const data”)) {<\/p>\n

text = text.replace(\/const data\\s*=\\s*\/, “”);<\/p>\n

text = text.replace(\/;\\s*$\/, “”);<\/p>\n

}<\/p>\n

const parsed = JSON.parse(text);<\/p>\n

if (Array.isArray(parsed)) {<\/p>\n

data.length = 0;<\/p>\n

data.push(…parsed);<\/p>\n

localStorage.setItem(“knowledgebaseData”, JSON.stringify(data));<\/p>\n

if (typeof populateParentOptions === ‘function’) populateParentOptions();<\/p>\n

if (typeof filterResults === ‘function’) filterResults();<\/p>\n

alert(“Imported data successfully.”);<\/p>\n

} else {<\/p>\n

alert(“Invalid format.”);}<\/p>\n

} catch (err) {<\/p>\n

console.error(“Import error:”, err);<\/p>\n

alert(“Could not import data.”);<\/p>\n

}<\/p>\n

};<\/p>\n

reader.readAsText(file);<\/p>\n

};<\/p>\n

\u2014\u2014\u2014\u2014\u2014\u2014-<\/p>\n

style_css<\/b><\/p>\n

body {<\/p>\n

margin: 0;<\/p>\n

background: #f4f6f8;<\/p>\n

color: #333;<\/p>\n

font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif;<\/p>\n

}<\/p>\n

.layout {<\/p>\n

display: flex;<\/p>\n

height: 100vh;<\/p>\n

overflow: hidden;<\/p>\n

}<\/p>\n

aside.toc {<\/p>\n

width: 280px;<\/p>\n

background: #1e1e2f;<\/p>\n

color: white;<\/p>\n

padding: 20px;<\/p>\n

overflow-y: auto;<\/p>\n

box-shadow: 2px 0 5px rgba(0,0,0,0.1);<\/p>\n

}<\/p>\n

aside.toc h2 {<\/p>\n

font-size: 20px;<\/p>\n

margin-bottom: 15px;<\/p>\n

color: #FCCC44;<\/p>\n

border-bottom: 1px solid #FCCC44;<\/p>\n

padding-bottom: 5px;<\/p>\n

}<\/p>\n

#tocList {<\/p>\n

list-style: none;<\/p>\n

padding: 0;<\/p>\n

}<\/p>\n

#tocList li {<\/p>\n

padding: 10px;<\/p>\n

cursor: pointer;<\/p>\n

color: #333;background: #\ufb00f;<\/p>\n

border-radius: 4px;<\/p>\n

border: 1px solid #ccc; \/* added border *\/<\/p>\n

margin-bottom: 5px;<\/p>\n

transition: background 0.3s ease, color 0.3s ease;<\/p>\n

}<\/p>\n

#tocList li:hover {<\/p>\n

background-color: #D41C2C;<\/p>\n

color: #FCCC44;<\/p>\n

}<\/p>\n

.toc-match {<\/p>\n

background: #\ufb00f;<\/p>\n

color: #D41C2C;<\/p>\n

border-left: 4px solid #FCCC44;<\/p>\n

margin-bottom: 10px;<\/p>\n

padding: 10px;<\/p>\n

font-weight: bold;<\/p>\n

}<\/p>\n

.sub-toc {<\/p>\n

list-style-type: circle;<\/p>\n

padding-left: 20px;<\/p>\n

}<\/p>\n

.sub-toc li {<\/p>\n

font-size: 90%;<\/p>\n

margin: 5px 0;<\/p>\n

}<\/p>\n

main.content {<\/p>\n

flex: 1;<\/p>\n

padding: 40px;<\/p>\n

overflow-y: auto;<\/p>\n

background: #\ufb00\ufb00\ufb00;<\/p>\n

box-shadow: inset 1px 0 5px rgba(0,0,0,0.05);<\/p>\n

}<\/p>\n

h1 {<\/p>\n

font-size: 24px;<\/p>\n

color: #D41C2C;<\/p>\n

}<\/p>\n

input#searchBox {<\/p>\n

width: 100%;<\/p>\n

padding: 12px;<\/p>\n

font-size: 16px;<\/p>\n

margin-bottom: 30px;<\/p>\n

border: 1px solid #ccc;<\/p>\n

border-radius: 6px;<\/p>\n

}<\/p>\n

#contentDisplay {background: #fafafa;<\/p>\n

padding: 20px;<\/p>\n

border: 1px solid #ddd;<\/p>\n

border-radius: 8px;<\/p>\n

box-shadow: 0 1px 3px rgba(0,0,0,0.1);<\/p>\n

}<\/p>\n

#contentDisplay ul {<\/p>\n

list-style: none;<\/p>\n

padding: 0;<\/p>\n

}<\/p>\n

#contentDisplay li {<\/p>\n

margin-bottom: 15px;<\/p>\n

padding-bottom: 10px;<\/p>\n

border-bottom: 1px solid #eee;<\/p>\n

}<\/p>\n

#contentDisplay a {<\/p>\n

font-weight: bold;<\/p>\n

color: #D41C2C;<\/p>\n

text-decoration: none;<\/p>\n

}<\/p>\n

}<\/p>\n

#contentDisplay a:hover {<\/p>\n

text-decoration: underline;<\/p>\n

.toc-item {<\/p>\n

display: block;<\/p>\n

font-weight: bold;<\/p>\n

cursor: pointer;<\/p>\n

}<\/p>\n

}<\/p>\n

}<\/p>\n

.collapsible {<\/p>\n

display: none;<\/p>\n

.collapsible.visible {<\/p>\n

display: block;<\/p>\n

\/* Enhance the appearance of expanded sub-toc lists *\/<\/p>\n

.sub-toc.collapsible.visible {<\/p>\n

background: #f0f2f5;<\/p>\n

margin-top: 6px;<\/p>\n

padding: 10px 15px;<\/p>\n

border-left: 3px solid #D41C2C;<\/p>\n

border-radius: 6px;<\/p>\n

}<\/p>\n

.sub-toc li {<\/p>\n

color: #333;font-weight: normal;<\/p>\n

padding: 5px 0;<\/p>\n

}<\/p>\n

\/* Unified width for search bar and content area *\/<\/p>\n

main.content {<\/p>\n

flex: 1;<\/p>\n

padding: 40px;<\/p>\n

overflow-y: auto;<\/p>\n

background: #\ufb00\ufb00\ufb00;<\/p>\n

box-shadow: inset 1px 0 5px rgba(0,0,0,0.05);<\/p>\n

display: flex;<\/p>\n

flex-direction: column;<\/p>\n

}<\/p>\n

input#searchBox {<\/p>\n

width: 100%;<\/p>\n

padding: 12px 15px;<\/p>\n

font-size: 16px;<\/p>\n

margin-bottom: 20px;<\/p>\n

border: 1px solid #ccc;<\/p>\n

border-radius: 6px;<\/p>\n

box-sizing: border-box;<\/p>\n

}<\/p>\n

\/* Ensure content display aligns with search box width *\/<\/p>\n

#contentDisplay {<\/p>\n

width: 100%;<\/p>\n

background: #fafafa;<\/p>\n

padding: 20px 25px;<\/p>\n

border: 1px solid #ddd;<\/p>\n

border-radius: 8px;<\/p>\n

box-shadow: 0 1px 3px rgba(0,0,0,0.1);<\/p>\n

box-sizing: border-box;<\/p>\n

}<\/p>\n

\/* Modern card-style list *\/<\/p>\n

#contentDisplay ul {<\/p>\n

list-style: none;<\/p>\n

padding: 0;<\/p>\n

margin: 0;<\/p>\n

}<\/p>\n

#contentDisplay li {<\/p>\n

background: #\ufb00f;<\/p>\n

border: 1px solid #eee;<\/p>\n

border-radius: 6px;<\/p>\n

margin-bottom: 15px;<\/p>\n

padding: 15px 20px;<\/p>\n

transition: box-shadow 0.2s ease;<\/p>\n

}<\/p>\n

#contentDisplay li:hover {box-shadow: 0 2px 8px rgba(0,0,0,0.08);<\/p>\n

}<\/p>\n

#contentDisplay a {<\/p>\n

font-weight: bold;<\/p>\n

font-size: 18px;<\/p>\n

color: #D41C2C;<\/p>\n

text-decoration: none;<\/p>\n

}<\/p>\n

}<\/p>\n

#contentDisplay a:hover {<\/p>\n

text-decoration: underline;<\/p>\n

#contentDisplay p {<\/p>\n

margin-top: 8px;<\/p>\n

font-size: 14px;<\/p>\n

color: #555;<\/p>\n

}<\/p>\n

\/* Sub-TOC polished *\/<\/p>\n

.sub-toc.collapsible.visible {<\/p>\n

background: #f7f8fa;<\/p>\n

margin-top: 6px;<\/p>\n

padding: 12px 18px;<\/p>\n

border-left: 4px solid #D41C2C;<\/p>\n

border-radius: 6px;<\/p>\n

}<\/p>\n

.sub-toc li {<\/p>\n

color: #333;<\/p>\n

font-weight: normal;<\/p>\n

padding: 6px 0;<\/p>\n

}<\/p>\n

\/* Modern styled table *\/<\/p>\n

.styled-table {<\/p>\n

width: 100%;<\/p>\n

border-collapse: collapse;<\/p>\n

margin: 20px 0;<\/p>\n

font-size: 14px;<\/p>\n

box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);<\/p>\n

background-color: #\ufb00f;<\/p>\n

}<\/p>\n

.styled-table thead tr {<\/p>\n

background-color: #D41C2C;<\/p>\n

color: #\ufb00\ufb00\ufb00;<\/p>\n

text-align: left;<\/p>\n

}<\/p>\n

.styled-table th,<\/p>\n

.styled-table td {<\/p>\n

padding: 12px 15px;border: 1px solid #ddd;<\/p>\n

}<\/p>\n

}<\/p>\n

.styled-table tbody tr:nth-child(even) {<\/p>\n

background-color: #f9f9f9;<\/p>\n

\/* Modern button styling *\/<\/p>\n

#editorForm button,<\/p>\n

#editorForm input[type=”file”] {<\/p>\n

background-color: #D41C2C;<\/p>\n

color: white;<\/p>\n

border: none;<\/p>\n

border-radius: 6px;<\/p>\n

padding: 10px 18px;<\/p>\n

margin: 6px 6px 6px 0;<\/p>\n

font-size: 14px;<\/p>\n

cursor: pointer;<\/p>\n

transition: background-color 0.2s ease-in-out;<\/p>\n

}<\/p>\n

}<\/p>\n

#editorForm button:hover,<\/p>\n

#editorForm input[type=”file”]:hover {<\/p>\n

background-color: #a91421;<\/p>\n

\/* File input visual enhancements *\/<\/p>\n

#editorForm input[type=”file”] {<\/p>\n

background-color: #FCCC44;<\/p>\n

color: #333;<\/p>\n

font-weight: bold;<\/p>\n

}<\/p>\n

\/* Exact button color rules *\/<\/p>\n

#saveItem {<\/p>\n

background-color: #28a745;<\/p>\n

#saveItem:hover {<\/p>\n

background-color: #218838;<\/p>\n

}<\/p>\n

}<\/p>\n

}<\/p>\n

}<\/p>\n

}<\/p>\n

#deleteItem {<\/p>\n

background-color: #dc3545;<\/p>\n

#deleteItem:hover {<\/p>\n

background-color: #c82333;<\/p>\n

#exportJsButton {<\/p>\n

background-color: #007b\ufb00;<\/p>\n

#exportJsButton:hover {background-color: #0069d9;<\/p>\n

}<\/p>\n

#exportTxtButton {<\/p>\n

background-color: #6f42c1;<\/p>\n

}<\/p>\n

#exportTxtButton:hover {<\/p>\n

background-color: #5936a2;<\/p>\n

}<\/p>\n

#fileInput {<\/p>\n

background-color: #FCCC44;<\/p>\n

color: #333;<\/p>\n

font-weight: bold;<\/p>\n

}<\/p>\n

#fileInput:hover {<\/p>\n

background-color: #e0b800;<\/p>\n

}<\/p>\n

\/* Forced button color rules with !important *\/<\/p>\n

#saveItem {<\/p>\n

background-color: #28a745 !important;<\/p>\n

color: white !important;<\/p>\n

}<\/p>\n

#saveItem:hover {<\/p>\n

background-color: #218838 !important;<\/p>\n

}<\/p>\n

#deleteItem {<\/p>\n

background-color: #dc3545 !important;<\/p>\n

color: white !important;<\/p>\n

}<\/p>\n

#deleteItem:hover {<\/p>\n

background-color: #c82333 !important;<\/p>\n

}<\/p>\n

#exportJsButton {<\/p>\n

background-color: #007b\ufb00 !important;<\/p>\n

color: white !important;<\/p>\n

}<\/p>\n

#exportJsButton:hover {<\/p>\n

background-color: #0069d9 !important;<\/p>\n

}<\/p>\n

#exportTxtButton {<\/p>\n

background-color: #6f42c1 !important;<\/p>\n

color: white !important;<\/p>\n

}<\/p>\n

#exportTxtButton:hover {<\/p>\n

background-color: #5936a2 !important;<\/p>\n

}<\/p>\n

#fileInput {background-color: #FCCC44 !important;<\/p>\n

color: #333 !important;<\/p>\n

font-weight: bold !important;<\/p>\n

}<\/p>\n

#fileInput:hover {<\/p>\n

background-color: #e0b800 !important;<\/p>\n

}<\/p>\n

\/* Modern editor section styling *\/<\/p>\n

#editorSection {<\/p>\n

background-color: #\ufb00f;<\/p>\n

padding: 30px;<\/p>\n

margin-top: 40px;<\/p>\n

border: 1px solid #ddd;<\/p>\n

border-radius: 8px;<\/p>\n

box-shadow: 0 2px 6px rgba(0,0,0,0.05);<\/p>\n

max-width: 800px;<\/p>\n

margin-left: auto;<\/p>\n

margin-right: auto;<\/p>\n

}<\/p>\n

#editorSection h2 {<\/p>\n

margin-bottom: 20px;<\/p>\n

color: #0c2340;<\/p>\n

}<\/p>\n

#editorForm label {<\/p>\n

font-weight: bold;<\/p>\n

display: block;<\/p>\n

margin-top: 16px;<\/p>\n

margin-bottom: 6px;<\/p>\n

}<\/p>\n

#editorForm input[type=”text”],<\/p>\n

#editorForm select,<\/p>\n

#editorForm textarea {<\/p>\n

width: 100%;<\/p>\n

padding: 10px;<\/p>\n

border: 1px solid #ccc;<\/p>\n

border-radius: 6px;<\/p>\n

font-size: 14px;<\/p>\n

box-sizing: border-box;<\/p>\n

margin-bottom: 10px;<\/p>\n

}<\/p>\n

#editorForm button {<\/p>\n

margin-right: 10px;<\/p>\n

margin-top: 10px;<\/p>\n

}<\/p>\n

\/* Match editor width to content area *\/<\/p>\n

#editorSection {width: 100%;<\/p>\n

max-width: 1000px;<\/p>\n

}<\/p>\n

data_js<\/b><\/p>\n

const data = [<\/p>\n

{<\/p>\n

“id”: 1,<\/p>\n

“title”: “A”,<\/p>\n

“content”: “<p>Topics starting with A.<\/p>”<\/p>\n

},<\/p>\n

{<\/p>\n

“id”: 2,<\/p>\n

“title”: “B”,<\/p>\n

“content”: “<p>Topics starting with B.<\/p>”<\/p>\n

},<\/p>\n

{<\/p>\n

“id”: 3,<\/p>\n

“title”: “C”,<\/p>\n

“content”: “<p>Topics starting with C.<\/p>”<\/p>\n

},<\/p>\n

{<\/p>\n

“id”: 4,<\/p>\n

“title”: “D”,<\/p>\n

“content”: “<p>Topics starting with D.<\/p>”<\/p>\n

},<\/p>\n

{<\/p>\n

“id”: 5,<\/p>\n

“title”: “E”,<\/p>\n

“content”: “<p>Topics starting with E.<\/p>”<\/p>\n

},<\/p>\n

{<\/p>\n

“id”: 6,<\/p>\n

“title”: “F”,<\/p>\n

“content”: “<p>Topics starting with F.<\/p>”<\/p>\n

},<\/p>\n

{<\/p>\n

“id”: 7,<\/p>\n

“title”: “G”,<\/p>\n

“content”: “<p>Topics starting with G.<\/p>”<\/p>\n

},<\/p>\n

{<\/p>\n

“id”: 8,<\/p>\n

“title”: “H”,<\/p>\n

“content”: “<p>Topics starting with H.<\/p>”<\/p>\n

},<\/p>\n

{<\/p>\n

“id”: 9,<\/p>\n

“title”: “I”,<\/p>\n

“content”: “<p>Topics starting with I.<\/p>”<\/p>\n

},{<\/p>\n

“id”: 10,<\/p>\n

“title”: “J”,<\/p>\n

“content”: “<p>Topics starting with J.<\/p>”<\/p>\n

},<\/p>\n

{<\/p>\n

“id”: 11,<\/p>\n

“title”: “K”,<\/p>\n

“content”: “<p>Topics starting with K.<\/p>”<\/p>\n

},<\/p>\n

{<\/p>\n

“id”: 12,<\/p>\n

“title”: “L”,<\/p>\n

“content”: “<p>Topics starting with L.<\/p>”<\/p>\n

},<\/p>\n

{<\/p>\n

“id”: 13,<\/p>\n

“title”: “M”,<\/p>\n

“content”: “<p>Topics starting with M.<\/p>”<\/p>\n

},<\/p>\n

{<\/p>\n

“id”: 14,<\/p>\n

“title”: “N”,<\/p>\n

“content”: “<p>Topics starting with N.<\/p>”<\/p>\n

},<\/p>\n

{<\/p>\n

“id”: 15,<\/p>\n

“title”: “O”,<\/p>\n

“content”: “<p>Topics starting with O.<\/p>”<\/p>\n

},<\/p>\n

{<\/p>\n

“id”: 16,<\/p>\n

“title”: “P”,<\/p>\n

“content”: “<p>Topics starting with P.<\/p>”<\/p>\n

},<\/p>\n

{<\/p>\n

“id”: 17,<\/p>\n

“title”: “Q”,<\/p>\n

“content”: “<p>Topics starting with Q.<\/p>”<\/p>\n

},<\/p>\n

{<\/p>\n

“id”: 18,<\/p>\n

“title”: “R”,<\/p>\n

“content”: “<p>Topics starting with R.<\/p>”<\/p>\n

},<\/p>\n

{<\/p>\n

“id”: 19,<\/p>\n

“title”: “S”,<\/p>\n

“content”: “<p>Topics starting with S.<\/p>”<\/p>\n

},<\/p>\n

{<\/p>\n

“id”: 20,<\/p>\n

“title”: “T”,<\/p>\n

“content”: “<p>Topics starting with T.<\/p>”},<\/p>\n

{<\/p>\n

“id”: 21,<\/p>\n

“title”: “U”,<\/p>\n

“content”: “<p>Topics starting with U.<\/p>”<\/p>\n

},<\/p>\n

{<\/p>\n

“id”: 22,<\/p>\n

“title”: “V”,<\/p>\n

“content”: “<p>Topics starting with V.<\/p>”<\/p>\n

},<\/p>\n

{<\/p>\n

“id”: 23,<\/p>\n

“title”: “W”,<\/p>\n

“content”: “<p>Topics starting with W.<\/p>”<\/p>\n

},<\/p>\n

{<\/p>\n

“id”: 24,<\/p>\n

“title”: “X”,<\/p>\n

“content”: “<p>Topics starting with X.<\/p>”<\/p>\n

},<\/p>\n

{<\/p>\n

“id”: 25,<\/p>\n

“title”: “Y”,<\/p>\n

“content”: “<p>Topics starting with Y.<\/p>”<\/p>\n

},<\/p>\n

{<\/p>\n

“id”: 26,<\/p>\n

“title”: “Z”,<\/p>\n

“content”: “<p>Topics starting with Z.<\/p>”<\/p>\n

}<\/p>\n

];<\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"

index_html <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <title>Smart Search<\/title> <link rel=”stylesheet” href=”styles.css”> <\/head> <body> <div class=”layout”> <aside class=”toc”> <h2>A-Z Knowledgebase<\/h2> <ul id=”tocList”><\/ul> <\/aside> <main class=”content”> <h1>Search The Knowledgebase<\/h1> <input type=”text” id=”searchBox” placeholder=”Search…” oninput=”filterResults()”> <div id=”contentDisplay”> <p>Select a topic from the A-Z list or use the search above.<\/p> <\/div> <section id=”editorSection” style=”margin-top:40px;”> <h2>Edit Knowledgebase<\/h2> <form […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"\n

<\/object>knowledge<\/a>Download<\/a><\/div>\n","_et_gb_content_width":"","footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mamamoya.com\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mamamoya.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mamamoya.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mamamoya.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mamamoya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":8,"href":"https:\/\/mamamoya.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":27,"href":"https:\/\/mamamoya.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/27"}],"wp:attachment":[{"href":"https:\/\/mamamoya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}