diff --git a/docs/assets/icon.png b/docs/assets/icon.png new file mode 100644 index 0000000..2bca66f Binary files /dev/null and b/docs/assets/icon.png differ diff --git a/docs/assets/icon_inv.png b/docs/assets/icon_inv.png new file mode 100644 index 0000000..32d122d Binary files /dev/null and b/docs/assets/icon_inv.png differ diff --git a/docs/assets/lightbox_info.jpg b/docs/assets/lightbox_info.jpg new file mode 100644 index 0000000..da6320c Binary files /dev/null and b/docs/assets/lightbox_info.jpg differ diff --git a/docs/assets/main_page.jpg b/docs/assets/main_page.jpg new file mode 100644 index 0000000..036149d Binary files /dev/null and b/docs/assets/main_page.jpg differ diff --git a/docs/assets/map.jpg b/docs/assets/map.jpg new file mode 100644 index 0000000..1000325 Binary files /dev/null and b/docs/assets/map.jpg differ diff --git a/docs/assets/random_link.jpg b/docs/assets/random_link.jpg new file mode 100644 index 0000000..3b07468 Binary files /dev/null and b/docs/assets/random_link.jpg differ diff --git a/docs/assets/search.jpg b/docs/assets/search.jpg new file mode 100644 index 0000000..cd7537c Binary files /dev/null and b/docs/assets/search.jpg differ diff --git a/docs/assets/settings.jpg b/docs/assets/settings.jpg new file mode 100644 index 0000000..c6a979f Binary files /dev/null and b/docs/assets/settings.jpg differ diff --git a/docs/assets/sharing.jpg b/docs/assets/sharing.jpg new file mode 100644 index 0000000..cacb215 Binary files /dev/null and b/docs/assets/sharing.jpg differ diff --git a/docs/assets/sorting.jpg b/docs/assets/sorting.jpg new file mode 100644 index 0000000..dd4c673 Binary files /dev/null and b/docs/assets/sorting.jpg differ diff --git a/docs/assets/video.jpg b/docs/assets/video.jpg new file mode 100644 index 0000000..03bd69d Binary files /dev/null and b/docs/assets/video.jpg differ diff --git a/docs/index.html b/docs/index.html new file mode 100644 index 0000000..acea8b5 --- /dev/null +++ b/docs/index.html @@ -0,0 +1,232 @@ + + + + + + + + + + PiGallery 2 + + + + + + +Fork me on GitHub +
+
+
+

PiGallery 2

+ +
+
+ +
+
+
+

+ PiGallery 2 is a self-hosted directory-first photo gallery website. +

+ Try our live demo! (First load may tak up 30s, while the server boots up) +
+
+ +
+
+ The gallery is a directory first gallery. It renders your directory structure as it is. + Creates thumbnails on the fly. Can be run without any database but support sqlite and MySQL databases too. +
+
+

Main features:

+
+ + +
+
+

Photo viewer

+ Nice photo viewer with optional information panel that shows all important information about the photo. +
+
+ +
+
+ +
+
+ +
+
+

Map

+ PiGallery2 reads the location data of the photos and puts them on google maps. + The gallery also supports *.gps file to show your tracked path on the map too. +
+
+ +
+
+

Searching

+ Searching based on keywords, location, file or directory name. + The gallery supports autocomplete and instant search too. +
+
+ +
+
+ + +
+
+ +
+
+

Sharing

+ You can share your photo folders with your friends. + The sharing link can be also password protected. +
+
+ + +
+
+

Easy settings

+ PiGallery2 has a rich settings page where you can easily set up the gallery. + Click here to see all the setting in the live demo. +
+
+ +
+
+ +
+
+ +
+
+

Video playback

+ It also supports *.mp4, *.webm, *.ogv and *.ogg files. +
+
+ + +
+
+

Random link

+ You can create a link that will serve a random photo from your gallery. + You can use this link with 3rd party applications, like with an automatic wallpaper changer gadget. +
+
+ +
+
+ +

All features:

+
+ + +
+ +
+ + + + + + + + + + diff --git a/docs/style.css b/docs/style.css new file mode 100644 index 0000000..cea30c6 --- /dev/null +++ b/docs/style.css @@ -0,0 +1,136 @@ +/* + * Globals + */ + +/* Links */ +a, +a:focus, +a:hover { + color: #ccc; +} + +/* Custom default button */ +.btn-secondary, +.btn-secondary:hover, +.btn-secondary:focus { + color: #333; + text-shadow: none; /* Prevent inheritance from `body` */ + background-color: #fff; + border: .05rem solid #fff; +} + + +/* + * Base structure + */ + +html, +body { + background-color: #222; +} + +body { + display: -ms-flexbox; + display: flex; + color: #fff; + text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5); +} + +.cover-container { + max-width: 65em; + background-color: #3a3a3a; + box-shadow: 0 .5rem 1rem #000; +} + + +/* + * Header + */ +.masthead { + margin-bottom: 2rem; +} + +.masthead-brand { + margin-bottom: 0; +} + +.nav-masthead .nav-link { + padding: .25rem 0; + font-weight: 700; + color: rgba(255, 255, 255, .5); + background-color: transparent; + border-bottom: .25rem solid transparent; +} + +.nav-masthead .nav-link:hover, +.nav-masthead .nav-link:focus { + border-bottom-color: rgba(255, 255, 255, .25); +} + +.nav-masthead .nav-link + .nav-link { + margin-left: 1rem; +} + +.nav-masthead .active { + color: #fff; + border-bottom-color: #fff; +} + +@media (min-width: 48em) { + .masthead-brand { + float: left; + } + .nav-masthead { + float: right; + } +} + + +/* + * Cover + */ +.cover { + padding: 0 1.5rem; +} +.cover .btn-lg { + padding: .75rem 1.25rem; + font-weight: 700; +} + + + +.feature{ + margin-top: 30px; + margin-bottom: 10px; +} + +.feature .col{ + margin: auto; +} + +.feature .col h3{ + text-align: left; +} + +.feature .col{ + text-align: justify; +} + + +.feature img{ + width: 100%; +} + +.section-header{ + margin-top: 30px; + text-align: left; +} +hr{ + background: white; + margin-top: 0; +} + +.banner-photo{ + margin-top: 30px; + margin-bottom: 30px; +}