Elizhium/litlyx
1
0
Fork 0
mirror of https://github.com/Litlyx/litlyx synced 2025-12-13 00:48:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

new selfhosted version

Browse Source
This commit is contained in:
antonio
2025-11-28 14:11:51 +01:00
parent afda29997d
commit 951860f67e
1046 changed files with 72586 additions and 574750 deletions
Download Patch File Download Diff File Expand all files Collapse all files

117
dashboard/public/pdf/pages/page8.html Normal file
View File

@@ -0,0 +1,117 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
<style>
* {
font-family: "Poppins";
}
</style>
</head>
<body>
<div class="w-dvw h-dvh p-8 flex flex-col">
<div class="font-bold text-4xl"> Audience Insights </div>
<div class="w-full h-[2px] bg-black mt-3"></div>
<p class="text-sm text-gray-700 mb-6 mt-4">
This section explores where your visitors come from, broken down by continent, country, region, and city.
Understanding the geographic distribution of your audience allows you to spot growth markets, tailor content to
local needs, and identify high-engagement regions that could be prioritized for campaigns or localization.
</p>
<h3 class="font-semibold mb-2 mt-4"> Continent Overview </h3>
<h3 class="font-semibold mb-2">Tabella</h3>
<div class="overflow-x-auto mb-6">
<table class="table-auto w-full border border-gray-300 text-sm text-left">
<thead class="bg-gray-100">
<tr>
<th class="border px-3 py-2">Continent</th>
<th class="border px-3 py-2">Visitors</th>
<th class="border px-3 py-2">Distribution %</th>
</tr>
</thead>
<tbody>
<tr>
<td class="border px-3 py-2">%CONTINENT_0_A%</td>
<td class="border px-3 py-2">%CONTINENT_0_B%</td>
<td class="border px-3 py-2">%CONTINENT_0_C%</td>
</tr>
<tr>
<td class="border px-3 py-2">%CONTINENT_1_A%</td>
<td class="border px-3 py-2">%CONTINENT_1_B%</td>
<td class="border px-3 py-2">%CONTINENT_1_C%</td>
</tr>
<tr>
<td class="border px-3 py-2">%CONTINENT_2_A%</td>
<td class="border px-3 py-2">%CONTINENT_2_B%</td>
<td class="border px-3 py-2">%CONTINENT_2_C%</td>
</tr>
<tr>
<td class="border px-3 py-2">%CONTINENT_3_A%</td>
<td class="border px-3 py-2">%CONTINENT_3_B%</td>
<td class="border px-3 py-2">%CONTINENT_3_C%</td>
</tr>
</tbody>
</table>
</div>
<h3 class="font-semibold mb-2 mt-4"> Countries </h3>
<h3 class="font-semibold mb-2">Tabella</h3>
<div class="overflow-x-auto mb-6">
<table class="table-auto w-full border border-gray-300 text-sm text-left">
<thead class="bg-gray-100">
<tr>
<th class="border px-3 py-2">Country</th>
<th class="border px-3 py-2">Visitors</th>
<th class="border px-3 py-2">Distribution %</th>
</tr>
</thead>
<tbody>
<tr>
<td class="border px-3 py-2">%COUNTRY_0_A%</td>
<td class="border px-3 py-2">%COUNTRY_0_B%</td>
<td class="border px-3 py-2">%COUNTRY_0_C%</td>
</tr>
<tr>
<td class="border px-3 py-2">%COUNTRY_1_A%</td>
<td class="border px-3 py-2">%COUNTRY_1_B%</td>
<td class="border px-3 py-2">%COUNTRY_1_C%</td>
</tr>
<tr>
<td class="border px-3 py-2">%COUNTRY_2_A%</td>
<td class="border px-3 py-2">%COUNTRY_2_B%</td>
<td class="border px-3 py-2">%COUNTRY_2_C%</td>
</tr>
<tr>
<td class="border px-3 py-2">%COUNTRY_3_A%</td>
<td class="border px-3 py-2">%COUNTRY_3_B%</td>
<td class="border px-3 py-2">%COUNTRY_3_C%</td>
</tr>
<tr>
<td class="border px-3 py-2">%COUNTRY_4_A%</td>
<td class="border px-3 py-2">%COUNTRY_4_B%</td>
<td class="border px-3 py-2">%COUNTRY_4_C%</td>
</tr>
</tbody>
</table>
</div>
<div class="grow"></div>
<div class="flex justify-between items-center">
<div class="text-2xl">8/9</div>
<img class="w-10" src="%LOGO%">
</div>
</div>
</body>
</html>