responsive mobile website

Author: ryanncode

CHANGELOG.md

@@ -2,6 +2,16 @@
 
 All notable changes to the "pointblank" extension will be documented in this file.
 
+## [6.1.0] - 2025-06-15
+
+### Added
+- **Powerful Inline Query Language**: A major new feature that allows you to search for and display information directly within your notes.
+    - Supports `LIST` (wiki-style links) and `TRANSCLUDE` (embedded content) actions.
+    - Query from `FILES` (metadata) or `BLOCKS` (inline content).
+    - Filter results with a `WHERE` clause supporting `AND`/`OR` and multiple operators (`=`, `!=`, `>`, `<`, `::`).
+    - Sort results with `SORT BY`.
+    - Define search scope with `IN` clause, supporting `this.file`, `this.folder`, `workspace`, and now **relative paths** (e.g., `IN "./notes/"`).
+
 ## [0.6.0] - 2025-06-15
 ### Changed
 - Major refactor of the template system. Templates are now defined by a `Type::` property and stored in `.vscode/templates`.

docs/assets/css/style.scss

@@ -27,6 +27,10 @@ header {
     padding: 1.5em 20px; /* Added horizontal padding */
     text-align: center;
     border-bottom: 1px solid var(--border-color);
+    /* For mobile, allow flex items to wrap */
+    display: flex;
+    flex-direction: column;
+    align-items: center;
 }
 
 header h1 {
@@ -38,6 +42,7 @@ nav ul {
     padding: 0;
     list-style: none;
     display: flex;
+    flex-wrap: wrap; /* Allow items to wrap to the next line */
     justify-content: center;
     margin-top: 1.5em; /* Increased margin to prevent overlap */
 }
@@ -52,6 +57,7 @@ main {
     background-color: #2d333b; /* Slightly lighter dark for content area */
     border-radius: 6px;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
+    margin: 20px; /* Add margin to main content for smaller screens */
 }
 
 section {
@@ -116,4 +122,49 @@ footer {
 .container {
     max-width: 1000px;
     margin: 0 auto;
+    padding: 0 15px; /* Add horizontal padding for smaller screens */
+}
+
+/* Media queries for responsiveness */
+@media (max-width: 768px) {
+    header {
+        padding: 1em 15px; /* Adjust header padding for smaller screens */
+    }
+
+    header h1 {
+        font-size: 1.8em;
+    }
+
+    nav ul {
+        flex-direction: column; /* Stack navigation items vertically */
+        margin-top: 1em;
+    }
+
+    nav ul li {
+        margin: 10px 0; /* Adjust margin for stacked items */
+    }
+
+    main {
+        padding: 20px 15px; /* Adjust main content padding for smaller screens */
+        margin: 15px;
+    }
+
+    .container {
+        padding: 0 10px; /* Further reduce container padding on very small screens */
+    }
+}
+
+@media (max-width: 480px) {
+    header h1 {
+        font-size: 1.5em;
+    }
+
+    nav ul li {
+        margin: 8px 0;
+    }
+
+    main {
+        padding: 15px 10px;
+        margin: 10px;
+    }
 }

docs/index.html

@@ -10,12 +10,14 @@ <h2>Welcome to Point Blank Documentation</h2>
 </section>
 
 <section id="whats-new">
-  <h2>What's New in 0.6.0</h2>
+  <h2>What's New in 6.1.0</h2>
   <p>
-    Point Blank has undergone a significant refactor of its template system!
-    We've introduced new syntax for defining file-based templates and for
-    inline node insertion. Learn more about these powerful new features on the
-    <a href="features.html">Features page</a>.
+    Point Blank now includes a powerful new inline query language! You can now
+    dynamically pull information from across your workspace directly into your notes.
+    Use `LIST` to create lists of links to files or content blocks, or use the new
+    `TRANSCLUDE` keyword to embed content directly.
+    Learn more about this powerful new feature on the
+    <a href="queries.html">Queries page</a>.
   </p>
 </section>
 

docs/queries.md

@@ -116,4 +116,38 @@ Here are several examples demonstrating the use of the query language:
 
 11. **List all high-priority, incomplete "Task" blocks in the current folder, sorted by `DueDate`:**
     ```
-    LIST FROM BLOCKS IN this.folder WHERE Type = "Task" AND Priority = "High" AND Status != "Done" SORT BY DueDate ASC
+    LIST FROM BLOCKS IN this.folder WHERE Type = "Task" AND Priority = "High" AND Status != "Done" SORT BY DueDate ASC
+
+## Running Queries
+
+There are two primary ways to execute queries in Point Blank: manually writing query blocks or using commands from the Command Palette.
+
+### Manual Workflow
+
+You can write queries directly in your markdown files. The query engine identifies queries by a special HTML comment.
+
+1.  **Write the Query:** Type your query inside a comment block like this:
+    ```markdown
+    <!-- pointblank:query LIST FROM BLOCKS WHERE Type = "Task" AND Status = "Pending" -->
+    ```
+2.  **Execute the Query:** Place your cursor anywhere in the file and run the **`Point Blank: Update Query`** command from the VS Code Command Palette (`Ctrl+Shift+P`). The extension will find the nearest query block (searching down from the cursor), execute it, and insert the results directly above the comment block.
+
+### Using Commands
+
+Point Blank provides commands to simplify the process of creating and updating queries.
+
+*   **`Point Blank: Insert Query by Type`** (`pointblank.insertTypeQuery`)
+    *   This command will prompt you to enter a `Type` name (e.g., "Task", "Note").
+    *   It will then insert a complete query block into the editor, ready to be executed.
+    *   Example Query Inserted: `LIST FROM BLOCKS WHERE Type::Task`
+
+*   **`Point Blank: Update Query`** (`pointblank.updateTypeQuery`)
+    *   This command searches for the nearest query block below your cursor's current position.
+    *   It re-runs the query and replaces the old results with the new ones. This is useful for refreshing a list after you've made changes to your notes.
+
+## Command Reference
+
+| Command | ID | Description |
+| :--- | :--- | :--- |
+| Insert Query by Type | `pointblank.insertTypeQuery` | Prompts for a type and inserts a new query block. |
+| Update Query | `pointblank.updateTypeQuery` | Updates the results of the nearest query block. |