How to navigate SearXNG with hotkeys
";i+="";i+=""+a[0].cat+"";i+='
| ";if(!u||l){i+=""}}i+="
element when there are only images\n d.querySelector('#urls').appendChild(d.createElement('hr'));\n }\n articleList.forEach(articleElement => {\n d.querySelector('#urls').appendChild(articleElement);\n });\n if (paginationElement) {\n d.querySelector('#results').appendChild(paginationElement);\n callback();\n }\n }\n ).catch(\n function (err) {\n console.log(err);\n var e = d.createElement('div');\n e.textContent = searxng.settings.translations.error_loading_next_page;\n e.classList.add('dialog-error');\n e.setAttribute('role', 'alert');\n replaceChildrenWith(d.querySelector('#pagination'), [ e ]);\n }\n )\n }\n\n if (searxng.settings.infinite_scroll && searxng.infinite_scroll_supported) {\n const intersectionObserveOptions = {\n rootMargin: \"20rem\",\n };\n const observedSelector = 'article.result:last-child';\n const observer = new IntersectionObserver(entries => {\n const paginationEntry = entries[0];\n if (paginationEntry.isIntersecting) {\n observer.unobserve(paginationEntry.target);\n loadNextPage(() => observer.observe(d.querySelector(observedSelector), intersectionObserveOptions));\n }\n });\n observer.observe(d.querySelector(observedSelector), intersectionObserveOptions);\n }\n\n});\n","/* SPDX-License-Identifier: AGPL-3.0-or-later */\n/* global searxng */\n\nsearxng.ready(function () {\n\n function isElementInDetail (el) {\n while (el !== undefined) {\n if (el.classList.contains('detail')) {\n return true;\n }\n if (el.classList.contains('result')) {\n // we found a result, no need to go to the root of the document:\n // el is not inside a
element\n return false;\n }\n el = el.parentNode;\n }\n return false;\n }\n\n function getResultElement (el) {\n while (el !== undefined) {\n if (el.classList.contains('result')) {\n return el;\n }\n el = el.parentNode;\n }\n return undefined;\n }\n\n function isImageResult (resultElement) {\n return resultElement && resultElement.classList.contains('result-images');\n }\n\n searxng.on('.result', 'click', function (e) {\n if (!isElementInDetail(e.target)) {\n highlightResult(this)(true, true);\n let resultElement = getResultElement(e.target);\n if (isImageResult(resultElement)) {\n e.preventDefault();\n searxng.selectImage(resultElement);\n }\n }\n });\n\n searxng.on('.result a', 'focus', function (e) {\n if (!isElementInDetail(e.target)) {\n let resultElement = getResultElement(e.target);\n if (resultElement && resultElement.getAttribute(\"data-vim-selected\") === null) {\n highlightResult(resultElement)(true);\n }\n if (isImageResult(resultElement)) {\n searxng.selectImage(resultElement);\n }\n }\n }, true);\n\n /* common base for layouts */\n var baseKeyBinding = {\n 'Escape': {\n key: 'ESC',\n fun: removeFocus,\n des: 'remove focus from the focused input',\n cat: 'Control'\n },\n 'c': {\n key: 'c',\n fun: copyURLToClipboard,\n des: 'copy url of the selected result to the clipboard',\n cat: 'Results'\n },\n 'h': {\n key: 'h',\n fun: toggleHelp,\n des: 'toggle help window',\n cat: 'Other'\n },\n 'i': {\n key: 'i',\n fun: searchInputFocus,\n des: 'focus on the search input',\n cat: 'Control'\n },\n 'n': {\n key: 'n',\n fun: GoToNextPage(),\n des: 'go to next page',\n cat: 'Results'\n },\n 'o': {\n key: 'o',\n fun: openResult(false),\n des: 'open search result',\n cat: 'Results'\n },\n 'p': {\n key: 'p',\n fun: GoToPreviousPage(),\n des: 'go to previous page',\n cat: 'Results'\n },\n 'r': {\n key: 'r',\n fun: reloadPage,\n des: 'reload page from the server',\n cat: 'Control'\n },\n 't': {\n key: 't',\n fun: openResult(true),\n des: 'open the result in a new tab',\n cat: 'Results'\n },\n };\n var keyBindingLayouts = {\n\n \"default\": Object.assign(\n { /* SearXNG layout */\n 'ArrowLeft': {\n key: '←',\n fun: highlightResult('up'),\n des: 'select previous search result',\n cat: 'Results'\n },\n 'ArrowRight': {\n key: '→',\n fun: highlightResult('down'),\n des: 'select next search result',\n cat: 'Results'\n },\n }, baseKeyBinding),\n\n 'vim': Object.assign(\n { /* Vim-like Key Layout. */\n 'b': {\n key: 'b',\n fun: scrollPage(-window.innerHeight),\n des: 'scroll one page up',\n cat: 'Navigation'\n },\n 'f': {\n key: 'f',\n fun: scrollPage(window.innerHeight),\n des: 'scroll one page down',\n cat: 'Navigation'\n },\n 'u': {\n key: 'u',\n fun: scrollPage(-window.innerHeight / 2),\n des: 'scroll half a page up',\n cat: 'Navigation'\n },\n 'd': {\n key: 'd',\n fun: scrollPage(window.innerHeight / 2),\n des: 'scroll half a page down',\n cat: 'Navigation'\n },\n 'g': {\n key: 'g',\n fun: scrollPageTo(-document.body.scrollHeight, 'top'),\n des: 'scroll to the top of the page',\n cat: 'Navigation'\n },\n 'v': {\n key: 'v',\n fun: scrollPageTo(document.body.scrollHeight, 'bottom'),\n des: 'scroll to the bottom of the page',\n cat: 'Navigation'\n },\n 'k': {\n key: 'k',\n fun: highlightResult('up'),\n des: 'select previous search result',\n cat: 'Results'\n },\n 'j': {\n key: 'j',\n fun: highlightResult('down'),\n des: 'select next search result',\n cat: 'Results'\n },\n 'y': {\n key: 'y',\n fun: copyURLToClipboard,\n des: 'copy url of the selected result to the clipboard',\n cat: 'Results'\n },\n }, baseKeyBinding)\n }\n\n var keyBindings = keyBindingLayouts[searxng.settings.hotkeys] || keyBindingLayouts.default;\n\n searxng.on(document, \"keydown\", function (e) {\n // check for modifiers so we don't break browser's hotkeys\n if (\n Object.prototype.hasOwnProperty.call(keyBindings, e.key)\n && !e.ctrlKey && !e.altKey\n && !e.shiftKey && !e.metaKey\n ) {\n var tagName = e.target.tagName.toLowerCase();\n if (e.key === 'Escape') {\n keyBindings[e.key].fun(e);\n } else {\n if (e.target === document.body || tagName === 'a' || tagName === 'button') {\n e.preventDefault();\n keyBindings[e.key].fun();\n }\n }\n }\n });\n\n function highlightResult (which) {\n return function (noScroll, keepFocus) {\n var current = document.querySelector('.result[data-vim-selected]'),\n effectiveWhich = which;\n if (current === null) {\n // no selection : choose the first one\n current = document.querySelector('.result');\n if (current === null) {\n // no first one : there are no results\n return;\n }\n // replace up/down actions by selecting first one\n if (which === \"down\" || which === \"up\") {\n effectiveWhich = current;\n }\n }\n\n var next, results = document.querySelectorAll('.result');\n results = Array.from(results); // convert NodeList to Array for further use\n\n if (typeof effectiveWhich !== 'string') {\n next = effectiveWhich;\n } else {\n switch (effectiveWhich) {\n case 'visible':\n var top = document.documentElement.scrollTop || document.body.scrollTop;\n var bot = top + document.documentElement.clientHeight;\n\n for (var i = 0; i < results.length; i++) {\n next = results[i];\n var etop = next.offsetTop;\n var ebot = etop + next.clientHeight;\n\n if ((ebot <= bot) && (etop > top)) {\n break;\n }\n }\n break;\n case 'down':\n next = results[results.indexOf(current) + 1] || current;\n break;\n case 'up':\n next = results[results.indexOf(current) - 1] || current;\n break;\n case 'bottom':\n next = results[results.length - 1];\n break;\n case 'top':\n /* falls through */\n default:\n next = results[0];\n }\n }\n\n if (next) {\n current.removeAttribute('data-vim-selected');\n next.setAttribute('data-vim-selected', 'true');\n if (!keepFocus) {\n var link = next.querySelector('h3 a') || next.querySelector('a');\n if (link !== null) {\n link.focus();\n }\n }\n if (!noScroll) {\n scrollPageToSelected();\n }\n }\n };\n }\n\n function reloadPage () {\n document.location.reload(true);\n }\n\n function removeFocus (e) {\n const tagName = e.target.tagName.toLowerCase();\n if (document.activeElement && (tagName === 'input' || tagName === 'select' || tagName === 'textarea')) {\n document.activeElement.blur();\n } else {\n searxng.closeDetail();\n }\n }\n\n function pageButtonClick (css_selector) {\n return function () {\n var button = document.querySelector(css_selector);\n if (button) {\n button.click();\n }\n };\n }\n\n function GoToNextPage () {\n return pageButtonClick('nav#pagination .next_page button[type=\"submit\"]');\n }\n\n function GoToPreviousPage () {\n return pageButtonClick('nav#pagination .previous_page button[type=\"submit\"]');\n }\n\n function scrollPageToSelected () {\n var sel = document.querySelector('.result[data-vim-selected]');\n if (sel === null) {\n return;\n }\n var wtop = document.documentElement.scrollTop || document.body.scrollTop,\n wheight = document.documentElement.clientHeight,\n etop = sel.offsetTop,\n ebot = etop + sel.clientHeight,\n offset = 120;\n // first element ?\n if ((sel.previousElementSibling === null) && (ebot < wheight)) {\n // set to the top of page if the first element\n // is fully included in the viewport\n window.scroll(window.scrollX, 0);\n return;\n }\n if (wtop > (etop - offset)) {\n window.scroll(window.scrollX, etop - offset);\n } else {\n var wbot = wtop + wheight;\n if (wbot < (ebot + offset)) {\n window.scroll(window.scrollX, ebot - wheight + offset);\n }\n }\n }\n\n function scrollPage (amount) {\n return function () {\n window.scrollBy(0, amount);\n highlightResult('visible')();\n };\n }\n\n function scrollPageTo (position, nav) {\n return function () {\n window.scrollTo(0, position);\n highlightResult(nav)();\n };\n }\n\n function searchInputFocus () {\n window.scrollTo(0, 0);\n var q = document.querySelector('#q');\n q.focus();\n if (q.setSelectionRange) {\n var len = q.value.length;\n q.setSelectionRange(len, len);\n }\n }\n\n function openResult (newTab) {\n return function () {\n var link = document.querySelector('.result[data-vim-selected] h3 a');\n if (link === null) {\n link = document.querySelector('.result[data-vim-selected] > a');\n }\n if (link !== null) {\n var url = link.getAttribute('href');\n if (newTab) {\n window.open(url);\n } else {\n window.location.href = url;\n }\n }\n };\n }\n\n function initHelpContent (divElement) {\n var categories = {};\n\n for (var k in keyBindings) {\n var key = keyBindings[k];\n categories[key.cat] = categories[key.cat] || [];\n categories[key.cat].push(key);\n }\n\n var sorted = Object.keys(categories).sort(function (a, b) {\n return categories[b].length - categories[a].length;\n });\n\n if (sorted.length === 0) {\n return;\n }\n\n var html = '×';\n html += '';\n\n for (var i = 0; i < sorted.length; i++) {\n var cat = categories[sorted[i]];\n\n var lastCategory = i === (sorted.length - 1);\n var first = i % 2 === 0;\n\n if (first) {\n html += '
';\n\n divElement.innerHTML = html;\n }\n\n function toggleHelp () {\n var helpPanel = document.querySelector('#vim-hotkeys-help');\n if (helpPanel === undefined || helpPanel === null) {\n // first call\n helpPanel = document.createElement('div');\n helpPanel.id = 'vim-hotkeys-help';\n helpPanel.className = 'dialog-modal';\n initHelpContent(helpPanel);\n var body = document.getElementsByTagName('body')[0];\n body.appendChild(helpPanel);\n } else {\n // togggle hidden\n helpPanel.classList.toggle('invisible');\n return;\n }\n }\n\n function copyURLToClipboard () {\n var currentUrlElement = document.querySelector('.result[data-vim-selected] h3 a');\n if (currentUrlElement === null) return;\n\n const url = currentUrlElement.getAttribute('href');\n navigator.clipboard.writeText(url);\n }\n\n searxng.scrollPageToSelected = scrollPageToSelected;\n searxng.selectNext = highlightResult('down');\n searxng.selectPrevious = highlightResult('up');\n});\n","/* SPDX-License-Identifier: AGPL-3.0-or-later */\n/* global L */\n(function (w, d, searxng) {\n 'use strict';\n\n searxng.ready(function () {\n searxng.on('.searxng_init_map', 'click', function (event) {\n // no more request\n this.classList.remove(\"searxng_init_map\");\n\n //\n var leaflet_target = this.dataset.leafletTarget;\n var map_lon = parseFloat(this.dataset.mapLon);\n var map_lat = parseFloat(this.dataset.mapLat);\n var map_zoom = parseFloat(this.dataset.mapZoom);\n var map_boundingbox = JSON.parse(this.dataset.mapBoundingbox);\n var map_geojson = JSON.parse(this.dataset.mapGeojson);\n\n searxng.loadStyle('css/leaflet.css');\n searxng.loadScript('js/leaflet.js', function () {\n var map_bounds = null;\n if (map_boundingbox) {\n var southWest = L.latLng(map_boundingbox[0], map_boundingbox[2]);\n var northEast = L.latLng(map_boundingbox[1], map_boundingbox[3]);\n map_bounds = L.latLngBounds(southWest, northEast);\n }\n\n // init map\n var map = L.map(leaflet_target);\n // create the tile layer with correct attribution\n var osmMapnikUrl = 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';\n var osmMapnikAttrib = 'Map data © OpenStreetMap contributors';\n var osmMapnik = new L.TileLayer(osmMapnikUrl, {minZoom: 1, maxZoom: 19, attribution: osmMapnikAttrib});\n var osmWikimediaUrl = 'https://maps.wikimedia.org/osm-intl/{z}/{x}/{y}.png';\n var osmWikimediaAttrib = 'Wikimedia maps | Maps data © OpenStreetMap contributors';\n var osmWikimedia = new L.TileLayer(osmWikimediaUrl, {minZoom: 1, maxZoom: 19, attribution: osmWikimediaAttrib});\n // init map view\n if (map_bounds) {\n // TODO hack: https://github.com/Leaflet/Leaflet/issues/2021\n // Still useful ?\n setTimeout(function () {\n map.fitBounds(map_bounds, {\n maxZoom: 17\n });\n }, 0);\n } else if (map_lon && map_lat) {\n if (map_zoom) {\n map.setView(new L.latLng(map_lat, map_lon), map_zoom);\n } else {\n map.setView(new L.latLng(map_lat, map_lon), 8);\n }\n }\n\n map.addLayer(osmMapnik);\n\n var baseLayers = {\n \"OSM Mapnik\": osmMapnik,\n \"OSM Wikimedia\": osmWikimedia,\n };\n\n L.control.layers(baseLayers).addTo(map);\n\n if (map_geojson) {\n L.geoJson(map_geojson).addTo(map);\n } /* else if(map_bounds) {\n L.rectangle(map_bounds, {color: \"#ff7800\", weight: 3, fill:false}).addTo(map);\n } */\n });\n\n // this event occour only once per element\n event.preventDefault();\n });\n });\n})(window, document, window.searxng);\n","/* SPDX-License-Identifier: AGPL-3.0-or-later */\n(function (w, d, searxng) {\n 'use strict';\n\n if (searxng.endpoint !== 'preferences') {\n return;\n }\n\n searxng.ready(function () {\n let engine_descriptions = null;\n function load_engine_descriptions () {\n if (engine_descriptions == null) {\n searxng.http(\"GET\", \"engine_descriptions.json\").then(function (content) {\n engine_descriptions = JSON.parse(content);\n for (const [engine_name, description] of Object.entries(engine_descriptions)) {\n let elements = d.querySelectorAll('[data-engine-name=\"' + engine_name + '\"] .engine-description');\n for (const element of elements) {\n let source = ' (' + searxng.settings.translations.Source + ': ' + description[1] + ')';\n element.innerHTML = description[0] + source;\n }\n }\n });\n }\n }\n\n for (const el of d.querySelectorAll('[data-engine-name]')) {\n searxng.on(el, 'mouseenter', load_engine_descriptions);\n }\n\n const enableAllEngines = d.querySelectorAll(\".enable-all-engines\");\n const disableAllEngines = d.querySelectorAll(\".disable-all-engines\");\n const engineToggles = d.querySelectorAll('tbody input[type=checkbox][class~=checkbox-onoff]');\n const toggleEngines = (enable) => {\n for (const el of engineToggles) {\n // check if element visible, so that only engines of the current category are modified\n if (el.offsetParent !== null) el.checked = !enable;\n }\n };\n for (const el of enableAllEngines) {\n searxng.on(el, 'click', () => toggleEngines(true));\n }\n for (const el of disableAllEngines) {\n searxng.on(el, 'click', () => toggleEngines(false));\n }\n\n const copyHashButton = d.querySelector(\"#copy-hash\");\n searxng.on(copyHashButton, 'click', (e) => {\n e.preventDefault();\n navigator.clipboard.writeText(copyHashButton.dataset.hash);\n copyHashButton.innerText = copyHashButton.dataset.copiedText;\n });\n });\n})(window, document, window.searxng);\n","/* SPDX-License-Identifier: AGPL-3.0-or-later */\n(function (w, d, searxng) {\n 'use strict';\n\n if (searxng.endpoint !== 'results') {\n return;\n }\n\n searxng.ready(function () {\n d.querySelectorAll('#urls img.image').forEach(\n img =>\n img.addEventListener(\n 'error', () => {\n img.style.display = 'none';\n img.error = null;\n }\n ));\n\n if (d.querySelector('#search_url button#copy_url')) {\n d.querySelector('#search_url button#copy_url').style.display = \"block\";\n }\n\n searxng.on('.btn-collapse', 'click', function () {\n var btnLabelCollapsed = this.getAttribute('data-btn-text-collapsed');\n var btnLabelNotCollapsed = this.getAttribute('data-btn-text-not-collapsed');\n var target = this.getAttribute('data-target');\n var targetElement = d.querySelector(target);\n var html = this.innerHTML;\n if (this.classList.contains('collapsed')) {\n html = html.replace(btnLabelCollapsed, btnLabelNotCollapsed);\n } else {\n html = html.replace(btnLabelNotCollapsed, btnLabelCollapsed);\n }\n this.innerHTML = html;\n this.classList.toggle('collapsed');\n targetElement.classList.toggle('invisible');\n });\n\n searxng.on('.media-loader', 'click', function () {\n var target = this.getAttribute('data-target');\n var iframe_load = d.querySelector(target + ' > iframe');\n var srctest = iframe_load.getAttribute('src');\n if (srctest === null || srctest === undefined || srctest === false) {\n iframe_load.setAttribute('src', iframe_load.getAttribute('data-src'));\n }\n });\n\n searxng.on('#copy_url', 'click', function () {\n var target = this.parentElement.querySelector('pre');\n navigator.clipboard.writeText(target.innerText);\n this.innerText = this.dataset.copiedText;\n });\n\n searxng.selectImage = function (resultElement) {\n /* eslint no-unused-vars: 0 */\n if (resultElement) {\n // load full size image in background\n const imgElement = resultElement.querySelector('.result-images-source img');\n const thumbnailElement = resultElement.querySelector('.image_thumbnail');\n const detailElement = resultElement.querySelector('.detail');\n if (imgElement) {\n const imgSrc = imgElement.getAttribute('data-src');\n if (imgSrc) {\n const loader = d.createElement('div');\n const imgLoader = new Image();\n\n loader.classList.add('loader');\n detailElement.appendChild(loader);\n\n imgLoader.onload = e => {\n imgElement.src = imgSrc;\n loader.remove();\n };\n imgLoader.onerror = e => {\n loader.remove();\n };\n imgLoader.src = imgSrc;\n imgElement.src = thumbnailElement.src;\n imgElement.removeAttribute('data-src');\n }\n }\n }\n d.getElementById('results').classList.add('image-detail-open');\n searxng.scrollPageToSelected();\n }\n\n searxng.closeDetail = function (e) {\n d.getElementById('results').classList.remove('image-detail-open');\n searxng.scrollPageToSelected();\n }\n searxng.on('.result-detail-close', 'click', e => {\n e.preventDefault();\n searxng.closeDetail();\n });\n searxng.on('.result-detail-previous', 'click', e => {\n e.preventDefault();\n searxng.selectPrevious(false)\n });\n searxng.on('.result-detail-next', 'click', e => {\n e.preventDefault();\n searxng.selectNext(false);\n });\n\n w.addEventListener('scroll', function () {\n var e = d.getElementById('backToTop'),\n scrollTop = document.documentElement.scrollTop || document.body.scrollTop,\n results = d.getElementById('results');\n if (e !== null) {\n if (scrollTop >= 100) {\n results.classList.add('scrolling');\n } else {\n results.classList.remove('scrolling');\n }\n }\n }, true);\n\n });\n\n})(window, document, window.searxng);\n","/* SPDX-License-Identifier: AGPL-3.0-or-later */\n/* global AutoComplete */\n(function (w, d, searxng) {\n 'use strict';\n\n var qinput_id = \"q\", qinput;\n\n const isMobile = window.matchMedia(\"only screen and (max-width: 50em)\").matches;\n\n function submitIfQuery () {\n if (qinput.value.length > 0) {\n var search = document.getElementById('search');\n setTimeout(search.submit.bind(search), 0);\n }\n }\n\n function createClearButton (qinput) {\n var cs = document.getElementById('clear_search');\n var updateClearButton = function () {\n if (qinput.value.length === 0) {\n cs.classList.add(\"empty\");\n } else {\n cs.classList.remove(\"empty\");\n }\n };\n\n // update status, event listener\n updateClearButton();\n cs.addEventListener('click', function (ev) {\n qinput.value = '';\n qinput.focus();\n updateClearButton();\n ev.preventDefault();\n });\n qinput.addEventListener('keyup', updateClearButton, false);\n }\n\n searxng.ready(function () {\n qinput = d.getElementById(qinput_id);\n\n if (qinput !== null) {\n // clear button\n createClearButton(qinput);\n\n // autocompleter\n if (searxng.settings.autocomplete_provider) {\n searxng.autocomplete = AutoComplete.call(w, {\n Url: \"./autocompleter\",\n EmptyMessage: searxng.settings.translations.no_item_found,\n HttpMethod: searxng.settings.http_method,\n HttpHeaders: {\n \"Content-type\": \"application/x-www-form-urlencoded\",\n \"X-Requested-With\": \"XMLHttpRequest\"\n },\n MinChars: searxng.settings.autocomplete_min,\n Delay: 300,\n _Position: function () {},\n _Open: function () {\n var params = this;\n Array.prototype.forEach.call(this.DOMResults.getElementsByTagName(\"li\"), function (li) {\n if (li.getAttribute(\"class\") != \"locked\") {\n li.onmousedown = function () {\n params._Select(li);\n };\n }\n });\n },\n _Select: function (item) {\n AutoComplete.defaults._Select.call(this, item);\n var form = item.closest('form');\n if (form) {\n form.submit();\n }\n },\n _MinChars: function () {\n if (this.Input.value.indexOf('!') > -1) {\n return 0;\n } else {\n return AutoComplete.defaults._MinChars.call(this);\n }\n },\n KeyboardMappings: Object.assign({}, AutoComplete.defaults.KeyboardMappings, {\n \"KeyUpAndDown_up\": Object.assign({}, AutoComplete.defaults.KeyboardMappings.KeyUpAndDown_up, {\n Callback: function (event) {\n AutoComplete.defaults.KeyboardMappings.KeyUpAndDown_up.Callback.call(this, event);\n var liActive = this.DOMResults.querySelector(\"li.active\");\n if (liActive) {\n AutoComplete.defaults._Select.call(this, liActive);\n }\n },\n }),\n \"Tab\": Object.assign({}, AutoComplete.defaults.KeyboardMappings.Enter, {\n Conditions: [{\n Is: 9,\n Not: false\n }],\n Callback: function (event) {\n if (this.DOMResults.getAttribute(\"class\").indexOf(\"open\") != -1) {\n var liActive = this.DOMResults.querySelector(\"li.active\");\n if (liActive !== null) {\n AutoComplete.defaults._Select.call(this, liActive);\n event.preventDefault();\n }\n }\n },\n })\n }),\n }, \"#\" + qinput_id);\n }\n\n /*\n Monkey patch autocomplete.js to fix a bug\n With the POST method, the values are not URL encoded: query like \"1 + 1\" are sent as \"1 1\" since space are URL encoded as plus.\n See HTML specifications:\n * HTML5: https://url.spec.whatwg.org/#concept-urlencoded-serializer\n * HTML4: https://www.w3.org/TR/html401/interact/forms.html#h-17.13.4.1\n\n autocomplete.js does not URL encode the name and values:\n https://github.com/autocompletejs/autocomplete.js/blob/87069524f3b95e68f1b54d8976868e0eac1b2c83/src/autocomplete.ts#L665\n\n The monkey patch overrides the compiled version of the ajax function.\n See https://github.com/autocompletejs/autocomplete.js/blob/87069524f3b95e68f1b54d8976868e0eac1b2c83/dist/autocomplete.js#L143-L158\n The patch changes only the line 156 from\n params.Request.send(params._QueryArg() + \"=\" + params._Pre());\n to\n params.Request.send(encodeURIComponent(params._QueryArg()) + \"=\" + encodeURIComponent(params._Pre()));\n\n Related to:\n * https://github.com/autocompletejs/autocomplete.js/issues/78\n * https://github.com/searxng/searxng/issues/1695\n */\n AutoComplete.prototype.ajax = function (params, request, timeout) {\n if (timeout === void 0) { timeout = true; }\n if (params.$AjaxTimer) {\n window.clearTimeout(params.$AjaxTimer);\n }\n if (timeout === true) {\n params.$AjaxTimer = window.setTimeout(AutoComplete.prototype.ajax.bind(null, params, request, false), params.Delay);\n } else {\n if (params.Request) {\n params.Request.abort();\n }\n params.Request = request;\n params.Request.send(encodeURIComponent(params._QueryArg()) + \"=\" + encodeURIComponent(params._Pre()));\n }\n };\n\n if (!isMobile && document.querySelector('.index_endpoint')) {\n qinput.focus();\n }\n }\n\n // Additionally to searching when selecting a new category, we also\n // automatically start a new search request when the user changes a search\n // filter (safesearch, time range or language) (this requires JavaScript\n // though)\n if (\n qinput !== null\n && searxng.settings.search_on_category_select\n // If .search_filters is undefined (invisible) we are on the homepage and\n // hence don't have to set any listeners\n && d.querySelector(\".search_filters\") != null\n ) {\n searxng.on(d.getElementById('safesearch'), 'change', submitIfQuery);\n searxng.on(d.getElementById('time_range'), 'change', submitIfQuery);\n searxng.on(d.getElementById('language'), 'change', submitIfQuery);\n }\n\n // most common browsers at the time of writing this support :has, except for Firefox\n // can be removed when Firefox / Firefox ESL starts supporting it as well\n try {\n // this fails when the browser does not support :has\n d.querySelector(\"html:has(body)\");\n } catch (_) {\n // manually deselect the old selection when a new category is selected\n for (let button of d.querySelectorAll(\"button.category_button\")) {\n searxng.on(button, 'click', () => {\n const selected = d.querySelector(\"button.category_button.selected\");\n console.log(selected);\n selected.classList.remove(\"selected\");\n })\n }\n }\n });\n\n})(window, document, window.searxng);\n","(function(f){if(typeof exports===\"object\"&&typeof module!==\"undefined\"){module.exports=f()}else if(typeof define===\"function\"&&define.amd){define([],f)}else{var g;if(typeof window!==\"undefined\"){g=window}else if(typeof global!==\"undefined\"){g=global}else if(typeof self!==\"undefined\"){g=self}else{g=this}g.AutoComplete = f()}})(function(){var define,module,exports;return (function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c=\"function\"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error(\"Cannot find module '\"+i+\"'\");throw a.code=\"MODULE_NOT_FOUND\",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u=\"function\"==typeof require&&require,i=0;i @baptistedonaux\n */\nvar AutoComplete = /** @class */ (function () {\n // Constructor\n function AutoComplete(params, selector) {\n if (params === void 0) { params = {}; }\n if (selector === void 0) { selector = \"[data-autocomplete]\"; }\n if (Array.isArray(selector)) {\n selector.forEach(function (s) {\n new AutoComplete(params, s);\n });\n }\n else if (typeof selector == \"string\") {\n var elements = document.querySelectorAll(selector);\n Array.prototype.forEach.call(elements, function (input) {\n new AutoComplete(params, input);\n });\n }\n else {\n var specificParams = AutoComplete.merge(AutoComplete.defaults, params, {\n DOMResults: document.createElement(\"div\")\n });\n AutoComplete.prototype.create(specificParams, selector);\n return specificParams;\n }\n }\n AutoComplete.prototype.create = function (params, element) {\n params.Input = element;\n if (params.Input.nodeName.match(/^INPUT$/i) && (params.Input.hasAttribute(\"type\") === false || params.Input.getAttribute(\"type\").match(/^TEXT|SEARCH$/i))) {\n params.Input.setAttribute(\"autocomplete\", \"off\");\n params._Position(params);\n params.Input.parentNode.appendChild(params.DOMResults);\n params.$Listeners = {\n blur: params._Blur.bind(params),\n destroy: AutoComplete.prototype.destroy.bind(null, params),\n focus: params._Focus.bind(params),\n keyup: AutoComplete.prototype.event.bind(null, params, EventType.KEYUP),\n keydown: AutoComplete.prototype.event.bind(null, params, EventType.KEYDOWN),\n position: params._Position.bind(params)\n };\n for (var event in params.$Listeners) {\n params.Input.addEventListener(event, params.$Listeners[event]);\n }\n }\n };\n AutoComplete.prototype.getEventsByType = function (params, type) {\n var mappings = {};\n for (var key in params.KeyboardMappings) {\n var event = EventType.KEYUP;\n if (params.KeyboardMappings[key].Event !== undefined) {\n event = params.KeyboardMappings[key].Event;\n }\n if (event == type) {\n mappings[key] = params.KeyboardMappings[key];\n }\n }\n return mappings;\n };\n AutoComplete.prototype.event = function (params, type, event) {\n var eventIdentifier = function (condition) {\n if ((match === true && mapping.Operator == ConditionOperator.AND) || (match === false && mapping.Operator == ConditionOperator.OR)) {\n condition = AutoComplete.merge({\n Not: false\n }, condition);\n if (condition.hasOwnProperty(\"Is\")) {\n if (condition.Is == event.keyCode) {\n match = !condition.Not;\n }\n else {\n match = condition.Not;\n }\n }\n else if (condition.hasOwnProperty(\"From\") && condition.hasOwnProperty(\"To\")) {\n if (event.keyCode >= condition.From && event.keyCode <= condition.To) {\n match = !condition.Not;\n }\n else {\n match = condition.Not;\n }\n }\n }\n };\n for (var name in AutoComplete.prototype.getEventsByType(params, type)) {\n var mapping = AutoComplete.merge({\n Operator: ConditionOperator.AND\n }, params.KeyboardMappings[name]), match = ConditionOperator.AND == mapping.Operator;\n mapping.Conditions.forEach(eventIdentifier);\n if (match === true) {\n mapping.Callback.call(params, event);\n }\n }\n };\n AutoComplete.prototype.makeRequest = function (params, callback, callbackErr) {\n var propertyHttpHeaders = Object.getOwnPropertyNames(params.HttpHeaders), request = new XMLHttpRequest(), method = params._HttpMethod(), url = params._Url(), queryParams = params._Pre(), queryParamsStringify = encodeURIComponent(params._QueryArg()) + \"=\" + encodeURIComponent(queryParams);\n if (method.match(/^GET$/i)) {\n if (url.indexOf(\"?\") !== -1) {\n url += \"&\" + queryParamsStringify;\n }\n else {\n url += \"?\" + queryParamsStringify;\n }\n }\n request.open(method, url, true);\n for (var i = propertyHttpHeaders.length - 1; i >= 0; i--) {\n request.setRequestHeader(propertyHttpHeaders[i], params.HttpHeaders[propertyHttpHeaders[i]]);\n }\n request.onreadystatechange = function () {\n if (request.readyState == 4 && request.status == 200) {\n params.$Cache[queryParams] = request.response;\n callback(request.response);\n }\n else if (request.status >= 400) {\n callbackErr();\n }\n };\n return request;\n };\n AutoComplete.prototype.ajax = function (params, request, timeout) {\n if (timeout === void 0) { timeout = true; }\n if (params.$AjaxTimer) {\n window.clearTimeout(params.$AjaxTimer);\n }\n if (timeout === true) {\n params.$AjaxTimer = window.setTimeout(AutoComplete.prototype.ajax.bind(null, params, request, false), params.Delay);\n }\n else {\n if (params.Request) {\n params.Request.abort();\n }\n params.Request = request;\n params.Request.send(params._QueryArg() + \"=\" + params._Pre());\n }\n };\n AutoComplete.prototype.cache = function (params, callback, callbackErr) {\n var response = params._Cache(params._Pre());\n if (response === undefined) {\n var request = AutoComplete.prototype.makeRequest(params, callback, callbackErr);\n AutoComplete.prototype.ajax(params, request);\n }\n else {\n callback(response);\n }\n };\n AutoComplete.prototype.destroy = function (params) {\n for (var event in params.$Listeners) {\n params.Input.removeEventListener(event, params.$Listeners[event]);\n }\n params.DOMResults.parentNode.removeChild(params.DOMResults);\n };\n AutoComplete.merge = function () {\n var merge = {}, tmp;\n for (var i = 0; i < arguments.length; i++) {\n for (tmp in arguments[i]) {\n merge[tmp] = arguments[i][tmp];\n }\n }\n return merge;\n };\n AutoComplete.defaults = {\n Delay: 150,\n EmptyMessage: \"No result here\",\n Highlight: {\n getRegex: function (value) {\n return new RegExp(value, \"ig\");\n },\n transform: function (value) {\n return \"\" + value + \"\";\n }\n },\n HttpHeaders: {\n \"Content-type\": \"application/x-www-form-urlencoded\"\n },\n Limit: 0,\n MinChars: 0,\n HttpMethod: \"GET\",\n QueryArg: \"q\",\n Url: null,\n KeyboardMappings: {\n \"Enter\": {\n Conditions: [{\n Is: 13,\n Not: false\n }],\n Callback: function (event) {\n if (this.DOMResults.getAttribute(\"class\").indexOf(\"open\") != -1) {\n var liActive = this.DOMResults.querySelector(\"li.active\");\n if (liActive !== null) {\n event.preventDefault();\n this._Select(liActive);\n this.DOMResults.setAttribute(\"class\", \"autocomplete\");\n }\n }\n },\n Operator: ConditionOperator.AND,\n Event: EventType.KEYDOWN\n },\n \"KeyUpAndDown_down\": {\n Conditions: [{\n Is: 38,\n Not: false\n },\n {\n Is: 40,\n Not: false\n }],\n Callback: function (event) {\n event.preventDefault();\n },\n Operator: ConditionOperator.OR,\n Event: EventType.KEYDOWN\n },\n \"KeyUpAndDown_up\": {\n Conditions: [{\n Is: 38,\n Not: false\n },\n {\n Is: 40,\n Not: false\n }],\n Callback: function (event) {\n event.preventDefault();\n var first = this.DOMResults.querySelector(\"li:first-child:not(.locked)\"), last = this.DOMResults.querySelector(\"li:last-child:not(.locked)\"), active = this.DOMResults.querySelector(\"li.active\");\n if (active) {\n var currentIndex = Array.prototype.indexOf.call(active.parentNode.children, active), position = currentIndex + (event.keyCode - 39), lisCount = this.DOMResults.getElementsByTagName(\"li\").length;\n if (position < 0) {\n position = lisCount - 1;\n }\n else if (position >= lisCount) {\n position = 0;\n }\n active.classList.remove(\"active\");\n active.parentElement.children.item(position).classList.add(\"active\");\n }\n else if (last && event.keyCode == 38) {\n last.classList.add(\"active\");\n }\n else if (first) {\n first.classList.add(\"active\");\n }\n },\n Operator: ConditionOperator.OR,\n Event: EventType.KEYUP\n },\n \"AlphaNum\": {\n Conditions: [{\n Is: 13,\n Not: true\n }, {\n From: 35,\n To: 40,\n Not: true\n }],\n Callback: function () {\n var oldValue = this.Input.getAttribute(\"data-autocomplete-old-value\"), currentValue = this._Pre();\n if (currentValue !== \"\" && currentValue.length >= this._MinChars()) {\n if (!oldValue || currentValue != oldValue) {\n this.DOMResults.setAttribute(\"class\", \"autocomplete open\");\n }\n AutoComplete.prototype.cache(this, function (response) {\n this._Render(this._Post(response));\n this._Open();\n }.bind(this), this._Error);\n }\n else {\n this._Close();\n }\n },\n Operator: ConditionOperator.AND,\n Event: EventType.KEYUP\n }\n },\n DOMResults: null,\n Request: null,\n Input: null,\n /**\n * Return the message when no result returns\n */\n _EmptyMessage: function () {\n var emptyMessage = \"\";\n if (this.Input.hasAttribute(\"data-autocomplete-empty-message\")) {\n emptyMessage = this.Input.getAttribute(\"data-autocomplete-empty-message\");\n }\n else if (this.EmptyMessage !== false) {\n emptyMessage = this.EmptyMessage;\n }\n else {\n emptyMessage = \"\";\n }\n return emptyMessage;\n },\n /**\n * Returns the maximum number of results\n */\n _Limit: function () {\n var limit = this.Input.getAttribute(\"data-autocomplete-limit\");\n if (isNaN(limit) || limit === null) {\n return this.Limit;\n }\n return parseInt(limit, 10);\n },\n /**\n * Returns the minimum number of characters entered before firing ajax\n */\n _MinChars: function () {\n var minchars = this.Input.getAttribute(\"data-autocomplete-minchars\");\n if (isNaN(minchars) || minchars === null) {\n return this.MinChars;\n }\n return parseInt(minchars, 10);\n },\n /**\n * Apply transformation on labels response\n */\n _Highlight: function (label) {\n return label.replace(this.Highlight.getRegex(this._Pre()), this.Highlight.transform);\n },\n /**\n * Returns the HHTP method to use\n */\n _HttpMethod: function () {\n if (this.Input.hasAttribute(\"data-autocomplete-method\")) {\n return this.Input.getAttribute(\"data-autocomplete-method\");\n }\n return this.HttpMethod;\n },\n /**\n * Returns the query param to use\n */\n _QueryArg: function () {\n if (this.Input.hasAttribute(\"data-autocomplete-param-name\")) {\n return this.Input.getAttribute(\"data-autocomplete-param-name\");\n }\n return this.QueryArg;\n },\n /**\n * Returns the URL to use for AJAX request\n */\n _Url: function () {\n if (this.Input.hasAttribute(\"data-autocomplete\")) {\n return this.Input.getAttribute(\"data-autocomplete\");\n }\n return this.Url;\n },\n /**\n * Manage the close\n */\n _Blur: function (now) {\n if (now === void 0) { now = false; }\n if (now) {\n this._Close();\n }\n else {\n var params = this;\n setTimeout(function () {\n params._Blur(true);\n }, 150);\n }\n },\n /**\n * Manage the cache\n */\n _Cache: function (value) {\n return this.$Cache[value];\n },\n /**\n * Manage the open\n */\n _Focus: function () {\n var oldValue = this.Input.getAttribute(\"data-autocomplete-old-value\");\n if ((!oldValue || this.Input.value != oldValue) && this._MinChars() <= this.Input.value.length) {\n this.DOMResults.setAttribute(\"class\", \"autocomplete open\");\n }\n },\n /**\n * Bind all results item if one result is opened\n */\n _Open: function () {\n var params = this;\n Array.prototype.forEach.call(this.DOMResults.getElementsByTagName(\"li\"), function (li) {\n if (li.getAttribute(\"class\") != \"locked\") {\n li.onclick = function () {\n params._Select(li);\n };\n }\n });\n },\n _Close: function () {\n this.DOMResults.setAttribute(\"class\", \"autocomplete\");\n },\n /**\n * Position the results HTML element\n */\n _Position: function () {\n this.DOMResults.setAttribute(\"class\", \"autocomplete\");\n this.DOMResults.setAttribute(\"style\", \"top:\" + (this.Input.offsetTop + this.Input.offsetHeight) + \"px;left:\" + this.Input.offsetLeft + \"px;width:\" + this.Input.clientWidth + \"px;\");\n },\n /**\n * Execute the render of results DOM element\n */\n _Render: function (response) {\n var ul;\n if (typeof response == \"string\") {\n ul = this._RenderRaw(response);\n }\n else {\n ul = this._RenderResponseItems(response);\n }\n if (this.DOMResults.hasChildNodes()) {\n this.DOMResults.removeChild(this.DOMResults.childNodes[0]);\n }\n this.DOMResults.appendChild(ul);\n },\n /**\n * ResponseItems[] rendering\n */\n _RenderResponseItems: function (response) {\n var ul = document.createElement(\"ul\"), li = document.createElement(\"li\"), limit = this._Limit();\n // Order\n if (limit < 0) {\n response = response.reverse();\n }\n else if (limit === 0) {\n limit = response.length;\n }\n for (var item = 0; item < Math.min(Math.abs(limit), response.length); item++) {\n li.innerHTML = response[item].Label;\n li.setAttribute(\"data-autocomplete-value\", response[item].Value);\n ul.appendChild(li);\n li = document.createElement(\"li\");\n }\n return ul;\n },\n /**\n * string response rendering (RAW HTML)\n */\n _RenderRaw: function (response) {\n var ul = document.createElement(\"ul\"), li = document.createElement(\"li\");\n if (response.length > 0) {\n this.DOMResults.innerHTML = response;\n }\n else {\n var emptyMessage = this._EmptyMessage();\n if (emptyMessage !== \"\") {\n li.innerHTML = emptyMessage;\n li.setAttribute(\"class\", \"locked\");\n ul.appendChild(li);\n }\n }\n return ul;\n },\n /**\n * Deal with request response\n */\n _Post: function (response) {\n try {\n var returnResponse = [];\n //JSON return\n var json = JSON.parse(response);\n if (Object.keys(json).length === 0) {\n return \"\";\n }\n if (Array.isArray(json)) {\n for (var i = 0; i < Object.keys(json).length; i++) {\n returnResponse[returnResponse.length] = { \"Value\": json[i], \"Label\": this._Highlight(json[i]) };\n }\n }\n else {\n for (var value in json) {\n returnResponse.push({\n \"Value\": value,\n \"Label\": this._Highlight(json[value])\n });\n }\n }\n return returnResponse;\n }\n catch (event) {\n //HTML return\n return response;\n }\n },\n /**\n * Return the autocomplete value to send (before request)\n */\n _Pre: function () {\n return this.Input.value;\n },\n /**\n * Choice one result item\n */\n _Select: function (item) {\n if (item.hasAttribute(\"data-autocomplete-value\")) {\n this.Input.value = item.getAttribute(\"data-autocomplete-value\");\n }\n else {\n this.Input.value = item.innerHTML;\n }\n this.Input.setAttribute(\"data-autocomplete-old-value\", this.Input.value);\n },\n /**\n * Handle HTTP error on the request\n */\n _Error: function () {\n },\n $AjaxTimer: null,\n $Cache: {},\n $Listeners: {}\n };\n return AutoComplete;\n}());\nmodule.exports = AutoComplete;\n\n},{}]},{},[1])(1)\n});\n"],"names":["window","searxng","w","d","Element","ElementPrototype","matches","matchesSelector","webkitMatchesSelector","msMatchesSelector","selector","node","this","nodes","parentNode","document","querySelectorAll","i","prototype","callbackSafe","callback","el","e","call","exception","console","log","on","obj","eventType","useCapture","addEventListener","target","srcElement","found","parentElement","ready","readyState","bind","http","method","url","data","Promise","resolve","reject","req","XMLHttpRequest","open","timeout","onload","status","response","responseType","Error","statusText","onerror","onabort","ontimeout","send","ex","loadStyle","src","path","settings","theme_static_path","id","replace","s","getElementById","createElement","setAttribute","body","appendChild","loadScript","hasAttribute","apply","insertBefore","newNode","referenceNode","insertAfter","nextSibling","classList","add","getEndpoint","className","getElementsByTagName","values","endsWith","split","endpoint","infinite_scroll_supported","IntersectionObserverEntry","let","onlyImages","contains","newLoadSpinner","loader","replaceChildrenWith","element","children","textContent","forEach","child","loadNextPage","form","querySelector","formData","FormData","getAttribute","then","nextPageDoc","DOMParser","parseFromString","articleList","paginationElement","remove","length","articleElement","catch","err","translations","error_loading_next_page","infinite_scroll","intersectionObserveOptions","rootMargin","observedSelector","observer","IntersectionObserver","entries","paginationEntry","isIntersecting","unobserve","observe","isElementInDetail","undefined","getResultElement","isImageResult","resultElement","highlightResult","preventDefault","selectImage","baseKeyBinding","Escape","key","fun","removeFocus","des","cat","c","copyURLToClipboard","h","toggleHelp","searchInputFocus","n","GoToNextPage","o","openResult","p","GoToPreviousPage","r","reloadPage","t","keyBindingLayouts","default","Object","assign","ArrowLeft","ArrowRight","vim","b","scrollPage","innerHeight","f","u","g","scrollPageTo","scrollHeight","v","k","j","y","keyBindings","hotkeys","hasOwnProperty","ctrlKey","altKey","shiftKey","metaKey","tagName","toLowerCase","which","noScroll","keepFocus","current","effectiveWhich","next","results","Array","from","top","documentElement","scrollTop","bot","clientHeight","etop","offsetTop","ebot","indexOf","removeAttribute","link","focus","scrollPageToSelected","location","reload","activeElement","blur","closeDetail","pageButtonClick","css_selector","button","click","sel","wtop","wheight","offset","previousElementSibling","scroll","scrollX","wbot","amount","scrollBy","position","nav","scrollTo","q","setSelectionRange","len","value","newTab","href","initHelpContent","divElement","categories","push","sorted","keys","sort","a","html","lastCategory","first","cj","innerHTML","helpPanel","toggle","currentUrlElement","navigator","clipboard","writeText","selectNext","selectPrevious","event","leaflet_target","dataset","leafletTarget","map_lon","parseFloat","mapLon","map_lat","mapLat","map_zoom","mapZoom","map_boundingbox","JSON","parse","mapBoundingbox","map_geojson","mapGeojson","map_bounds","southWest","L","latLng","northEast","latLngBounds","map","osmMapnikUrl","osmMapnikAttrib","osmMapnik","TileLayer","minZoom","maxZoom","attribution","osmWikimediaUrl","osmWikimediaAttrib","osmWikimedia","setTimeout","fitBounds","setView","addLayer","baseLayers","OSM Mapnik","OSM Wikimedia","control","layers","addTo","geoJson","engine_descriptions","load_engine_descriptions","content","engine_name","description","elements","source","Source","enableAllEngines","disableAllEngines","engineToggles","toggleEngines","offsetParent","checked","enable","copyHashButton","hash","innerText","copiedText","img","style","display","error","btnLabelCollapsed","btnLabelNotCollapsed","targetElement","iframe_load","srctest","imgElement","thumbnailElement","detailElement","imgSrc","imgLoader","Image","qinput_id","qinput","isMobile","matchMedia","submitIfQuery","search","submit","createClearButton","cs","updateClearButton","ev","autocomplete_provider","autocomplete","AutoComplete","Url","EmptyMessage","no_item_found","HttpMethod","http_method","HttpHeaders","Content-type","X-Requested-With","MinChars","autocomplete_min","Delay","_Position","_Open","params","DOMResults","li","onmousedown","_Select","item","defaults","closest","_MinChars","Input","KeyboardMappings","KeyUpAndDown_up","Callback","liActive","Tab","Enter","Conditions","Is","Not","ajax","request","$AjaxTimer","clearTimeout","Request","abort","encodeURIComponent","_QueryArg","_Pre","search_on_category_select","_","selected","exports","module","define","amd","global","self","require","code","1","ConditionOperator","EventType","isArray","input","specificParams","merge","create","nodeName","match","$Listeners","_Blur","destroy","_Focus","keyup","KEYUP","keydown","KEYDOWN","getEventsByType","type","mappings","Event","eventIdentifier","condition","mapping","Operator","AND","OR","keyCode","From","To","name","makeRequest","callbackErr","propertyHttpHeaders","getOwnPropertyNames","_HttpMethod","_Url","queryParams","queryParamsStringify","setRequestHeader","onreadystatechange","$Cache","cache","_Cache","removeEventListener","removeChild","tmp","arguments","Highlight","getRegex","RegExp","transform","Limit","QueryArg","KeyUpAndDown_down","last","active","currentIndex","lisCount","AlphaNum","oldValue","currentValue","_Render","_Post","_Error","_Close","_EmptyMessage","emptyMessage","_Limit","limit","isNaN","parseInt","minchars","_Highlight","label","now","onclick","offsetHeight","offsetLeft","clientWidth","ul","_RenderRaw","_RenderResponseItems","hasChildNodes","childNodes","reverse","Math","min","abs","Label","Value","returnResponse","json"],"mappings":"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"}
\ No newline at end of file
diff --git a/searx/static/themes/marlo/package.json b/searx/static/themes/marlo/package.json
new file mode 100644
index 000000000..0114028b5
--- /dev/null
+++ b/searx/static/themes/marlo/package.json
@@ -0,0 +1,39 @@
+{
+ "devDependencies": {
+ "eslint": "^9.0.0",
+ "grunt": "~1.6.1",
+ "grunt-contrib-copy": "^1.0.0",
+ "grunt-contrib-cssmin": "^5.0.0",
+ "grunt-contrib-less": "~3.0.0",
+ "grunt-contrib-uglify": "~5.2.1",
+ "grunt-xmlmin": "~0.1.8",
+ "grunt-contrib-watch": "~1.1.0",
+ "grunt-eslint": "^24.0.0",
+ "grunt-stylelint": "^0.16.0",
+ "grunt-image": "^6.4.0",
+ "ionicons": "^7.1.0",
+ "less": "^4.1.3",
+ "less-plugin-clean-css": "^1.5.1",
+ "sharp": "^0.33.0",
+ "stylelint": "^13.13.1",
+ "stylelint-config-standard": "^22.0.0",
+ "ejs": "^3.1.8",
+ "svgo": "^3.0.0"
+ },
+ "dependencies": {
+ "autocomplete-js": "2.7.1",
+ "leaflet": "^1.8.0",
+ "normalize.css": "^8.0.1"
+ },
+ "scripts": {
+ "all": "npm install && grunt",
+ "build": "grunt",
+ "test": "grunt test",
+ "eslint": "grunt eslint",
+ "eslint-fix": "grunt eslint --fix",
+ "watch": "grunt watch",
+ "clean": "rm -Rf node_modules package-lock.json",
+ "stylelint": "grunt stylelint",
+ "stylelint-fix": "grunt stylelint --fix"
+ }
+}
diff --git a/searx/static/themes/marlo/src/generated/pygments.less b/searx/static/themes/marlo/src/generated/pygments.less
new file mode 100644
index 000000000..6c5c4d193
--- /dev/null
+++ b/searx/static/themes/marlo/src/generated/pygments.less
@@ -0,0 +1,173 @@
+/*
+ this file is generated automatically by searxng_extra/update/update_pygments.py
+ using pygments version 2.17.2
+*/
+
+
+.code-highlight {
+
+ pre { line-height: 100%; }
+ td.linenos .normal { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
+ span.linenos { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
+ td.linenos .special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
+ span.linenos.special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
+ .hll { background-color: #ffffcc }
+ .c { color: #3D7B7B; font-style: italic } /* Comment */
+ .err { border: 1px solid #FF0000 } /* Error */
+ .k { color: #008000; font-weight: bold } /* Keyword */
+ .o { color: #666666 } /* Operator */
+ .ch { color: #3D7B7B; font-style: italic } /* Comment.Hashbang */
+ .cm { color: #3D7B7B; font-style: italic } /* Comment.Multiline */
+ .cp { color: #9C6500 } /* Comment.Preproc */
+ .cpf { color: #3D7B7B; font-style: italic } /* Comment.PreprocFile */
+ .c1 { color: #3D7B7B; font-style: italic } /* Comment.Single */
+ .cs { color: #3D7B7B; font-style: italic } /* Comment.Special */
+ .gd { color: #A00000 } /* Generic.Deleted */
+ .ge { font-style: italic } /* Generic.Emph */
+ .ges { font-weight: bold; font-style: italic } /* Generic.EmphStrong */
+ .gr { color: #E40000 } /* Generic.Error */
+ .gh { color: #000080; font-weight: bold } /* Generic.Heading */
+ .gi { color: #008400 } /* Generic.Inserted */
+ .go { color: #717171 } /* Generic.Output */
+ .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
+ .gs { font-weight: bold } /* Generic.Strong */
+ .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
+ .gt { color: #0044DD } /* Generic.Traceback */
+ .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
+ .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
+ .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
+ .kp { color: #008000 } /* Keyword.Pseudo */
+ .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
+ .kt { color: #B00040 } /* Keyword.Type */
+ .m { color: #666666 } /* Literal.Number */
+ .s { color: #BA2121 } /* Literal.String */
+ .na { color: #687822 } /* Name.Attribute */
+ .nb { color: #008000 } /* Name.Builtin */
+ .nc { color: #0000FF; font-weight: bold } /* Name.Class */
+ .no { color: #880000 } /* Name.Constant */
+ .nd { color: #AA22FF } /* Name.Decorator */
+ .ni { color: #717171; font-weight: bold } /* Name.Entity */
+ .ne { color: #CB3F38; font-weight: bold } /* Name.Exception */
+ .nf { color: #0000FF } /* Name.Function */
+ .nl { color: #767600 } /* Name.Label */
+ .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
+ .nt { color: #008000; font-weight: bold } /* Name.Tag */
+ .nv { color: #19177C } /* Name.Variable */
+ .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
+ .w { color: #bbbbbb } /* Text.Whitespace */
+ .mb { color: #666666 } /* Literal.Number.Bin */
+ .mf { color: #666666 } /* Literal.Number.Float */
+ .mh { color: #666666 } /* Literal.Number.Hex */
+ .mi { color: #666666 } /* Literal.Number.Integer */
+ .mo { color: #666666 } /* Literal.Number.Oct */
+ .sa { color: #BA2121 } /* Literal.String.Affix */
+ .sb { color: #BA2121 } /* Literal.String.Backtick */
+ .sc { color: #BA2121 } /* Literal.String.Char */
+ .dl { color: #BA2121 } /* Literal.String.Delimiter */
+ .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
+ .s2 { color: #BA2121 } /* Literal.String.Double */
+ .se { color: #AA5D1F; font-weight: bold } /* Literal.String.Escape */
+ .sh { color: #BA2121 } /* Literal.String.Heredoc */
+ .si { color: #A45A77; font-weight: bold } /* Literal.String.Interpol */
+ .sx { color: #008000 } /* Literal.String.Other */
+ .sr { color: #A45A77 } /* Literal.String.Regex */
+ .s1 { color: #BA2121 } /* Literal.String.Single */
+ .ss { color: #19177C } /* Literal.String.Symbol */
+ .bp { color: #008000 } /* Name.Builtin.Pseudo */
+ .fm { color: #0000FF } /* Name.Function.Magic */
+ .vc { color: #19177C } /* Name.Variable.Class */
+ .vg { color: #19177C } /* Name.Variable.Global */
+ .vi { color: #19177C } /* Name.Variable.Instance */
+ .vm { color: #19177C } /* Name.Variable.Magic */
+ .il { color: #666666 } /* Literal.Number.Integer.Long */
+}
+
+.code-highlight-dark(){
+ .code-highlight {
+
+ pre { line-height: 100%; }
+ td.linenos .normal { color: #3c4354; background-color: transparent; padding-left: 5px; padding-right: 5px; }
+ span.linenos { color: #3c4354; background-color: transparent; padding-left: 5px; padding-right: 5px; }
+ td.linenos .special { color: #3c4354; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
+ span.linenos.special { color: #3c4354; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
+ .hll { background-color: #6e7681 }
+ .c { color: #7e8aa1 } /* Comment */
+ .err { color: #f88f7f } /* Error */
+ .esc { color: #d4d2c8 } /* Escape */
+ .g { color: #d4d2c8 } /* Generic */
+ .k { color: #FFAD66 } /* Keyword */
+ .l { color: #D5FF80 } /* Literal */
+ .n { color: #d4d2c8 } /* Name */
+ .o { color: #FFAD66 } /* Operator */
+ .x { color: #d4d2c8 } /* Other */
+ .p { color: #d4d2c8 } /* Punctuation */
+ .ch { color: #f88f7f; font-style: italic } /* Comment.Hashbang */
+ .cm { color: #7e8aa1 } /* Comment.Multiline */
+ .cp { color: #FFAD66; font-weight: bold } /* Comment.Preproc */
+ .cpf { color: #7e8aa1 } /* Comment.PreprocFile */
+ .c1 { color: #7e8aa1 } /* Comment.Single */
+ .cs { color: #7e8aa1; font-style: italic } /* Comment.Special */
+ .gd { color: #f88f7f; background-color: #3d1e20 } /* Generic.Deleted */
+ .ge { color: #d4d2c8; font-style: italic } /* Generic.Emph */
+ .ges { color: #d4d2c8 } /* Generic.EmphStrong */
+ .gr { color: #f88f7f } /* Generic.Error */
+ .gh { color: #d4d2c8 } /* Generic.Heading */
+ .gi { color: #6ad4af; background-color: #19362c } /* Generic.Inserted */
+ .go { color: #7e8aa1 } /* Generic.Output */
+ .gp { color: #d4d2c8 } /* Generic.Prompt */
+ .gs { color: #d4d2c8; font-weight: bold } /* Generic.Strong */
+ .gu { color: #d4d2c8 } /* Generic.Subheading */
+ .gt { color: #f88f7f } /* Generic.Traceback */
+ .kc { color: #FFAD66 } /* Keyword.Constant */
+ .kd { color: #FFAD66 } /* Keyword.Declaration */
+ .kn { color: #FFAD66 } /* Keyword.Namespace */
+ .kp { color: #FFAD66 } /* Keyword.Pseudo */
+ .kr { color: #FFAD66 } /* Keyword.Reserved */
+ .kt { color: #73D0FF } /* Keyword.Type */
+ .ld { color: #D5FF80 } /* Literal.Date */
+ .m { color: #DFBFFF } /* Literal.Number */
+ .s { color: #D5FF80 } /* Literal.String */
+ .na { color: #FFD173 } /* Name.Attribute */
+ .nb { color: #FFD173 } /* Name.Builtin */
+ .nc { color: #73D0FF } /* Name.Class */
+ .no { color: #FFD173 } /* Name.Constant */
+ .nd { color: #7e8aa1; font-weight: bold; font-style: italic } /* Name.Decorator */
+ .ni { color: #95E6CB } /* Name.Entity */
+ .ne { color: #73D0FF } /* Name.Exception */
+ .nf { color: #FFD173 } /* Name.Function */
+ .nl { color: #d4d2c8 } /* Name.Label */
+ .nn { color: #d4d2c8 } /* Name.Namespace */
+ .nx { color: #d4d2c8 } /* Name.Other */
+ .py { color: #FFD173 } /* Name.Property */
+ .nt { color: #5CCFE6 } /* Name.Tag */
+ .nv { color: #d4d2c8 } /* Name.Variable */
+ .ow { color: #FFAD66 } /* Operator.Word */
+ .pm { color: #d4d2c8 } /* Punctuation.Marker */
+ .w { color: #d4d2c8 } /* Text.Whitespace */
+ .mb { color: #DFBFFF } /* Literal.Number.Bin */
+ .mf { color: #DFBFFF } /* Literal.Number.Float */
+ .mh { color: #DFBFFF } /* Literal.Number.Hex */
+ .mi { color: #DFBFFF } /* Literal.Number.Integer */
+ .mo { color: #DFBFFF } /* Literal.Number.Oct */
+ .sa { color: #F29E74 } /* Literal.String.Affix */
+ .sb { color: #D5FF80 } /* Literal.String.Backtick */
+ .sc { color: #D5FF80 } /* Literal.String.Char */
+ .dl { color: #D5FF80 } /* Literal.String.Delimiter */
+ .sd { color: #7e8aa1 } /* Literal.String.Doc */
+ .s2 { color: #D5FF80 } /* Literal.String.Double */
+ .se { color: #95E6CB } /* Literal.String.Escape */
+ .sh { color: #D5FF80 } /* Literal.String.Heredoc */
+ .si { color: #95E6CB } /* Literal.String.Interpol */
+ .sx { color: #95E6CB } /* Literal.String.Other */
+ .sr { color: #95E6CB } /* Literal.String.Regex */
+ .s1 { color: #D5FF80 } /* Literal.String.Single */
+ .ss { color: #DFBFFF } /* Literal.String.Symbol */
+ .bp { color: #5CCFE6 } /* Name.Builtin.Pseudo */
+ .fm { color: #FFD173 } /* Name.Function.Magic */
+ .vc { color: #d4d2c8 } /* Name.Variable.Class */
+ .vg { color: #d4d2c8 } /* Name.Variable.Global */
+ .vi { color: #d4d2c8 } /* Name.Variable.Instance */
+ .vm { color: #d4d2c8 } /* Name.Variable.Magic */
+ .il { color: #DFBFFF } /* Literal.Number.Integer.Long */
+ }
+}
diff --git a/searx/static/themes/marlo/src/js/head/00_init.js b/searx/static/themes/marlo/src/js/head/00_init.js
new file mode 100644
index 000000000..4aeece8c2
--- /dev/null
+++ b/searx/static/themes/marlo/src/js/head/00_init.js
@@ -0,0 +1,20 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+(function (w, d) {
+ 'use strict';
+
+ // add data- properties
+ var script = d.currentScript || (function () {
+ var scripts = d.getElementsByTagName('script');
+ return scripts[scripts.length - 1];
+ })();
+
+ w.searxng = {
+ settings: JSON.parse(atob(script.getAttribute('client_settings')))
+ };
+
+ // update the css
+ var hmtlElement = d.getElementsByTagName("html")[0];
+ hmtlElement.classList.remove('no-js');
+ hmtlElement.classList.add('js');
+
+})(window, document);
diff --git a/searx/static/themes/marlo/src/js/main/00_toolkit.js b/searx/static/themes/marlo/src/js/main/00_toolkit.js
new file mode 100644
index 000000000..e23142412
--- /dev/null
+++ b/searx/static/themes/marlo/src/js/main/00_toolkit.js
@@ -0,0 +1,165 @@
+/**
+ * @license
+ * (C) Copyright Contributors to the SearXNG project.
+ * (C) Copyright Contributors to the searx project (2014 - 2021).
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+window.searxng = (function (w, d) {
+
+ 'use strict';
+
+ // not invented here tookit with bugs fixed elsewhere
+ // purposes : be just good enough and as small as possible
+
+ // from https://plainjs.com/javascript/events/live-binding-event-handlers-14/
+ if (w.Element) {
+ (function (ElementPrototype) {
+ ElementPrototype.matches = ElementPrototype.matches ||
+ ElementPrototype.matchesSelector ||
+ ElementPrototype.webkitMatchesSelector ||
+ ElementPrototype.msMatchesSelector ||
+ function (selector) {
+ var node = this, nodes = (node.parentNode || node.document).querySelectorAll(selector), i = -1;
+ while (nodes[++i] && nodes[i] != node);
+ return !!nodes[i];
+ };
+ })(Element.prototype);
+ }
+
+ function callbackSafe (callback, el, e) {
+ try {
+ callback.call(el, e);
+ } catch (exception) {
+ console.log(exception);
+ }
+ }
+
+ var searxng = window.searxng || {};
+
+ searxng.on = function (obj, eventType, callback, useCapture) {
+ useCapture = useCapture || false;
+ if (typeof obj !== 'string') {
+ // obj HTMLElement, HTMLDocument
+ obj.addEventListener(eventType, callback, useCapture);
+ } else {
+ // obj is a selector
+ d.addEventListener(eventType, function (e) {
+ var el = e.target || e.srcElement, found = false;
+ while (el && el.matches && el !== d && !(found = el.matches(obj))) el = el.parentElement;
+ if (found) callbackSafe(callback, el, e);
+ }, useCapture);
+ }
+ };
+
+ searxng.ready = function (callback) {
+ if (document.readyState != 'loading') {
+ callback.call(w);
+ } else {
+ w.addEventListener('DOMContentLoaded', callback.bind(w));
+ }
+ };
+
+ searxng.http = function (method, url, data = null) {
+ return new Promise(function (resolve, reject) {
+ try {
+ var req = new XMLHttpRequest();
+ req.open(method, url, true);
+ req.timeout = 20000;
+
+ // On load
+ req.onload = function () {
+ if (req.status == 200) {
+ resolve(req.response, req.responseType);
+ } else {
+ reject(Error(req.statusText));
+ }
+ };
+
+ // Handle network errors
+ req.onerror = function () {
+ reject(Error("Network Error"));
+ };
+
+ req.onabort = function () {
+ reject(Error("Transaction is aborted"));
+ };
+
+ req.ontimeout = function () {
+ reject(Error("Timeout"));
+ }
+
+ // Make the request
+ if (data) {
+ req.send(data)
+ } else {
+ req.send();
+ }
+ } catch (ex) {
+ reject(ex);
+ }
+ });
+ };
+
+ searxng.loadStyle = function (src) {
+ var path = searxng.settings.theme_static_path + "/" + src,
+ id = "style_" + src.replace('.', '_'),
+ s = d.getElementById(id);
+ if (s === null) {
+ s = d.createElement('link');
+ s.setAttribute('id', id);
+ s.setAttribute('rel', 'stylesheet');
+ s.setAttribute('type', 'text/css');
+ s.setAttribute('href', path);
+ d.body.appendChild(s);
+ }
+ };
+
+ searxng.loadScript = function (src, callback) {
+ var path = searxng.settings.theme_static_path + "/" + src,
+ id = "script_" + src.replace('.', '_'),
+ s = d.getElementById(id);
+ if (s === null) {
+ s = d.createElement('script');
+ s.setAttribute('id', id);
+ s.setAttribute('src', path);
+ s.onload = callback;
+ s.onerror = function () {
+ s.setAttribute('error', '1');
+ };
+ d.body.appendChild(s);
+ } else if (!s.hasAttribute('error')) {
+ try {
+ callback.apply(s, []);
+ } catch (exception) {
+ console.log(exception);
+ }
+ } else {
+ console.log("callback not executed : script '" + path + "' not loaded.");
+ }
+ };
+
+ searxng.insertBefore = function (newNode, referenceNode) {
+ referenceNode.parentNode.insertBefore(newNode, referenceNode);
+ };
+
+ searxng.insertAfter = function (newNode, referenceNode) {
+ referenceNode.parentNode.insertAfter(newNode, referenceNode.nextSibling);
+ };
+
+ searxng.on('.close', 'click', function () {
+ this.parentNode.classList.add('invisible');
+ });
+
+ function getEndpoint () {
+ for (var className of d.getElementsByTagName('body')[0].classList.values()) {
+ if (className.endsWith('_endpoint')) {
+ return className.split('_')[0];
+ }
+ }
+ return '';
+ }
+
+ searxng.endpoint = getEndpoint();
+
+ return searxng;
+})(window, document);
diff --git a/searx/static/themes/marlo/src/js/main/infinite_scroll.js b/searx/static/themes/marlo/src/js/main/infinite_scroll.js
new file mode 100644
index 000000000..07db3305a
--- /dev/null
+++ b/searx/static/themes/marlo/src/js/main/infinite_scroll.js
@@ -0,0 +1,88 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+
+/* global searxng */
+
+searxng.ready(function () {
+ 'use strict';
+
+ searxng.infinite_scroll_supported = (
+ 'IntersectionObserver' in window &&
+ 'IntersectionObserverEntry' in window &&
+ 'intersectionRatio' in window.IntersectionObserverEntry.prototype);
+
+ if (searxng.endpoint !== 'results') {
+ return;
+ }
+
+ if (!searxng.infinite_scroll_supported) {
+ console.log('IntersectionObserver not supported');
+ return;
+ }
+
+ let d = document;
+ var onlyImages = d.getElementById('results').classList.contains('only_template_images');
+
+ function newLoadSpinner () {
+ var loader = d.createElement('div');
+ loader.classList.add('loader');
+ return loader;
+ }
+
+ function replaceChildrenWith (element, children) {
+ element.textContent = '';
+ children.forEach(child => element.appendChild(child));
+ }
+
+ function loadNextPage (callback) {
+ var form = d.querySelector('#pagination form.next_page');
+ if (!form) {
+ return
+ }
+ replaceChildrenWith(d.querySelector('#pagination'), [ newLoadSpinner() ]);
+ var formData = new FormData(form);
+ searxng.http('POST', d.querySelector('#search').getAttribute('action'), formData).then(
+ function (response) {
+ var nextPageDoc = new DOMParser().parseFromString(response, 'text/html');
+ var articleList = nextPageDoc.querySelectorAll('#urls article');
+ var paginationElement = nextPageDoc.querySelector('#pagination');
+ d.querySelector('#pagination').remove();
+ if (articleList.length > 0 && !onlyImages) {
+ // do not add
element when there are only images + d.querySelector('#urls').appendChild(d.createElement('hr')); + } + articleList.forEach(articleElement => { + d.querySelector('#urls').appendChild(articleElement); + }); + if (paginationElement) { + d.querySelector('#results').appendChild(paginationElement); + callback(); + } + } + ).catch( + function (err) { + console.log(err); + var e = d.createElement('div'); + e.textContent = searxng.settings.translations.error_loading_next_page; + e.classList.add('dialog-error'); + e.setAttribute('role', 'alert'); + replaceChildrenWith(d.querySelector('#pagination'), [ e ]); + } + ) + } + + if (searxng.settings.infinite_scroll && searxng.infinite_scroll_supported) { + const intersectionObserveOptions = { + rootMargin: "20rem", + }; + const observedSelector = 'article.result:last-child'; + const observer = new IntersectionObserver(entries => { + const paginationEntry = entries[0]; + if (paginationEntry.isIntersecting) { + observer.unobserve(paginationEntry.target); + loadNextPage(() => observer.observe(d.querySelector(observedSelector), intersectionObserveOptions)); + } + }); + observer.observe(d.querySelector(observedSelector), intersectionObserveOptions); + } + +}); diff --git a/searx/static/themes/marlo/src/js/main/keyboard.js b/searx/static/themes/marlo/src/js/main/keyboard.js new file mode 100644 index 000000000..1fb12cae1 --- /dev/null +++ b/searx/static/themes/marlo/src/js/main/keyboard.js @@ -0,0 +1,461 @@ +/* SPDX-License-Identifier: AGPL-3.0-or-later */ +/* global searxng */ + +searxng.ready(function () { + + function isElementInDetail (el) { + while (el !== undefined) { + if (el.classList.contains('detail')) { + return true; + } + if (el.classList.contains('result')) { + // we found a result, no need to go to the root of the document: + // el is not inside a
How to navigate SearXNG with hotkeys
';\n html += '';\n\n html += '' + cat[0].cat + '';\n html += '
| '; // col-sm-*\n\n if (!first || lastCategory) {\n html += '
element when there are only images + d.querySelector('#urls').appendChild(d.createElement('hr')); + } + articleList.forEach(articleElement => { + d.querySelector('#urls').appendChild(articleElement); + }); + if (paginationElement) { + d.querySelector('#results').appendChild(paginationElement); + callback(); + } + } + ).catch( + function (err) { + console.log(err); + var e = d.createElement('div'); + e.textContent = searxng.settings.translations.error_loading_next_page; + e.classList.add('dialog-error'); + e.setAttribute('role', 'alert'); + replaceChildrenWith(d.querySelector('#pagination'), [ e ]); + } + ) + } + + if (searxng.settings.infinite_scroll && searxng.infinite_scroll_supported) { + const intersectionObserveOptions = { + rootMargin: "20rem", + }; + const observedSelector = 'article.result:last-child'; + const observer = new IntersectionObserver(entries => { + const paginationEntry = entries[0]; + if (paginationEntry.isIntersecting) { + observer.unobserve(paginationEntry.target); + loadNextPage(() => observer.observe(d.querySelector(observedSelector), intersectionObserveOptions)); + } + }); + observer.observe(d.querySelector(observedSelector), intersectionObserveOptions); + } + +}); diff --git a/searx/static/themes/marlo/src/js/main/keyboard.js b/searx/static/themes/marlo/src/js/main/keyboard.js new file mode 100644 index 000000000..1fb12cae1 --- /dev/null +++ b/searx/static/themes/marlo/src/js/main/keyboard.js @@ -0,0 +1,461 @@ +/* SPDX-License-Identifier: AGPL-3.0-or-later */ +/* global searxng */ + +searxng.ready(function () { + + function isElementInDetail (el) { + while (el !== undefined) { + if (el.classList.contains('detail')) { + return true; + } + if (el.classList.contains('result')) { + // we found a result, no need to go to the root of the document: + // el is not inside a
element
+ return false;
+ }
+ el = el.parentNode;
+ }
+ return false;
+ }
+
+ function getResultElement (el) {
+ while (el !== undefined) {
+ if (el.classList.contains('result')) {
+ return el;
+ }
+ el = el.parentNode;
+ }
+ return undefined;
+ }
+
+ function isImageResult (resultElement) {
+ return resultElement && resultElement.classList.contains('result-images');
+ }
+
+ searxng.on('.result', 'click', function (e) {
+ if (!isElementInDetail(e.target)) {
+ highlightResult(this)(true, true);
+ let resultElement = getResultElement(e.target);
+ if (isImageResult(resultElement)) {
+ e.preventDefault();
+ searxng.selectImage(resultElement);
+ }
+ }
+ });
+
+ searxng.on('.result a', 'focus', function (e) {
+ if (!isElementInDetail(e.target)) {
+ let resultElement = getResultElement(e.target);
+ if (resultElement && resultElement.getAttribute("data-vim-selected") === null) {
+ highlightResult(resultElement)(true);
+ }
+ if (isImageResult(resultElement)) {
+ searxng.selectImage(resultElement);
+ }
+ }
+ }, true);
+
+ /* common base for layouts */
+ var baseKeyBinding = {
+ 'Escape': {
+ key: 'ESC',
+ fun: removeFocus,
+ des: 'remove focus from the focused input',
+ cat: 'Control'
+ },
+ 'c': {
+ key: 'c',
+ fun: copyURLToClipboard,
+ des: 'copy url of the selected result to the clipboard',
+ cat: 'Results'
+ },
+ 'h': {
+ key: 'h',
+ fun: toggleHelp,
+ des: 'toggle help window',
+ cat: 'Other'
+ },
+ 'i': {
+ key: 'i',
+ fun: searchInputFocus,
+ des: 'focus on the search input',
+ cat: 'Control'
+ },
+ 'n': {
+ key: 'n',
+ fun: GoToNextPage(),
+ des: 'go to next page',
+ cat: 'Results'
+ },
+ 'o': {
+ key: 'o',
+ fun: openResult(false),
+ des: 'open search result',
+ cat: 'Results'
+ },
+ 'p': {
+ key: 'p',
+ fun: GoToPreviousPage(),
+ des: 'go to previous page',
+ cat: 'Results'
+ },
+ 'r': {
+ key: 'r',
+ fun: reloadPage,
+ des: 'reload page from the server',
+ cat: 'Control'
+ },
+ 't': {
+ key: 't',
+ fun: openResult(true),
+ des: 'open the result in a new tab',
+ cat: 'Results'
+ },
+ };
+ var keyBindingLayouts = {
+
+ "default": Object.assign(
+ { /* SearXNG layout */
+ 'ArrowLeft': {
+ key: '←',
+ fun: highlightResult('up'),
+ des: 'select previous search result',
+ cat: 'Results'
+ },
+ 'ArrowRight': {
+ key: '→',
+ fun: highlightResult('down'),
+ des: 'select next search result',
+ cat: 'Results'
+ },
+ }, baseKeyBinding),
+
+ 'vim': Object.assign(
+ { /* Vim-like Key Layout. */
+ 'b': {
+ key: 'b',
+ fun: scrollPage(-window.innerHeight),
+ des: 'scroll one page up',
+ cat: 'Navigation'
+ },
+ 'f': {
+ key: 'f',
+ fun: scrollPage(window.innerHeight),
+ des: 'scroll one page down',
+ cat: 'Navigation'
+ },
+ 'u': {
+ key: 'u',
+ fun: scrollPage(-window.innerHeight / 2),
+ des: 'scroll half a page up',
+ cat: 'Navigation'
+ },
+ 'd': {
+ key: 'd',
+ fun: scrollPage(window.innerHeight / 2),
+ des: 'scroll half a page down',
+ cat: 'Navigation'
+ },
+ 'g': {
+ key: 'g',
+ fun: scrollPageTo(-document.body.scrollHeight, 'top'),
+ des: 'scroll to the top of the page',
+ cat: 'Navigation'
+ },
+ 'v': {
+ key: 'v',
+ fun: scrollPageTo(document.body.scrollHeight, 'bottom'),
+ des: 'scroll to the bottom of the page',
+ cat: 'Navigation'
+ },
+ 'k': {
+ key: 'k',
+ fun: highlightResult('up'),
+ des: 'select previous search result',
+ cat: 'Results'
+ },
+ 'j': {
+ key: 'j',
+ fun: highlightResult('down'),
+ des: 'select next search result',
+ cat: 'Results'
+ },
+ 'y': {
+ key: 'y',
+ fun: copyURLToClipboard,
+ des: 'copy url of the selected result to the clipboard',
+ cat: 'Results'
+ },
+ }, baseKeyBinding)
+ }
+
+ var keyBindings = keyBindingLayouts[searxng.settings.hotkeys] || keyBindingLayouts.default;
+
+ searxng.on(document, "keydown", function (e) {
+ // check for modifiers so we don't break browser's hotkeys
+ if (
+ Object.prototype.hasOwnProperty.call(keyBindings, e.key)
+ && !e.ctrlKey && !e.altKey
+ && !e.shiftKey && !e.metaKey
+ ) {
+ var tagName = e.target.tagName.toLowerCase();
+ if (e.key === 'Escape') {
+ keyBindings[e.key].fun(e);
+ } else {
+ if (e.target === document.body || tagName === 'a' || tagName === 'button') {
+ e.preventDefault();
+ keyBindings[e.key].fun();
+ }
+ }
+ }
+ });
+
+ function highlightResult (which) {
+ return function (noScroll, keepFocus) {
+ var current = document.querySelector('.result[data-vim-selected]'),
+ effectiveWhich = which;
+ if (current === null) {
+ // no selection : choose the first one
+ current = document.querySelector('.result');
+ if (current === null) {
+ // no first one : there are no results
+ return;
+ }
+ // replace up/down actions by selecting first one
+ if (which === "down" || which === "up") {
+ effectiveWhich = current;
+ }
+ }
+
+ var next, results = document.querySelectorAll('.result');
+ results = Array.from(results); // convert NodeList to Array for further use
+
+ if (typeof effectiveWhich !== 'string') {
+ next = effectiveWhich;
+ } else {
+ switch (effectiveWhich) {
+ case 'visible':
+ var top = document.documentElement.scrollTop || document.body.scrollTop;
+ var bot = top + document.documentElement.clientHeight;
+
+ for (var i = 0; i < results.length; i++) {
+ next = results[i];
+ var etop = next.offsetTop;
+ var ebot = etop + next.clientHeight;
+
+ if ((ebot <= bot) && (etop > top)) {
+ break;
+ }
+ }
+ break;
+ case 'down':
+ next = results[results.indexOf(current) + 1] || current;
+ break;
+ case 'up':
+ next = results[results.indexOf(current) - 1] || current;
+ break;
+ case 'bottom':
+ next = results[results.length - 1];
+ break;
+ case 'top':
+ /* falls through */
+ default:
+ next = results[0];
+ }
+ }
+
+ if (next) {
+ current.removeAttribute('data-vim-selected');
+ next.setAttribute('data-vim-selected', 'true');
+ if (!keepFocus) {
+ var link = next.querySelector('h3 a') || next.querySelector('a');
+ if (link !== null) {
+ link.focus();
+ }
+ }
+ if (!noScroll) {
+ scrollPageToSelected();
+ }
+ }
+ };
+ }
+
+ function reloadPage () {
+ document.location.reload(true);
+ }
+
+ function removeFocus (e) {
+ const tagName = e.target.tagName.toLowerCase();
+ if (document.activeElement && (tagName === 'input' || tagName === 'select' || tagName === 'textarea')) {
+ document.activeElement.blur();
+ } else {
+ searxng.closeDetail();
+ }
+ }
+
+ function pageButtonClick (css_selector) {
+ return function () {
+ var button = document.querySelector(css_selector);
+ if (button) {
+ button.click();
+ }
+ };
+ }
+
+ function GoToNextPage () {
+ return pageButtonClick('nav#pagination .next_page button[type="submit"]');
+ }
+
+ function GoToPreviousPage () {
+ return pageButtonClick('nav#pagination .previous_page button[type="submit"]');
+ }
+
+ function scrollPageToSelected () {
+ var sel = document.querySelector('.result[data-vim-selected]');
+ if (sel === null) {
+ return;
+ }
+ var wtop = document.documentElement.scrollTop || document.body.scrollTop,
+ wheight = document.documentElement.clientHeight,
+ etop = sel.offsetTop,
+ ebot = etop + sel.clientHeight,
+ offset = 120;
+ // first element ?
+ if ((sel.previousElementSibling === null) && (ebot < wheight)) {
+ // set to the top of page if the first element
+ // is fully included in the viewport
+ window.scroll(window.scrollX, 0);
+ return;
+ }
+ if (wtop > (etop - offset)) {
+ window.scroll(window.scrollX, etop - offset);
+ } else {
+ var wbot = wtop + wheight;
+ if (wbot < (ebot + offset)) {
+ window.scroll(window.scrollX, ebot - wheight + offset);
+ }
+ }
+ }
+
+ function scrollPage (amount) {
+ return function () {
+ window.scrollBy(0, amount);
+ highlightResult('visible')();
+ };
+ }
+
+ function scrollPageTo (position, nav) {
+ return function () {
+ window.scrollTo(0, position);
+ highlightResult(nav)();
+ };
+ }
+
+ function searchInputFocus () {
+ window.scrollTo(0, 0);
+ var q = document.querySelector('#q');
+ q.focus();
+ if (q.setSelectionRange) {
+ var len = q.value.length;
+ q.setSelectionRange(len, len);
+ }
+ }
+
+ function openResult (newTab) {
+ return function () {
+ var link = document.querySelector('.result[data-vim-selected] h3 a');
+ if (link === null) {
+ link = document.querySelector('.result[data-vim-selected] > a');
+ }
+ if (link !== null) {
+ var url = link.getAttribute('href');
+ if (newTab) {
+ window.open(url);
+ } else {
+ window.location.href = url;
+ }
+ }
+ };
+ }
+
+ function initHelpContent (divElement) {
+ var categories = {};
+
+ for (var k in keyBindings) {
+ var key = keyBindings[k];
+ categories[key.cat] = categories[key.cat] || [];
+ categories[key.cat].push(key);
+ }
+
+ var sorted = Object.keys(categories).sort(function (a, b) {
+ return categories[b].length - categories[a].length;
+ });
+
+ if (sorted.length === 0) {
+ return;
+ }
+
+ var html = '×';
+ html += '';
+
+ for (var i = 0; i < sorted.length; i++) {
+ var cat = categories[sorted[i]];
+
+ var lastCategory = i === (sorted.length - 1);
+ var first = i % 2 === 0;
+
+ if (first) {
+ html += '
';
+
+ divElement.innerHTML = html;
+ }
+
+ function toggleHelp () {
+ var helpPanel = document.querySelector('#vim-hotkeys-help');
+ if (helpPanel === undefined || helpPanel === null) {
+ // first call
+ helpPanel = document.createElement('div');
+ helpPanel.id = 'vim-hotkeys-help';
+ helpPanel.className = 'dialog-modal';
+ initHelpContent(helpPanel);
+ var body = document.getElementsByTagName('body')[0];
+ body.appendChild(helpPanel);
+ } else {
+ // togggle hidden
+ helpPanel.classList.toggle('invisible');
+ return;
+ }
+ }
+
+ function copyURLToClipboard () {
+ var currentUrlElement = document.querySelector('.result[data-vim-selected] h3 a');
+ if (currentUrlElement === null) return;
+
+ const url = currentUrlElement.getAttribute('href');
+ navigator.clipboard.writeText(url);
+ }
+
+ searxng.scrollPageToSelected = scrollPageToSelected;
+ searxng.selectNext = highlightResult('down');
+ searxng.selectPrevious = highlightResult('up');
+});
diff --git a/searx/static/themes/marlo/src/js/main/mapresult.js b/searx/static/themes/marlo/src/js/main/mapresult.js
new file mode 100644
index 000000000..419bfa9fa
--- /dev/null
+++ b/searx/static/themes/marlo/src/js/main/mapresult.js
@@ -0,0 +1,74 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+/* global L */
+(function (w, d, searxng) {
+ 'use strict';
+
+ searxng.ready(function () {
+ searxng.on('.searxng_init_map', 'click', function (event) {
+ // no more request
+ this.classList.remove("searxng_init_map");
+
+ //
+ var leaflet_target = this.dataset.leafletTarget;
+ var map_lon = parseFloat(this.dataset.mapLon);
+ var map_lat = parseFloat(this.dataset.mapLat);
+ var map_zoom = parseFloat(this.dataset.mapZoom);
+ var map_boundingbox = JSON.parse(this.dataset.mapBoundingbox);
+ var map_geojson = JSON.parse(this.dataset.mapGeojson);
+
+ searxng.loadStyle('css/leaflet.css');
+ searxng.loadScript('js/leaflet.js', function () {
+ var map_bounds = null;
+ if (map_boundingbox) {
+ var southWest = L.latLng(map_boundingbox[0], map_boundingbox[2]);
+ var northEast = L.latLng(map_boundingbox[1], map_boundingbox[3]);
+ map_bounds = L.latLngBounds(southWest, northEast);
+ }
+
+ // init map
+ var map = L.map(leaflet_target);
+ // create the tile layer with correct attribution
+ var osmMapnikUrl = 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
+ var osmMapnikAttrib = 'Map data © OpenStreetMap contributors';
+ var osmMapnik = new L.TileLayer(osmMapnikUrl, {minZoom: 1, maxZoom: 19, attribution: osmMapnikAttrib});
+ var osmWikimediaUrl = 'https://maps.wikimedia.org/osm-intl/{z}/{x}/{y}.png';
+ var osmWikimediaAttrib = 'Wikimedia maps | Maps data © OpenStreetMap contributors';
+ var osmWikimedia = new L.TileLayer(osmWikimediaUrl, {minZoom: 1, maxZoom: 19, attribution: osmWikimediaAttrib});
+ // init map view
+ if (map_bounds) {
+ // TODO hack: https://github.com/Leaflet/Leaflet/issues/2021
+ // Still useful ?
+ setTimeout(function () {
+ map.fitBounds(map_bounds, {
+ maxZoom: 17
+ });
+ }, 0);
+ } else if (map_lon && map_lat) {
+ if (map_zoom) {
+ map.setView(new L.latLng(map_lat, map_lon), map_zoom);
+ } else {
+ map.setView(new L.latLng(map_lat, map_lon), 8);
+ }
+ }
+
+ map.addLayer(osmMapnik);
+
+ var baseLayers = {
+ "OSM Mapnik": osmMapnik,
+ "OSM Wikimedia": osmWikimedia,
+ };
+
+ L.control.layers(baseLayers).addTo(map);
+
+ if (map_geojson) {
+ L.geoJson(map_geojson).addTo(map);
+ } /* else if(map_bounds) {
+ L.rectangle(map_bounds, {color: "#ff7800", weight: 3, fill:false}).addTo(map);
+ } */
+ });
+
+ // this event occour only once per element
+ event.preventDefault();
+ });
+ });
+})(window, document, window.searxng);
diff --git a/searx/static/themes/marlo/src/js/main/preferences.js b/searx/static/themes/marlo/src/js/main/preferences.js
new file mode 100644
index 000000000..a0b853d61
--- /dev/null
+++ b/searx/static/themes/marlo/src/js/main/preferences.js
@@ -0,0 +1,53 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+(function (w, d, searxng) {
+ 'use strict';
+
+ if (searxng.endpoint !== 'preferences') {
+ return;
+ }
+
+ searxng.ready(function () {
+ let engine_descriptions = null;
+ function load_engine_descriptions () {
+ if (engine_descriptions == null) {
+ searxng.http("GET", "engine_descriptions.json").then(function (content) {
+ engine_descriptions = JSON.parse(content);
+ for (const [engine_name, description] of Object.entries(engine_descriptions)) {
+ let elements = d.querySelectorAll('[data-engine-name="' + engine_name + '"] .engine-description');
+ for (const element of elements) {
+ let source = ' (' + searxng.settings.translations.Source + ': ' + description[1] + ')';
+ element.innerHTML = description[0] + source;
+ }
+ }
+ });
+ }
+ }
+
+ for (const el of d.querySelectorAll('[data-engine-name]')) {
+ searxng.on(el, 'mouseenter', load_engine_descriptions);
+ }
+
+ const enableAllEngines = d.querySelectorAll(".enable-all-engines");
+ const disableAllEngines = d.querySelectorAll(".disable-all-engines");
+ const engineToggles = d.querySelectorAll('tbody input[type=checkbox][class~=checkbox-onoff]');
+ const toggleEngines = (enable) => {
+ for (const el of engineToggles) {
+ // check if element visible, so that only engines of the current category are modified
+ if (el.offsetParent !== null) el.checked = !enable;
+ }
+ };
+ for (const el of enableAllEngines) {
+ searxng.on(el, 'click', () => toggleEngines(true));
+ }
+ for (const el of disableAllEngines) {
+ searxng.on(el, 'click', () => toggleEngines(false));
+ }
+
+ const copyHashButton = d.querySelector("#copy-hash");
+ searxng.on(copyHashButton, 'click', (e) => {
+ e.preventDefault();
+ navigator.clipboard.writeText(copyHashButton.dataset.hash);
+ copyHashButton.innerText = copyHashButton.dataset.copiedText;
+ });
+ });
+})(window, document, window.searxng);
diff --git a/searx/static/themes/marlo/src/js/main/results.js b/searx/static/themes/marlo/src/js/main/results.js
new file mode 100644
index 000000000..7342f94b2
--- /dev/null
+++ b/searx/static/themes/marlo/src/js/main/results.js
@@ -0,0 +1,119 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+(function (w, d, searxng) {
+ 'use strict';
+
+ if (searxng.endpoint !== 'results') {
+ return;
+ }
+
+ searxng.ready(function () {
+ d.querySelectorAll('#urls img.image').forEach(
+ img =>
+ img.addEventListener(
+ 'error', () => {
+ img.style.display = 'none';
+ img.error = null;
+ }
+ ));
+
+ if (d.querySelector('#search_url button#copy_url')) {
+ d.querySelector('#search_url button#copy_url').style.display = "block";
+ }
+
+ searxng.on('.btn-collapse', 'click', function () {
+ var btnLabelCollapsed = this.getAttribute('data-btn-text-collapsed');
+ var btnLabelNotCollapsed = this.getAttribute('data-btn-text-not-collapsed');
+ var target = this.getAttribute('data-target');
+ var targetElement = d.querySelector(target);
+ var html = this.innerHTML;
+ if (this.classList.contains('collapsed')) {
+ html = html.replace(btnLabelCollapsed, btnLabelNotCollapsed);
+ } else {
+ html = html.replace(btnLabelNotCollapsed, btnLabelCollapsed);
+ }
+ this.innerHTML = html;
+ this.classList.toggle('collapsed');
+ targetElement.classList.toggle('invisible');
+ });
+
+ searxng.on('.media-loader', 'click', function () {
+ var target = this.getAttribute('data-target');
+ var iframe_load = d.querySelector(target + ' > iframe');
+ var srctest = iframe_load.getAttribute('src');
+ if (srctest === null || srctest === undefined || srctest === false) {
+ iframe_load.setAttribute('src', iframe_load.getAttribute('data-src'));
+ }
+ });
+
+ searxng.on('#copy_url', 'click', function () {
+ var target = this.parentElement.querySelector('pre');
+ navigator.clipboard.writeText(target.innerText);
+ this.innerText = this.dataset.copiedText;
+ });
+
+ searxng.selectImage = function (resultElement) {
+ /* eslint no-unused-vars: 0 */
+ if (resultElement) {
+ // load full size image in background
+ const imgElement = resultElement.querySelector('.result-images-source img');
+ const thumbnailElement = resultElement.querySelector('.image_thumbnail');
+ const detailElement = resultElement.querySelector('.detail');
+ if (imgElement) {
+ const imgSrc = imgElement.getAttribute('data-src');
+ if (imgSrc) {
+ const loader = d.createElement('div');
+ const imgLoader = new Image();
+
+ loader.classList.add('loader');
+ detailElement.appendChild(loader);
+
+ imgLoader.onload = e => {
+ imgElement.src = imgSrc;
+ loader.remove();
+ };
+ imgLoader.onerror = e => {
+ loader.remove();
+ };
+ imgLoader.src = imgSrc;
+ imgElement.src = thumbnailElement.src;
+ imgElement.removeAttribute('data-src');
+ }
+ }
+ }
+ d.getElementById('results').classList.add('image-detail-open');
+ searxng.scrollPageToSelected();
+ }
+
+ searxng.closeDetail = function (e) {
+ d.getElementById('results').classList.remove('image-detail-open');
+ searxng.scrollPageToSelected();
+ }
+ searxng.on('.result-detail-close', 'click', e => {
+ e.preventDefault();
+ searxng.closeDetail();
+ });
+ searxng.on('.result-detail-previous', 'click', e => {
+ e.preventDefault();
+ searxng.selectPrevious(false)
+ });
+ searxng.on('.result-detail-next', 'click', e => {
+ e.preventDefault();
+ searxng.selectNext(false);
+ });
+
+ w.addEventListener('scroll', function () {
+ var e = d.getElementById('backToTop'),
+ scrollTop = document.documentElement.scrollTop || document.body.scrollTop,
+ results = d.getElementById('results');
+ if (e !== null) {
+ if (scrollTop >= 100) {
+ results.classList.add('scrolling');
+ } else {
+ results.classList.remove('scrolling');
+ }
+ }
+ }, true);
+
+ });
+
+})(window, document, window.searxng);
diff --git a/searx/static/themes/marlo/src/js/main/search.js b/searx/static/themes/marlo/src/js/main/search.js
new file mode 100644
index 000000000..ac1ece535
--- /dev/null
+++ b/searx/static/themes/marlo/src/js/main/search.js
@@ -0,0 +1,186 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+/* global AutoComplete */
+(function (w, d, searxng) {
+ 'use strict';
+
+ var qinput_id = "q", qinput;
+
+ const isMobile = window.matchMedia("only screen and (max-width: 50em)").matches;
+
+ function submitIfQuery () {
+ if (qinput.value.length > 0) {
+ var search = document.getElementById('search');
+ setTimeout(search.submit.bind(search), 0);
+ }
+ }
+
+ function createClearButton (qinput) {
+ var cs = document.getElementById('clear_search');
+ var updateClearButton = function () {
+ if (qinput.value.length === 0) {
+ cs.classList.add("empty");
+ } else {
+ cs.classList.remove("empty");
+ }
+ };
+
+ // update status, event listener
+ updateClearButton();
+ cs.addEventListener('click', function (ev) {
+ qinput.value = '';
+ qinput.focus();
+ updateClearButton();
+ ev.preventDefault();
+ });
+ qinput.addEventListener('keyup', updateClearButton, false);
+ }
+
+ searxng.ready(function () {
+ qinput = d.getElementById(qinput_id);
+
+ if (qinput !== null) {
+ // clear button
+ createClearButton(qinput);
+
+ // autocompleter
+ if (searxng.settings.autocomplete_provider) {
+ searxng.autocomplete = AutoComplete.call(w, {
+ Url: "./autocompleter",
+ EmptyMessage: searxng.settings.translations.no_item_found,
+ HttpMethod: searxng.settings.http_method,
+ HttpHeaders: {
+ "Content-type": "application/x-www-form-urlencoded",
+ "X-Requested-With": "XMLHttpRequest"
+ },
+ MinChars: searxng.settings.autocomplete_min,
+ Delay: 300,
+ _Position: function () {},
+ _Open: function () {
+ var params = this;
+ Array.prototype.forEach.call(this.DOMResults.getElementsByTagName("li"), function (li) {
+ if (li.getAttribute("class") != "locked") {
+ li.onmousedown = function () {
+ params._Select(li);
+ };
+ }
+ });
+ },
+ _Select: function (item) {
+ AutoComplete.defaults._Select.call(this, item);
+ var form = item.closest('form');
+ if (form) {
+ form.submit();
+ }
+ },
+ _MinChars: function () {
+ if (this.Input.value.indexOf('!') > -1) {
+ return 0;
+ } else {
+ return AutoComplete.defaults._MinChars.call(this);
+ }
+ },
+ KeyboardMappings: Object.assign({}, AutoComplete.defaults.KeyboardMappings, {
+ "KeyUpAndDown_up": Object.assign({}, AutoComplete.defaults.KeyboardMappings.KeyUpAndDown_up, {
+ Callback: function (event) {
+ AutoComplete.defaults.KeyboardMappings.KeyUpAndDown_up.Callback.call(this, event);
+ var liActive = this.DOMResults.querySelector("li.active");
+ if (liActive) {
+ AutoComplete.defaults._Select.call(this, liActive);
+ }
+ },
+ }),
+ "Tab": Object.assign({}, AutoComplete.defaults.KeyboardMappings.Enter, {
+ Conditions: [{
+ Is: 9,
+ Not: false
+ }],
+ Callback: function (event) {
+ if (this.DOMResults.getAttribute("class").indexOf("open") != -1) {
+ var liActive = this.DOMResults.querySelector("li.active");
+ if (liActive !== null) {
+ AutoComplete.defaults._Select.call(this, liActive);
+ event.preventDefault();
+ }
+ }
+ },
+ })
+ }),
+ }, "#" + qinput_id);
+ }
+
+ /*
+ Monkey patch autocomplete.js to fix a bug
+ With the POST method, the values are not URL encoded: query like "1 + 1" are sent as "1 1" since space are URL encoded as plus.
+ See HTML specifications:
+ * HTML5: https://url.spec.whatwg.org/#concept-urlencoded-serializer
+ * HTML4: https://www.w3.org/TR/html401/interact/forms.html#h-17.13.4.1
+
+ autocomplete.js does not URL encode the name and values:
+ https://github.com/autocompletejs/autocomplete.js/blob/87069524f3b95e68f1b54d8976868e0eac1b2c83/src/autocomplete.ts#L665
+
+ The monkey patch overrides the compiled version of the ajax function.
+ See https://github.com/autocompletejs/autocomplete.js/blob/87069524f3b95e68f1b54d8976868e0eac1b2c83/dist/autocomplete.js#L143-L158
+ The patch changes only the line 156 from
+ params.Request.send(params._QueryArg() + "=" + params._Pre());
+ to
+ params.Request.send(encodeURIComponent(params._QueryArg()) + "=" + encodeURIComponent(params._Pre()));
+
+ Related to:
+ * https://github.com/autocompletejs/autocomplete.js/issues/78
+ * https://github.com/searxng/searxng/issues/1695
+ */
+ AutoComplete.prototype.ajax = function (params, request, timeout) {
+ if (timeout === void 0) { timeout = true; }
+ if (params.$AjaxTimer) {
+ window.clearTimeout(params.$AjaxTimer);
+ }
+ if (timeout === true) {
+ params.$AjaxTimer = window.setTimeout(AutoComplete.prototype.ajax.bind(null, params, request, false), params.Delay);
+ } else {
+ if (params.Request) {
+ params.Request.abort();
+ }
+ params.Request = request;
+ params.Request.send(encodeURIComponent(params._QueryArg()) + "=" + encodeURIComponent(params._Pre()));
+ }
+ };
+
+ if (!isMobile && document.querySelector('.index_endpoint')) {
+ qinput.focus();
+ }
+ }
+
+ // Additionally to searching when selecting a new category, we also
+ // automatically start a new search request when the user changes a search
+ // filter (safesearch, time range or language) (this requires JavaScript
+ // though)
+ if (
+ qinput !== null
+ && searxng.settings.search_on_category_select
+ // If .search_filters is undefined (invisible) we are on the homepage and
+ // hence don't have to set any listeners
+ && d.querySelector(".search_filters") != null
+ ) {
+ searxng.on(d.getElementById('safesearch'), 'change', submitIfQuery);
+ searxng.on(d.getElementById('time_range'), 'change', submitIfQuery);
+ searxng.on(d.getElementById('language'), 'change', submitIfQuery);
+ }
+
+ // most common browsers at the time of writing this support :has, except for Firefox
+ // can be removed when Firefox / Firefox ESL starts supporting it as well
+ try {
+ // this fails when the browser does not support :has
+ d.querySelector("html:has(body)");
+ } catch (_) {
+ // manually deselect the old selection when a new category is selected
+ for (let button of d.querySelectorAll("button.category_button")) {
+ searxng.on(button, 'click', () => {
+ const selected = d.querySelector("button.category_button.selected");
+ console.log(selected);
+ selected.classList.remove("selected");
+ })
+ }
+ }
+ });
+
+})(window, document, window.searxng);
diff --git a/searx/static/themes/marlo/src/less/animations.less b/searx/static/themes/marlo/src/less/animations.less
new file mode 100644
index 000000000..75c98308f
--- /dev/null
+++ b/searx/static/themes/marlo/src/less/animations.less
@@ -0,0 +1,19 @@
+.dialog-modal {
+ animation-name: dialogmodal;
+ animation-duration: 0.13s;
+
+ @keyframes dialogmodal {
+ 0% {
+ opacity: 0;
+ }
+
+ 50% {
+ opacity: 0.5;
+ transform: translate(-50%, -50%) scale(1.05);
+ }
+ }
+}
+
+input.checkbox-onoff[type="checkbox"]::before {
+ transition: left 0.25s;
+}
diff --git a/searx/static/themes/marlo/src/less/autocomplete.less b/searx/static/themes/marlo/src/less/autocomplete.less
new file mode 100644
index 000000000..bb2e1890f
--- /dev/null
+++ b/searx/static/themes/marlo/src/less/autocomplete.less
@@ -0,0 +1,75 @@
+/*! Autocomplete.js v2.6.3 | license MIT | (c) 2017, Baptiste Donaux | http://autocomplete-js.com */
+
+.autocomplete {
+ position: absolute;
+ width: @search-width;
+ max-height: 0;
+ overflow-y: hidden;
+ .ltr-text-align-left();
+
+ .rounded-corners;
+
+ &:active,
+ &:focus,
+ &:hover {
+ background-color: var(--color-autocomplete-background);
+ }
+
+ &:empty {
+ display: none;
+ }
+
+ > ul {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+
+ > li {
+ cursor: pointer;
+ padding: 0.5rem 1rem;
+
+ &.active,
+ &:active,
+ &:focus,
+ &:hover {
+ background-color: var(--color-autocomplete-background-hover);
+
+ a:active,
+ a:focus,
+ a:hover {
+ text-decoration: none;
+ }
+ }
+
+ &.locked {
+ cursor: inherit;
+ }
+ }
+ }
+
+ &.open {
+ display: block;
+ background-color: var(--color-autocomplete-background);
+ color: var(--color-autocomplete-font);
+ max-height: 32rem;
+ overflow-y: auto;
+ z-index: 100;
+ margin-top: 3.5rem;
+ border-radius: 0.8rem;
+ box-shadow: 0 2px 8px rgb(34 38 46 / 25%);
+
+ &:empty {
+ display: none;
+ }
+ }
+}
+
+@media screen and (max-width: @phone) {
+ .autocomplete {
+ width: 100%;
+
+ > ul > li {
+ padding: 1rem;
+ }
+ }
+}
diff --git a/searx/static/themes/marlo/src/less/code.less b/searx/static/themes/marlo/src/less/code.less
new file mode 100644
index 000000000..d6553feb8
--- /dev/null
+++ b/searx/static/themes/marlo/src/less/code.less
@@ -0,0 +1,51 @@
+@import "../generated/pygments.less";
+
+.codelines {
+ margin: @results-margin 0 0 0;
+ padding: @result-padding 0 0 0;
+}
+
+.code-highlight-sxng() {
+ .code-highlight {
+ pre {
+ overflow: auto;
+ margin: 0;
+ padding: 0 0 0.75rem 0;
+ }
+
+ .linenos {
+ user-select: none;
+ cursor: default;
+
+ &::selection {
+ background: transparent; /* WebKit/Blink Browsers */
+ }
+
+ &::-moz-selection {
+ background: transparent; /* Gecko Browsers */
+ }
+ margin-right: 8px;
+ text-align: right;
+ }
+
+ span.linenos {
+ color: #64708d;
+ }
+ }
+}
+
+.code-highlight-sxng();
+
+/// Dark Theme (autoswitch based on device pref)
+@media (prefers-color-scheme: dark) {
+ :root.theme-auto {
+ .code-highlight-dark();
+ .code-highlight-sxng();
+ }
+}
+
+// Dark Theme by preferences
+:root.theme-dark {
+ .code-highlight-dark();
+ .code-highlight-sxng();
+}
diff --git a/searx/static/themes/marlo/src/less/definitions.less b/searx/static/themes/marlo/src/less/definitions.less
new file mode 100644
index 000000000..45d5c878d
--- /dev/null
+++ b/searx/static/themes/marlo/src/less/definitions.less
@@ -0,0 +1,277 @@
+/*
+ * SearXNG, A privacy-respecting, hackable metasearch engine
+ *
+ * To change the colors of the site, simple edit this variables
+ */
+
+/// Light Theme
+:root {
+ /// Base Colors
+ --color-base-font: #444;
+ --color-base-font-rgb: 68, 68, 68;
+ --color-base-background: #fff;
+ --color-base-background-mobile: #f2f5f8;
+ --color-url-font: #334999;
+ --color-url-visited-font: #9822c3;
+ /// Header Colors
+ --color-header-background: #fdfbff;
+ --color-header-border: #ddd;
+ /// Footer Colors
+ --color-footer-background: #fdfbff;
+ --color-footer-border: #ddd;
+ /// Sidebar Colors
+ --color-sidebar-border: #ddd;
+ --color-sidebar-font: #000;
+ --color-sidebar-background: #fff;
+ /// BackToTop Colors
+ --color-backtotop-font: #444;
+ --color-backtotop-border: #ddd;
+ --color-backtotop-background: #fff;
+ /// Button Colors
+ --color-btn-background: #3050ff;
+ --color-btn-font: #fff;
+ --color-show-btn-background: #bbb;
+ --color-show-btn-font: #000;
+ /// Search Input Colors
+ --color-search-border: #bbb;
+ --color-search-shadow: 0 2px 8px rgb(34 38 46 / 25%);
+ --color-search-background: #fff;
+ --color-search-font: #222;
+ --color-search-background-hover: #3050ff;
+ /// Modal Colors
+ --color-error: #db3434;
+ --color-error-background: lighten(#db3434, 40%);
+ --color-warning: #dbba34;
+ --color-warning-background: lighten(#dbba34, 40%);
+ --color-success: #42db34;
+ --color-success-background: lighten(#42db34, 40%);
+ /// Categories Colors
+ --color-categories-item-selected-font: #3050ff;
+ --color-categories-item-border-selected: #3050ff;
+ /// Autocomplete Colors
+ --color-autocomplete-font: #000;
+ --color-autocomplete-border: #bbb;
+ --color-autocomplete-shadow: 0 2px 8px rgb(34 38 46 / 25%);
+ --color-autocomplete-background: #fff;
+ --color-autocomplete-background-hover: #e3e3e3;
+ /// Answer Colors
+ --color-answer-font: #444; // same as --color-base-font
+ --color-answer-background: #fff;
+ /// Results Colors
+ --color-result-background: #fff;
+ --color-result-border: #ddd;
+ --color-result-url-font: #000;
+ --color-result-vim-selected: #f7f7f7;
+ --color-result-vim-arrow: #000bbb;
+ --color-result-description-highlight-font: #000;
+ --color-result-link-font: #000bbb;
+ --color-result-link-font-highlight: #000bbb;
+ --color-result-link-visited-font: #9822c3;
+ --color-result-publishdate-font: #777;
+ --color-result-engines-font: #545454;
+ --color-result-search-url-border: #ddd;
+ --color-result-search-url-font: #000;
+ // Images Colors
+ --color-result-image-span-font: #444;
+ --color-result-image-span-font-selected: #fff;
+ --color-result-image-background: #fff;
+ /// Settings Colors
+ --color-settings-tr-hover: #ebebeb;
+ --color-settings-engine-description-font: #545454;
+ --color-settings-table-group-background: #0001;
+ /// Detail modal
+ --color-result-detail-font: #fff;
+ --color-result-detail-label-font: lightgray;
+ --color-result-detail-background: #242424;
+ --color-result-detail-hr: #555;
+ --color-result-detail-link: #8af;
+ --color-result-detail-loader-border: rgba(255, 255, 255, 0.2);
+ --color-result-detail-loader-borderleft: rgba(0, 0, 0, 0);
+ /// Toolkit Colors
+ --color-toolkit-badge-font: #fff;
+ --color-toolkit-badge-background: #545454;
+ --color-toolkit-kbd-font: #fff;
+ --color-toolkit-kbd-background: #000;
+ --color-toolkit-dialog-border: #ddd;
+ --color-toolkit-dialog-background: #fff;
+ --color-toolkit-tabs-label-border: #fff;
+ --color-toolkit-tabs-section-border: #ddd;
+ --color-toolkit-select-background: #e1e1e1;
+ --color-toolkit-select-border: #ddd;
+ --color-toolkit-select-background-hover: #bbb;
+ --color-toolkit-input-text-font: #222;
+ --color-toolkit-checkbox-onoff-off-background: #ddd;
+ --color-toolkit-checkbox-onoff-on-background: #ddd;
+ --color-toolkit-checkbox-onoff-on-mark-background: #3050ff;
+ --color-toolkit-checkbox-onoff-on-mark-color: #fff;
+ --color-toolkit-checkbox-onoff-off-mark-background: #aaa;
+ --color-toolkit-checkbox-onoff-off-mark-color: #fff;
+ --color-toolkit-checkbox-label-background: #ddd;
+ --color-toolkit-checkbox-label-border: #ddd;
+ --color-toolkit-checkbox-input-border: #3050ff;
+ --color-toolkit-engine-tooltip-border: #ddd;
+ --color-toolkit-engine-tooltip-background: #fff;
+ --color-toolkit-loader-border: rgba(0, 0, 0, 0.2);
+ --color-toolkit-loader-borderleft: rgba(255, 255, 255, 0);
+ --color-doc-code: #003;
+ --color-doc-code-background: #ddeaff;
+}
+
+.dark-themes() {
+ /// Base Colors
+ --color-base-font: #bbb;
+ --color-base-font-rgb: 187, 187, 187;
+ --color-base-background: #222428;
+ --color-base-background-mobile: #222428;
+ --color-url-font: #8af;
+ --color-url-visited-font: #c09cd9;
+ /// Header Colors
+ --color-header-background: #1e1e22;
+ --color-header-border: #333;
+ /// Footer Colors
+ --color-footer-background: #1e1e22;
+ --color-footer-border: #333;
+ /// Sidebar Colors
+ --color-sidebar-border: #555;
+ --color-sidebar-font: #fff;
+ --color-sidebar-background: #292c34;
+ /// BackToTop Colors
+ --color-backtotop-font: #bbb;
+ --color-backtotop-border: #333;
+ --color-backtotop-background: #2b2e36;
+ /// Button Colors
+ --color-btn-background: #58f;
+ --color-btn-font: #222;
+ --color-show-btn-background: #555;
+ --color-show-btn-font: #fff;
+ /// Search Input Colors
+ --color-search-border: #555;
+ --color-search-shadow: 0 2px 8px rgb(34 38 46 / 25%);
+ --color-search-background: #2b2e36;
+ --color-search-font: #fff;
+ --color-search-background-hover: #58f;
+ /// Modal Colors
+ --color-error: #f55b5b;
+ --color-error-background: darken(#db3434, 40%);
+ --color-warning: #f1d561;
+ --color-warning-background: darken(#dbba34, 40%);
+ --color-success: #79f56e;
+ --color-success-background: darken(#42db34, 40%);
+ /// Categories Colors
+ --color-categories-item-selected-font: #58f;
+ --color-categories-item-border-selected: #58f;
+ /// Autocomplete Colors
+ --color-autocomplete-font: #fff;
+ --color-autocomplete-border: #555;
+ --color-autocomplete-shadow: 0 2px 8px rgb(34 38 46 / 25%);
+ --color-autocomplete-background: #2b2e36;
+ --color-autocomplete-background-hover: #1e1e22;
+ /// Answer Colors
+ --color-answer-font: #bbb; // same as --color-base-font
+ --color-answer-background: #26292f;
+ /// Results Colors
+ --color-result-background: #26292f;
+ --color-result-border: #333;
+ --color-result-url-font: #fff;
+ --color-result-vim-selected: #1f1f23cc;
+ --color-result-vim-arrow: #8af;
+ --color-result-description-highlight-font: #fff;
+ --color-result-link-font: #8af;
+ --color-result-link-font-highlight: #8af;
+ --color-result-link-visited-font: #c09cd9;
+ --color-result-publishdate-font: #888;
+ --color-result-engines-font: #a4a4a4;
+ --color-result-search-url-border: #555;
+ --color-result-search-url-font: #fff;
+ /// Detail modal : same as the light version
+ --color-result-detail-font: #fff;
+ --color-result-detail-label-font: lightgray;
+ --color-result-detail-background: #1a1a1c;
+ --color-result-detail-hr: #555;
+ --color-result-detail-link: #8af;
+ --color-result-detail-loader-border: rgba(255, 255, 255, 0.2);
+ --color-result-detail-loader-borderleft: rgba(0, 0, 0, 0);
+ // Images Colors
+ --color-result-image-span-font: #bbb;
+ --color-result-image-span-font-selected: #222;
+ --color-result-image-background: #222;
+ /// Settings Colors
+ --color-settings-tr-hover: #2c2c32;
+ --color-settings-engine-description-font: darken(#dcdcdc, 30%);
+ --color-settings-table-group-background: #1b1b21;
+ /// Toolkit Colors
+ --color-toolkit-badge-font: #fff;
+ --color-toolkit-badge-background: #555;
+ --color-toolkit-kbd-font: #000;
+ --color-toolkit-kbd-background: #fff;
+ --color-toolkit-dialog-border: #555;
+ --color-toolkit-dialog-background: #1e1e22;
+ --color-toolkit-tabs-label-border: #222;
+ --color-toolkit-tabs-section-border: #555;
+ --color-toolkit-select-background: #313338;
+ --color-toolkit-select-border: #555;
+ --color-toolkit-select-background-hover: #373b49;
+ --color-toolkit-input-text-font: #fff;
+ --color-toolkit-checkbox-onoff-off-background: #313338;
+ --color-toolkit-checkbox-onoff-on-background: #313338;
+ --color-toolkit-checkbox-onoff-on-mark-background: #58f;
+ --color-toolkit-checkbox-onoff-on-mark-color: #222;
+ --color-toolkit-checkbox-onoff-off-mark-background: #ddd;
+ --color-toolkit-checkbox-onoff-off-mark-color: #222;
+ --color-toolkit-checkbox-label-background: #222;
+ --color-toolkit-checkbox-label-border: #333;
+ --color-toolkit-checkbox-input-border: #58f;
+ --color-toolkit-engine-tooltip-border: #333;
+ --color-toolkit-engine-tooltip-background: #222;
+ --color-toolkit-loader-border: rgba(255, 255, 255, 0.2);
+ --color-toolkit-loader-borderleft: rgba(0, 0, 0, 0);
+ --color-doc-code: #ddd;
+ --color-doc-code-background: #4d5a6f;
+}
+
+/// Dark Theme (autoswitch based on device pref)
+@media (prefers-color-scheme: dark) {
+ :root.theme-auto {
+ .dark-themes();
+ }
+}
+
+// Dark Theme by preferences
+:root.theme-dark {
+ .dark-themes();
+}
+
+/// General Size
+@results-width: 45rem;
+@results-sidebar-width: 25rem;
+@results-offset: 10rem;
+@results-tablet-offset: 0.5rem;
+@results-gap: 5rem;
+@results-margin: 0.125rem;
+@result-padding: 1rem;
+@results-image-row-height: 12rem;
+@results-image-row-height-phone: 6rem;
+@search-width: 44rem;
+// heigh of #search, see detail.less
+@search-height: 7.6rem;
+
+/// Device Size
+/// @desktop > @tablet
+@tablet: 79.75em; // see https://github.com/searxng/searxng/issues/874
+@phone: 50em;
+@small-phone: 35em;
+@ultra-small-phone: 20rem;
+
+/// From style.less
+@stacked-bar-chart: rgb(0, 0, 0);
+
+/// Load fonts from this directory.
+@icon-font-path: "../../../fonts/";
+//** File name for all font files.
+@icon-font-name: "glyphicons-halflings-regular";
+//** Element ID within SVG icon file.
+@icon-font-svg-id: "glyphicons_halflingsregular";
+
+// decoration of the select HTML elements
+@select-light-svg-path: "../svg/select-light.svg";
+@select-dark-svg-path: "../svg/select-dark.svg";
diff --git a/searx/static/themes/marlo/src/less/detail.less b/searx/static/themes/marlo/src/less/detail.less
new file mode 100644
index 000000000..fd7858a1e
--- /dev/null
+++ b/searx/static/themes/marlo/src/less/detail.less
@@ -0,0 +1,254 @@
+#main_results #results.image-detail-open.only_template_images {
+ width: min(98%, 59.25rem) !important;
+}
+
+#main_results #results.only_template_images.image-detail-open #backToTop {
+ .ltr-left(56.75rem) !important;
+ .ltr-right(inherit);
+}
+
+article.result-images .detail {
+ display: none;
+}
+
+#results.image-detail-open article.result-images[data-vim-selected] .detail {
+ display: flex;
+ flex-direction: column;
+ position: fixed;
+ .ltr-left(60rem);
+ .ltr-right(0);
+ top: @search-height;
+ transition: top 0.064s ease-in 0s;
+ bottom: 0;
+ background: var(--color-result-detail-background);
+ border: 1px solid var(--color-result-detail-background);
+ z-index: 10000;
+ padding: 4rem 3rem 3rem 3rem;
+
+ a.result-images-source {
+ display: block;
+ flex: 1;
+ text-align: left;
+ width: 100%;
+ border: none;
+ text-decoration: none;
+
+ img {
+ padding: 0;
+ margin: 0;
+ border: none;
+ object-fit: contain;
+ width: inherit;
+ height: inherit;
+ max-width: 100%;
+ min-height: inherit;
+ max-height: calc(100vh - 25rem - 7rem);
+ background: inherit;
+ }
+ }
+
+ .result-images-labels {
+ color: var(--color-result-detail-font);
+ height: 19rem;
+
+ hr {
+ border-top: 1px solid var(--color-result-detail-hr);
+ border-bottom: none;
+ }
+
+ h4 {
+ height: 2rem;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ font-size: 0.9rem;
+ margin-bottom: 0;
+ }
+
+ p {
+ color: var(--color-result-detail-label-font);
+ font-size: 0.9rem;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ margin: 0.8rem 0;
+
+ span {
+ display: inline-block;
+ width: 12rem;
+ }
+ }
+
+ h4,
+ p,
+ a {
+ .ltr-text-align-left();
+ }
+
+ p.result-content {
+ height: 2rem;
+ line-height: unset;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
+
+ p.result-url {
+ white-space: nowrap;
+ overflow-x: hidden;
+ overflow-y: hidden;
+ text-overflow: ellipsis;
+ }
+
+ p.result-content:hover,
+ p.result-url:hover {
+ position: relative;
+ overflow: inherit !important;
+ background: var(--color-result-detail-background);
+ text-overflow: inherit !important;
+ }
+
+ a,
+ a:visited,
+ a:hover,
+ a:active {
+ color: var(--color-result-detail-link);
+ }
+
+ a:hover {
+ text-decoration: underline;
+ }
+ }
+
+ a.result-detail-close {
+ top: 1rem;
+ .ltr-left(1rem);
+ padding: 0.4rem;
+ }
+
+ a.result-detail-previous {
+ top: 1rem;
+ .ltr-right(6rem);
+ // center the icon by moving it slightly on the left
+ padding-top: 0.4rem;
+ .ltr-padding-right(0.5rem);
+ padding-bottom: 0.4rem;
+ .ltr-padding-left(0.3rem);
+ }
+
+ a.result-detail-next {
+ top: 1rem;
+ .ltr-right(2rem);
+ padding: 0.4rem;
+ }
+
+ a.result-detail-close,
+ a.result-detail-next,
+ a.result-detail-previous {
+ border-radius: 50%;
+ display: block;
+ width: 1.5rem;
+ height: 1.5rem;
+ position: absolute;
+ filter: opacity(40%);
+ z-index: 2000002;
+
+ span {
+ display: block;
+ width: 1.5rem;
+ height: 1.5rem;
+ text-align: center;
+ }
+ }
+
+ a.result-detail-next,
+ a.result-detail-previous {
+ span::before {
+ // vertical center small icons
+ vertical-align: sub;
+ }
+ }
+
+ a.result-detail-close,
+ a.result-detail-close:visited,
+ a.result-detail-close:hover,
+ a.result-detail-close:active,
+ a.result-detail-previous,
+ a.result-detail-previous:visited,
+ a.result-detail-previous:hover,
+ a.result-detail-previous:active,
+ a.result-detail-next,
+ a.result-detail-next:visited,
+ a.result-detail-next:hover,
+ a.result-detail-next:active {
+ color: var(--color-result-detail-font);
+ background: var(--color-result-detail-background);
+ border: 1px solid var(--color-result-detail-font);
+ }
+
+ a.result-detail-close:focus,
+ a.result-detail-close:hover,
+ a.result-detail-previous:focus,
+ a.result-detail-previous:hover,
+ a.result-detail-next:focus,
+ a.result-detail-next:hover {
+ filter: opacity(80%);
+ }
+
+ .loader {
+ position: absolute;
+ top: 1rem;
+ .ltr-right(50%);
+ border-top: 0.5em solid var(--color-result-detail-loader-border);
+ border-right: 0.5em solid var(--color-result-detail-loader-border);
+ border-bottom: 0.5em solid var(--color-result-detail-loader-border);
+ border-left: 0.5em solid var(--color-result-detail-loader-borderleft);
+ }
+}
+
+#results.image-detail-open.scrolling article.result-images[data-vim-selected] .detail {
+ top: 0;
+
+ a.result-images-source img {
+ max-height: calc(100vh - 25rem);
+ }
+}
+
+@media screen and (max-width: @tablet) {
+ #results.image-detail-open article.result-images[data-vim-selected] .detail {
+ top: 0;
+ .ltr-left(0);
+
+ a.result-images-source {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+
+ img {
+ width: 100%;
+ max-height: calc(100vh - 24rem);
+ }
+ }
+
+ a.result-detail-next {
+ .ltr-right(1rem);
+ }
+ }
+}
+
+@media screen and (max-width: @phone) {
+ #results.image-detail-open article.result-images[data-vim-selected] .detail {
+ top: 0;
+ .ltr-left(0);
+ padding: 1rem;
+
+ a.result-images-source img {
+ width: 100%;
+ max-height: calc(100vh - 20rem);
+ margin: 0;
+ }
+
+ .result-images-labels p span {
+ width: inherit;
+ .ltr-margin-right(1rem);
+ }
+ }
+}
diff --git a/searx/static/themes/marlo/src/less/embedded.less b/searx/static/themes/marlo/src/less/embedded.less
new file mode 100644
index 000000000..2e9216ad2
--- /dev/null
+++ b/searx/static/themes/marlo/src/less/embedded.less
@@ -0,0 +1,33 @@
+iframe[src^="https://w.soundcloud.com"] {
+ height: 120px;
+}
+
+iframe[src^="https://www.deezer.com"] {
+ // The real size is 92px, but 94px are needed to avoid an inner scrollbar of
+ // the embedded HTML.
+ height: 94px;
+}
+
+iframe[src^="https://www.mixcloud.com"] {
+ // the embedded player from mixcloud has some quirks: initial there is an
+ // issue with an image URL that is blocked since it is an a Cross-Origin
+ // request. The alternative text (![Mixcloud Logo]()
then cause an
+ // scrollbar in the inner of the iframe we can't avoid. Another quirk comes
+ // when pressing the play button, somtimes the shown player has an height of
+ // 200px, somtimes 250px.
+ height: 250px;
+}
+
+iframe[src^="https://bandcamp.com/EmbeddedPlayer"] {
+ // show playlist
+ height: 350px;
+}
+
+iframe[src^="https://bandcamp.com/EmbeddedPlayer/track"] {
+ // hide playlist
+ height: 120px;
+}
+
+iframe[src^="https://genius.com/songs"] {
+ height: 65px;
+}
diff --git a/searx/static/themes/marlo/src/less/index.less b/searx/static/themes/marlo/src/less/index.less
new file mode 100644
index 000000000..8590d0c3b
--- /dev/null
+++ b/searx/static/themes/marlo/src/less/index.less
@@ -0,0 +1,51 @@
+#main_index {
+ margin-top: 26vh;
+}
+
+.index {
+ text-align: center;
+
+ .title {
+ background: url('../img/searxng.png') no-repeat;
+ min-height: 4rem;
+ margin: 4rem auto;
+ background-position: center;
+ background-size: contain;
+ }
+
+ h1 {
+ font-size: 4em;
+ visibility: hidden;
+ }
+
+ #search,
+ #search_header {
+ margin: 0 auto;
+ background: inherit;
+ border: inherit;
+ padding: 0;
+ display: block;
+ }
+
+ .search_filters {
+ display: block;
+ margin: 1em 0;
+ }
+
+ .category label {
+ padding: 6px 10px;
+ border-bottom: initial !important;
+ }
+}
+
+@media screen and (max-width: @tablet) {
+ div.title {
+ h1 {
+ font-size: 1em;
+ }
+ }
+
+ #main_index {
+ margin-top: 6em;
+ }
+}
diff --git a/searx/static/themes/marlo/src/less/info.less b/searx/static/themes/marlo/src/less/info.less
new file mode 100644
index 000000000..f354135d2
--- /dev/null
+++ b/searx/static/themes/marlo/src/less/info.less
@@ -0,0 +1,10 @@
+.info-page {
+ code {
+ font-family: monospace;
+ .rounded-corners-tiny;
+ background-color: var(--color-doc-code-background);
+ color: var(--color-doc-code);
+ padding: 0.2rem;
+ border: 0 none;
+ }
+}
diff --git a/searx/static/themes/marlo/src/less/mixins.less b/searx/static/themes/marlo/src/less/mixins.less
new file mode 100644
index 000000000..a4bae7128
--- /dev/null
+++ b/searx/static/themes/marlo/src/less/mixins.less
@@ -0,0 +1,40 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+
+// Mixins
+.text-size-adjust (@property: 100%) {
+ -webkit-text-size-adjust: @property;
+ -ms-text-size-adjust: @property;
+ -moz-text-size-adjust: @property;
+ text-size-adjust: @property;
+}
+
+.rounded-corners (@radius: 10px) {
+ border-radius: @radius;
+}
+
+.rounded-right-corners (@radius: 0 10px 10px 0) {
+ border-radius: @radius;
+}
+
+.rounded-corners-tiny (@radius: 5px) {
+ border-radius: @radius;
+}
+
+// disable user selection
+.disable-user-select () {
+ -webkit-touch-callout: none;
+ user-select: none;
+}
+
+.show-content-button() {
+ padding: 5px 10px;
+ .rounded-corners-tiny;
+ background: var(--color-show-btn-background);
+ color: var(--color-show-btn-font);
+ cursor: pointer;
+
+ &:hover {
+ background: var(--color-btn-background);
+ color: var(--color-btn-font);
+ }
+}
diff --git a/searx/static/themes/marlo/src/less/new_issue.less b/searx/static/themes/marlo/src/less/new_issue.less
new file mode 100644
index 000000000..a1e5006e3
--- /dev/null
+++ b/searx/static/themes/marlo/src/less/new_issue.less
@@ -0,0 +1,48 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+.stats_endpoint {
+ .github-issue-button {
+ display: block;
+ padding: 8px 16px;
+ font-family: sans-serif;
+ font-size: 16px;
+ color: white;
+ background-color: #238636;
+ border: #2ea043;
+ border-radius: 10px !important;
+ box-shadow: rgba(0, 0, 0, 0) 0 0 0 0;
+ }
+
+ .github-issue-button:hover {
+ background-color: #2ea043;
+ }
+
+ .issue-hide {
+ display: none;
+ }
+
+ input[type=checked] {
+ position: absolute;
+ }
+
+ label {
+ margin: 1rem 1rem 1rem 0;
+ }
+
+ .step_content {
+ margin: 1rem 1rem 1rem 2rem;
+ }
+
+ .step1,
+ .step2 {
+ visibility: hidden;
+ }
+
+ .step1_delay {
+ transition: visibility 0s linear 4s;
+ }
+
+ #step1:checked ~ .step1,
+ #step2:checked ~ .step2 {
+ visibility: visible;
+ }
+}
diff --git a/searx/static/themes/marlo/src/less/preferences.less b/searx/static/themes/marlo/src/less/preferences.less
new file mode 100644
index 000000000..ecbcceee7
--- /dev/null
+++ b/searx/static/themes/marlo/src/less/preferences.less
@@ -0,0 +1,225 @@
+table {
+ border-collapse: collapse;
+
+ th,
+ td {
+ text-align: center;
+ padding: 1rem 0.5rem;
+ .ltr-text-align-left();
+ }
+
+ tr.pref-group th {
+ font-weight: normal;
+ .ltr-text-align-left();
+ background: var(--color-settings-table-group-background);
+ }
+}
+
+#main_preferences {
+ form {
+ width: 100%;
+ }
+
+ fieldset {
+ margin: 8px;
+ border: none;
+ }
+
+ legend {
+ margin: 0;
+ padding: 5px 0 0 0;
+ display: block;
+ .ltr-float-left();
+ width: 300px;
+ }
+
+ input[type="text"] {
+ width: 13.25rem;
+ color: var(--color-toolkit-input-text-font);
+ border: none;
+ background: none repeat scroll 0 0 var(--color-toolkit-select-background);
+ padding: 0.2rem 0.4rem;
+ height: 2rem;
+ .rounded-corners-tiny;
+
+ &:hover,
+ &:focus {
+ background-color: var(--color-toolkit-select-background-hover);
+ }
+ }
+
+ .value {
+ margin: 0;
+ padding: 0;
+ .ltr-float-left();
+ width: 15em;
+
+ select,
+ input[type="text"] {
+ font-size: inherit !important;
+ margin-top: 0;
+ .ltr-margin-right(1rem);
+ margin-bottom: 0;
+ .ltr-margin-left(0);
+ }
+
+ select {
+ width: 14rem;
+ }
+
+ select:focus,
+ input:focus {
+ outline: none;
+ box-shadow: 0 0 1px 1px var(--color-btn-background);
+ }
+ }
+
+ .description {
+ margin: 0;
+ padding: 5px 0 0 0;
+ .ltr-float-right();
+ width: 50%;
+ color: var(--color-settings-engine-description-font);
+ font-size: 90%;
+ }
+
+ .bang {
+ .ltr-text-align-left();
+ .rounded-corners-tiny;
+ background-color: var(--color-doc-code-background);
+ color: var(--color-doc-code);
+ padding: 0.2rem;
+ border: 0 none;
+ }
+
+ .category {
+ .ltr-margin-right(0.5rem);
+
+ label {
+ border: 2px solid transparent;
+ padding: 0.2rem 0.4rem;
+ .rounded-corners-tiny;
+ }
+ }
+
+ .category input[type="checkbox"]:checked + label {
+ border: 2px solid var(--color-categories-item-border-selected);
+ }
+
+ table.table_engines {
+ th.name {
+ /* stylelint-disable */
+ label {
+ cursor: pointer;
+ }
+ /* stylelint-enable */
+
+ .engine-tooltip {
+ margin-top: 1.8rem;
+ .ltr-left(calc((100% - 85em) / 2 + 10em));
+ max-width: 40rem;
+
+ .engine-description {
+ margin-top: 0.5rem;
+ }
+
+ .bang {
+ margin: 0.3rem;
+ }
+ }
+ }
+
+ .checkbox-col,
+ .name,
+ .shortcut {
+ .ltr-text-align-left();
+ }
+ }
+
+ table.cookies {
+ width: 100%;
+ direction: ltr;
+
+ th,
+ td {
+ text-align: left;
+ font-family: monospace;
+ font-size: 1rem;
+ padding: 0.5em;
+ vertical-align: top;
+ }
+
+ td:first-child {
+ word-break: keep-all;
+ width: 14rem;
+ padding-right: 1rem;
+ }
+
+ td:last-child {
+ word-break: break-all;
+ }
+
+ & > tbody > tr:nth-child(even) > th,
+ & > tbody > tr:nth-child(even) > td {
+ background-color: var(--color-settings-tr-hover);
+ }
+ }
+
+ .preferences_back {
+ background: none repeat scroll 0 0 var(--color-btn-background);
+ color: var(--color-btn-font);
+ border: 0 none;
+ .rounded-corners;
+
+ cursor: pointer;
+ display: inline-block;
+ margin: 2px 4px;
+ padding: 0.7em;
+
+ a {
+ color: var(--color-settings-return-font);
+ }
+
+ a::first-letter {
+ text-transform: uppercase;
+ }
+ }
+
+ #toggle-all-engines-container {
+ width: max-content;
+ margin-left: auto;
+ }
+
+ div.selectable_url {
+ pre {
+ width: 100%;
+ }
+ }
+
+ #copy-hash-container {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+
+ div.selectable_url {
+ pre {
+ width: auto;
+ flex-grow: 1;
+ }
+ }
+ }
+
+ #pref-hash-input {
+ width: 100%;
+ }
+}
+
+@media screen and (max-width: @tablet) {
+ .preferences_back {
+ clear: both;
+ }
+
+ .engine-tooltip {
+ .ltr-left(10em) !important;
+ }
+}
diff --git a/searx/static/themes/marlo/src/less/result_templates.less b/searx/static/themes/marlo/src/less/result_templates.less
new file mode 100644
index 000000000..afabdf322
--- /dev/null
+++ b/searx/static/themes/marlo/src/less/result_templates.less
@@ -0,0 +1,7 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+
+.osm-map-box {
+ height: 300px;
+ width: 100%;
+ margin: 10px 0;
+}
diff --git a/searx/static/themes/marlo/src/less/search.less b/searx/static/themes/marlo/src/less/search.less
new file mode 100644
index 000000000..f18a7ba2c
--- /dev/null
+++ b/searx/static/themes/marlo/src/less/search.less
@@ -0,0 +1,380 @@
+/*
+* SearXNG, A privacy-respecting, hackable metasearch engine
+*/
+
+#search {
+ padding: 0;
+ margin: 0;
+}
+
+#search_header {
+ padding-top: 1.5em;
+ .ltr-padding-right(2em);
+ .ltr-padding-left(@results-offset - 3rem);
+ margin: 0;
+ background: var(--color-header-background);
+ border-bottom: 1px solid var(--color-header-border);
+ display: grid;
+ column-gap: 1.2rem;
+ row-gap: 1rem;
+ grid-template-columns: 3rem 1fr;
+ grid-template-areas:
+ "logo search"
+ "spacer categories";
+}
+
+.category_checkbox,
+.category_button {
+ display: inline-block;
+ position: relative;
+ .ltr-margin-right(1rem);
+ padding: 0;
+}
+
+.category_checkbox {
+ input {
+ display: none;
+ }
+
+ label {
+ svg {
+ padding-right: 0.2rem;
+ }
+
+ cursor: pointer;
+ padding: 0.2rem 0;
+ display: inline-flex;
+ text-transform: capitalize;
+ font-size: 0.9em;
+ border-bottom: 2px solid transparent;
+ .disable-user-select;
+
+ div.category_name {
+ margin: auto 0;
+ }
+ }
+
+ input[type="checkbox"]:checked + label {
+ color: var(--color-categories-item-selected-font);
+ border-bottom: 2px solid var(--color-categories-item-border-selected);
+ }
+}
+
+button.category_button {
+ background-color: inherit;
+ color: var(--color-base-font);
+ cursor: pointer;
+ padding: 0.2rem 0;
+ display: inline-flex;
+ align-items: center;
+ text-transform: capitalize;
+ font-size: 0.9em;
+ border: none;
+ border-bottom: 2px solid transparent;
+
+ svg {
+ padding-right: 0.2rem;
+ }
+
+ &.selected,
+ &:active,
+ &:focus-within {
+ color: var(--color-categories-item-selected-font);
+ border-bottom: 2px solid var(--color-categories-item-border-selected);
+ }
+}
+
+#categories_container:has(button.category_button:focus-within) button.category_button.selected {
+ color: var(--color-base-font);
+ border-bottom: none;
+}
+
+#search_logo {
+ padding: 0.5rem 10px 0 10px;
+ grid-area: logo;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+ svg {
+ flex: 1;
+ width: 30px;
+ height: 30px;
+ margin: 0.5rem 0 auto 0;
+ }
+}
+
+.search_categories {
+ grid-area: categories;
+
+ .help {
+ display: none;
+ }
+
+ &:hover .help {
+ display: block;
+ position: absolute;
+ background: var(--color-base-background);
+ padding: 1rem 0.6rem 0.6rem 0;
+ z-index: 1000;
+ width: 100%;
+ left: -0.1rem;
+ }
+}
+
+#search_view {
+ padding: 0.5rem 0.3rem 0 0.5rem;
+ grid-area: search;
+
+ body.results_endpoint & {
+ padding: 0.5rem 2.8rem 0 0;
+ }
+}
+
+.search_box {
+ border-radius: 0.8rem;
+ width: @search-width;
+ display: inline-flex;
+ flex-direction: row;
+ white-space: nowrap;
+ box-shadow: var(--color-search-shadow);
+}
+
+#clear_search {
+ display: block;
+ border-collapse: separate;
+ box-sizing: border-box;
+ width: 1.8rem;
+ margin: 0;
+ padding: 0.8rem 0.2rem;
+ background: none repeat scroll 0 0 var(--color-search-background);
+ border: none;
+ outline: none;
+ color: var(--color-search-font);
+ font-size: 1.1rem;
+ z-index: 10000;
+
+ &:hover {
+ color: var(--color-search-background-hover);
+ }
+
+ &.empty * {
+ display: none;
+ }
+}
+
+html.no-js #clear_search.hide_if_nojs {
+ display: none;
+}
+
+#q,
+#send_search {
+ display: block;
+ margin: 0;
+ padding: 0.8rem;
+ background: none repeat scroll 0 0 var(--color-search-background);
+ border: none;
+ outline: none;
+ color: var(--color-search-font);
+ font-size: 1.1rem;
+ z-index: 2;
+}
+
+#q {
+ width: 100%;
+ .ltr-padding-left(1rem);
+ .ltr-padding-right(0) !important;
+ .ltr-rounded-left-corners(0.8rem);
+}
+
+#q::-ms-clear,
+#q::-webkit-search-cancel-button {
+ display: none;
+}
+
+#send_search {
+ .ltr-rounded-right-corners(0.8rem);
+
+ &:hover {
+ cursor: pointer;
+ background-color: var(--color-search-background-hover);
+ color: var(--color-search-background);
+ }
+}
+
+.no-js #clear_search,
+.no-js #send_search {
+ width: auto !important;
+ .ltr-border-left(1px solid var(--color-search-border));
+}
+
+.search_filters {
+ margin-top: 0.6rem;
+ .ltr-margin-right(0);
+ margin-bottom: 0;
+ .ltr-margin-left(@results-offset + 0.6rem);
+ display: flex;
+ overflow-x: auto;
+ overscroll-behavior-inline: contain;
+
+ select {
+ background-color: inherit;
+
+ &:hover,
+ &:focus {
+ color: var(--color-base-font);
+ }
+ }
+}
+
+@media screen and (max-width: @tablet) {
+ #search_header {
+ padding: 1.5em @results-tablet-offset 0 @results-tablet-offset;
+ column-gap: @results-tablet-offset;
+ }
+
+ .search_filters {
+ margin-top: 0.6rem;
+ .ltr-margin-right(0);
+ margin-bottom: 0;
+ .ltr-margin-left(@results-tablet-offset + 3rem);
+ }
+
+ #categories {
+ font-size: 90%;
+ clear: both;
+ }
+}
+
+@media screen and (max-width: @tablet) and (hover: none) {
+ #main_index,
+ #main_results {
+ #categories_container {
+ width: max-content;
+
+ .category_checkbox {
+ display: inline-block;
+ width: auto;
+ }
+ }
+
+ #categories {
+ width: 100%;
+ .ltr-text-align-left();
+ overflow-x: scroll;
+ overflow-y: hidden;
+ -webkit-overflow-scrolling: touch;
+ }
+ }
+}
+
+@media screen and (max-width: @phone) {
+ #search_header {
+ width: 100%;
+ margin: 0;
+ padding: 0.1rem 0 0 0;
+ column-gap: 0;
+ row-gap: 0;
+ grid-template-areas:
+ "logo search"
+ "categories categories";
+ }
+
+ .search_logo {
+ padding: 0;
+ }
+
+ .search_box {
+ width: 98%;
+ display: flex;
+ }
+
+ #q {
+ width: 100%;
+ flex: 1;
+ }
+
+ .search_filters {
+ margin: 0 10px;
+ padding: 0.5rem 0;
+ }
+
+ .category {
+ display: inline-block;
+ width: auto;
+ margin: 0;
+
+ svg {
+ display: none;
+ }
+ }
+
+ .category_checkbox {
+ label {
+ padding: 1rem !important;
+ margin: 0 !important;
+ }
+ }
+
+ .category_button {
+ padding: 1rem !important;
+ margin: 0 !important;
+ }
+
+ #search_view:focus-within {
+ display: block;
+ background-color: var(--color-search-background);
+ position: absolute;
+ top: 0;
+ height: 100%;
+ width: 100%;
+ z-index: 10000;
+
+ .search_box {
+ border-bottom: 1px solid var(--color-search-border);
+ width: 100%;
+ border-radius: 0;
+ box-shadow: none;
+
+ #send_search {
+ .ltr-margin-right(0) !important; // Delete when send_search button is disabled on mobile.
+ }
+
+ * {
+ border: none;
+ border-radius: 0;
+ box-shadow: none;
+ }
+ }
+ }
+
+ #main_results #q:placeholder-shown ~ #send_search {
+ .ltr-margin-right(2.6rem);
+ transition: margin 0.1s;
+ }
+}
+
+@media screen and (max-width: @ultra-small-phone) {
+ #search_header {
+ grid-template-areas:
+ "search search"
+ "categories categories";
+ }
+
+ #search_logo {
+ display: none;
+ }
+}
+
+#categories {
+ .disable-user-select;
+
+ &::-webkit-scrollbar {
+ width: 0;
+ height: 0;
+ }
+}
+
+#categories_container {
+ position: relative;
+}
diff --git a/searx/static/themes/marlo/src/less/stats.less b/searx/static/themes/marlo/src/less/stats.less
new file mode 100644
index 000000000..4658d4f2b
--- /dev/null
+++ b/searx/static/themes/marlo/src/less/stats.less
@@ -0,0 +1,106 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+
+.engine-stats {
+ border-spacing: 0;
+ border-collapse: collapse;
+
+ tr td,
+ tr th {
+ border-bottom: 1px solid var(--color-result-border);
+ padding: 0.25rem;
+ }
+
+ table.engine-tooltip {
+ border-spacing: 0;
+ border-collapse: collapse;
+
+ td,
+ th {
+ border: none;
+ }
+ }
+
+ .engine-name {
+ width: 20rem;
+ }
+
+ .engine-score {
+ width: 7rem;
+ text-align: right;
+ }
+
+ .engine-reliability {
+ text-align: right;
+ }
+}
+
+table.engine-error th.engine-error-type,
+table.engine-error td.engine-error-type,
+failed-test {
+ width: 10rem;
+}
+
+.engine-errors {
+ margin-top: 3rem;
+
+ table.engine-error {
+ max-width: 1280px;
+ margin: 1rem 0 3rem 0;
+ border: 1px solid var(--color-result-border);
+ .ltr-text-align-left();
+
+ tr th,
+ tr td {
+ padding: 0.5rem;
+ }
+
+ & span.log_parameters {
+ border-right: 1px solid solid var(--color-result-border);
+ padding: 0 1rem 0 0;
+ margin: 0 0 0 0.5rem;
+ }
+ }
+}
+
+.bar-chart-value {
+ width: 3em;
+ display: inline-block;
+ text-align: right;
+ padding-right: 0.5rem;
+}
+
+.bar-chart-graph {
+ width: calc(100% - 5rem);
+ display: inline-block;
+}
+
+.bar-chart-bar {
+ border: 3px solid #5bc0de;
+ margin: 1px 0;
+}
+
+.bar-chart-serie1 {
+ border: 3px solid #5bc0de;
+ margin: 1px 0;
+ float: left;
+}
+
+.bar-chart-serie2 {
+ border: 3px solid #deb15b;
+ margin: 1px 0;
+ float: left;
+}
+
+.bar0 {
+ width: 0;
+ border: 0;
+}
+
+.generate-bar(100);
+
+.generate-bar(@n, @i: 1) when (@i =< @n) {
+ .bar@{i} {
+ width: (@i * 100% / @n);
+ }
+ .generate-bar(@n, (@i + 1));
+}
diff --git a/searx/static/themes/marlo/src/less/style-center.less b/searx/static/themes/marlo/src/less/style-center.less
new file mode 100644
index 000000000..30c52cd5a
--- /dev/null
+++ b/searx/static/themes/marlo/src/less/style-center.less
@@ -0,0 +1,118 @@
+/*
+--center-page-width overrides the less variable @results-width when the results are centered
+see the CSS rules for #results in style.less ( grid-template-columns and gap).
+
+In this file, the --center-page-width values comes from the Oscar theme (Bootstrap 3).
+
+All rules starts with ".center-aligment-yes #main_results" to be enabled only
+on the /search URL and when the "center alignment" preference is enabled.
+*/
+
+@media screen and (min-width: @phone) {
+ .center-aligment-yes #main_results {
+ --center-page-width: 48rem;
+ }
+}
+
+@media screen and (min-width: 62rem) {
+ .center-aligment-yes #main_results {
+ --center-page-width: 60rem;
+ }
+}
+
+@media screen and (min-width: @tablet) {
+ .center-aligment-yes #main_results {
+ --center-page-width: 73rem;
+ }
+}
+
+@media screen and (min-width: @phone) and (max-width: @tablet) {
+ // any change must be reset in @media screen and (min-width: @tablet) { ... }
+ .center-aligment-yes #main_results {
+ #results {
+ grid-template-columns: 60% calc(40% - @results-gap);
+ margin-left: 0;
+ margin-right: 0;
+ }
+
+ #urls {
+ .ltr-margin-left(3rem);
+ }
+
+ #sidebar {
+ .ltr-margin-right(1rem);
+ }
+
+ #backToTop {
+ .ltr-left(calc(60% + 1rem));
+ }
+ }
+}
+
+@media screen and (min-width: @tablet) {
+ .center-aligment-yes #main_results {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+
+ #search {
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ }
+
+ #search_header {
+ grid-template-columns: calc(50% - 4.5rem - var(--center-page-width) / 2) 3rem var(--center-page-width);
+ grid-template-areas: "na logo search" "na spacer categories";
+ column-gap: 1.2rem; // from search.less
+ width: 100%;
+ padding-left: 0;
+ padding-right: 0;
+ }
+
+ .search_filters {
+ .ltr-margin-left(0.5rem);
+ width: var(--center-page-width);
+ }
+
+ #results {
+ // from style.less (when screen width = @tablet, reset layout from tablet)
+ .ltr-margin-right(2rem);
+ .ltr-margin-left(@results-offset);
+ //
+
+ &.only_template_images,
+ &.image-detail-open {
+ // * grid-template-columns and .ltr-margin-left are set in style.less
+ // * With .image-detail-open.only_template_images, the width is set in detail.less
+ // * #results is going to be centered because of the #main_results rules,
+ // align-self aligns the results on the left or right according to the language.
+ align-self: flex-start;
+ }
+
+ &:not(.only_template_images):not(.image-detail-open) {
+ // the gap is set in style.less
+ .ltr-margin-left(1.5rem);
+ grid-template-columns: calc(var(--center-page-width) - @results-gap - @results-sidebar-width) @results-sidebar-width;
+
+ #backToTop {
+ .ltr-left(calc(50% - @results-sidebar-width - @results-gap + 1rem + var(--center-page-width) / 2));
+ }
+ }
+
+ .result .content {
+ max-width: inherit;
+ }
+ }
+
+ // from style.less (when screen width = @tablet, reset layout from tablet)
+ #urls {
+ .ltr-margin-left(0);
+ }
+
+ #sidebar {
+ .ltr-margin-right(0);
+ }
+ }
+}
diff --git a/searx/static/themes/marlo/src/less/style-ltr.less b/searx/static/themes/marlo/src/less/style-ltr.less
new file mode 100644
index 000000000..6f7218b02
--- /dev/null
+++ b/searx/static/themes/marlo/src/less/style-ltr.less
@@ -0,0 +1,85 @@
+.ltr-left(@offset) {
+ left: @offset;
+}
+
+.ltr-right(@offset) {
+ right: @offset;
+}
+
+.ltr-margin-right(@offset) {
+ margin-right: @offset;
+}
+
+.ltr-margin-left(@offset) {
+ margin-left: @offset;
+}
+
+.ltr-border-right(@offset) {
+ border-right: @offset;
+}
+
+.ltr-border-left(@offset) {
+ border-left: @offset;
+}
+
+.ltr-padding-right(@offset) {
+ padding-right: @offset;
+}
+
+.ltr-padding-left(@offset) {
+ padding-left: @offset;
+}
+
+.ltr-float-left() {
+ float: left;
+}
+
+.ltr-float-right() {
+ float: right;
+}
+
+.ltr-text-align-right() {
+ text-align: right;
+}
+
+.ltr-rounded-left-corners(@radius) {
+ border-radius: @radius 0 0 @radius;
+}
+
+.ltr-rounded-top-left-corners(@radius) {
+ border-radius: @radius 0 0 0;
+}
+
+.ltr-rounded-bottom-left-corners(@radius) {
+ border-radius: 0 0 0 @radius;
+}
+
+.ltr-rounded-right-corners(@radius) {
+ border-radius: 0 @radius @radius 0;
+}
+
+.ltr-rounded-top-right-corners(@radius) {
+ border-radius: 0 @radius 0 0;
+}
+
+.ltr-rounded-bottom-right-corners(@radius) {
+ border-radius: 0 0 @radius 0;
+}
+
+.ltr-text-align-left() {
+ text-align: left;
+}
+
+.ltr-border-left-width(@offset) {
+ border-left-width: @offset;
+}
+
+.ltr-border-right-width(@offset) {
+ border-right-width: @offset;
+}
+
+.ltr-transform() {
+ transform: scale(1, 1);
+}
+
+@import "style.less";
diff --git a/searx/static/themes/marlo/src/less/style-rtl.less b/searx/static/themes/marlo/src/less/style-rtl.less
new file mode 100644
index 000000000..aa97e039c
--- /dev/null
+++ b/searx/static/themes/marlo/src/less/style-rtl.less
@@ -0,0 +1,155 @@
+.ltr-left(@offset) {
+ right: @offset;
+}
+
+.ltr-right(@offset) {
+ left: @offset;
+}
+
+.ltr-margin-right(@offset) {
+ margin-left: @offset;
+}
+
+.ltr-margin-left(@offset) {
+ margin-right: @offset;
+}
+
+.ltr-border-right(@offset) {
+ border-left: @offset;
+}
+
+.ltr-border-left(@offset) {
+ border-right: @offset;
+}
+
+.ltr-padding-right(@offset) {
+ padding-left: @offset;
+}
+
+.ltr-padding-left(@offset) {
+ padding-right: @offset;
+}
+
+.ltr-float-left() {
+ float: right;
+}
+
+.ltr-float-right() {
+ float: left;
+}
+
+.ltr-text-align-right() {
+ text-align: left;
+}
+
+.ltr-rounded-left-corners(@radius) {
+ border-radius: 0 @radius @radius 0;
+}
+
+.ltr-rounded-top-left-corners(@radius) {
+ border-radius: 0 @radius 0 0;
+}
+
+.ltr-rounded-bottom-left-corners(@radius) {
+ border-radius: 0 0 @radius 0;
+}
+
+.ltr-rounded-right-corners(@radius) {
+ border-radius: @radius 0 0 @radius;
+}
+
+.ltr-rounded-top-right-corners(@radius) {
+ border-radius: @radius 0 0 0;
+}
+
+.ltr-rounded-bottom-right-corners(@radius) {
+ border-radius: 0 0 0 @radius;
+}
+
+.ltr-text-align-left() {
+ text-align: right;
+}
+
+.ltr-border-left-width(@offset) {
+ border-right-width: @offset;
+}
+
+.ltr-border-right-width(@offset) {
+ border-left-width: @offset;
+}
+
+.ltr-transform() {
+ transform: scale(-1, 1);
+}
+
+@import "style.less";
+
+#q,
+#sidebar .infobox dt bdi {
+ direction: rtl;
+}
+
+// URL are displayed LTR but align on the right
+#urls {
+ direction: initial;
+ text-align: right;
+
+ .result .url_wrapper {
+ justify-content: end;
+ }
+}
+
+// Image flexbox
+#main_results div#results.only_template_images #urls {
+ direction: rtl;
+}
+
+// Image detail
+#results.image-detail-open article.result-images[data-vim-selected] .detail .result-images-labels p {
+ direction: rtl;
+
+ &.result-url {
+ // Display URL using the LTR direction
+ direction: ltr;
+
+ span {
+ // And put the label on the right
+ direction: rtl;
+ float: right;
+ }
+ }
+}
+
+// select HTML element
+@supports ((background-position-x: 100%) and ((appearance: none) or (-webkit-appearance: none) or (-moz-appearance: none))) {
+ select {
+ border-width: 0 0 0 2rem;
+ background-position-x: -2rem;
+ }
+}
+
+// vim hotkey helps is not translated
+#vim-hotkeys-help table {
+ direction: ltr;
+ text-align: left;
+}
+
+// Logo on the right
+#main_preferences h1,
+#main_stats h1 {
+ background-position-x: 100%;
+}
+
+// patch of stats.less
+.bar-chart-serie1,
+.bar-chart-serie2 {
+ float: right;
+}
+
+.engine-stats .engine-name,
+.engine-stats .engine-score,
+.engine-stats .result-count,
+.engine-stats .response-time,
+.engine-stats .engine-reliability {
+ text-align: right;
+}
diff --git a/searx/static/themes/marlo/src/less/style.less b/searx/static/themes/marlo/src/less/style.less
new file mode 100644
index 000000000..c7f459e59
--- /dev/null
+++ b/searx/static/themes/marlo/src/less/style.less
@@ -0,0 +1,1139 @@
+/*
+* SearXNG, A privacy-respecting, hackable metasearch engine
+*
+* To convert "style.less" to "style.css" run: $make styles
+*/
+
+// stylelint-disable no-descending-specificity
+
+@import (inline) "../../node_modules/normalize.css/normalize.css";
+@import "definitions.less";
+@import "mixins.less";
+@import "code.less";
+@import "toolkit.less";
+@import "autocomplete.less";
+@import "detail.less";
+@import "animations.less";
+@import "embedded.less";
+@import "info.less";
+@import "new_issue.less";
+@import "stats.less";
+@import "result_templates.less";
+
+// for index.html template
+@import "index.less";
+
+// for preferences.html template
+@import "preferences.less";
+
+// Search-Field
+@import "search.less";
+
+// to center the results
+@import "style-center.less";
+
+// ion-icon
+.ion-icon {
+ display: inline-block;
+ vertical-align: bottom;
+ line-height: 1;
+ text-decoration: inherit;
+ .ltr-transform();
+}
+
+.ion-icon-small {
+ width: 1rem;
+ height: 1rem;
+ .ion-icon;
+}
+
+.ion-icon-big {
+ width: 1.5rem;
+ height: 1.5rem;
+ .ion-icon;
+}
+
+// Main LESS-Code
+html {
+ font-family: sans-serif;
+ font-size: 0.9em;
+ .text-size-adjust;
+
+ color: var(--color-base-font);
+ background-color: var(--color-base-background);
+ padding: 0;
+ margin: 0;
+
+ scroll-behavior: smooth;
+}
+
+body,
+main {
+ padding: 0;
+ margin: 0;
+}
+
+body {
+ display: flex;
+ flex-direction: column;
+ height: 100vh;
+ margin: 0;
+}
+
+main {
+ width: 100%;
+ margin-bottom: 2rem;
+ flex: 1;
+}
+
+.page_with_header {
+ margin: 2em auto;
+ width: 85em;
+}
+
+footer {
+ clear: both;
+ min-height: 4rem;
+ padding: 1rem 0;
+ width: 100%;
+ text-align: center;
+ background-color: var(--color-footer-background);
+ border-top: 1px solid var(--color-footer-border);
+ overflow: hidden;
+
+ p {
+ font-size: 0.9em;
+ }
+}
+
+.page_with_header .logo {
+ height: 40px;
+}
+
+input[type="submit"],
+#results button[type="submit"],
+.button {
+ padding: 0.7rem;
+ display: inline-block;
+ background: var(--color-btn-background);
+ color: var(--color-btn-font);
+ .rounded-corners;
+
+ border: 0;
+ cursor: pointer;
+}
+
+a {
+ text-decoration: none;
+ color: var(--color-url-font);
+
+ &:visited {
+ color: var(--color-url-visited-font);
+
+ .highlight {
+ color: var(--color-url-visited-font);
+ }
+ }
+}
+
+article[data-vim-selected] {
+ background: var(--color-result-vim-selected);
+ .ltr-border-left(0.2rem solid var(--color-result-vim-arrow));
+ .ltr-rounded-right-corners(10px);
+}
+
+article.result-images[data-vim-selected] {
+ background: var(--color-result-vim-arrow);
+ border: none;
+ .rounded-corners;
+
+ .image_thumbnail {
+ filter: opacity(60%);
+ }
+
+ span.title,
+ span.source {
+ color: var(--color-result-image-span-font-selected);
+ }
+}
+
+article[data-vim-selected].category-videos,
+article[data-vim-selected].category-news,
+article[data-vim-selected].category-map,
+article[data-vim-selected].category-music,
+article[data-vim-selected].category-files,
+article[data-vim-selected].category-social {
+ border: 1px solid var(--color-result-vim-arrow);
+ .rounded-corners;
+}
+
+.result {
+ margin: @results-margin 0;
+ padding: @result-padding;
+ .ltr-border-left(0.2rem solid transparent);
+
+ h3 {
+ font-size: 1.2rem;
+ word-wrap: break-word;
+ margin: 0.4rem 0 0.4rem 0;
+ padding: 0;
+
+ a {
+ color: var(--color-result-link-font);
+ font-weight: normal;
+ font-size: 1.1em;
+
+ &:visited {
+ color: var(--color-result-link-visited-font);
+ }
+
+ &:focus,
+ &:hover {
+ text-decoration: underline;
+ border: none;
+ outline: none;
+ }
+ }
+ }
+
+ .cache_link,
+ .proxyfied_link {
+ font-size: smaller !important;
+ margin-left: 0.5rem;
+ }
+
+ .content,
+ .stat {
+ font-size: 0.9em;
+ margin: 0;
+ padding: 0;
+ max-width: 54em;
+ word-wrap: break-word;
+ line-height: 1.24;
+
+ .highlight {
+ color: var(--color-result-description-highlight-font);
+ background: inherit;
+ font-weight: bold;
+ }
+ }
+
+ .altlink a {
+ font-size: 0.9em;
+ margin: 0 10px 0 0;
+ .show-content-button;
+ }
+
+ .codelines {
+ .highlight {
+ color: inherit;
+ background: inherit;
+ font-weight: normal;
+ }
+ }
+
+ .url_wrapper {
+ display: flex;
+ font-size: 1rem;
+ color: var(--color-result-url-font);
+ flex-wrap: nowrap;
+ overflow: hidden;
+ flex-direction: row;
+ margin: 0;
+ padding: 0;
+
+ .url_o1 {
+ white-space: nowrap;
+ flex-shrink: 1;
+ }
+
+ .url_o1::after {
+ content: " ";
+ width: 1ch;
+ display: inline-block;
+ }
+
+ .url_o2 {
+ overflow: hidden;
+ white-space: nowrap;
+ flex-basis: content;
+ flex-grow: 0;
+ flex-shrink: 1;
+ text-align: right;
+
+ .url_i2 {
+ float: right;
+ }
+ }
+ }
+
+ .published_date,
+ .result_length,
+ .result_author,
+ .result_shipping,
+ .result_source_country {
+ font-size: 0.8em;
+ color: var(--color-result-publishdate-font);
+ }
+
+ .result_price {
+ font-size: 1.2em;
+ color: var(--color-result-description-highlight-font);
+ }
+
+ img {
+ &.thumbnail {
+ .ltr-float-left();
+ padding-top: 0.6rem;
+ .ltr-padding-right(1rem);
+ width: 20rem;
+ height: unset; // remove heigth value that was needed for lazy loading
+ }
+
+ &.image {
+ .ltr-float-left();
+ padding-top: 0.6rem;
+ .ltr-padding-right(1rem);
+ width: 7rem;
+ max-height: 7rem;
+ object-fit: scale-down;
+ object-position: right top;
+ }
+ }
+
+ .break {
+ clear: both;
+ }
+}
+
+.result-paper,
+.result-packages {
+ .attributes {
+ display: table;
+ border-spacing: 0.125rem;
+
+ div {
+ display: table-row;
+
+ span {
+ font-size: 0.9rem;
+ margin-top: 0.25rem;
+ display: table-cell;
+
+ time {
+ font-size: 0.9rem;
+ }
+ }
+
+ span:first-child {
+ color: var(--color-base-font);
+ min-width: 10rem;
+ }
+
+ span:nth-child(2) {
+ color: var(--color-result-publishdate-font);
+ }
+ }
+ }
+
+ .content {
+ margin-top: 0.25rem;
+ }
+
+ .comments {
+ font-size: 0.9rem;
+ margin: 0.25rem 0 0 0;
+ padding: 0;
+ word-wrap: break-word;
+ line-height: 1.24;
+ font-style: italic;
+ }
+}
+
+.result-packages {
+ .attributes {
+ margin-top: 0.3rem;
+ }
+}
+
+.template_group_images {
+ display: flex;
+ flex-wrap: wrap;
+}
+
+.template_group_images::after {
+ flex-grow: 10;
+ content: "";
+}
+
+.category-videos,
+.category-news,
+.category-map,
+.category-music,
+.category-files,
+.category-social {
+ border: 1px solid var(--color-result-border);
+ margin: 0 @results-tablet-offset 1rem @results-tablet-offset !important;
+ .rounded-corners;
+}
+
+.category-social .image {
+ width: auto !important;
+ min-width: 48px;
+ min-height: 48px;
+ padding: 0 5px 25px 0 !important;
+}
+
+.audio-control audio {
+ width: 100%;
+ padding: 10px 0 0 0;
+}
+
+.embedded-content iframe {
+ width: 100%;
+ padding: 10px 0 0 0;
+}
+
+.result-videos .content {
+ overflow: hidden;
+}
+
+.result-videos .embedded-video iframe {
+ width: 100%;
+ aspect-ratio: 16 / 9;
+ padding: 10px 0 0 0;
+}
+
+@supports not (aspect-ratio: 1 / 1) {
+ // support older browsers which do not have aspect-ratio
+ // https://caniuse.com/?search=aspect-ratio
+ .result-videos .embedded-video iframe {
+ height: calc(@results-width * 9 / 16);
+ }
+}
+
+.engines {
+ .ltr-float-right();
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: flex-end;
+ color: var(--color-result-engines-font);
+
+ span {
+ font-size: smaller;
+ margin-top: 0;
+ margin-bottom: 0;
+ .ltr-margin-right(0.5rem);
+ .ltr-margin-left(0);
+ }
+}
+
+.small_font {
+ font-size: 0.8em;
+}
+
+.highlight {
+ color: var(--color-result-link-font-highlight);
+ background: inherit;
+}
+
+.empty_element {
+ font-style: italic;
+}
+
+.result-images {
+ flex-grow: 1;
+ padding: 0.5rem 0.5rem 3rem 0.5rem;
+ margin: 0.25rem;
+ border: none !important;
+ height: @results-image-row-height;
+
+ & > a {
+ position: relative;
+ outline: none;
+ }
+
+ img {
+ margin: 0;
+ padding: 0;
+ border: none;
+ height: 100%;
+ width: 100%;
+ object-fit: cover;
+ vertical-align: bottom;
+ background: var(--color-result-image-background);
+ }
+
+ .image_resolution {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ background: rgba(0, 0, 0, 50%);
+ padding: 0.3rem 0.5rem;
+ font-size: 0.9rem;
+ color: #fff;
+ border-top-left-radius: 0.3rem;
+ }
+
+ span.title,
+ span.source {
+ display: block;
+ position: absolute;
+
+ width: 100%;
+ font-size: 0.9rem;
+ color: var(--color-result-image-span-font);
+ padding: 0.5rem 0 0 0;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+
+ span.source {
+ padding: 1.8rem 0 0 0;
+ font-size: 0.7rem;
+ }
+}
+
+.result-map {
+ img.image {
+ .ltr-float-right() !important;
+ height: 100px !important;
+ width: auto !important;
+ }
+
+ table {
+ font-size: 0.9em;
+ width: auto;
+ border-collapse: separate;
+ border-spacing: 0 0.35rem;
+
+ th {
+ font-weight: inherit;
+ width: 17rem;
+ vertical-align: top;
+ .ltr-text-align-left();
+ }
+
+ td {
+ vertical-align: top;
+ .ltr-text-align-left();
+ }
+ }
+}
+
+.hidden {
+ display: none !important;
+}
+
+#results {
+ margin-top: 1rem;
+ .ltr-margin-right(2rem);
+ margin-bottom: 0;
+ .ltr-margin-left(@results-offset);
+ display: grid;
+ grid-template-columns: @results-width @results-sidebar-width;
+ grid-template-rows: min-content min-content 1fr min-content;
+ gap: 0 @results-gap;
+ grid-template-areas:
+ "corrections sidebar"
+ "answers sidebar"
+ "urls sidebar"
+ "pagination sidebar";
+}
+
+#results #sidebar *:first-child {
+ margin-top: 0;
+}
+
+#urls {
+ padding: 0;
+ grid-area: urls;
+}
+
+#apis .wrapper {
+ display: flex;
+}
+
+#suggestions {
+ .wrapper {
+ display: flex;
+ flex-flow: column;
+ justify-content: flex-end;
+
+ form {
+ display: inline-block;
+ flex: 1 1 50%;
+ }
+ }
+}
+
+#suggestions,
+#infoboxes {
+ input {
+ padding: 0;
+ margin: 3px;
+ font-size: 0.9em;
+ display: inline-block;
+ background: transparent;
+ color: var(--color-result-search-url-font);
+ cursor: pointer;
+ width: calc(100%);
+ text-overflow: ellipsis;
+ overflow: hidden;
+ text-align: left;
+ }
+
+ input[type="submit"],
+ .infobox .url a {
+ color: var(--color-result-link-font);
+ text-decoration: none;
+ font-size: 0.9rem;
+
+ &:hover {
+ text-decoration: underline;
+ }
+ }
+}
+
+#corrections {
+ grid-area: corrections;
+ display: flex;
+ flex-flow: row wrap;
+ margin: 0 0 1em 0;
+
+ h4,
+ input[type="submit"] {
+ display: inline-block;
+ padding: 0.5rem;
+ margin: 0.5rem;
+ }
+
+ input[type="submit"] {
+ font-size: 0.8rem;
+ .rounded-corners-tiny;
+ }
+}
+
+#infoboxes .title,
+#suggestions .title,
+#search_url .title,
+#engines_msg .title,
+#apis .title {
+ margin: 2em 0 0.5em 0;
+ color: var(--color-base-font);
+}
+
+summary.title {
+ cursor: pointer;
+ padding-top: 1em;
+}
+
+.sidebar-collapsable {
+ border-top: 1px solid var(--color-sidebar-border);
+ padding-bottom: 0.5em;
+}
+
+#sidebar-end-collapsable {
+ border-bottom: 1px solid var(--color-sidebar-border);
+ width: 100%;
+}
+
+#answers {
+ grid-area: answers;
+ background: var(--color-answer-background);
+ padding: @result-padding;
+ margin: 1rem 0;
+ margin-top: 0;
+ color: var(--color-answer-font);
+ .rounded-corners;
+
+ h4 {
+ display: none;
+ }
+
+ span {
+ overflow-wrap: anywhere;
+ }
+
+ .answer {
+ display: flex;
+ flex-direction: column;
+ }
+
+ .answer-url {
+ margin-left: auto;
+ margin-top: 5px;
+ margin-right: 10px;
+ margin-bottom: 10px;
+ }
+}
+
+#infoboxes {
+ form {
+ min-width: 210px;
+ }
+}
+
+#sidebar {
+ grid-area: sidebar;
+ word-wrap: break-word;
+ color: var(--color-sidebar-font);
+
+ .infobox {
+ margin: 10px 0 10px;
+ border: 1px solid var(--color-sidebar-border);
+ padding: 1rem;
+ font-size: 0.9em;
+ .rounded-corners;
+
+ h2 {
+ margin: 0 0 0.5em 0;
+ }
+
+ img {
+ max-width: 100%;
+ max-height: 12em;
+ display: block;
+ margin: 0 auto;
+ padding: 0;
+ }
+
+ dt {
+ font-weight: bold;
+ }
+
+ .attributes {
+ dl {
+ margin: 0.5em 0;
+ }
+
+ dt {
+ display: inline;
+ margin-top: 0.5em;
+ .ltr-margin-right(0.25em);
+ margin-bottom: 0.5em;
+ .ltr-margin-left(0);
+ padding: 0;
+ }
+
+ dd {
+ display: inline;
+ margin: 0.5em 0;
+ padding: 0;
+ }
+ }
+
+ input {
+ font-size: 1em;
+ }
+
+ br {
+ clear: both;
+ }
+
+ .attributes,
+ .urls {
+ clear: both;
+ }
+ }
+}
+
+#apis {
+ input {
+ font-size: 0.9em;
+ margin: 0 10px 0 0;
+ .show-content-button;
+ }
+}
+
+#search_url {
+ div.selectable_url {
+ pre {
+ float: left;
+ width: 200em;
+ }
+ }
+
+ button#copy_url {
+ float: right;
+ padding: 0.4rem;
+ margin-left: 0.5rem;
+ border-radius: 0.3rem;
+ display: none; // will be shown by JS.
+ }
+}
+
+#links_on_top {
+ position: absolute;
+ .ltr-right(1rem);
+ .ltr-text-align-right();
+ top: 2.7rem;
+ padding: 0;
+ border: 0;
+ display: flex;
+ align-items: center;
+ font-size: 1em;
+ color: var(--color-search-font);
+
+ a {
+ display: flex;
+ align-items: center;
+ margin-left: 1em;
+
+ svg {
+ font-size: 1.2em;
+ .ltr-margin-right(0.125em);
+ }
+ }
+
+ a,
+ a:link *,
+ a:hover *,
+ a:visited *,
+ a:active * {
+ color: var(--color-search-font);
+ }
+}
+
+#pagination {
+ grid-area: pagination;
+
+ br {
+ clear: both;
+ }
+}
+
+.numbered_pagination {
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ overflow: hidden;
+}
+
+.page_number {
+ background: transparent !important;
+ color: var(--color-result-link-font) !important;
+ text-decoration: underline;
+}
+
+.page_number_current {
+ background: transparent;
+ color: var(--color-result-link-visited-font);
+ border: none;
+}
+
+#backToTop {
+ border: 1px solid var(--color-backtotop-border);
+ margin: 0;
+ padding: 0;
+ font-size: 1em;
+ background: var(--color-backtotop-background);
+ position: fixed;
+ bottom: 8rem;
+ .ltr-left(@results-width + @results-offset + (0.5 * @results-gap - 1.2em));
+ transition: opacity 0.5s;
+ opacity: 0;
+ pointer-events: none;
+ .rounded-corners;
+
+ a {
+ display: block;
+ margin: 0;
+ padding: 0.7em;
+ }
+
+ a,
+ a:visited,
+ a:hover,
+ a:active {
+ color: var(--color-backtotop-font);
+ }
+}
+
+#results.scrolling #backToTop {
+ opacity: 1;
+ pointer-events: all;
+}
+
+/*
+ tablet layout
+*/
+
+.results-tablet() {
+ #links_on_top {
+ span {
+ display: none;
+ }
+ }
+
+ .page_with_header {
+ margin: 2rem 0.5rem;
+ width: auto;
+ }
+
+ #infoboxes {
+ position: inherit;
+ max-width: inherit;
+
+ .infobox {
+ clear: both;
+
+ img {
+ .ltr-float-left();
+ max-width: 10em;
+ margin-top: 0.5em;
+ .ltr-margin-right(0.5em);
+ margin-bottom: 0.5em;
+ .ltr-margin-left(0);
+ }
+ }
+ }
+
+ #sidebar {
+ margin: 0 @results-tablet-offset @results-margin @results-tablet-offset;
+ padding: 0;
+ float: none;
+ border: none;
+ width: auto;
+
+ input {
+ border: 0;
+ }
+ }
+
+ .result {
+ .thumbnail {
+ max-width: 98%;
+ }
+
+ .url {
+ span.url {
+ display: block;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ width: 100%;
+ }
+ }
+
+ .engines {
+ .ltr-float-right();
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: flex-end;
+ padding: 3px 0 0 0;
+ }
+ }
+
+ .result-images {
+ border-bottom: none !important;
+ }
+
+ .image_result {
+ max-width: 98%;
+
+ img {
+ max-width: 98%;
+ }
+ }
+
+ #backToTop {
+ display: none;
+ }
+
+ #pagination {
+ margin: 2rem 0 0 0 !important;
+ }
+
+ #main_results div#results {
+ margin: 0 auto;
+ justify-content: center;
+ display: grid;
+ grid-template-columns: @results-width;
+ grid-template-rows: min-content min-content min-content 1fr min-content min-content;
+ gap: 0;
+ grid-template-areas:
+ "corrections"
+ "answers"
+ "sidebar"
+ "urls"
+ "pagination";
+ }
+}
+
+@media screen and (max-width: calc(@tablet - 0.5px)) {
+ #links_on_top {
+ span {
+ display: none;
+ }
+ }
+}
+
+@media screen and (max-width: 52rem) {
+ body.results_endpoint {
+ #links_on_top {
+ .link_on_top_about,
+ .link_on_top_donate {
+ display: none;
+ }
+ }
+ }
+}
+
+@media screen and (min-width: @phone) and (max-width: @tablet) {
+ // when .center-aligment-yes, see style-center.less
+ // the media query includes "min-width: @phone"
+ // because the phone layout includes the tablet layout unconditionally.
+ .center-aligment-no {
+ .results-tablet();
+ }
+}
+
+/* Misc */
+
+#main_results div#results.only_template_images {
+ margin: 1rem @results-tablet-offset 0 @results-tablet-offset;
+ display: grid;
+ grid-template-columns: 100%;
+ grid-template-rows: min-content min-content min-content 1fr min-content;
+ gap: 0;
+ grid-template-areas:
+ "corrections"
+ "answers"
+ "sidebar"
+ "urls"
+ "pagination";
+
+ #sidebar {
+ display: none;
+ }
+
+ #urls {
+ margin: 0;
+ display: flex;
+ flex-wrap: wrap;
+ }
+
+ #urls::after {
+ flex-grow: 10;
+ content: "";
+ }
+
+ #backToTop {
+ .ltr-left(auto);
+ .ltr-right(1rem);
+ }
+
+ #pagination {
+ .ltr-margin-right(4rem);
+ }
+}
+
+/*
+ phone layout
+*/
+
+@media screen and (max-width: @phone) {
+ // based on the tablet layout
+ .results-tablet();
+
+ html {
+ background-color: var(--color-base-background-mobile);
+ }
+
+ #main_results div#results {
+ grid-template-columns: 100%;
+ margin: 0 auto;
+ }
+
+ #links_on_top {
+ top: 1.4rem;
+ .ltr-right(10px);
+ }
+
+ #main_index #links_on_top {
+ top: 0.5rem;
+ .ltr-right(0.5rem);
+ }
+
+ #results {
+ margin: 0;
+ padding: 0;
+ }
+
+ #pagination {
+ margin: 2rem 1rem 0 1rem !important;
+ }
+
+ article[data-vim-selected] {
+ border: 1px solid var(--color-result-vim-arrow);
+ .rounded-corners;
+ }
+
+ .result {
+ background: var(--color-result-background);
+ border: 1px solid var(--color-result-background);
+ margin: 1rem 10px;
+ .rounded-corners;
+ }
+
+ .result-images {
+ margin: 0;
+ height: @results-image-row-height-phone;
+ background: var(--color-base-background-mobile);
+ }
+
+ .infobox {
+ border: none !important;
+ background-color: var(--color-sidebar-background);
+ }
+
+ .numbered_pagination {
+ display: none;
+ }
+
+ .result-paper,
+ .result-packages {
+ .attributes {
+ display: block;
+
+ div {
+ display: block;
+
+ span {
+ display: inline;
+ }
+
+ span:first-child {
+ font-weight: bold;
+ }
+
+ span:nth-child(2) {
+ .ltr-margin-left(0.5rem);
+ }
+ }
+ }
+ }
+}
+
+/*
+ small-phone layout
+*/
+
+@media screen and (max-width: @small-phone) {
+ .result-videos {
+ img.thumbnail {
+ float: none !important;
+ }
+
+ .content {
+ overflow: inherit;
+ }
+ }
+}
+
+pre code {
+ white-space: pre-wrap;
+}
diff --git a/searx/static/themes/marlo/src/less/toolkit.less b/searx/static/themes/marlo/src/less/toolkit.less
new file mode 100644
index 000000000..f4e3c36e1
--- /dev/null
+++ b/searx/static/themes/marlo/src/less/toolkit.less
@@ -0,0 +1,648 @@
+// other solution : http://stackoverflow.com/questions/1577598/how-to-hide-parts-of-html-when-javascript-is-disabled/13857783#13857783
+
+// stylelint-disable no-descending-specificity
+
+html.no-js .hide_if_nojs {
+ display: none;
+}
+
+html.js .show_if_nojs {
+ display: none;
+}
+
+.center {
+ text-align: center;
+}
+
+.right {
+ float: right;
+}
+
+.left {
+ float: left;
+}
+
+.invisible {
+ display: none !important;
+}
+
+.list-unstyled {
+ list-style-type: none;
+
+ li {
+ margin-top: 4px;
+ margin-bottom: 4px;
+ }
+}
+
+.danger {
+ background-color: var(--color-error-background);
+}
+
+.warning {
+ background: var(--color-warning-background);
+}
+
+.success {
+ background: var(--color-success-background);
+}
+
+.badge {
+ display: inline-block;
+ color: var(--color-toolkit-badge-font);
+ background-color: var(--color-toolkit-badge-background);
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: baseline;
+ min-width: 10px;
+ padding: 1px 5px;
+ border-radius: 5px;
+}
+
+// kbd
+kbd {
+ padding: 2px 4px;
+ margin: 1px;
+ font-size: 90%;
+ color: var(--color-toolkit-kbd-font);
+ background: var(--color-toolkit-kbd-background);
+}
+
+// table
+table {
+ width: 100%;
+
+ &.striped {
+ tr {
+ border-bottom: 1px solid var(--color-settings-tr-hover);
+ }
+ }
+}
+
+th {
+ padding: 0.4em;
+}
+
+td {
+ padding: 0 4px;
+}
+
+tr {
+ &:hover {
+ background: var(--color-settings-tr-hover) !important;
+ }
+}
+
+// pre
+.pre() {
+ display: block;
+ font-size: 0.8em;
+ word-break: break-all;
+ margin: 0.1em;
+ user-select: all;
+}
+
+div.selectable_url {
+ display: block;
+ border: 1px solid var(--color-result-search-url-border);
+ padding: 4px;
+ color: var(--color-result-search-url-font);
+ margin: 0.1em;
+ overflow: hidden;
+ height: 1.2em;
+ line-height: 1.2em;
+ .rounded-corners-tiny;
+
+ pre {
+ .pre();
+ }
+}
+
+// dialog
+.dialog() {
+ position: relative;
+ display: flex;
+ padding: 1rem;
+ margin: 0 0 1em 0;
+ border: 1px solid var(--color-toolkit-dialog-border);
+ .ltr-text-align-left();
+ .rounded-corners;
+
+ .close {
+ .ltr-float-right();
+ position: relative;
+ top: -3px;
+ color: inherit;
+ font-size: 1.5em;
+ }
+
+ ul,
+ ol,
+ p {
+ margin: 1px 0 0 0;
+ }
+
+ table {
+ width: auto;
+ }
+
+ tr {
+ vertical-align: text-top;
+
+ &:hover {
+ background: transparent !important;
+ }
+ }
+
+ td {
+ padding: 0 1em 0 0;
+ padding-top: 0;
+ .ltr-padding-right(1rem);
+ padding-bottom: 0;
+ .ltr-padding-left(0);
+ }
+
+ h4 {
+ margin-top: 0.3em;
+ margin-bottom: 0.3em;
+ }
+}
+
+.dialog-error {
+ .dialog();
+
+ color: var(--color-error);
+ background: var(--color-error-background);
+ border-color: var(--color-error);
+}
+
+.dialog-error-block {
+ .dialog();
+
+ display: block;
+ color: var(--color-error);
+ background: var(--color-error-background);
+ border-color: var(--color-error);
+}
+
+.dialog-warning {
+ .dialog();
+
+ color: var(--color-warning);
+ background: var(--color-warning-background);
+ border-color: var(--color-warning);
+}
+
+.dialog-modal {
+ .dialog();
+
+ display: block;
+ background: var(--color-toolkit-dialog-background);
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ margin: 0 auto;
+ transform: translate(-50%, -50%);
+ z-index: 10000000;
+
+ h3 {
+ margin-top: 0;
+ }
+}
+
+// btn-collapse
+.btn-collapse {
+ cursor: pointer;
+}
+
+//
+.scrollx {
+ overflow-x: auto;
+ overflow-y: hidden;
+ display: block;
+ padding: 0;
+ margin: 0;
+ border: none;
+}
+
+/* -- tabs -- */
+.tabs .tabs > label {
+ font-size: 90%;
+}
+
+ul.tabs {
+ border-bottom: 1px solid var(--color-toolkit-tabs-section-border);
+ list-style: none;
+ padding-left: 0;
+
+ li {
+ display: flex;
+ }
+}
+
+.tabs {
+ display: flex;
+ flex-wrap: wrap;
+ width: 100%;
+ min-width: 100%;
+
+ & > * {
+ order: 2;
+ }
+
+ & > input[type=radio] {
+ display: none;
+ }
+
+ & > label,
+ & > li > a {
+ order: 1;
+ padding: 0.7em;
+ margin: 0 0.7em;
+ letter-spacing: 0.5px;
+ text-transform: uppercase;
+ border: solid var(--color-toolkit-tabs-label-border);
+ border-width: 0 0 2px 0;
+ color: unset;
+
+ .disable-user-select();
+
+ cursor: pointer;
+
+ &.active {
+ border-bottom: 2px solid var(--color-categories-item-border-selected);
+ background: var(--color-categories-item-selected);
+ color: var(--color-categories-item-selected-font);
+ }
+ }
+
+ & > label:hover,
+ & > li > a:hover {
+ border-bottom: 2px solid var(--color-categories-item-border-selected);
+ }
+
+ & > section {
+ min-width: 100%;
+ padding: 0.7rem 0;
+ box-sizing: border-box;
+ border-top: 1px solid var(--color-toolkit-tabs-section-border);
+ display: none;
+ }
+
+ // default selection
+ & > label:last-of-type {
+ border-bottom: 2px solid var(--color-categories-item-border-selected);
+ background: var(--color-categories-item-selected);
+ color: var(--color-categories-item-selected-font);
+ letter-spacing: -0.1px;
+ }
+
+ & > section:last-of-type {
+ display: block;
+ }
+}
+
+html body .tabs > input:checked {
+ ~ section {
+ display: none;
+ }
+
+ ~ label {
+ position: inherited;
+ background: inherit;
+ border-bottom: 2px solid transparent;
+ font-weight: normal;
+ color: inherit;
+
+ &:hover {
+ border-bottom: 2px solid var(--color-categories-item-border-selected);
+ }
+ }
+
+ + label {
+ border-bottom: 2px solid var(--color-categories-item-border-selected);
+ background: var(--color-categories-item-selected);
+ color: var(--color-categories-item-selected-font);
+ }
+
+ + label + section {
+ display: block;
+ }
+}
+
+/* -- select -- */
+select {
+ height: 2.4rem;
+ margin-top: 0;
+ .ltr-margin-right(1rem);
+ margin-bottom: 0;
+ .ltr-margin-left(0);
+ padding: 0.2rem !important;
+ color: var(--color-search-font);
+ font-size: 0.9rem;
+ z-index: 2;
+
+ &:hover,
+ &:focus {
+ cursor: pointer;
+ }
+}
+
+@supports ((background-position-x: 100%) and ((appearance: none) or (-webkit-appearance: none) or (-moz-appearance: none))) {
+ select {
+ appearance: none;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ border-width: 0 2rem 0 0;
+ border-color: transparent;
+ background: data-uri('image/svg+xml;charset=UTF-8', @select-light-svg-path) no-repeat;
+ background-position-x: calc(100% + 2rem);
+ background-size: 2rem;
+ background-origin: content-box;
+ background-color: var(--color-toolkit-select-background);
+ outline: medium none;
+ text-overflow: ellipsis;
+ .rounded-corners-tiny;
+
+ &:hover,
+ &:focus {
+ background-color: var(--color-toolkit-select-background-hover);
+ }
+
+ option {
+ background-color: var(--color-base-background);
+ }
+ }
+
+ @media (prefers-color-scheme: dark) {
+ html.theme-auto select,
+ html.theme-dark select {
+ background-image: data-uri('image/svg+xml;charset=UTF-8', @select-dark-svg-path);
+ }
+ }
+
+ html.theme-dark select {
+ background-image: data-uri('image/svg+xml;charset=UTF-8', @select-dark-svg-path);
+ }
+}
+
+/* -- checkbox-onoff -- */
+input.checkbox-onoff[type="checkbox"] {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ cursor: pointer;
+ display: inline-block;
+ width: 2.5em;
+ height: 0.7em;
+ box-shadow: none !important;
+ margin: 0 16px;
+ border-radius: 10px;
+ position: relative;
+
+ /* focus & hover */
+ &:focus,
+ &:hover {
+ outline: none;
+ }
+
+ &:focus::after {
+ content: "";
+ position: absolute;
+ width: 3.5em;
+ height: 1.65em;
+ border: 1px solid var(--color-btn-background);
+ border-radius: 12px;
+ box-shadow: var(--color-btn-background) 0 0 3px;
+ z-index: 10000;
+ top: -0.55em;
+ left: -0.6em;
+ }
+
+ &::before {
+ position: absolute;
+ top: -0.5em;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: 0.75em;
+ width: 1.875em;
+ height: 1.875em;
+ border-radius: 50%;
+ }
+}
+
+/* check mark
+reversed-checkbox displays unchecked checkedboxes as checked, and vice versa.
+see https://github.com/searxng/searxng/blob/3408d061aab9abc6168fec9bbc6deab71b236dac/searx/templates/simple/preferences.html#L313
+*/
+input.checkbox-onoff[type="checkbox"],
+input.checkbox-onoff.reversed-checkbox[type="checkbox"]:checked {
+ background: var(--color-toolkit-checkbox-onoff-off-background);
+
+ &::before {
+ left: -0.5em;
+ content: "\2715";
+ color: var(--color-toolkit-checkbox-onoff-off-mark-color);
+ background: var(--color-toolkit-checkbox-onoff-off-mark-background);
+ }
+}
+
+input.checkbox-onoff[type="checkbox"]:checked,
+input.checkbox-onoff.reversed-checkbox[type="checkbox"] {
+ background: var(--color-toolkit-checkbox-onoff-on-background);
+
+ &::before {
+ left: calc(100% - 1.5em);
+ content: "\2713";
+ color: var(--color-toolkit-checkbox-onoff-on-mark-color);
+ background: var(--color-toolkit-checkbox-onoff-on-mark-background);
+ }
+}
+
+/* -- checkbox -- */
+@supports (transform: rotate(-45deg)) {
+ input[type=checkbox]:not(.checkbox-onoff) {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+
+ width: 20px;
+ height: 20px;
+ cursor: pointer;
+ position: relative;
+ top: 0;
+ left: 0;
+ border: 2px solid var(--color-toolkit-checkbox-input-border);
+ .rounded-corners(0.3em);
+
+ &::after {
+ content: '';
+ width: 9px;
+ height: 5px;
+ position: absolute;
+ top: 3px;
+ left: 2px;
+ border: 3px solid var(--color-toolkit-checkbox-label-border);
+ border-top: none;
+ border-right: none;
+ background: transparent;
+ opacity: 0;
+ transform: rotate(-45deg);
+ }
+
+ &:checked::after {
+ border-color: var(--color-toolkit-checkbox-input-border);
+ opacity: 1;
+ }
+ }
+
+ // disabled : can't be focused, show only the check mark
+ input[type=checkbox][disabled]:not(.checkbox-onoff) {
+ border: inherit;
+ background-color: transparent !important;
+ cursor: inherit;
+ }
+
+ // if not checked and possible to checked then display a "light" check mark on hover
+ input.checkbox[type=checkbox]:not(:checked):not([disabled]):not(.checkbox-onoff):hover::after {
+ opacity: 0.5;
+ }
+}
+
+@media screen and (max-width: @phone) {
+ .tabs > label {
+ width: 100%;
+ }
+}
+
+/* -- loader -- */
+.loader,
+.loader::after {
+ border-radius: 50%;
+ width: 2em;
+ height: 2em;
+}
+
+.loader {
+ margin: 1em auto;
+ font-size: 10px;
+ position: relative;
+ text-indent: -9999em;
+ border-top: 0.5em solid var(--color-toolkit-loader-border);
+ border-right: 0.5em solid var(--color-toolkit-loader-border);
+ border-bottom: 0.5em solid var(--color-toolkit-loader-border);
+ border-left: 0.5em solid var(--color-toolkit-loader-borderleft);
+ -webkit-transform: translateZ(0);
+ -ms-transform: translateZ(0);
+ transform: translateZ(0);
+ -webkit-animation: load8 1.2s infinite linear;
+ animation: load8 1.2s infinite linear;
+}
+
+@-webkit-keyframes load8 {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+
+@keyframes load8 {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+
+/* -- engine-tooltip -- */
+.engine-tooltip {
+ display: none;
+ position: absolute;
+ padding: 0.5rem 1rem;
+ margin: 0 0 0 2rem;
+ border: 1px solid var(--color-toolkit-engine-tooltip-border);
+ background: var(--color-toolkit-engine-tooltip-background);
+ font-size: 14px;
+ font-weight: normal;
+ z-index: 1000000;
+ text-align: left;
+ .rounded-corners;
+}
+
+th:hover .engine-tooltip,
+td:hover .engine-tooltip,
+.engine-tooltip:hover {
+ display: inline-block;
+}
+
+/* -- stacked bar chart -- */
+.stacked-bar-chart {
+ margin: 0;
+ padding: 0 0.125rem 0 4rem;
+ width: 100%;
+ width: -moz-available;
+ width: -webkit-fill-available;
+ width: fill;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ align-items: center;
+ display: inline-flex;
+}
+
+.stacked-bar-chart-value {
+ width: 3rem;
+ display: inline-block;
+ position: absolute;
+ padding: 0 0.5rem;
+ text-align: right;
+}
+
+.stacked-bar-chart-base {
+ display: flex;
+ flex-shrink: 0;
+ flex-grow: 0;
+ flex-basis: unset;
+}
+
+.stacked-bar-chart-median {
+ .stacked-bar-chart-base();
+
+ background: var(--color-base-font);
+ border: 1px solid rgba(var(--color-base-font-rgb), 0.9);
+ padding: 0.3rem 0;
+}
+
+.stacked-bar-chart-rate80 {
+ .stacked-bar-chart-base();
+
+ background: transparent;
+ border: 1px solid rgba(var(--color-base-font-rgb), 0.3);
+ padding: 0.3rem 0;
+}
+
+.stacked-bar-chart-rate95 {
+ .stacked-bar-chart-base();
+
+ background: transparent;
+ border-bottom: 1px dotted rgba(var(--color-base-font-rgb), 0.5);
+ padding: 0;
+}
+
+.stacked-bar-chart-rate100 {
+ .stacked-bar-chart-base();
+
+ background: transparent;
+ border-left: 1px solid rgba(var(--color-base-font-rgb), 0.9);
+ padding: 0.4rem 0;
+ width: 1px;
+}
diff --git a/searx/static/themes/marlo/src/less/toolkit_loader.less b/searx/static/themes/marlo/src/less/toolkit_loader.less
new file mode 100644
index 000000000..d426035a3
--- /dev/null
+++ b/searx/static/themes/marlo/src/less/toolkit_loader.less
@@ -0,0 +1,46 @@
+.loader,
+.loader::after {
+ border-radius: 50%;
+ width: 10em;
+ height: 10em;
+}
+
+.loader {
+ margin: 60px auto;
+ font-size: 10px;
+ position: relative;
+ text-indent: -9999em;
+ border-top: 1.1em solid rgba(255, 255, 255, 0.2);
+ border-right: 1.1em solid rgba(255, 255, 255, 0.2);
+ border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
+ border-left: 1.1em solid #fff;
+ -webkit-transform: translateZ(0);
+ -ms-transform: translateZ(0);
+ transform: translateZ(0);
+ -webkit-animation: load8 1.1s infinite linear;
+ animation: load8 1.1s infinite linear;
+}
+
+@-webkit-keyframes load8 {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+
+@keyframes load8 {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
diff --git a/searx/static/themes/marlo/src/svg/information-circle-outline.svg b/searx/static/themes/marlo/src/svg/information-circle-outline.svg
new file mode 100644
index 000000000..b7c300094
--- /dev/null
+++ b/searx/static/themes/marlo/src/svg/information-circle-outline.svg
@@ -0,0 +1,6 @@
+
\ No newline at end of file
diff --git a/searx/static/themes/marlo/src/svg/select-dark.svg b/searx/static/themes/marlo/src/svg/select-dark.svg
new file mode 100644
index 000000000..97335cea5
--- /dev/null
+++ b/searx/static/themes/marlo/src/svg/select-dark.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/searx/static/themes/marlo/src/svg/select-light.svg b/searx/static/themes/marlo/src/svg/select-light.svg
new file mode 100644
index 000000000..3b707f018
--- /dev/null
+++ b/searx/static/themes/marlo/src/svg/select-light.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/searx/static/themes/marlo/svg4favicon.svgo.js b/searx/static/themes/marlo/svg4favicon.svgo.js
new file mode 100644
index 000000000..b9dd0da8e
--- /dev/null
+++ b/searx/static/themes/marlo/svg4favicon.svgo.js
@@ -0,0 +1,16 @@
+/**
+ * @license
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ *
+ * svgo config: Optimize SVG for WEB usage
+ */
+
+module.exports = {
+ plugins: [
+ {
+ name: 'preset-default',
+ },
+ // make diff friendly
+ 'sortAttrs',
+ ],
+};
diff --git a/searx/static/themes/marlo/svg4web.svgo.js b/searx/static/themes/marlo/svg4web.svgo.js
new file mode 100644
index 000000000..83f74cde1
--- /dev/null
+++ b/searx/static/themes/marlo/svg4web.svgo.js
@@ -0,0 +1,19 @@
+/**
+ * @license
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ *
+ * svgo config: Optimize SVG for WEB usage
+ */
+
+module.exports = {
+ plugins: [
+ {
+ name: 'preset-default',
+ },
+ // make diff friendly
+ 'sortAttrs',
+ // Optimize SVG for WEB usage
+ 'convertStyleToAttrs',
+ 'removeXMLNS'
+ ],
+};
How to navigate SearXNG with hotkeys
'; + html += '';
+
+ html += '' + cat[0].cat + ''; + html += '
| '; // col-sm-*
+
+ if (!first || lastCategory) {
+ html += '