-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
162 lines (142 loc) · 6.07 KB
/
Copy pathindex.html
File metadata and controls
162 lines (142 loc) · 6.07 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>eSantri Web - Aplikasi Manajemen Pondok Pesantren Modern & Gratis</title>
<!-- SEO Meta Tags -->
<meta name="description" content="eSantri Web adalah aplikasi manajemen data santri gratis untuk Pondok Pesantren. Dilengkapi fitur PSB Online, Keuangan SPP, Rapor, Surat Menyurat Otomatis, dan Database Santri yang aman. Berjalan offline-first tanpa internet." />
<meta name="keywords" content="eSantri, aplikasi pesantren gratis, manajemen santri, database santri, software pondok pesantren, administrasi pesantren, sistem informasi pesantren, PSB online, keuangan santri, aplikasi offline first, cetak rapor pesantren, kartu santri" />
<meta name="author" content="AI Projek" />
<meta name="robots" content="index, follow" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://esantri-web.aiprojek.my.id/" />
<meta property="og:title" content="eSantri Web - Manajemen Data Santri Modern" />
<meta property="og:description" content="Kelola data santri, keuangan, dan administrasi pesantren dengan mudah, cepat, dan aman. Aplikasi berbasis web gratis dengan fitur lengkap." />
<meta property="og:image" content="/icon.svg" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://esantri-web.aiprojek.my.id/" />
<meta property="twitter:title" content="eSantri Web - Manajemen Data Santri Modern" />
<meta property="twitter:description" content="Kelola data santri, keuangan, dan administrasi pesantren dengan mudah, cepat, dan aman. Aplikasi berbasis web gratis dengan fitur lengkap." />
<meta property="twitter:image" content="/icon.svg" />
<link rel="manifest" href="/manifest.json" />
<meta name="theme-color" content="#0f766e" />
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/icon.svg">
<style>
/* Global Custom Styles & Print Overrides */
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: #a8a8a8;
}
/* Print Styles */
@media print {
@page {
margin: 0;
size: auto;
}
/* Reset Body */
body {
background-color: white !important;
-webkit-print-color-adjust: exact !important;
print-color-adjust: exact !important;
width: 100% !important;
height: auto !important;
overflow: visible !important;
}
/* Hide UI Shell (Sidebar, Navbar, Buttons, etc) */
aside, nav, header, footer, .no-print, button {
display: none !important;
}
/* Reset Containers to Ensure Visibility */
#root, main, .p-4 {
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
height: auto !important;
overflow: visible !important;
background: transparent !important;
display: block !important; /* Force visible by default */
position: static !important;
}
/* Reset Scrollable Preview Areas */
#preview-area, .preview-container, .overflow-auto {
height: auto !important;
max-height: none !important;
overflow: visible !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
box-shadow: none !important;
transform: none !important; /* Remove zoom scaling */
}
/* The Content Itself */
.printable-content-wrapper {
margin: 0 auto !important;
padding: 0 !important;
width: 100% !important;
box-shadow: none !important;
transform: none !important; /* Disable screen zoom logic */
}
/* Remove paper shadow in print */
.printable-content-wrapper > div, .bg-white.shadow-xl, .bg-white.shadow-lg {
margin: 0 auto !important;
box-shadow: none !important;
border: none !important;
page-break-after: always;
}
/* Page Breaks */
.page-break-after {
page-break-after: always;
}
/* Orientation Helpers */
.print-portrait { page: portrait; }
.print-landscape { page: landscape; }
/* Force Print Colors for Cards */
.print\:border-black { border-color: black !important; }
.print\:text-black { color: black !important; }
.print\:bg-white { background-color: white !important; }
/* --- Modal Printing Logic --- */
/* If printing from a Modal (has .fixed.inset-0), hide the background main content */
body:has(.fixed.inset-0) main {
display: none !important;
}
/* Ensure the Modal content is visible and resets positioning */
.fixed.inset-0 {
position: relative !important;
inset: auto !important;
width: 100% !important;
height: auto !important;
z-index: auto !important;
background: white !important;
padding: 0 !important;
overflow: visible !important;
}
.fixed.inset-0 .bg-white {
box-shadow: none !important;
width: 100% !important;
max-width: 100% !important;
border-radius: 0 !important;
}
}
</style>
<style id="print-style-sheet"></style>
</head>
<body class="bg-gray-100">
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<script type="module" src="/index.tsx"></script>
</body>
</html>