michael/immich-gallery
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Michael
2026-03-13 23:33:08 +01:00
commit 9ef71d5289
872 changed files with 57265 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
templates/@eaDir/base.twig@SynoEAStream Normal file
View File

Binary file not shown.

BIN
templates/@eaDir/portfolio.twig@SynoEAStream Normal file
View File

Binary file not shown.

BIN
templates/@eaDir/portfolio_album.twig@SynoEAStream Normal file
View File

Binary file not shown.

41
templates/base.twig Normal file
View File

@@ -0,0 +1,41 @@
<!DOCTYPE html>
<html lang="en">
<head>
{% block title %}{% endblock %}
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="../assets/css/bootstrap.min.css">
<!-- FontAwesome CSS -->
<link rel="stylesheet" href="../assets/css/font-awesome.min.css">
<!-- Styles -->
<link rel="stylesheet" href="../assets/css/style.css">
<!-- GLightbox -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/glightbox/dist/css/glightbox.min.css">
<script src="https://cdn.jsdelivr.net/npm/glightbox/dist/js/glightbox.min.js"></script>
</head>
<body>
{% block album %}{% endblock %}
{% block portfolio %}{% endblock %}
<script type='text/javascript' src='../assets/js/jquery.js'></script>
<script type='text/javascript' src='../assets/js/custom.js'></script>
<script>
var lightbox = GLightbox();
lightbox.on('open', (target) => {
console.log('lightbox opened');
});
</script>
</body>
</html>

41
templates/portfolio.twig Normal file
View File

@@ -0,0 +1,41 @@
{% extends 'base.twig' %}
{% block title %}
<title>{{ project_title }}</title>
{% endblock %}
{% block portfolio %}
<div class="outer-container">
<div class="container portfolio-page">
<div class="row">
<div class="col">
<ul class="breadcrumbs flex align-items-center">
<li><a href="#">{{ project_title }}</a></li>
<li>{{ albums.albumName }}</li>
</ul><!-- .breadcrumbs -->
</div><!-- .col -->
</div><!-- .row -->
<div class="row">
{% for albums in albums_data %}
<div class="col-12 col-md-6 col-lg-3">
<div class="portfolio-content">
<figure>
<img class="fixed-img" src="{{ immich_url }}/api/assets/{{ albums.albumThumbnailAssetId }}/thumbnail" alt="{{ albums.albumName }}">
</figure>
<div class="entry-content flex flex-column align-items-center justify-content-center">
<h3><a href="{{ web_url }}/album.php?id={{ albums.id }}">{{ albums.albumName }}</a></h3>
<ul class="flex flex-wrap justify-content-center">
<li><a href="#">{{ albums.description }}</a></li>
</ul>
</div><!-- .entry-content -->
</div><!-- .portfolio-content -->
</div><!-- .col -->
{% endfor %}
</div>
</div><!-- .container -->
</div><!-- .outer-container -->
{% endblock %}

49
templates/portfolio_album.twig Normal file
View File

@@ -0,0 +1,49 @@
{% extends 'base.twig' %}
{% block title %}
<title>{{ project_title }} - {{ images_data.albumName }}</title>
{% endblock %}
{% block album %}
<div class="outer-container">
<div class="container portfolio-page">
<div class="row">
<div class="col">
<ul class="breadcrumbs flex align-items-center">
<li><a href="{{ web_url }}">{{ project_title }}</a></li>
<li>{{ images_data.albumName }}</li>
</ul><!-- .breadcrumbs -->
</div><!-- .col -->
</div><!-- .row -->
<div class="row">
{% for image in images_data.assets %}
<div class="col-12 col-md-6 col-lg-3">
<div class="portfolio-content">
<figure>
<a href="{{ immich_url }}/api/assets/{{ image.id }}/original"
class="glightbox"
data-gallery="immich-gallery"
data-type="image"
data-effect="fade"
data-width="auto"
data-height="90%"
data-zoomable="false"
data-draggable="true">
<img class="fixed-img" src="{{ immich_url }}/api/assets/{{ image.id }}/thumbnail" alt="Test">
</a>
<ul class="flex flex-wrap justify-content-center">
<li><a href="#">{{ albums.description }}</a></li>
</ul>
</figure>
</div><!-- .portfolio-content -->
</div><!-- .col -->
{% endfor %}
</div>
</div><!-- .container -->
</div><!-- .outer-container -->
{% endblock %}