@knowcode/doc-builder 1.8.6 → 1.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.claude/settings.local.json +2 -1
- package/CHANGELOG.md +33 -0
- package/Screenshot 2025-07-26 at 17.06.49.png +0 -0
- package/assets/css/notion-style.css +141 -0
- package/assets/js/main.js +76 -0
- package/html/README.html +13 -11
- package/html/css/notion-style.css +141 -0
- package/html/documentation-index.html +13 -11
- package/html/guides/authentication-default-change.html +13 -11
- package/html/guides/authentication-guide.html +13 -11
- package/html/guides/claude-workflow-guide.html +13 -11
- package/html/guides/documentation-standards.html +13 -11
- package/html/guides/phosphor-icons-guide.html +13 -11
- package/html/guides/private-directory-authentication.html +13 -11
- package/html/guides/public-site-deployment.html +13 -11
- package/html/guides/search-engine-verification-guide.html +13 -11
- package/html/guides/seo-guide.html +13 -11
- package/html/guides/seo-optimization-guide.html +13 -11
- package/html/guides/troubleshooting-guide.html +13 -11
- package/html/guides/windows-setup-guide.html +13 -11
- package/html/image-modal-test.html +305 -0
- package/html/index.html +13 -11
- package/html/js/main.js +76 -0
- package/html/private/cache-control-anti-pattern.html +13 -11
- package/html/private/launch/README.html +13 -11
- package/html/private/launch/auth-cleanup-summary.html +13 -11
- package/html/private/launch/bubble-plugin-specification.html +13 -11
- package/html/private/launch/go-to-market-strategy.html +13 -11
- package/html/private/launch/launch-announcements.html +13 -11
- package/html/private/launch/vercel-deployment-auth-setup.html +13 -11
- package/html/private/next-steps-walkthrough.html +14 -12
- package/html/private/supabase-auth-implementation-completed.html +13 -11
- package/html/private/supabase-auth-implementation-plan.html +13 -11
- package/html/private/supabase-auth-integration-plan.html +13 -11
- package/html/private/supabase-auth-setup-guide.html +13 -11
- package/html/private/test-private-doc.html +13 -11
- package/html/private/user-management-tooling.html +13 -11
- package/html/prompts/markdown-document-standards.html +409 -0
- package/html/sitemap.xml +56 -44
- package/html/vercel-cli-setup-guide.html +13 -11
- package/html/vercel-first-time-setup-guide.html +13 -11
- package/lib/core-builder.js +34 -9
- package/lib/emoji-mapper.js +13 -0
- package/package/assets/css/notion-style.css +432 -135
- package/package/assets/js/main.js +259 -25
- package/package.json +1 -1
|
@@ -44,7 +44,8 @@
|
|
|
44
44
|
"Bash(./user-management/add-users.sh:*)",
|
|
45
45
|
"Bash(DEBUG=1 ./add-users.sh add wru-bid-analysis.vercel.app lindsay@knowcode.tech)",
|
|
46
46
|
"Bash(brew upgrade:*)",
|
|
47
|
-
"Bash(psql:*)"
|
|
47
|
+
"Bash(psql:*)",
|
|
48
|
+
"Bash(open /Users/lindsaysmith/Documents/lambda1.nosync/doc-builder/html/image-modal-test.html)"
|
|
48
49
|
],
|
|
49
50
|
"deny": []
|
|
50
51
|
}
|
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,39 @@ All notable changes to @knowcode/doc-builder will be documented in this file.
|
|
|
5
5
|
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
|
|
6
6
|
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
|
7
7
|
|
|
8
|
+
## [1.9.0] - 2025-07-27
|
|
9
|
+
|
|
10
|
+
### Added
|
|
11
|
+
- **Image Modal System** - Click any image to view in full-screen modal
|
|
12
|
+
- Professional image modal with smooth animations and backdrop blur
|
|
13
|
+
- Multiple close methods: X button, overlay click, Escape key
|
|
14
|
+
- Auto-displays alt text as captions when available
|
|
15
|
+
- Responsive design for mobile and desktop
|
|
16
|
+
- Dark theme support with proper styling
|
|
17
|
+
- Hover effects on images with subtle transform and shadow
|
|
18
|
+
- Comprehensive markdown document standards guide
|
|
19
|
+
|
|
20
|
+
### Features
|
|
21
|
+
- All content images automatically become clickable
|
|
22
|
+
- Modal prevents body scrolling when open
|
|
23
|
+
- Professional styling with rounded corners and shadows
|
|
24
|
+
- Keyboard accessibility with Escape key support
|
|
25
|
+
- Alt text integration for meaningful captions
|
|
26
|
+
- Mobile-optimized with adjusted button and caption sizes
|
|
27
|
+
|
|
28
|
+
### Technical Details
|
|
29
|
+
- CSS-first approach with minimal JavaScript
|
|
30
|
+
- Auto-initialization for all content images via `initImageModal()`
|
|
31
|
+
- Event delegation for proper cleanup and performance
|
|
32
|
+
- Uses CSS variables for consistent theming
|
|
33
|
+
- Backdrop filter effects for modern browser support
|
|
34
|
+
|
|
35
|
+
## [1.8.7] - 2025-07-26
|
|
36
|
+
|
|
37
|
+
### Fixed
|
|
38
|
+
- Eliminated duplicate "Documentation" heading in navigation when root files exist
|
|
39
|
+
- All root-level files now properly contained within single Documentation section
|
|
40
|
+
|
|
8
41
|
## [1.8.6] - 2025-07-26
|
|
9
42
|
|
|
10
43
|
### Changed
|
|
Binary file
|
|
@@ -2066,5 +2066,146 @@ body.authenticated .private-nav {
|
|
|
2066
2066
|
.private-nav .nav-title::after {
|
|
2067
2067
|
content: ' 🔒';
|
|
2068
2068
|
font-size: 0.8em;
|
|
2069
|
+
}
|
|
2070
|
+
|
|
2071
|
+
/* ============================================================================
|
|
2072
|
+
Image Modal System
|
|
2073
|
+
============================================================================ */
|
|
2074
|
+
|
|
2075
|
+
/* Style all content images to be clickable */
|
|
2076
|
+
.content img {
|
|
2077
|
+
cursor: pointer;
|
|
2078
|
+
transition: all var(--duration-normal) var(--easing-out);
|
|
2079
|
+
border-radius: var(--radius-md);
|
|
2080
|
+
max-width: 100%;
|
|
2081
|
+
height: auto;
|
|
2082
|
+
}
|
|
2083
|
+
|
|
2084
|
+
.content img:hover {
|
|
2085
|
+
opacity: 0.9;
|
|
2086
|
+
transform: scale(1.02);
|
|
2087
|
+
box-shadow: var(--shadow-lg);
|
|
2088
|
+
}
|
|
2089
|
+
|
|
2090
|
+
/* Modal overlay - hidden by default */
|
|
2091
|
+
.image-modal {
|
|
2092
|
+
display: none;
|
|
2093
|
+
position: fixed;
|
|
2094
|
+
top: 0;
|
|
2095
|
+
left: 0;
|
|
2096
|
+
width: 100%;
|
|
2097
|
+
height: 100%;
|
|
2098
|
+
background: rgba(0, 0, 0, 0.9);
|
|
2099
|
+
z-index: 10000;
|
|
2100
|
+
cursor: pointer;
|
|
2101
|
+
opacity: 0;
|
|
2102
|
+
transition: opacity var(--duration-normal) var(--easing-out);
|
|
2103
|
+
}
|
|
2104
|
+
|
|
2105
|
+
/* Show modal when active */
|
|
2106
|
+
.image-modal.active {
|
|
2107
|
+
display: flex;
|
|
2108
|
+
align-items: center;
|
|
2109
|
+
justify-content: center;
|
|
2110
|
+
opacity: 1;
|
|
2111
|
+
}
|
|
2112
|
+
|
|
2113
|
+
/* Modal content container */
|
|
2114
|
+
.image-modal-content {
|
|
2115
|
+
position: relative;
|
|
2116
|
+
max-width: 95%;
|
|
2117
|
+
max-height: 95%;
|
|
2118
|
+
margin: auto;
|
|
2119
|
+
cursor: default;
|
|
2120
|
+
}
|
|
2121
|
+
|
|
2122
|
+
/* Modal image */
|
|
2123
|
+
.image-modal-img {
|
|
2124
|
+
width: auto;
|
|
2125
|
+
height: auto;
|
|
2126
|
+
max-width: 100%;
|
|
2127
|
+
max-height: 100vh;
|
|
2128
|
+
border-radius: var(--radius-lg);
|
|
2129
|
+
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
|
|
2130
|
+
cursor: default;
|
|
2131
|
+
}
|
|
2132
|
+
|
|
2133
|
+
/* Close button */
|
|
2134
|
+
.image-modal-close {
|
|
2135
|
+
position: absolute;
|
|
2136
|
+
top: -50px;
|
|
2137
|
+
right: 0;
|
|
2138
|
+
background: rgba(255, 255, 255, 0.1);
|
|
2139
|
+
border: 2px solid rgba(255, 255, 255, 0.3);
|
|
2140
|
+
color: white;
|
|
2141
|
+
width: 40px;
|
|
2142
|
+
height: 40px;
|
|
2143
|
+
border-radius: 50%;
|
|
2144
|
+
cursor: pointer;
|
|
2145
|
+
display: flex;
|
|
2146
|
+
align-items: center;
|
|
2147
|
+
justify-content: center;
|
|
2148
|
+
font-size: 20px;
|
|
2149
|
+
font-weight: bold;
|
|
2150
|
+
transition: all var(--duration-fast) var(--easing-out);
|
|
2151
|
+
backdrop-filter: blur(10px);
|
|
2152
|
+
}
|
|
2153
|
+
|
|
2154
|
+
.image-modal-close:hover {
|
|
2155
|
+
background: rgba(255, 255, 255, 0.2);
|
|
2156
|
+
border-color: rgba(255, 255, 255, 0.5);
|
|
2157
|
+
transform: scale(1.1);
|
|
2158
|
+
}
|
|
2159
|
+
|
|
2160
|
+
/* Image caption in modal */
|
|
2161
|
+
.image-modal-caption {
|
|
2162
|
+
position: absolute;
|
|
2163
|
+
bottom: -50px;
|
|
2164
|
+
left: 0;
|
|
2165
|
+
right: 0;
|
|
2166
|
+
background: rgba(0, 0, 0, 0.7);
|
|
2167
|
+
color: white;
|
|
2168
|
+
padding: var(--space-3) var(--space-4);
|
|
2169
|
+
border-radius: var(--radius-md);
|
|
2170
|
+
font-size: var(--text-sm);
|
|
2171
|
+
text-align: center;
|
|
2172
|
+
backdrop-filter: blur(10px);
|
|
2173
|
+
}
|
|
2174
|
+
|
|
2175
|
+
/* Dark theme adjustments */
|
|
2176
|
+
[data-theme="dark"] .image-modal {
|
|
2177
|
+
background: rgba(0, 0, 0, 0.95);
|
|
2178
|
+
}
|
|
2179
|
+
|
|
2180
|
+
[data-theme="dark"] .image-modal-close {
|
|
2181
|
+
background: rgba(255, 255, 255, 0.15);
|
|
2182
|
+
border-color: rgba(255, 255, 255, 0.4);
|
|
2183
|
+
}
|
|
2184
|
+
|
|
2185
|
+
[data-theme="dark"] .image-modal-close:hover {
|
|
2186
|
+
background: rgba(255, 255, 255, 0.25);
|
|
2187
|
+
border-color: rgba(255, 255, 255, 0.6);
|
|
2188
|
+
}
|
|
2189
|
+
|
|
2190
|
+
/* Mobile responsive adjustments */
|
|
2191
|
+
@media (max-width: 768px) {
|
|
2192
|
+
.image-modal-content {
|
|
2193
|
+
max-width: 98%;
|
|
2194
|
+
max-height: 98%;
|
|
2195
|
+
}
|
|
2196
|
+
|
|
2197
|
+
.image-modal-close {
|
|
2198
|
+
top: -40px;
|
|
2199
|
+
width: 35px;
|
|
2200
|
+
height: 35px;
|
|
2201
|
+
font-size: 18px;
|
|
2202
|
+
}
|
|
2203
|
+
|
|
2204
|
+
.image-modal-caption {
|
|
2205
|
+
bottom: -40px;
|
|
2206
|
+
font-size: var(--text-xs);
|
|
2207
|
+
padding: var(--space-2) var(--space-3);
|
|
2208
|
+
}
|
|
2209
|
+
}
|
|
2069
2210
|
opacity: 0.6;
|
|
2070
2211
|
}
|
package/assets/js/main.js
CHANGED
|
@@ -1475,6 +1475,81 @@ function initMarkdownLinkRedirects() {
|
|
|
1475
1475
|
});
|
|
1476
1476
|
}
|
|
1477
1477
|
|
|
1478
|
+
// Image Modal System
|
|
1479
|
+
function initImageModal() {
|
|
1480
|
+
// Create modal HTML structure
|
|
1481
|
+
const modalHTML = `
|
|
1482
|
+
<div class="image-modal" id="imageModal">
|
|
1483
|
+
<div class="image-modal-content">
|
|
1484
|
+
<div class="image-modal-close" id="imageModalClose">×</div>
|
|
1485
|
+
<img class="image-modal-img" id="imageModalImg" src="" alt="">
|
|
1486
|
+
<div class="image-modal-caption" id="imageModalCaption"></div>
|
|
1487
|
+
</div>
|
|
1488
|
+
</div>
|
|
1489
|
+
`;
|
|
1490
|
+
|
|
1491
|
+
// Add modal to document body
|
|
1492
|
+
document.body.insertAdjacentHTML('beforeend', modalHTML);
|
|
1493
|
+
|
|
1494
|
+
const modal = document.getElementById('imageModal');
|
|
1495
|
+
const modalImg = document.getElementById('imageModalImg');
|
|
1496
|
+
const modalCaption = document.getElementById('imageModalCaption');
|
|
1497
|
+
const closeBtn = document.getElementById('imageModalClose');
|
|
1498
|
+
|
|
1499
|
+
// Add click handlers to all content images
|
|
1500
|
+
const contentImages = document.querySelectorAll('.content img');
|
|
1501
|
+
contentImages.forEach(img => {
|
|
1502
|
+
img.addEventListener('click', function() {
|
|
1503
|
+
modal.classList.add('active');
|
|
1504
|
+
modalImg.src = this.src;
|
|
1505
|
+
modalImg.alt = this.alt;
|
|
1506
|
+
modalCaption.textContent = this.alt;
|
|
1507
|
+
|
|
1508
|
+
// Hide caption if no alt text
|
|
1509
|
+
if (!this.alt) {
|
|
1510
|
+
modalCaption.style.display = 'none';
|
|
1511
|
+
} else {
|
|
1512
|
+
modalCaption.style.display = 'block';
|
|
1513
|
+
}
|
|
1514
|
+
|
|
1515
|
+
// Prevent body scrolling
|
|
1516
|
+
document.body.style.overflow = 'hidden';
|
|
1517
|
+
});
|
|
1518
|
+
});
|
|
1519
|
+
|
|
1520
|
+
// Close modal functions
|
|
1521
|
+
function closeModal() {
|
|
1522
|
+
modal.classList.remove('active');
|
|
1523
|
+
document.body.style.overflow = '';
|
|
1524
|
+
}
|
|
1525
|
+
|
|
1526
|
+
// Close on X button click
|
|
1527
|
+
closeBtn.addEventListener('click', closeModal);
|
|
1528
|
+
|
|
1529
|
+
// Close on overlay click (but not on image click)
|
|
1530
|
+
modal.addEventListener('click', function(e) {
|
|
1531
|
+
if (e.target === modal) {
|
|
1532
|
+
closeModal();
|
|
1533
|
+
}
|
|
1534
|
+
});
|
|
1535
|
+
|
|
1536
|
+
// Close on Escape key
|
|
1537
|
+
document.addEventListener('keydown', function(e) {
|
|
1538
|
+
if (e.key === 'Escape' && modal.classList.contains('active')) {
|
|
1539
|
+
closeModal();
|
|
1540
|
+
}
|
|
1541
|
+
});
|
|
1542
|
+
|
|
1543
|
+
// Prevent modal content from closing modal when clicked
|
|
1544
|
+
modalImg.addEventListener('click', function(e) {
|
|
1545
|
+
e.stopPropagation();
|
|
1546
|
+
});
|
|
1547
|
+
|
|
1548
|
+
document.querySelector('.image-modal-content').addEventListener('click', function(e) {
|
|
1549
|
+
e.stopPropagation();
|
|
1550
|
+
});
|
|
1551
|
+
}
|
|
1552
|
+
|
|
1478
1553
|
// Initialize on DOM Load
|
|
1479
1554
|
document.addEventListener('DOMContentLoaded', () => {
|
|
1480
1555
|
initMarkdownLinkRedirects();
|
|
@@ -1485,5 +1560,6 @@ document.addEventListener('DOMContentLoaded', () => {
|
|
|
1485
1560
|
initNavigationFilter();
|
|
1486
1561
|
addPDFExportButton();
|
|
1487
1562
|
generateBreadcrumbs();
|
|
1563
|
+
initImageModal();
|
|
1488
1564
|
initTooltips();
|
|
1489
1565
|
});
|
package/html/README.html
CHANGED
|
@@ -98,8 +98,8 @@
|
|
|
98
98
|
"name": "Knowcode Ltd",
|
|
99
99
|
"url": "https://knowcode.tech"
|
|
100
100
|
},
|
|
101
|
-
"datePublished": "2025-07-
|
|
102
|
-
"dateModified": "2025-07-
|
|
101
|
+
"datePublished": "2025-07-27T08:30:10.756Z",
|
|
102
|
+
"dateModified": "2025-07-27T08:30:10.756Z",
|
|
103
103
|
"mainEntityOfPage": {
|
|
104
104
|
"@type": "WebPage",
|
|
105
105
|
"@id": "https://doc-builder-delta.vercel.app/README.html"
|
|
@@ -132,7 +132,7 @@
|
|
|
132
132
|
|
|
133
133
|
<div class="header-actions">
|
|
134
134
|
<div class="deployment-info">
|
|
135
|
-
<span class="deployment-date" title="Built with doc-builder v1.
|
|
135
|
+
<span class="deployment-date" title="Built with doc-builder v1.9.0">Last updated: Jul 27, 2025, 08:30 AM UTC</span>
|
|
136
136
|
</div>
|
|
137
137
|
|
|
138
138
|
|
|
@@ -185,7 +185,11 @@
|
|
|
185
185
|
<i class="fas fa-home"></i> Documentation
|
|
186
186
|
</a>
|
|
187
187
|
<div class="nav-content" >
|
|
188
|
-
<a href="/README.html" class="nav-item active" data-tooltip="@knowcode/doc-builder."><i class="fas fa-file-alt"></i> Overview</a
|
|
188
|
+
<a href="/README.html" class="nav-item active" data-tooltip="@knowcode/doc-builder."><i class="fas fa-file-alt"></i> Overview</a>
|
|
189
|
+
<a href="/documentation-index.html" class="nav-item" data-tooltip="This directory contains additional documentation for the @knowcode/doc-builder project, organized by topic and purpose."><i class="fas fa-file-alt"></i> Documentation Index</a>
|
|
190
|
+
<a href="/image-modal-test.html" class="nav-item" data-tooltip="This document tests the new image modal functionality in doc-builder."><i class="fas fa-file-alt"></i> Image Modal Test</a>
|
|
191
|
+
<a href="/vercel-cli-setup-guide.html" class="nav-item" data-tooltip="This guide provides comprehensive instructions for installing the Vercel CLI across different operating systems."><i class="fas fa-file-alt"></i> Vercel Cli Setup Guide</a>
|
|
192
|
+
<a href="/vercel-first-time-setup-guide.html" class="nav-item" data-tooltip="This guide walks you through the Vercel deployment process when using ."><i class="fas fa-file-alt"></i> Vercel First Time Setup Guide</a></div></div>
|
|
189
193
|
<div class="nav-section" data-level="1">
|
|
190
194
|
<a class="nav-title collapsible expanded" href="#" data-target="nav-guides-1" >
|
|
191
195
|
<i class="fas fa-chevron-right collapse-icon"></i><i class="fas fa-folder"></i> Guides
|
|
@@ -227,14 +231,12 @@
|
|
|
227
231
|
<a href="/private/launch/go-to-market-strategy.html" class="nav-item" data-tooltip="Go-to-Market Strategy & Product Launch Plan."><i class="fas fa-file-alt"></i> Go To Market Strategy</a>
|
|
228
232
|
<a href="/private/launch/launch-announcements.html" class="nav-item" data-tooltip="This document contains ready-to-use announcement templates for launching @knowcode/doc-builder across various platforms and channels."><i class="fas fa-file-alt"></i> Launch Announcements</a>
|
|
229
233
|
<a href="/private/launch/vercel-deployment-auth-setup.html" class="nav-item" data-tooltip="Vercel Deployment Authentication Setup Guide."><i class="fas fa-file-alt"></i> Vercel Deployment Auth Setup</a></div></div>
|
|
230
|
-
<div class="nav-section" data-level="
|
|
231
|
-
<a class="nav-title" href="#"
|
|
232
|
-
<i class="fas fa-
|
|
234
|
+
<div class="nav-section" data-level="1">
|
|
235
|
+
<a class="nav-title collapsible expanded" href="#" data-target="nav-prompts-1" >
|
|
236
|
+
<i class="fas fa-chevron-right collapse-icon"></i><i class="fas fa-folder"></i> Prompts
|
|
233
237
|
</a>
|
|
234
|
-
<div class="nav-content" >
|
|
235
|
-
<a href="/
|
|
236
|
-
<a href="/vercel-cli-setup-guide.html" class="nav-item" data-tooltip="This guide provides comprehensive instructions for installing the Vercel CLI across different operating systems."><i class="fas fa-file-alt"></i> Vercel Cli Setup Guide</a>
|
|
237
|
-
<a href="/vercel-first-time-setup-guide.html" class="nav-item" data-tooltip="This guide walks you through the Vercel deployment process when using ."><i class="fas fa-file-alt"></i> Vercel First Time Setup Guide</a></div></div>
|
|
238
|
+
<div class="nav-content" id="nav-prompts-1">
|
|
239
|
+
<a href="/prompts/markdown-document-standards.html" class="nav-item" data-tooltip="Detailed introduction to the topic..."><i class="fas fa-file-alt"></i> Markdown Document Standards</a></div></div>
|
|
238
240
|
</nav>
|
|
239
241
|
<div class="resize-handle"></div>
|
|
240
242
|
</aside>
|
|
@@ -2066,5 +2066,146 @@ body.authenticated .private-nav {
|
|
|
2066
2066
|
.private-nav .nav-title::after {
|
|
2067
2067
|
content: ' 🔒';
|
|
2068
2068
|
font-size: 0.8em;
|
|
2069
|
+
}
|
|
2070
|
+
|
|
2071
|
+
/* ============================================================================
|
|
2072
|
+
Image Modal System
|
|
2073
|
+
============================================================================ */
|
|
2074
|
+
|
|
2075
|
+
/* Style all content images to be clickable */
|
|
2076
|
+
.content img {
|
|
2077
|
+
cursor: pointer;
|
|
2078
|
+
transition: all var(--duration-normal) var(--easing-out);
|
|
2079
|
+
border-radius: var(--radius-md);
|
|
2080
|
+
max-width: 100%;
|
|
2081
|
+
height: auto;
|
|
2082
|
+
}
|
|
2083
|
+
|
|
2084
|
+
.content img:hover {
|
|
2085
|
+
opacity: 0.9;
|
|
2086
|
+
transform: scale(1.02);
|
|
2087
|
+
box-shadow: var(--shadow-lg);
|
|
2088
|
+
}
|
|
2089
|
+
|
|
2090
|
+
/* Modal overlay - hidden by default */
|
|
2091
|
+
.image-modal {
|
|
2092
|
+
display: none;
|
|
2093
|
+
position: fixed;
|
|
2094
|
+
top: 0;
|
|
2095
|
+
left: 0;
|
|
2096
|
+
width: 100%;
|
|
2097
|
+
height: 100%;
|
|
2098
|
+
background: rgba(0, 0, 0, 0.9);
|
|
2099
|
+
z-index: 10000;
|
|
2100
|
+
cursor: pointer;
|
|
2101
|
+
opacity: 0;
|
|
2102
|
+
transition: opacity var(--duration-normal) var(--easing-out);
|
|
2103
|
+
}
|
|
2104
|
+
|
|
2105
|
+
/* Show modal when active */
|
|
2106
|
+
.image-modal.active {
|
|
2107
|
+
display: flex;
|
|
2108
|
+
align-items: center;
|
|
2109
|
+
justify-content: center;
|
|
2110
|
+
opacity: 1;
|
|
2111
|
+
}
|
|
2112
|
+
|
|
2113
|
+
/* Modal content container */
|
|
2114
|
+
.image-modal-content {
|
|
2115
|
+
position: relative;
|
|
2116
|
+
max-width: 95%;
|
|
2117
|
+
max-height: 95%;
|
|
2118
|
+
margin: auto;
|
|
2119
|
+
cursor: default;
|
|
2120
|
+
}
|
|
2121
|
+
|
|
2122
|
+
/* Modal image */
|
|
2123
|
+
.image-modal-img {
|
|
2124
|
+
width: auto;
|
|
2125
|
+
height: auto;
|
|
2126
|
+
max-width: 100%;
|
|
2127
|
+
max-height: 100vh;
|
|
2128
|
+
border-radius: var(--radius-lg);
|
|
2129
|
+
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
|
|
2130
|
+
cursor: default;
|
|
2131
|
+
}
|
|
2132
|
+
|
|
2133
|
+
/* Close button */
|
|
2134
|
+
.image-modal-close {
|
|
2135
|
+
position: absolute;
|
|
2136
|
+
top: -50px;
|
|
2137
|
+
right: 0;
|
|
2138
|
+
background: rgba(255, 255, 255, 0.1);
|
|
2139
|
+
border: 2px solid rgba(255, 255, 255, 0.3);
|
|
2140
|
+
color: white;
|
|
2141
|
+
width: 40px;
|
|
2142
|
+
height: 40px;
|
|
2143
|
+
border-radius: 50%;
|
|
2144
|
+
cursor: pointer;
|
|
2145
|
+
display: flex;
|
|
2146
|
+
align-items: center;
|
|
2147
|
+
justify-content: center;
|
|
2148
|
+
font-size: 20px;
|
|
2149
|
+
font-weight: bold;
|
|
2150
|
+
transition: all var(--duration-fast) var(--easing-out);
|
|
2151
|
+
backdrop-filter: blur(10px);
|
|
2152
|
+
}
|
|
2153
|
+
|
|
2154
|
+
.image-modal-close:hover {
|
|
2155
|
+
background: rgba(255, 255, 255, 0.2);
|
|
2156
|
+
border-color: rgba(255, 255, 255, 0.5);
|
|
2157
|
+
transform: scale(1.1);
|
|
2158
|
+
}
|
|
2159
|
+
|
|
2160
|
+
/* Image caption in modal */
|
|
2161
|
+
.image-modal-caption {
|
|
2162
|
+
position: absolute;
|
|
2163
|
+
bottom: -50px;
|
|
2164
|
+
left: 0;
|
|
2165
|
+
right: 0;
|
|
2166
|
+
background: rgba(0, 0, 0, 0.7);
|
|
2167
|
+
color: white;
|
|
2168
|
+
padding: var(--space-3) var(--space-4);
|
|
2169
|
+
border-radius: var(--radius-md);
|
|
2170
|
+
font-size: var(--text-sm);
|
|
2171
|
+
text-align: center;
|
|
2172
|
+
backdrop-filter: blur(10px);
|
|
2173
|
+
}
|
|
2174
|
+
|
|
2175
|
+
/* Dark theme adjustments */
|
|
2176
|
+
[data-theme="dark"] .image-modal {
|
|
2177
|
+
background: rgba(0, 0, 0, 0.95);
|
|
2178
|
+
}
|
|
2179
|
+
|
|
2180
|
+
[data-theme="dark"] .image-modal-close {
|
|
2181
|
+
background: rgba(255, 255, 255, 0.15);
|
|
2182
|
+
border-color: rgba(255, 255, 255, 0.4);
|
|
2183
|
+
}
|
|
2184
|
+
|
|
2185
|
+
[data-theme="dark"] .image-modal-close:hover {
|
|
2186
|
+
background: rgba(255, 255, 255, 0.25);
|
|
2187
|
+
border-color: rgba(255, 255, 255, 0.6);
|
|
2188
|
+
}
|
|
2189
|
+
|
|
2190
|
+
/* Mobile responsive adjustments */
|
|
2191
|
+
@media (max-width: 768px) {
|
|
2192
|
+
.image-modal-content {
|
|
2193
|
+
max-width: 98%;
|
|
2194
|
+
max-height: 98%;
|
|
2195
|
+
}
|
|
2196
|
+
|
|
2197
|
+
.image-modal-close {
|
|
2198
|
+
top: -40px;
|
|
2199
|
+
width: 35px;
|
|
2200
|
+
height: 35px;
|
|
2201
|
+
font-size: 18px;
|
|
2202
|
+
}
|
|
2203
|
+
|
|
2204
|
+
.image-modal-caption {
|
|
2205
|
+
bottom: -40px;
|
|
2206
|
+
font-size: var(--text-xs);
|
|
2207
|
+
padding: var(--space-2) var(--space-3);
|
|
2208
|
+
}
|
|
2209
|
+
}
|
|
2069
2210
|
opacity: 0.6;
|
|
2070
2211
|
}
|
|
@@ -98,8 +98,8 @@
|
|
|
98
98
|
"name": "Knowcode Ltd",
|
|
99
99
|
"url": "https://knowcode.tech"
|
|
100
100
|
},
|
|
101
|
-
"datePublished": "2025-07-
|
|
102
|
-
"dateModified": "2025-07-
|
|
101
|
+
"datePublished": "2025-07-27T08:30:10.766Z",
|
|
102
|
+
"dateModified": "2025-07-27T08:30:10.766Z",
|
|
103
103
|
"mainEntityOfPage": {
|
|
104
104
|
"@type": "WebPage",
|
|
105
105
|
"@id": "https://doc-builder-delta.vercel.app/documentation-index.html"
|
|
@@ -132,7 +132,7 @@
|
|
|
132
132
|
|
|
133
133
|
<div class="header-actions">
|
|
134
134
|
<div class="deployment-info">
|
|
135
|
-
<span class="deployment-date" title="Built with doc-builder v1.
|
|
135
|
+
<span class="deployment-date" title="Built with doc-builder v1.9.0">Last updated: Jul 27, 2025, 08:30 AM UTC</span>
|
|
136
136
|
</div>
|
|
137
137
|
|
|
138
138
|
|
|
@@ -185,7 +185,11 @@
|
|
|
185
185
|
<i class="fas fa-home"></i> Documentation
|
|
186
186
|
</a>
|
|
187
187
|
<div class="nav-content" >
|
|
188
|
-
<a href="/README.html" class="nav-item" data-tooltip="@knowcode/doc-builder."><i class="fas fa-file-alt"></i> Overview</a
|
|
188
|
+
<a href="/README.html" class="nav-item" data-tooltip="@knowcode/doc-builder."><i class="fas fa-file-alt"></i> Overview</a>
|
|
189
|
+
<a href="/documentation-index.html" class="nav-item active" data-tooltip="This directory contains additional documentation for the @knowcode/doc-builder project, organized by topic and purpose."><i class="fas fa-file-alt"></i> Documentation Index</a>
|
|
190
|
+
<a href="/image-modal-test.html" class="nav-item" data-tooltip="This document tests the new image modal functionality in doc-builder."><i class="fas fa-file-alt"></i> Image Modal Test</a>
|
|
191
|
+
<a href="/vercel-cli-setup-guide.html" class="nav-item" data-tooltip="This guide provides comprehensive instructions for installing the Vercel CLI across different operating systems."><i class="fas fa-file-alt"></i> Vercel Cli Setup Guide</a>
|
|
192
|
+
<a href="/vercel-first-time-setup-guide.html" class="nav-item" data-tooltip="This guide walks you through the Vercel deployment process when using ."><i class="fas fa-file-alt"></i> Vercel First Time Setup Guide</a></div></div>
|
|
189
193
|
<div class="nav-section" data-level="1">
|
|
190
194
|
<a class="nav-title collapsible" href="#" data-target="nav-guides-1" >
|
|
191
195
|
<i class="fas fa-chevron-right collapse-icon"></i><i class="fas fa-folder"></i> Guides
|
|
@@ -227,14 +231,12 @@
|
|
|
227
231
|
<a href="/private/launch/go-to-market-strategy.html" class="nav-item" data-tooltip="Go-to-Market Strategy & Product Launch Plan."><i class="fas fa-file-alt"></i> Go To Market Strategy</a>
|
|
228
232
|
<a href="/private/launch/launch-announcements.html" class="nav-item" data-tooltip="This document contains ready-to-use announcement templates for launching @knowcode/doc-builder across various platforms and channels."><i class="fas fa-file-alt"></i> Launch Announcements</a>
|
|
229
233
|
<a href="/private/launch/vercel-deployment-auth-setup.html" class="nav-item" data-tooltip="Vercel Deployment Authentication Setup Guide."><i class="fas fa-file-alt"></i> Vercel Deployment Auth Setup</a></div></div>
|
|
230
|
-
<div class="nav-section" data-level="
|
|
231
|
-
<a class="nav-title
|
|
232
|
-
<i class="fas fa-
|
|
234
|
+
<div class="nav-section" data-level="1">
|
|
235
|
+
<a class="nav-title collapsible" href="#" data-target="nav-prompts-1" >
|
|
236
|
+
<i class="fas fa-chevron-right collapse-icon"></i><i class="fas fa-folder"></i> Prompts
|
|
233
237
|
</a>
|
|
234
|
-
<div class="nav-content" >
|
|
235
|
-
<a href="/
|
|
236
|
-
<a href="/vercel-cli-setup-guide.html" class="nav-item" data-tooltip="This guide provides comprehensive instructions for installing the Vercel CLI across different operating systems."><i class="fas fa-file-alt"></i> Vercel Cli Setup Guide</a>
|
|
237
|
-
<a href="/vercel-first-time-setup-guide.html" class="nav-item" data-tooltip="This guide walks you through the Vercel deployment process when using ."><i class="fas fa-file-alt"></i> Vercel First Time Setup Guide</a></div></div>
|
|
238
|
+
<div class="nav-content collapsed" id="nav-prompts-1">
|
|
239
|
+
<a href="/prompts/markdown-document-standards.html" class="nav-item" data-tooltip="Detailed introduction to the topic..."><i class="fas fa-file-alt"></i> Markdown Document Standards</a></div></div>
|
|
238
240
|
</nav>
|
|
239
241
|
<div class="resize-handle"></div>
|
|
240
242
|
</aside>
|
|
@@ -98,8 +98,8 @@
|
|
|
98
98
|
"name": "Knowcode Ltd",
|
|
99
99
|
"url": "https://knowcode.tech"
|
|
100
100
|
},
|
|
101
|
-
"datePublished": "2025-07-
|
|
102
|
-
"dateModified": "2025-07-
|
|
101
|
+
"datePublished": "2025-07-27T08:30:10.769Z",
|
|
102
|
+
"dateModified": "2025-07-27T08:30:10.769Z",
|
|
103
103
|
"mainEntityOfPage": {
|
|
104
104
|
"@type": "WebPage",
|
|
105
105
|
"@id": "https://doc-builder-delta.vercel.app/guides/authentication-default-change.html"
|
|
@@ -138,7 +138,7 @@
|
|
|
138
138
|
|
|
139
139
|
<div class="header-actions">
|
|
140
140
|
<div class="deployment-info">
|
|
141
|
-
<span class="deployment-date" title="Built with doc-builder v1.
|
|
141
|
+
<span class="deployment-date" title="Built with doc-builder v1.9.0">Last updated: Jul 27, 2025, 08:30 AM UTC</span>
|
|
142
142
|
</div>
|
|
143
143
|
|
|
144
144
|
|
|
@@ -191,7 +191,11 @@
|
|
|
191
191
|
<i class="fas fa-home"></i> Documentation
|
|
192
192
|
</a>
|
|
193
193
|
<div class="nav-content" >
|
|
194
|
-
<a href="/README.html" class="nav-item" data-tooltip="@knowcode/doc-builder."><i class="fas fa-file-alt"></i> Overview</a
|
|
194
|
+
<a href="/README.html" class="nav-item" data-tooltip="@knowcode/doc-builder."><i class="fas fa-file-alt"></i> Overview</a>
|
|
195
|
+
<a href="/documentation-index.html" class="nav-item" data-tooltip="This directory contains additional documentation for the @knowcode/doc-builder project, organized by topic and purpose."><i class="fas fa-file-alt"></i> Documentation Index</a>
|
|
196
|
+
<a href="/image-modal-test.html" class="nav-item" data-tooltip="This document tests the new image modal functionality in doc-builder."><i class="fas fa-file-alt"></i> Image Modal Test</a>
|
|
197
|
+
<a href="/vercel-cli-setup-guide.html" class="nav-item" data-tooltip="This guide provides comprehensive instructions for installing the Vercel CLI across different operating systems."><i class="fas fa-file-alt"></i> Vercel Cli Setup Guide</a>
|
|
198
|
+
<a href="/vercel-first-time-setup-guide.html" class="nav-item" data-tooltip="This guide walks you through the Vercel deployment process when using ."><i class="fas fa-file-alt"></i> Vercel First Time Setup Guide</a></div></div>
|
|
195
199
|
<div class="nav-section" data-level="1">
|
|
196
200
|
<a class="nav-title collapsible expanded" href="#" data-target="nav-guides-1" >
|
|
197
201
|
<i class="fas fa-chevron-right collapse-icon"></i><i class="fas fa-folder"></i> Guides
|
|
@@ -233,14 +237,12 @@
|
|
|
233
237
|
<a href="/private/launch/go-to-market-strategy.html" class="nav-item" data-tooltip="Go-to-Market Strategy & Product Launch Plan."><i class="fas fa-file-alt"></i> Go To Market Strategy</a>
|
|
234
238
|
<a href="/private/launch/launch-announcements.html" class="nav-item" data-tooltip="This document contains ready-to-use announcement templates for launching @knowcode/doc-builder across various platforms and channels."><i class="fas fa-file-alt"></i> Launch Announcements</a>
|
|
235
239
|
<a href="/private/launch/vercel-deployment-auth-setup.html" class="nav-item" data-tooltip="Vercel Deployment Authentication Setup Guide."><i class="fas fa-file-alt"></i> Vercel Deployment Auth Setup</a></div></div>
|
|
236
|
-
<div class="nav-section" data-level="
|
|
237
|
-
<a class="nav-title" href="#"
|
|
238
|
-
<i class="fas fa-
|
|
240
|
+
<div class="nav-section" data-level="1">
|
|
241
|
+
<a class="nav-title collapsible" href="#" data-target="nav-prompts-1" >
|
|
242
|
+
<i class="fas fa-chevron-right collapse-icon"></i><i class="fas fa-folder"></i> Prompts
|
|
239
243
|
</a>
|
|
240
|
-
<div class="nav-content" >
|
|
241
|
-
<a href="/
|
|
242
|
-
<a href="/vercel-cli-setup-guide.html" class="nav-item" data-tooltip="This guide provides comprehensive instructions for installing the Vercel CLI across different operating systems."><i class="fas fa-file-alt"></i> Vercel Cli Setup Guide</a>
|
|
243
|
-
<a href="/vercel-first-time-setup-guide.html" class="nav-item" data-tooltip="This guide walks you through the Vercel deployment process when using ."><i class="fas fa-file-alt"></i> Vercel First Time Setup Guide</a></div></div>
|
|
244
|
+
<div class="nav-content collapsed" id="nav-prompts-1">
|
|
245
|
+
<a href="/prompts/markdown-document-standards.html" class="nav-item" data-tooltip="Detailed introduction to the topic..."><i class="fas fa-file-alt"></i> Markdown Document Standards</a></div></div>
|
|
244
246
|
</nav>
|
|
245
247
|
<div class="resize-handle"></div>
|
|
246
248
|
</aside>
|
|
@@ -98,8 +98,8 @@
|
|
|
98
98
|
"name": "Knowcode Ltd",
|
|
99
99
|
"url": "https://knowcode.tech"
|
|
100
100
|
},
|
|
101
|
-
"datePublished": "2025-07-
|
|
102
|
-
"dateModified": "2025-07-
|
|
101
|
+
"datePublished": "2025-07-27T08:30:10.771Z",
|
|
102
|
+
"dateModified": "2025-07-27T08:30:10.771Z",
|
|
103
103
|
"mainEntityOfPage": {
|
|
104
104
|
"@type": "WebPage",
|
|
105
105
|
"@id": "https://doc-builder-delta.vercel.app/guides/authentication-guide.html"
|
|
@@ -138,7 +138,7 @@
|
|
|
138
138
|
|
|
139
139
|
<div class="header-actions">
|
|
140
140
|
<div class="deployment-info">
|
|
141
|
-
<span class="deployment-date" title="Built with doc-builder v1.
|
|
141
|
+
<span class="deployment-date" title="Built with doc-builder v1.9.0">Last updated: Jul 27, 2025, 08:30 AM UTC</span>
|
|
142
142
|
</div>
|
|
143
143
|
|
|
144
144
|
|
|
@@ -191,7 +191,11 @@
|
|
|
191
191
|
<i class="fas fa-home"></i> Documentation
|
|
192
192
|
</a>
|
|
193
193
|
<div class="nav-content" >
|
|
194
|
-
<a href="/README.html" class="nav-item" data-tooltip="@knowcode/doc-builder."><i class="fas fa-file-alt"></i> Overview</a
|
|
194
|
+
<a href="/README.html" class="nav-item" data-tooltip="@knowcode/doc-builder."><i class="fas fa-file-alt"></i> Overview</a>
|
|
195
|
+
<a href="/documentation-index.html" class="nav-item" data-tooltip="This directory contains additional documentation for the @knowcode/doc-builder project, organized by topic and purpose."><i class="fas fa-file-alt"></i> Documentation Index</a>
|
|
196
|
+
<a href="/image-modal-test.html" class="nav-item" data-tooltip="This document tests the new image modal functionality in doc-builder."><i class="fas fa-file-alt"></i> Image Modal Test</a>
|
|
197
|
+
<a href="/vercel-cli-setup-guide.html" class="nav-item" data-tooltip="This guide provides comprehensive instructions for installing the Vercel CLI across different operating systems."><i class="fas fa-file-alt"></i> Vercel Cli Setup Guide</a>
|
|
198
|
+
<a href="/vercel-first-time-setup-guide.html" class="nav-item" data-tooltip="This guide walks you through the Vercel deployment process when using ."><i class="fas fa-file-alt"></i> Vercel First Time Setup Guide</a></div></div>
|
|
195
199
|
<div class="nav-section" data-level="1">
|
|
196
200
|
<a class="nav-title collapsible expanded" href="#" data-target="nav-guides-1" >
|
|
197
201
|
<i class="fas fa-chevron-right collapse-icon"></i><i class="fas fa-folder"></i> Guides
|
|
@@ -233,14 +237,12 @@
|
|
|
233
237
|
<a href="/private/launch/go-to-market-strategy.html" class="nav-item" data-tooltip="Go-to-Market Strategy & Product Launch Plan."><i class="fas fa-file-alt"></i> Go To Market Strategy</a>
|
|
234
238
|
<a href="/private/launch/launch-announcements.html" class="nav-item" data-tooltip="This document contains ready-to-use announcement templates for launching @knowcode/doc-builder across various platforms and channels."><i class="fas fa-file-alt"></i> Launch Announcements</a>
|
|
235
239
|
<a href="/private/launch/vercel-deployment-auth-setup.html" class="nav-item" data-tooltip="Vercel Deployment Authentication Setup Guide."><i class="fas fa-file-alt"></i> Vercel Deployment Auth Setup</a></div></div>
|
|
236
|
-
<div class="nav-section" data-level="
|
|
237
|
-
<a class="nav-title" href="#"
|
|
238
|
-
<i class="fas fa-
|
|
240
|
+
<div class="nav-section" data-level="1">
|
|
241
|
+
<a class="nav-title collapsible" href="#" data-target="nav-prompts-1" >
|
|
242
|
+
<i class="fas fa-chevron-right collapse-icon"></i><i class="fas fa-folder"></i> Prompts
|
|
239
243
|
</a>
|
|
240
|
-
<div class="nav-content" >
|
|
241
|
-
<a href="/
|
|
242
|
-
<a href="/vercel-cli-setup-guide.html" class="nav-item" data-tooltip="This guide provides comprehensive instructions for installing the Vercel CLI across different operating systems."><i class="fas fa-file-alt"></i> Vercel Cli Setup Guide</a>
|
|
243
|
-
<a href="/vercel-first-time-setup-guide.html" class="nav-item" data-tooltip="This guide walks you through the Vercel deployment process when using ."><i class="fas fa-file-alt"></i> Vercel First Time Setup Guide</a></div></div>
|
|
244
|
+
<div class="nav-content collapsed" id="nav-prompts-1">
|
|
245
|
+
<a href="/prompts/markdown-document-standards.html" class="nav-item" data-tooltip="Detailed introduction to the topic..."><i class="fas fa-file-alt"></i> Markdown Document Standards</a></div></div>
|
|
244
246
|
</nav>
|
|
245
247
|
<div class="resize-handle"></div>
|
|
246
248
|
</aside>
|