1<!DOCTYPE html> 2<html> 3<head> 4 <meta name="viewport" content="width=device-width, initial-scale=1"> 5 <!-- <link href="./css/bootstrap.min.css" rel="stylesheet"> --> 6 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> 7 8 <link rel="preconnect" href="https://fonts.googleapis.com"> 9 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 10 <link href="https://fonts.googleapis.com/css2?family=Inter:[email protected]&family=Bricolage+Grotesque:opsz,[email protected],200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> 11 <title>Mapster AI</title> 12 <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon-96624c6f.ico"> 13 <link rel="manifest" href="data:application/manifest+json;base64,ewogICAgIm5hbWUiOiAiIiwKICAgICJzaG9ydF9uYW1lIjogIiIsCiAgICAiaWNvbnMiOiBbCiAgICAgICAgewogICAgICAgICAgICAicHVycG9zZSI6ICJtYXNrYWJsZSIsCiAgICAgICAgICAgICJzaXplcyI6ICI1MTJ4NTEyIiwKICAgICAgICAgICAgInNyYyI6ICIvaW1hZ2VzL2ljb241MTJfbWFza2FibGUucG5nIiwKICAgICAgICAgICAgInR5cGUiOiAiaW1hZ2UvcG5nIgogICAgICAgIH0sCiAgICAgICAgewogICAgICAgICAgICAicHVycG9zZSI6ICJhbnkiLAogICAgICAgICAgICAic2l6ZXMiOiAiNTEyeDUxMiIsCiAgICAgICAgICAgICJzcmMiOiAiL2ltYWdlcy9pY29uNTEyX3JvdW5kZWQucG5nIiwKICAgICAgICAgICAgInR5cGUiOiAiaW1hZ2UvcG5nIgogICAgICAgIH0KICAgIF0sCiAgICAidGhlbWVfY29sb3IiOiAiIzg5MzZGRiIsCiAgICAiYmFja2dyb3VuZF9jb2xvciI6ICIjMkVDNkZFIiwKICAgICJkaXNwbGF5IjogInN0YW5kYWxvbmUiCn0="> 14
14<script type="module" crossorigin src="/assets/modulepreload-polyfill-3cfb730f.js"></script>
14 15
15<script type="module" crossorigin src="/assets/app-7bbb6fa2.js"></script>
15 16 <link rel="stylesheet" href="/assets/main-0889dfcd.css"> 17</head> 18 19<body> 20 <div class="container"> 21 <div style="height: 100vh;" class="row align-items-center justify-content-center"> 22 <div class="d-flex flex-column align-content-stretch"> 23 <div class="w-100 d-flex flex-column align-self-center align-items-center mb-4" style="height: 40%;"> 24 <span class="title-heading">Mapster.ai</span> 25 </div> 26 <div class="d-flex flex-column align-self-center align-items-center"> 27 <div class="w-100 d-flex" onclick="focusTextArea()"> 28 <span class="prefix-input-text"> 29 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" 30 xmlns="http://www.w3.org/2000/svg"> 31 <path 32 d="M7 12C9.76142 12 12 9.76142 12 7C12 4.23858 9.76142 2 7 2C4.23858 2 2 4.23858 2 7C2 9.76142 4.23858 12 7 12Z" 33 stroke="#717585" stroke-width="1.5" stroke-linecap="round" 34 stroke-linejoin="round" /> 35 <path d="M10.5356 10.5356L14 14" stroke="#717585" stroke-width="1.5" 36 stroke-linecap="round" stroke-linejoin="round" /> 37 </svg> 38 </span> 39 <textarea oninput="onChangePrompt()" class="form-control search-input flex-grow-1" id="search-input" aria-label="search input" placeholder="Type in Questions, Topics, Strategies" rows="4"></textarea> 40 <span class="placeholder-second" id="placeholder-second" style="display: block;">Example: "Marketing Strategy for 3D Mindmap"</span> 41 <span class="postfix-input-text"> 42 <svg width="28" height="28" viewBox="0 0 28 28" fill="none" 43 xmlns="http://www.w3.org/2000/svg"> 44 <rect x="0.5" y="0.5" width="27" height="27" rx="8.5" /> 45 <rect x="0.5" y="0.5" width="27" height="27" rx="8.5" stroke="#717585" /> 46 <path 47 d="M16.8125 9.5C16.8125 7.9467 15.5533 6.6875 14 6.6875C12.4467 6.6875 11.1875 7.9467 11.1875 9.5V14C11.1875 15.5533 12.4467 16.8125 14 16.8125C15.5533 16.8125 16.8125 15.5533 16.8125 14V9.5Z" 48 stroke="#717585" stroke-width="1.5" stroke-linecap="round" 49 stroke-linejoin="round" /> 50 <path d="M14 19.0625V21.3125" stroke="#717585" stroke-width="1.5" stroke-linecap="round" 51 stroke-linejoin="round" /> 52 <path 53 d="M19.0625 14C19.0625 15.3427 18.5291 16.6303 17.5797 17.5797C16.6303 18.5291 15.3427 19.0625 14 19.0625C12.6573 19.0625 11.3697 18.5291 10.4203 17.5797C9.47087 16.6303 8.9375 15.3427 8.9375 14" 54 stroke="#717585" stroke-width="1.5" stroke-linecap="round" 55 stroke-linejoin="round" /> 56 </svg> 57 58 </span> 59 </div> 60 </div> 61 <div class="w-100 d-flex flex-column align-self-center align-items-center mt-3" style="height: 56px"> 62 <a onclick="submitSearchInput()" href="/force/" class="btn btn-search btn-lg mx-4" data-trigger="search-input"> 63 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> 64 <path 65 d="M16 19C17.6569 19 19 17.6569 19 16C19 14.3431 17.6569 13 16 13C14.3431 13 13 14.3431 13 16C13 17.6569 14.3431 19 16 19Z" 66 stroke="#121316" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> 67 <path 68 d="M12 10C13.6569 10 15 8.65685 15 7C15 5.34315 13.6569 4 12 4C10.3431 4 9 5.34315 9 7C9 8.65685 10.3431 10 12 10Z" 69 stroke="#121316" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> 70 <path 71 d="M25 16C26.6569 16 28 14.6569 28 13C28 11.3431 26.6569
7110 25 10C23.3431 10 22 11.3431 22 13C22 14.6569 23.3431 16 25 16Z" 72 stroke="#121316" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> 73 <path 74 d="M25 26C26.6569 26 28 24.6569 28 23C28 21.3431 26.6569 20 25 20C23.3431 20 22 21.3431 22 23C22 24.6569 23.3431 26 25 26Z" 75 stroke="#121316" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> 76 <path 77 d="M7 27C8.65685 27 10 25.6569 10 24C10 22.3431 8.65685 21 7 21C5.34315 21 4 22.3431 4 24C4 25.6569 5.34315 27 7 27Z" 78 stroke="#121316" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> 79 <path d="M14.7812 13.2597L13.2188 9.74219" stroke="#121316" stroke-width="2" 80 stroke-linecap="round" stroke-linejoin="round" /> 81 <path d="M22.1552 13.9492L18.8477 15.0517" stroke="#121316" stroke-width="2" 82 stroke-linecap="round" stroke-linejoin="round" /> 83 <path d="M22.6322 21.1573L18.3672 17.8398" stroke="#121316" stroke-width="2" 84 stroke-linecap="round" stroke-linejoin="round" /> 85 <path d="M13.7572 17.9922L9.24219 22.0072" stroke="#121316" stroke-width="2" 86 stroke-linecap="round" stroke-linejoin="round" /> 87 </svg> 88 <span style="padding-left: 14px;">Mapster it!</span> 89 </a> 90 </div> 91 <div class="w-100 d-flex flex-column align-self-center align-items-center mt-4 " style="height: 56px"> 92 <div class="ai-question d-flex justify-content-evenly align-items-center d-none"> 93 <a>AI Questions: </a> 94 <a>Off</a> 95 <div class="form-check form-switch"> 96 <input class="form-check-input" type="checkbox" role="switch" id="ai-question-check"> 97 </div> 98 <a>On</a> 99 </div> 100 </div> 101 </div> 102 </div> 103 104 <div class="modal fade" id="confirmModal" tabindex="-1" aria-labelledby="confirmModalLabel" aria-hidden="true"> 105 <div class="modal-dialog modal-dialog-centered"> 106 <div class="modal-content"> 107 <div class="modal-header"> 108 <h1 class="modal-title fs-5" id="confirmModalLabel">Recent entries</h1> 109 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 110 </div> 111 <div class="modal-body"> 112 Do you want to go back to recently viewed work space? 113 </div> 114 <div class="modal-footer"> 115 <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">No</button> 116 <a onclick="onClickModal()" href="/force/" data-trigger="modal" class="btn btn-primary">Yes</a> 117 </div> 118 </div> 119 </div> 120 </div> 121</body> 122
123<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
123 124<!--
124<script type="text/javascript" src="./js/bootstrap.bundle.min.js"></script>
124 --> 125
126<script type="text/javascript"> 127 window.addEventListener('load', () => { 128 localStorage.removeItem('ai-question'); 129 const latestPrompt = localStorage.getItem('prompt'); 130 const latestMindmap = localStorage.getItem('nodes'); 131 if (latestMindmap != null) { 132 const confirmModal = new bootstrap.Modal(document.getElementById('confirmModal'), {}) 133 setTimeout(()=>{confirmModal.show()}, 2000); 134 } 135 }); 136 137 function submitSearchInput() { 138 let prompt = document.getElementById('search-input').value; 139 localStorage.setItem('ai-question', document.getElementById('ai-question-check').checked ); 140 localStorage.setItem('prompt', prompt); 141 localStorage.removeItem('nodes'); 142 localStorage.removeItem('plotlyChartConfig'); 143 document.getElementById('search-input').value = null; 144 return true 145 } 146 147 document.getElementById('search-input').addEventListener("keypress", (key) => { 148 if(key.keyCode === 13) { 149 submitSearchInput() 150 window.location.href = '/force/' 151 } 152 }); 153 154 155 function onChangePrompt() { 156 let prompt = document.getElementById('search-input').value; 157 158 // Split the words on each space character 159 let words = prompt.split(' '); 160 161 let placeholderSecond = document.getElementById('placeholder-second'); 162 if(prompt != '') { 163 placeholderSecond.style.display = 'none' 164 if(words.length > 5) { 165 document.getElementById('ai-question-check').checked = false 166 } 167 } else { 168 placeholderSecond.style.display = 'block' 169 } 170 } 171 172 function onClickModal() { 173 return true 174 } 175 176 function focusTextArea() { 177 document.getElementById('search-input').focus() 178 } 179</script>
179 180 181</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.