rmsitz/offlineu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added a back to main clicking on the link, added help page, added a last 5 viewed

Browse Source
This commit is contained in:
rmsitz
2026-08-20 18:57:27 -04:00
parent 66dff7e69f
commit 5b8bef1451
5 changed files with 306 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/course_dashboard.html
+25 -25
View File
@@ -97,6 +97,9 @@
display: flex;
align-items: center;
gap: 14px;
text-decoration: none;
color: inherit;
cursor: pointer;
}
.brand-icon {
@@ -480,13 +483,13 @@
<body>
<div class="app-header">
<div class="container">
<div class="brand">
<a href="/" class="brand">
<span class="brand-icon">📚</span>
<div>
<h1>OfflineU</h1>
<p class="tagline">Your self-hosted course library</p>
</div>
</div>
</a>
{% if course %}
<div class="header-course-badge">{{ course.name }}</div>
{% endif %}
@@ -494,6 +497,25 @@
</div>
<div class="page-content">
{% if recent_views %}
<div class="container">
<div class="card">
<h2>🕐 Recently Viewed</h2>
<div style="margin-top: 12px;">
{% for view in recent_views %}
<div class="lesson-item"
onclick="window.location.href='/recent/open?course_path={{ view.course_path | urlencode }}&lesson_path={{ view.lesson_path | urlencode }}'">
<div class="lesson-title">
<span class="lesson-icon">▶️</span>
<span>{{ view.lesson_title }}</span>
</div>
<span class="lesson-meta">{{ view.course_name }}{% if view.viewed_display %} · {{ view.viewed_display }}{% endif %}</span>
</div>
{% endfor %}
</div>
</div>
</div>
{% endif %}
{% if course %}
<div class="nav">
<div class="container">
@@ -608,29 +630,6 @@
<div id="course-status" style="margin-top: 10px;"></div>
</div>
</div>
<div style="margin-top: 40px;">
<div class="card">
<h3>How to Use OfflineU:</h3>
<ul style="margin-top: 10px; list-style-type: none; padding-left: 20px;">
<li><strong>Prepare your course files</strong> in a directory structure</li>
<li><strong>Copy the full path</strong> to your course directory</li>
<li><strong>Paste the path</strong> in the input field above</li>
<li><strong>Click "Load Course"</strong> or press Enter</li>
<li><strong>Start learning!</strong> Your progress will be saved automatically</li>
</ul>
</div>
<div class="card">
<h3>Supported File Types:</h3>
<ul style="margin-top: 10px; list-style-type: none; padding-left: 20px;">
<li><strong>Videos:</strong> .mp4, .mkv, .avi, .mov, .webm</li>
<li><strong>Audio:</strong> .mp3, .wav, .m4a, .aac</li>
<li><strong>Documents:</strong> .txt, .md, .html, .pdf</li>
<li><strong>Subtitles:</strong> .srt, .vtt</li>
</ul>
</div>
</div>
</div>
{% endif %}
</div>
@@ -641,6 +640,7 @@
📚 <span>OfflineU</span>
</div>
<div class="footer-links">
<a href="/help">❓ Help</a>
<a href="/settings">⚙ Settings</a>
</div>
</div>