1
0
mirror of https://github.com/searxng/searxng.git synced 2024-11-23 12:31:25 +01:00
searxng/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