Skip to content

Commit 6033e95

Browse files
ChristianHohlfeldChristianHohlfeld
committed
template_default placeholder for example added!
1 parent 8ef9922 commit 6033e95

File tree

4 files changed

+80
-14
lines changed

4 files changed

+80
-14
lines changed

‎projects/example/index.html‎

Lines changed: 25 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,13 +5,13 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<title>My Default Title</title>
77

8-
<!-- DaisyUI with Tailwind CDN -->
8+
<!-- Tailwind and DaisyUI -->
99
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.12.12/dist/full.min.css" rel="stylesheet" />
1010
<script src="https://cdn.tailwindcss.com"></script>
1111
</head>
12-
<body class="flex flex-col min-h-screen" data-theme="light">
12+
<body class="flex flex-col min-h-screen" data-theme="aqua">
1313

14-
<div>
14+
<div id="sidebar">
1515
<div id="sidebar_default" data-state="closed" class="bg-neutral w-64 h-full fixed top-0 left-0 flex flex-col justify-between transform -translate-x-full md:translate-x-0 transition-transform duration-300 ease-in-out z-10">
1616
<!-- Sidebar Header -->
1717
<div class="h-16 flex items-center justify-between px-4">
@@ -95,6 +95,9 @@
9595
})();
9696
</script>
9797
</div>
98+
</div>
99+
100+
<div id="content" class="flex-1 p-6">
98101
<div id="content_default" class="bg-neutral flex flex-col flex-1 transition-all duration-300 ease-in-out md:ml-64 h-dvh">
99102
<div id="header_default">
100103
<header id="contentHeader" class="h-16 flex items-center justify-between w-full p-0 px-4">
@@ -204,7 +207,26 @@ <h1 class="text-5xl font-bold">Hi there!</h1>
204207
<script>
205208
</script>
206209
</div>
210+
211+
<div class="my-4">
212+
<!-- Add your component here -->
213+
</div>
207214
</div>
208215

216+
<footer class="p-4">
217+
<div id="footer_default" class="flex">
218+
<div class="h-5px w-64 flex items-center justify-center">
219+
<p class="text-sm">2023 My Website</p>
220+
</div>
221+
222+
<footer class="h-5px flex-1 flex items-center justify-center">
223+
<p class="text-lg"> 2023. All rights reserved.</p>
224+
</footer>
225+
226+
<script>
227+
</script>
228+
</div>
229+
</footer>
230+
209231
</body>
210232
</html>

‎projects/example/template_default.html‎

Lines changed: 15 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,18 +3,29 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>✍️ MiniTemplate - Simple Template Engine</title>
6+
<title>My Site</title>
77

8-
<!-- DaisyUI with Tailwind CDN -->
8+
<!-- Tailwind and DaisyUI -->
99
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.12.12/dist/full.min.css" rel="stylesheet" />
1010
<script src="https://cdn.tailwindcss.com"></script>
1111
</head>
12-
<body id="template" class="flex flex-col min-h-screen" data-theme="light">
12+
<body class="flex flex-col min-h-screen" data-theme="aqua">
1313

14-
<div>
14+
<div id="sidebar">
1515
{{sidebar_default}}
16+
</div>
17+
18+
<div id="content" class="flex-1 p-6">
1619
{{content_default}}
20+
21+
<div class="my-4">
22+
<!-- Add your component here -->
23+
</div>
1724
</div>
1825

26+
<footer class="p-4">
27+
{{footer_default}}
28+
</footer>
29+
1930
</body>
2031
</html>

‎public/index.html‎

Lines changed: 25 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,13 +5,13 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<title>My Default Title</title>
77

8-
<!-- DaisyUI with Tailwind CDN -->
8+
<!-- Tailwind and DaisyUI -->
99
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.12.12/dist/full.min.css" rel="stylesheet" />
1010
<script src="https://cdn.tailwindcss.com"></script>
1111
</head>
12-
<body class="flex flex-col min-h-screen" data-theme="light">
12+
<body class="flex flex-col min-h-screen" data-theme="aqua">
1313

14-
<div>
14+
<div id="sidebar">
1515
<div id="sidebar_default" data-state="closed" class="bg-neutral w-64 h-full fixed top-0 left-0 flex flex-col justify-between transform -translate-x-full md:translate-x-0 transition-transform duration-300 ease-in-out z-10">
1616
<!-- Sidebar Header -->
1717
<div class="h-16 flex items-center justify-between px-4">
@@ -95,6 +95,9 @@
9595
})();
9696
</script>
9797
</div>
98+
</div>
99+
100+
<div id="content" class="flex-1 p-6">
98101
<div id="content_default" class="bg-neutral flex flex-col flex-1 transition-all duration-300 ease-in-out md:ml-64 h-dvh">
99102
<div id="header_default">
100103
<header id="contentHeader" class="h-16 flex items-center justify-between w-full p-0 px-4">
@@ -204,7 +207,26 @@ <h1 class="text-5xl font-bold">Hi there!</h1>
204207
<script>
205208
</script>
206209
</div>
210+
211+
<div class="my-4">
212+
<!-- Add your component here -->
213+
</div>
207214
</div>
208215

216+
<footer class="p-4">
217+
<div id="footer_default" class="flex">
218+
<div class="h-5px w-64 flex items-center justify-center">
219+
<p class="text-sm">2023 My Website</p>
220+
</div>
221+
222+
<footer class="h-5px flex-1 flex items-center justify-center">
223+
<p class="text-lg"> 2023. All rights reserved.</p>
224+
</footer>
225+
226+
<script>
227+
</script>
228+
</div>
229+
</footer>
230+
209231
</body>
210232
</html>

‎templates/template_default.html‎

Lines changed: 15 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,18 +3,29 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>✍️ MiniTemplate - Simple Template Engine</title>
6+
<title>My Site</title>
77

8-
<!-- DaisyUI with Tailwind CDN -->
8+
<!-- Tailwind and DaisyUI -->
99
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.12.12/dist/full.min.css" rel="stylesheet" />
1010
<script src="https://cdn.tailwindcss.com"></script>
1111
</head>
12-
<body id="template" class="flex flex-col min-h-screen" data-theme="">
12+
<body class="flex flex-col min-h-screen" data-theme="">
1313

14-
<div>
14+
<div id="sidebar">
1515
{{sidebar_default}}
16+
</div>
17+
18+
<div id="content" class="flex-1 p-6">
1619
{{content_default}}
20+
21+
<div class="my-4">
22+
<!-- Add your component here -->
23+
</div>
1724
</div>
1825

26+
<footer class="p-4">
27+
{{footer_default}}
28+
</footer>
29+
1930
</body>
2031
</html>

0 commit comments

Comments
 (0)