Initial vibe-coded commit.

templates/base.html

@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{% block title %}markMyWords{% endblock %}</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+    {% block extra_head %}{% endblock %}
+</head>
+<body>
+    <nav class="navbar">
+        <div class="navbar-container">
+            <a href="/" class="navbar-logo">markMyWords</a>
+            <div class="navbar-menu">
+                <a href="/" class="nav-link">Home</a>
+            </div>
+        </div>
+    </nav>
+
+    <main class="main-content">
+        {% block content %}{% endblock %}
+    </main>
+
+    <footer class="footer">
+        <p>&copy; 2024 markMyWords - Self-hosted Markdown Repository Viewer</p>
+    </footer>
+</body>
+</html>

templates/index.html

@@ -0,0 +1,62 @@
+{% extends "base.html" %}
+
+{% block title %}Home - markMyWords{% endblock %}
+
+{% block extra_head %}
+<script src="{{ url_for('static', filename='search.js') }}"></script>
+{% endblock %}
+
+{% block content %}
+<div class="container">
+    <section class="search-section">
+        <h1>Search Markdown Files</h1>
+        <div class="search-box">
+            <input 
+                type="text" 
+                id="searchInput" 
+                class="search-input" 
+                placeholder="Search across all repositories..."
+                autocomplete="off"
+            >
+            <button class="search-button" onclick="performSearch()">Search</button>
+        </div>
+        
+        <div id="searchResults" class="search-results" style="display: none;">
+            <h2>Search Results</h2>
+            <div id="resultsList"></div>
+        </div>
+    </section>
+
+    <section class="repositories-section">
+        <h2>Repositories</h2>
+        {% if repositories %}
+            <div class="repo-grid">
+                {% for repo in repositories %}
+                <div class="repo-card">
+                    <h3>{{ repo.name }}</h3>
+                    {% if repo.files %}
+                    <div class="file-list">
+                        <ul>
+                        {% for file in repo.files %}
+                            <li>
+                                <a href="/view/{{ repo.name }}/{{ file.path }}" class="file-link">
+                                    📄 {{ file.name }}
+                                </a>
+                            </li>
+                        {% endfor %}
+                        </ul>
+                    </div>
+                    {% else %}
+                    <p class="no-files">No markdown files found</p>
+                    {% endif %}
+                </div>
+                {% endfor %}
+            </div>
+        {% else %}
+        <div class="empty-state">
+            <p>No repositories configured. Please check your configuration file.</p>
+        </div>
+        {% endif %}
+    </section>
+</div>
+{% endblock %}

templates/view.html

@@ -0,0 +1,20 @@
+{% extends "base.html" %}
+
+{% block title %}{{ filename }} - markMyWords{% endblock %}
+
+{% block content %}
+<div class="container">
+    <div class="breadcrumb">
+        <a href="/">Home</a> > 
+        <span class="breadcrumb-repo">{{ repo }}</span> >
+        <span class="breadcrumb-file">{{ filename }}</span>
+    </div>
+
+    <article class="markdown-content">
+        <h1>{{ filename }}</h1>
+        <div class="content-body">
+            {{ content|safe }}
+        </div>
+    </article>
+</div>
+{% endblock %}