Gallerie
This commit is contained in:
@@ -1,20 +1,38 @@
|
||||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block title %}Hello AboutController!{% endblock %}
|
||||
{% block title %}Hello AboutController!
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<style>
|
||||
.example-wrapper { margin: 1em auto; max-width: 800px; width: 95%; font: 18px/1.5 sans-serif; }
|
||||
.example-wrapper code { background: #F5F5F5; padding: 2px 6px; }
|
||||
</style>
|
||||
<style>
|
||||
.example-wrapper {
|
||||
margin: 1em auto;
|
||||
max-width: 800px;
|
||||
width: 95%;
|
||||
font: 18px / 1.5 sans-serif;
|
||||
}
|
||||
.example-wrapper code {
|
||||
background: #F5F5F5;
|
||||
padding: 2px 6px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="example-wrapper">
|
||||
<h1>Hello {{ controller_name }}! ✅</h1>
|
||||
<div class="example-wrapper">
|
||||
<h1>Hello
|
||||
{{ controller_name }}! ✅</h1>
|
||||
|
||||
This friendly message is coming from:
|
||||
<ul>
|
||||
<li>Your controller at <code><a href="{{ 'C:/xampp/htdocs/portfolio/src/Controller/AboutController.php'|file_link(0) }}">src/Controller/AboutController.php</a></code></li>
|
||||
<li>Your template at <code><a href="{{ 'C:/xampp/htdocs/portfolio/templates/about/index.html.twig'|file_link(0) }}">templates/about/index.html.twig</a></code></li>
|
||||
</ul>
|
||||
</div>
|
||||
This friendly message is coming from:
|
||||
<ul>
|
||||
<li>Your controller at
|
||||
<code>
|
||||
<a href="{{ 'C:/xampp/htdocs/portfolio/src/Controller/AboutController.php'|file_link(0) }}">src/Controller/AboutController.php</a>
|
||||
</code>
|
||||
</li>
|
||||
<li>Your template at
|
||||
<code>
|
||||
<a href="{{ 'C:/xampp/htdocs/portfolio/templates/about/index.html.twig'|file_link(0) }}">templates/about/index.html.twig</a>
|
||||
</code>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
@@ -14,7 +14,6 @@
|
||||
<img class="rounded-xl" src="{{ asset('images/gallery') }}/{{ album_1 }}/{{ album_2 }}"/>
|
||||
</figure>
|
||||
<div class="p-6">
|
||||
|
||||
<div class="flex flex-row">
|
||||
<div class="basis-1/2 gallery text-left">
|
||||
<a href="{{ asset('images/gallery') }}/{{ album_1 }}/{{ album_2 }}" alt="{{ album_1 }}">
|
||||
|
||||
@@ -45,7 +45,7 @@
|
||||
<div class="stat-value text-lg">{{ items.DateTimeOriginal }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stats shadow">
|
||||
{# <div class="stats shadow">
|
||||
<div class="stat">
|
||||
<div class="stat-title">Tags</div>
|
||||
<div class="stat-value text-lg">
|
||||
@@ -56,7 +56,7 @@
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> #}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -7,40 +7,46 @@
|
||||
<title>
|
||||
{% block title %}{% endblock %}
|
||||
</title>
|
||||
{{ vite_entry_link_tags('app') }}
|
||||
|
||||
{{ vite_entry_link_tags('app') }}
|
||||
|
||||
</head>
|
||||
|
||||
|
||||
<!-- ANCHOR Body -->
|
||||
<body>
|
||||
|
||||
{% block body %}
|
||||
|
||||
{# {% block navigation %}
|
||||
<div class="my_navigation">{% include 'navigation.html.twig' %}</div>
|
||||
{% endblock %} #}
|
||||
|
||||
{# {% block navigation %}
|
||||
<div class="my_navigation">{% include 'navigation.html.twig' %}</div>
|
||||
{% endblock %}
|
||||
#}
|
||||
{% block breadcrumbs %}
|
||||
<div class="my_breadcrumbs">{% include 'breadcrumbs.html.twig' %}</div>
|
||||
{% endblock %}
|
||||
|
||||
<div class="my_container">
|
||||
|
||||
{% block gallery %}{% endblock %}
|
||||
{% block album %}{% endblock %}
|
||||
{% block details %}{% endblock %}
|
||||
{% block error %}{% endblock %}
|
||||
</div>
|
||||
|
||||
{# {% block footer %}
|
||||
<div class="my_footer">{% include 'footer.html.twig' %}</div>
|
||||
{% endblock %} #}
|
||||
|
||||
{# {% block pagination %}
|
||||
<div class="my_pagination">{% include 'pagination.html.twig' %}</div>
|
||||
{% endblock %} #}
|
||||
|
||||
<!-- ANCHOR JS -->
|
||||
<script src="https://kit.fontawesome.com/ea07098c7f.js" crossorigin="anonymous"></script>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
{# {% block pagination %}
|
||||
<div class="my_pagination">{% include 'pagination.html.twig' %}</div>
|
||||
{% endblock %} #}
|
||||
|
||||
<!-- ANCHOR JS -->
|
||||
<script src="https://kit.fontawesome.com/ea07098c7f.js" crossorigin="anonymous"></script>
|
||||
|
||||
|
||||
{{ vite_entry_script_tags('app') }}
|
||||
{{ vite_entry_script_tags('app') }}
|
||||
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
14
templates/errors/error.html.twig
Normal file
14
templates/errors/error.html.twig
Normal file
@@ -0,0 +1,14 @@
|
||||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block title %}Fehler{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<style>
|
||||
.example-wrapper { margin: 1em auto; max-width: 800px; width: 95%; font: 18px/1.5 sans-serif; }
|
||||
.example-wrapper code { background: #F5F5F5; padding: 2px 6px; }
|
||||
</style>
|
||||
|
||||
<div class="example-wrapper">
|
||||
<h1>Diese Seite existiert nicht</h1>
|
||||
</div>
|
||||
{% endblock %}
|
||||
49
templates/footer.html.twig
Normal file
49
templates/footer.html.twig
Normal file
@@ -0,0 +1,49 @@
|
||||
<footer class="footer footer-center bg-base-200 text-base-content rounded p-10">
|
||||
<nav class="grid grid-flow-col gap-4">
|
||||
<a class="link link-hover">About us</a>
|
||||
<a class="link link-hover">Contact</a>
|
||||
<a class="link link-hover">Jobs</a>
|
||||
<a class="link link-hover">Press kit</a>
|
||||
</nav>
|
||||
<nav>
|
||||
<div class="grid grid-flow-col gap-4">
|
||||
<a>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
class="fill-current">
|
||||
<path
|
||||
d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<link href='https://unpkg.com/css.gg@2.0.0/icons/css/instagram.css' rel='stylesheet'>
|
||||
<a>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
class="fill-current">
|
||||
<path
|
||||
d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
class="fill-current">
|
||||
<path
|
||||
d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</nav>
|
||||
<aside>
|
||||
<p>Copyright © ${new Date().getFullYear()} - All right reserved by ACME Industries Ltd</p>
|
||||
</aside>
|
||||
</footer>
|
||||
16
templates/home/home.html.twig
Normal file
16
templates/home/home.html.twig
Normal file
@@ -0,0 +1,16 @@
|
||||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block title %}Hello HomeController!{% endblock %}
|
||||
|
||||
|
||||
{% block home %}
|
||||
<div class="example-wrapper">
|
||||
<h1>Hello {{ controller_name }}! ✅</h1>
|
||||
|
||||
This friendly message is coming from:
|
||||
<ul>
|
||||
<li>Your controller at <code><a href="{{ '/var/www/mschwab.net/portfolio/src/Controller/HomeController.php'|file_link(0) }}">src/Controller/HomeController.php</a></code></li>
|
||||
<li>Your template at <code><a href="{{ '/var/www/mschwab.net/portfolio/templates/home/index.html.twig'|file_link(0) }}">templates/home/index.html.twig</a></code></li>
|
||||
</ul>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -1,60 +1,100 @@
|
||||
<div class="my_border navbar bg-base-100">
|
||||
<div class="navbar-start">
|
||||
<div class="dropdown">
|
||||
<label tabindex="0" class="btn btn-ghost lg:hidden">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h8m-8 6h16"/></svg>
|
||||
</label>
|
||||
<ul tabindex="0" class="menu menu-compact dropdown-content mt-3 p-2 shadow bg-base-100 rounded-box w-52">
|
||||
<li>
|
||||
<a>Item 1</a>
|
||||
</li>
|
||||
<li tabindex="0">
|
||||
<a class="justify-between">
|
||||
Parent
|
||||
<svg class="fill-current" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24"><path d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"/></svg>
|
||||
</a>
|
||||
<ul class="p-2 bg-base-100">
|
||||
<li>
|
||||
<a>Submenu 1</a>
|
||||
</li>
|
||||
<li>
|
||||
<a>Submenu 2</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
{% block navigation %}
|
||||
|
||||
<li>
|
||||
<a>Item 3</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="{{ path ('gallery.base') }}" class="btn btn-ghost normal-case text-xl">mschwab.net</a>
|
||||
<div class="navbar bg-base-100">
|
||||
<div class="flex-none">
|
||||
<button class="btn btn-square btn-ghost">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
fill="none"
|
||||
viewBox="0 0 24 24"
|
||||
class="inline-block h-5 w-5 stroke-current">
|
||||
<path
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
stroke-width="2"
|
||||
d="M4 6h16M4 12h16M4 18h16"></path>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="navbar-center hidden lg:flex">
|
||||
<ul class="menu menu-horizontal p-0">
|
||||
<div class="flex-1">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="{{ path ('gallery.base') }}">Home</a>
|
||||
</li>
|
||||
<li tabindex="0">
|
||||
<a>
|
||||
Gallery
|
||||
<svg class="fill-current" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24"><path d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"/></svg>
|
||||
</a>
|
||||
<ul class="p-2">
|
||||
<li>
|
||||
<a>Submenu 1</a>
|
||||
</li>
|
||||
<li>
|
||||
<a>Submenu 2</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a>About</a>
|
||||
<a href="{{ path ('gallery.base') }}" class="btn btn-ghost text-xl">{{ controller_name }}</a>
|
||||
<a href="{{ path ('album.index',{album_id: album}) }}" class="btn btn-ghost text-xl">{{ album }}</a>
|
||||
</li>
|
||||
|
||||
{% if album is defined %}
|
||||
<li>
|
||||
<a href="{{ path ('album.index',{album_id: album}) }}" class="btn btn-ghost text-xl">{{ album }}</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
|
||||
{% if image is defined %}
|
||||
<li>
|
||||
{{ image }}
|
||||
</li>
|
||||
{% endif %}
|
||||
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="flex-none">
|
||||
<button class="btn btn-square btn-ghost ">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
fill="none"
|
||||
viewBox="0 0 24 24"
|
||||
class="inline-block h-5 w-5 stroke-current">
|
||||
<path
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
stroke-width="2"
|
||||
d="M5 12h.01M12 12h.01M19 12h.01M6 12a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0z"></path>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{# <div class="navbar bg-base-100">
|
||||
<div class="flex-none">
|
||||
<button class="btn btn-square btn-ghost">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
fill="none"
|
||||
viewBox="0 0 24 24"
|
||||
class="inline-block h-5 w-5 stroke-current">
|
||||
<path
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
stroke-width="2"
|
||||
d="M4 6h16M4 12h16M4 18h16"></path>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<a class="btn btn-ghost text-xl">daisyUI</a>
|
||||
</div>
|
||||
<div class="flex-none">
|
||||
<button class="btn btn-square btn-ghost">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
fill="none"
|
||||
viewBox="0 0 24 24"
|
||||
class="inline-block h-5 w-5 stroke-current">
|
||||
<path
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
stroke-width="2"
|
||||
d="M5 12h.01M12 12h.01M19 12h.01M6 12a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0z"></path>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</div> #}
|
||||
|
||||
|
||||
|
||||
{% endblock %}
|
||||
|
||||
|
||||
20
templates/test/index.html.twig
Normal file
20
templates/test/index.html.twig
Normal file
@@ -0,0 +1,20 @@
|
||||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block title %}Hello TestController!{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<style>
|
||||
.example-wrapper { margin: 1em auto; max-width: 800px; width: 95%; font: 18px/1.5 sans-serif; }
|
||||
.example-wrapper code { background: #F5F5F5; padding: 2px 6px; }
|
||||
</style>
|
||||
|
||||
<div class="example-wrapper">
|
||||
<h1>Hello {{ controller_name }}! ✅</h1>
|
||||
|
||||
This friendly message is coming from:
|
||||
<ul>
|
||||
<li>Your controller at <code><a href="{{ '/var/www/mschwab.net/portfolio/src/Controller/TestController.php'|file_link(0) }}">src/Controller/TestController.php</a></code></li>
|
||||
<li>Your template at <code><a href="{{ '/var/www/mschwab.net/portfolio/templates/test/index.html.twig'|file_link(0) }}">templates/test/index.html.twig</a></code></li>
|
||||
</ul>
|
||||
</div>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user