builderadmin
/
NoteDiscovery
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

added new screenshots

This commit is contained in:
Gamosoft 2025-12-17 12:20:29 +01:00
parent ef65459600
commit 812140b914
8 changed files with 57 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
docs/carousel-1.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 424 KiB

After

Width:  |  Height:  |  Size: 283 KiB

BIN
docs/carousel-2.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 462 KiB

After

Width:  |  Height:  |  Size: 317 KiB

BIN
docs/carousel-3.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 112 KiB

After

Width:  |  Height:  |  Size: 191 KiB

BIN
docs/carousel-4.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 109 KiB

After

Width:  |  Height:  |  Size: 216 KiB

BIN
docs/carousel-5.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 174 KiB

BIN
docs/carousel-6.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 137 KiB

BIN
docs/carousel-7.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 345 KiB

66
docs/index.html
View File

@ -702,7 +702,7 @@
<div class="screenshot-container"> <div class="screenshot-container">
<div class="carousel"> <div class="carousel">
<div class="carousel-track" id="carouselTrack"> <div class="carousel-track" id="carouselTrack">
<!-- Slide 1: Main Interface (Light) --> <!-- Slide 1: Main Interface -->
<div class="carousel-slide"> <div class="carousel-slide">
<div class="screenshot-frame"> <div class="screenshot-frame">
<div class="screenshot-window-bar"> <div class="screenshot-window-bar">
@ -713,9 +713,10 @@
</div> </div>
<span class="screenshot-title">Editor View • Main Interface</span> <span class="screenshot-title">Editor View • Main Interface</span>
</div> </div>
<img src="carousel-1.jpg" alt="NoteDiscovery Editor - Light Theme" loading="lazy"> <img src="carousel-1.jpg" alt="NoteDiscovery Main Interface" loading="lazy">
</div> </div>
</div> </div>
<!-- Slide 2: Search -->
<div class="carousel-slide"> <div class="carousel-slide">
<div class="screenshot-frame"> <div class="screenshot-frame">
<div class="screenshot-window-bar"> <div class="screenshot-window-bar">
@ -724,11 +725,12 @@
<div class="screenshot-dot"></div> <div class="screenshot-dot"></div>
<div class="screenshot-dot"></div> <div class="screenshot-dot"></div>
</div> </div>
<span class="screenshot-title">Editor View • Search Notes</span> <span class="screenshot-title">Smart Search • Find Anything Instantly</span>
</div> </div>
<img src="carousel-2.jpg" alt="NoteDiscovery Editor - Dark Theme" loading="lazy"> <img src="carousel-2.jpg" alt="NoteDiscovery Smart Search" loading="lazy">
</div> </div>
</div> </div>
<!-- Slide 3: Tag Filter -->
<div class="carousel-slide"> <div class="carousel-slide">
<div class="screenshot-frame"> <div class="screenshot-frame">
<div class="screenshot-window-bar"> <div class="screenshot-window-bar">
@ -737,11 +739,12 @@
<div class="screenshot-dot"></div> <div class="screenshot-dot"></div>
<div class="screenshot-dot"></div> <div class="screenshot-dot"></div>
</div> </div>
<span class="screenshot-title">Graph View • Note Connections</span> <span class="screenshot-title">Tag Filtering • Organize by Topics</span>
</div> </div>
<img src="carousel-3.jpg" alt="NoteDiscovery Graph View" loading="lazy"> <img src="carousel-3.jpg" alt="NoteDiscovery Tag Filtering" loading="lazy">
</div> </div>
</div> </div>
<!-- Slide 4: Outline -->
<div class="carousel-slide"> <div class="carousel-slide">
<div class="screenshot-frame"> <div class="screenshot-frame">
<div class="screenshot-window-bar"> <div class="screenshot-window-bar">
@ -750,9 +753,51 @@
<div class="screenshot-dot"></div> <div class="screenshot-dot"></div>
<div class="screenshot-dot"></div> <div class="screenshot-dot"></div>
</div> </div>
<span class="screenshot-title">Frontmatter Metadata • Note Tag Search</span> <span class="screenshot-title">Outline Panel • Navigate Headings</span>
</div> </div>
<img src="carousel-4.jpg" alt="NoteDiscovery Mobile View" loading="lazy"> <img src="carousel-4.jpg" alt="NoteDiscovery Outline Panel" loading="lazy">
</div>
</div>
<!-- Slide 5: Card View -->
<div class="carousel-slide">
<div class="screenshot-frame">
<div class="screenshot-window-bar">
<div class="screenshot-dots">
<div class="screenshot-dot"></div>
<div class="screenshot-dot"></div>
<div class="screenshot-dot"></div>
</div>
<span class="screenshot-title">Card View • Visual Organization</span>
</div>
<img src="carousel-5.jpg" alt="NoteDiscovery Card View" loading="lazy">
</div>
</div>
<!-- Slide 6: Graph View -->
<div class="carousel-slide">
<div class="screenshot-frame">
<div class="screenshot-window-bar">
<div class="screenshot-dots">
<div class="screenshot-dot"></div>
<div class="screenshot-dot"></div>
<div class="screenshot-dot"></div>
</div>
<span class="screenshot-title">Graph View • Visualize Connections</span>
</div>
<img src="carousel-6.jpg" alt="NoteDiscovery Graph View" loading="lazy">
</div>
</div>
<!-- Slide 7: Mobile Support -->
<div class="carousel-slide">
<div class="screenshot-frame">
<div class="screenshot-window-bar">
<div class="screenshot-dots">
<div class="screenshot-dot"></div>
<div class="screenshot-dot"></div>
<div class="screenshot-dot"></div>
</div>
<span class="screenshot-title">Mobile Ready • Notes On The Go</span>
</div>
<img src="carousel-7.png" alt="NoteDiscovery Mobile Support" loading="lazy">
</div> </div>
</div> </div>
</div> </div>
@ -765,6 +810,9 @@
<button class="carousel-indicator" onclick="goToSlide(1)" aria-label="Slide 2"></button> <button class="carousel-indicator" onclick="goToSlide(1)" aria-label="Slide 2"></button>
<button class="carousel-indicator" onclick="goToSlide(2)" aria-label="Slide 3"></button> <button class="carousel-indicator" onclick="goToSlide(2)" aria-label="Slide 3"></button>
<button class="carousel-indicator" onclick="goToSlide(3)" aria-label="Slide 4"></button> <button class="carousel-indicator" onclick="goToSlide(3)" aria-label="Slide 4"></button>
<button class="carousel-indicator" onclick="goToSlide(4)" aria-label="Slide 5"></button>
<button class="carousel-indicator" onclick="goToSlide(5)" aria-label="Slide 6"></button>
<button class="carousel-indicator" onclick="goToSlide(6)" aria-label="Slide 7"></button>
</div> </div>
<button class="carousel-btn" onclick="moveCarousel(1)" aria-label="Next screenshot">›</button> <button class="carousel-btn" onclick="moveCarousel(1)" aria-label="Next screenshot">›</button>
</div> </div>
@ -1045,7 +1093,7 @@
// Screenshot Carousel // Screenshot Carousel
let currentSlide = 0; let currentSlide = 0;
const totalSlides = 4; const totalSlides = 7;
let autoPlayInterval; let autoPlayInterval;
function updateCarousel() { function updateCarousel() {