searxngRebrandZaclys/searx/static/themes/oscar
Alexandre Flament fd374d6322 [enh] simple theme: image detail
When an image is selected, the detail with the full size image is displayed
on the right side of the screen (or full screen on tablet and phone).

When Javascript is disabled, the thumbnail is a linked to the full size image,
as it was before.

When the image proxy is enabled, the full size image is also proxied,
in consequence this commit increases the bandwidth usage of instances.

The detail can be closed by the close button or the Esc key.
It is possible to go to the next and previous images using the j and k keys
or the button on the top right of the screen.
2021-10-28 08:28:21 +02:00
..
css [build] /static 2021-10-27 05:47:25 +00:00
fonts [mod] oscar: get bootstrap and typeahead from NPM 2021-03-11 09:33:01 +01:00
img [enh] add engine - Docker Hub 2021-05-30 15:18:36 +02:00
js [build] /static 2021-10-01 18:09:37 +02:00
src [enh] simple theme: image detail 2021-10-28 08:28:21 +02:00
.gitignore [themes] ignore packages-lock.json 2021-06-22 08:17:06 +02:00
gruntfile.js SearXNG: oscar theme 2021-09-30 18:50:21 +02:00
package.json [mod] upgrade grunt-contrib-concat: ~2.0.0 2021-10-21 08:26:42 +00:00
README.rst [mod] oscar: update README.rst 2021-03-11 09:33:04 +01:00

install dependencies

run this command in the directory searx/static/themes/oscar

npm install

compile sources

run this command in the directory searx/static/themes/oscar

grunt

or in the root directory:

make grunt

directory structure

see:

  • gruntfile.js
  • package.json

css directory

  • bootstrap*: bootstrap NPM package,
  • leaflet.*: leaflet NPM package
  • leaflet.min.css: minimized version of leaflet.css (see gruntfile.js)
  • logicodev.*: compiled from src/less/logicodev
  • logicodev-dark*: compiled from src/less/logicodev-dark
  • pointhi*: compiled from src/less/pointhi
  • images: leaflet NPM package

font directory

  • from bootstrap NPM package

js directory

  • searx.*: compiled from src/js
  • other files are from NPM packages

img directory

  • images for the oscar theme