summaryrefslogtreecommitdiff
path: root/searx/static
AgeCommit message (Collapse)Author
2021-12-15[build] /staticMarkus Heiser
2021-12-15[fix] lazy loading of <img> tagsMarkus Heiser
Images should include dimension attributes. Without `width` and `height` specified, image dimensions are 0×0 pixels at first. ... In this case the browser determines that all of them are visible to the user and decides to load everything [1]. In CSS the `width` is set to a value and the `height` is unsed to scale the image proportional in both dimensions. [1] https://web.dev/browser-level-image-lazy-loading/#images-should-include-dimension-attributes [2] https://caniuse.com/loading-lazy-attr Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-12-14[simple theme] activate - SearXNG JavaScript Style GuideMarkus Heiser
Add the 'SearXNG JavaScript Style Guide' as one quality gate in the build chain of the simple theme:: make themes.simple make themes.simple.test In the github CI the `themes.all` target enforce a `themes.simple`. BTW: Remove 'jshint' left overs from 0ee316f3d Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-12-14[fix] eslint --fixMarkus Heiser
automatically fix some of the problems reported by eslint rules:: $ ./manage nvm.bash nvm-env$ npm --prefix searx/static/themes/simple run eslint-fix Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-12-14[mod] eslint: add gruntfile.js to the files to lintMarkus Heiser
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-12-14[mod] SearXNG JavaScript Style Guide (eslint:recommended)Markus Heiser
The SearXNG JavaScript Style Guide is a set of eslint rules [1] based on the eslint:recommended [2] rules. "extends": "eslint:recommended" The additional rules adopted from the JavaScript Standard Style [3][4]. [1] https://eslint.org/docs/rules/ [2] https://github.com/kunalgolani/eslint-config/tree/master/packages/recommended [3] https://standardjs.com/rules.html#javascript-standard-style [4] https://github.com/standard/eslint-config-standard/blob/master/.eslintrc.json Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-12-12Merge pull request #583 from return42/fix-combo-withMarkus Heiser
[fix] simple theme: remove width 45% from language and time filters
2021-12-05[fix] simple theme: remove width 45% from language and time filtersMarkus Heiser
All three filters (`language`, `time_range` and `safesearch`) are rendered in one line. A size of 45% for `language` and `time_range` left only 10% for the `safesearch` filter. Solution: drop with from `language` and `time_range`. Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-12-05[build] /staticMarkus Heiser
2021-12-05[fix] simple theme: make autocomplete-js CSP compliantMarkus Heiser
The CSP issue is, that the `_Position` function in the autocomplete-js set the style attributes by `setAttribute("style", ...)`. Using `setAttribute` to set the style attribute invokes the HTML parser and CSP is triggered [1]. This patch overwrite the `_Position` function of autocomplete-js. BTW: remove trailing whitespace [1] https://stackoverflow.com/a/57633533 Closes: https://github.com/searxng/searxng/issues/352 Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-12-04[build] /staticMarkus Heiser
2021-12-04[fix] simple theme: make LESS sources available on non build hostsMarkus Heiser
Include the LESS source files directly in the `.map` files [1]. Drawback: `.map` files grow up in size, but this should not bother, because the files are only loaded in debug mode. [1] https://github.com/gruntjs/grunt-contrib-less#outputsourcefiles [2] https://github.com/searxng/searxng/pull/575#issuecomment-984058868 Suggested-by: @dalf [2] Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-12-01[build] /staticMarkus Heiser
2021-12-01[fix] simple theme: make JS sources available on non build hostsMarkus Heiser
Include the source files directly in the `.map` files [1] for two reasons: 1. In the simple theme, modules from `./node_modules` are only available on developer's build host (a `make node.env` is needed to get the sources). By example; in the `searxng.min.js.map` file, the `autocomplete.js` is linked at URL: ../node_modules/autocomplete-js/dist/autocomplete.js 2. Later, when client sources has been moved out of the `./static` URL [2] to the `<repo-roo>/src` folder, all JS sources are no longer available. Drawback: `.map` files grow up in size, but this should not bother, because the files are only loaded in debug mode. [1] https://github.com/gruntjs/grunt-contrib-uglify#sourcemapincludesources [2] https://github.com/searxng/searxng/issues/141 Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-12-01[fix] simple theme: remove static files no longer neededMarkus Heiser
remove: searx/static/themes/simple/js/searxng.js searx/static/themes/simple/js/searxng.head.js searx/static/themes/simple/css/searxng-rtl.css searx/static/themes/simple/css/searxng.css Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-11-30[mod] simple theme: smaller buildAlexandre Flament
remove: * searx/static/themes/simple/js/searxng.head.js * searx/static/themes/simple/js/searxng.js * searx/static/themes/simple/css/searxng-rtl.css * searx/static/themes/simple/css/searxng.css These files are never used. About the js files: the .map files references the sources instead of the concated version.
2021-11-30[build] /staticMarkus Heiser
2021-11-30[mod] simple theme, JS: introduce window.searxng.theme namespaceMarkus Heiser
In window.searxng.theme the theme data can be passed through to JS implementations. Initial the window.searxng.theme namespace starts with a value for `img_load_error`:: // image that is displayed if load of <img src='...'> failed img_load_error: 'img/img_load_error.svg' The searx/static/themes/__common__/js/image_layout.js is patched to uses the value, if the theme defines a value for img_load_error in this namespace. Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-11-29[simple] ImageLayout.watch: `img_load_error.svg` if img load failsMarkus Heiser
Show default image `img/img_load_error.svg` when image can't be loaded. ---- Some words about class ImageLayout: The https://github.com/searxng/searxng/blob/master/searx/static/themes/simple/js/searxng.js is build by a grunt task .. https://github.com/searxng/searxng/blob/d0e21a01b4e14df905f25445a3f6bcbec481671c/searx/static/themes/simple/gruntfile.js#L91-L93 The `/__common__/js/*.js` concats also https://github.com/searxng/searxng/blob/master/searx/static/themes/__common__/js/image_layout.js where a modified copy of the of the "Google-image-layout" (`ImageLayout`) is implemented [1][2][3]. [1] https://ptgamr.github.io/2014-09-12-google-image-layout/ [2] https://ptgamr.github.io/google-image-layout/src/google-image-layout.js [3] https://github.com/ptgamr/google-image-layout/tree/master ---- Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-11-29[build] /staticMarkus Heiser
2021-11-29[fix] simple theme: set img background color to wallpaper's colorMarkus Heiser
The *background color* of an transparent image is the color of the color of wallpaper on which all images are shown on. Set variable `--color-result-image-background` and `--color-base-background` to the same value. Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-11-29[build] /staticMarkus Heiser
2021-11-29[enh] add SVG favicon href="favicon.svg" type="image/svg+xml"Markus Heiser
Add link:: <link rel="icon" href="favicon.png" sizes="any"> <link rel="icon" href="favicon.svg" type="image/svg+xml"> Modern browsers should request:: INFO werkzeug : 127.0.0.1 - - [28/Nov/2021 17:03:07] "GET /static/themes/simple/img/favicon.svg HTTP/1.1" 200 - [1] https://github.com/audreyfeldroy/favicon-cheat-sheet#svg-file [2] https://dev.to/masakudamatsu/favicon-nightmare-how-to-maintain-sanity-3al7 Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-11-29[build] /staticMarkus Heiser
2021-11-29[mod] themes/simple/img/searxng.svg -> src/brand/searxng.svgMarkus Heiser
* move `searx/static/themes/simple/img/searxng.svg` to `src/brand/searxng.svg` * README.rst can use it without a reference to a theme. * the simple theme can create `searx/static/themes/simple/img/searxng.png` using the svg2png task Suggested-by: @dalf https://github.com/searxng/searxng/pull/561#issuecomment-981747902 Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-11-28[build] /staticMarkus Heiser
2021-11-28[mod] simple theme: use sharp instead of convert to create .png from .svgAlexandre Flament
define a custom grunt task, since grunt-sharp is too old (it can't be installed). in gruntfile.js, the image tasks are moved at the end the build chain. Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-11-28[mod] gruntfile: do some polish (no functional change)Markus Heiser
- remove unused 'path' constant - fix indentation - Put all image tasks at the end, where it is easy to list which image is processed. Suggested -by: @dalf https://github.com/searxng/searxng/pull/541#discussion_r756247157 Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-11-26[build] /staticmrpaulblack
2021-11-26[oscar theme] center search on index and use logo with ponthimrpaulblack
2021-11-26[fix] oscar theme: use SearXNG logo and wordmarkMarkus Heiser
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-11-23[build] /staticMarkus Heiser
2021-11-23[simple theme] remove '-webkit-border-radius' propertyMarkus Heiser
[1] https://github.com/searxng/searxng/pull/537#issuecomment-976582675 Suggested-by: @dalf [1] Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-11-23[simple theme] remove '-moz-border-radius' propertyMarkus Heiser
Support for the prefixed version (-moz-border-radius) was removed in Gecko 13.0 (Firefox 13.0 / Thunderbird 13.0 / SeaMonkey 2.10) [1]. [1] https://developer.mozilla.org/pt-BR/docs/Web/CSS/border-radius Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-11-23[build] /staticMarkus Heiser
2021-11-23[simple template] format default string 'italic'Markus Heiser
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-11-23[build] /staticMarkus Heiser
2021-11-23[simple theme] add animations.less for keyframe animationsmrpaulblack
2021-11-23[fix] simple theme: fix modal dialogAlexandre Flament
2021-11-21[build] /staticmrpaulblack
2021-11-21[simple theme] rework select; add safesearch to search and replace / with ↵mrpaulblack
› in article url * rework selection UI in pref (fix based on: https://github.com/twelsby/searx/commit/78643e9f43a103c523f112e9f3ce26a5c7bb3a0f) * moved search filters underneath categories * cut params from url and replace / with › * make h3 and url in article bigger * add safe search select to search filter (this will not override settings and only be valid while on result page in a session) * make search form button not overlap each other when js is disabled * 1rem padding around preview image and thumbnail in default article template
2021-11-20[mod] gruntfile.js - define grunt.template _brand & _templatesMarkus Heiser
[1] https://gruntjs.com/api/grunt.template Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-11-20[brand] initial - folder src/brand for searxng-wordmarkMarkus Heiser
Folder src/brand is intended to place logo, wordmark and more in. This commit moves the origin (source) of searxng-wordmark.svg from the simple theme into this folder About the new created src/ folder: On the long term we can move all the files from static/themes/<name>/src/* into a src/themes/<name>/* folder. Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-11-19[build] /staticmrpaulblack
2021-11-19[enh] simple theme: add "simple-style" preferencesAlexandre Flament
2021-11-19Merge pull request #518 from dalf/fix-simple-image-detailAlexandre Flament
[fix] simple theme: fix image detail layout on mobile
2021-11-19[build] /staticAlexandre Flament
2021-11-19[fix] simple theme: adjust image detail heightAlexandre Flament
when on the top of the page, the image is just below the search fields. this commit slightly aligh the top of the image detail with the bottom of the search fields.
2021-11-19[fix] simple theme: fix layout image detail on mobileAlexandre Flament
the width of #main_results #results.image-detail-open.only_template_images was set to 59.25rem. On mobile, the images overflowed on right side of the viewport, which creates a horizontal scroll. This commit set the value to min(98%, 59.25rem) whatever the max-width is.
2021-11-19Bump ionicons from 5.5.4 to 6.0.0 in /searx/static/themes/simpledependabot[bot]
Bumps [ionicons](https://github.com/ionic-team/ionicons) from 5.5.4 to 6.0.0. - [Release notes](https://github.com/ionic-team/ionicons/releases) - [Commits](https://github.com/ionic-team/ionicons/compare/v5.5.4...v6.0.0) --- updated-dependencies: - dependency-name: ionicons dependency-type: direct:development update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <support@github.com>
generated by cgit v1.2.3 (git 2.25.1) at 2026-03-16 14:00:11 +0000