status-wall-theme 1.2.0 → 1.2.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1d9023a88a0c448cf3ce0abd8ffd9df1a19fba7ad53c262e4d9b543209e0096f
-  data.tar.gz: dae5536d6035f67546136f12ffe1fc52d602bdffc8dd5eeba120fec2313c4cd7
+  metadata.gz: b9cda95eab4ba4349232277326060bffaba2feb3f24161925317fca3bbef42e2
+  data.tar.gz: aa009a66f39ec4145a0bcef03f7b020f1d211f45f24357b9ea3b9033a3f3d3b5
 SHA512:
-  metadata.gz: af2d03bd538ebf8948f42c803345967fc6064b45b19506b4a77064db20fedce634438b05ad526af661072ec532317ab7d4e98d2925659b31b2dfaa766100ab86
-  data.tar.gz: 8cf8d948c812075b068479e25737a0d43999831f2dea87a018d6d62fe8c1049d96bb27076f88173ed91d4bd4ae1939669d768402ee9e8ce8e5c215c14014d909
+  metadata.gz: 76ec1c005bfba502db1598d43d2e8b023f84f2692e3b930a0eb1f2406aea501e9b5b207fe7f5892471544b79ac9c4de8144981a7d13bd8bd7c7409320dada30e
+  data.tar.gz: 7b84cbc10c42c68656a83b345f040930f73950c3752fbde416d022d1dddb35b8aa0a803edc816594aac1c1e52c7032ccf6260a0dda03c8f45ed0ebdc7c6b44db

data/HOW TO USE/ADDING IMAGES TO POSTS.md

@@ -0,0 +1,29 @@
+# Adding Images to Posts
+
+### 1. Add Your Image
+
+Place images in the `assets/images/` folder:
+
+```
+assets/
+└── images/
+    ├── photo1.jpg
+    └── screenshot.png
+```
+
+### 2. Reference in Your Post
+
+Use standard Markdown image syntax:
+
+```markdown
+---
+layout: post
+title: "Check this out!"
+date: 2024-01-15 14:30:00 -0500
+---
+Just finished this project!
+
+![Project Screenshot](/assets/images/screenshot.png)
+
+#proud #completed
+```

data/HOW TO USE/BATCH DATE ADDITION.md

@@ -0,0 +1,38 @@
+--- 
+layout: post 
+title: "Batch Date Addition" 
+date: 2026-03-23 15:01:11 -0500 
+pin: true 
+--- 
+ 
+# Drafts and Bulk Publishing
+
+## Using the `_drafts` Folder
+
+Add a `_drafts` folder to your site root to store posts you are not ready to publish. Posts in this folder do not require a date in the filename and will not appear on your live site.
+
+## Filename Requirements
+
+All posts in the `_posts` folder must follow this format:
+
+```
+YYYY-MM-DD-post-title.md
+```
+
+Files without a date prefix will be ignored by Jekyll and will not publish.
+
+## Publishing Drafts
+
+When you are ready to publish drafts:
+
+1.  Save all unfinished posts in `_drafts/` (no date needed)
+2.  Run `add-dates.bat`
+3.  The script will add today's date to each filename and move them to `_posts/`
+4.  Build and upload your site
+
+## Quick Reference
+
+| Folder | Filename Format | Publishes? |
+|--------|-----------------|------------|
+| `_drafts/` | `post-title.md` | No |
+| `_posts/` | `YYYY-MM-DD-post-title.md` | Yes |

data/HOW TO USE/CONFIG YAML.md

@@ -0,0 +1,37 @@
+# Customization of _config.yml File
+
+## Profile Information
+
+Edit `_config.yml` to update your profile:
+
+```yaml
+title: "My Status Wall"
+description: "Quick updates and snippets."
+url: "https://yourdomain.com"
+
+author:
+  name: "Your Name"
+  bio: "Posting snippets and status updates."
+  avatar: "/assets/avatar.jpg"
+
+theme_settings:
+  theme_switcher: true #turns off auto when pinned posts is off
+  pinned_posts: true
+  featured_images: true
+  mood_indicators: true
+
+  # Additional settings
+  default_theme: dark
+  pinned_posts_limit: 5
+  featured_images_limit: 2
+
+moods:
+  calm: "#87ceeb"        # Light blue
+  happy: "#ffd700"       # Gold
+  excited: "#ff6b6b"     # Red
+  thoughtful: "#9b59b6"  # Purple
+  tired: "#95a5a6"       # Gray
+  creative: "#2ecc71"    # Green
+  focused: "#3498db"     # Blue
+  default: "#bdc3c7"     # Light gray fallback
+```

data/HOW TO USE/CREATING A POST.md

@@ -0,0 +1,29 @@
+# 📄 Creating a New Status Post
+
+## Option 1: Using the Batch File (Windows) Recommended
+
+**Double-click `new-post.bat`** in the root folder.
+
+1. Enter your post title (or press Enter for no title)
+2. The file is automatically created in `_posts/` with the current date & time
+3. Notepad opens automatically - write your status!
+4. Add images using Markdown: `![Alt Text](/assets/images/photo.jpg)`
+5. Save and close - your post is ready!
+
+## Option 2: Manual Creation
+
+1. Create a new file in the `_posts/` folder
+2. Name it: `YYYY-MM-DD-your-title.md`
+3. Add front matter:
+
+```markdown
+---
+layout: post
+title: "Your Status Title"
+date: 2024-01-15 14:30:00 -0500
+---
+
+Write your status update here...
+```
+
+> **Note:** Adjust the timezone offset (`-0500`) to match your location.

data/HOW TO USE/FEATURED IMAGES LEFT SIDEBAR.md

@@ -0,0 +1,46 @@
+# Featured Images (Left Sidebar)
+
+Display clickable promotional images, book covers, or favorite photos in the left sidebar on desktop screens.
+
+## How to Add Featured Images
+
+1. **Add Your Image**
+   
+   Place your image in the `assets/images/featured/` folder:
+   ```
+   assets/
+   └── images/
+       └── featured/
+           ├── book-cover.jpg
+           ├── promo-banner.png
+           └── portfolio-photo.jpg
+   ```
+
+2. **Edit the Configuration File**
+   
+   Open `_data/featured-images.yml` and add an entry:
+   ```yaml
+   - image: /assets/images/featured/book-cover.jpg
+     link: https://amazon.com/yourbook
+     alt: "My New Book - Available Now!"
+   
+   - image: /assets/images/featured/promo-banner.png
+     link: https://yourwebsite.com/promo
+     alt: "Special Promotion"
+   ```
+
+3. **Rebuild & Upload**
+   ```bash
+   bundle exec jekyll build
+   ```
+   Upload the updated `_site/` contents to your host.
+
+## Configuration Options
+
+| Field | Description | Example |
+|-------|-------------|---------|
+| `image` | Path to your image file | `/assets/images/featured/photo.jpg` |
+| `link` | URL when image is clicked | `https://yourwebsite.com` |
+| `alt` | Caption text displayed below image | "Check out my latest work!" |
+
+---

data/HOW TO USE/FEATURES.md

@@ -0,0 +1,11 @@
+# Features
+
+- 📱 **Responsive Design** - Looks great on mobile and desktop
+- 🖼️ **Image Support** - Add photos to your status updates
+- 🔗 **Share Buttons** - Facebook, Pinterest, and Copy Link
+- ⚡ **Fast & Lightweight** - No database, just static HTML
+- 🕐 **Auto Timestamps** - Posts include exact posting time
+- 🎨 **Easy Customization** - Change colors, profile info, and more
+- 📁 **Flat File Structure** - Easy FTP upload (no nested folders)
+
+---

data/HOW TO USE/HOW TO USE CALLOUTS.md

@@ -0,0 +1,29 @@
+# Using Callouts in Posts
+
+```
+---
+layout: post
+title: "Markdown Callouts"
+date: 2026-03-21 01:14:47 -0500
+mood: 
+pin: true
+---
+
+{:.callout-note}
+> **Note**
+> This is a note callout.
+
+{:.callout-tip}
+> **Tip**
+> This is a tip callout.
+
+{:.callout-warning}
+> **Warning**
+> This is a warning callout.
+
+{:.callout-danger}
+> **Danger**
+> This is a danger callout.
+
+```
+---

data/HOW TO USE/HOW TO USE MOODS.md

@@ -0,0 +1,26 @@
+# How to Use Moods
+
+Add a `mood` field to your post front matter:
+
+```markdown
+---
+layout: post
+title: "Morning Coffee"
+date: 2024-01-15 08:30:00 -0500
+mood: calm
+---
+```
+
+## Available Moods
+
+| Mood | Color | Description |
+|------|-------|-------------|
+| `calm` | 🩵 Light Blue | Peaceful, relaxed |
+| `happy` | 🟡 Gold | Joyful, positive |
+| `excited` | 🔴 Red | Energetic, thrilling |
+| `thoughtful` | 🟣 Purple | Reflective, deep |
+| `tired` | ⚪ Gray | Exhausted, low energy |
+| `creative` | 🟢 Green | Artistic, building |
+| `focused` | 🔵 Blue | Working, concentrating |
+
+---

data/HOW TO USE/PINNED POSTS RIGHT SIDEBAR.md

@@ -0,0 +1,71 @@
+# 📌 Pinned Posts (Right Sidebar)
+
+Highlight important announcements, welcome messages, or key content in the right sidebar on desktop screens.
+
+## How to Pin a Post
+
+1. **Create or Edit a Post**
+   
+   Open any post in `_posts/` and add `pin: true` to the front matter:
+   ```markdown
+   ---
+   layout: post
+   title: "Welcome to My Status Wall"
+   date: 2024-01-15 12:00:00 -0500
+   pin: true
+   ---
+   This post will appear in the right sidebar!
+   ```
+
+2. **Using the Batch File (Windows)**
+   
+   When you run `new-post.bat`, answer `y` when asked:
+   ```
+   Pin this post to sidebar? (y/n): y
+   ```
+
+3. **Rebuild & Upload**
+
+   **Option 1: The Long Way**
+   ```bash
+   bundle exec jekyll build
+   ```
+   Upload the updated `_site/` contents to your host.
+
+   **Option 2: The Quick Way** (if hosting your own site)
+   Click the [build.bat](https://github.com/breakthebull/status/blob/main/build.bat)
+   Click the [upload.bat](https://github.com/breakthebull/status/blob/main/upload.bat)
+
+   **Option 3: The Fastest Way** (if hosting your own site)
+   Click the [deploy.bat](https://github.com/breakthebull/status/blob/main/deploy.bat)
+
+## How Many Posts Show?
+
+- **Default:** Up to 5 pinned posts display in the sidebar
+- **Order:** Newest pinned posts appear first
+- **Too Many?** Only the 5 most recent pinned posts show automatically
+
+## How to Unpin a Post
+
+Simply remove or change the `pin:` field in the post's front matter:
+
+```markdown
+---
+layout: post
+title: "No Longer Pinned"
+date: 2024-01-15 12:00:00 -0500
+pin: false    # ← Change to false or remove this line entirely
+---
+```
+
+### Best Uses for Pinned Posts
+
+| Use Case | Example |
+|----------|---------|
+| **Welcome Message** | Introduce yourself to new visitors |
+| **Important Announcement** | Site updates, news, or changes |
+| **Popular Content** | Link to your most popular post |
+| **Contact Info** | How people can reach you |
+| **Current Project** | What you're working on right now |
+
+---

data/HOW TO USE/SOCIAL MEDIA SHARE IMAGES.md

@@ -0,0 +1,42 @@
+# 📱 Social Media Share Images
+
+When you share a post on Facebook, Pinterest, Twitter, or LinkedIn, those platforms will now display a **preview image** instead of your avatar.
+
+## How It Works
+
+The theme uses **Open Graph meta tags** to tell social media platforms which image to display when a link is shared.
+
+## Setup Steps
+
+### 1. Create a Default Share Image
+
+Create a default image that will be used for all posts:
+
+```
+assets/
+└── images/
+    └── share-default.jpg    ← Create this file
+```
+
+**Recommended Size:** 1200 x 630 pixels
+
+**Tips:**
+- Use a branded image with your site name or logo
+- Keep text minimal and readable at small sizes
+- Use high contrast for better visibility
+
+### 2. Optional: Custom Image Per Post
+
+You can specify a different share image for individual posts by adding an `image` field in the front matter:
+
+```markdown
+---
+layout: post
+title: "My Status Update"
+date: 2024-01-15 14:30:00 -0500
+image: /assets/images/custom-share.jpg
+---
+Your post content here...
+```
+
+---

data/HOW TO USE/THEME CREATION.md

@@ -0,0 +1,27 @@
+# Quick Theme Tips
+
+## Create a Custom Theme
+1. Create `assets/themes/your-theme.css`
+2. Add your colors:
+   ```css
+   :root {
+     --bg-color: #yourbg;
+     --card-bg: #yourcard;
+     --text-color: #yourtext;
+     --accent-color: #youraccent;
+   }
+   body { background: var(--bg-color); color: var(--text-color); }
+   ```
+---
+
+## After Editing/Adding Your Theme Activate Using:
+
+_includes > css-links.html > 
+
+```
+<link rel="stylesheet" href="{{ '/assets/themes/dark.css' | relative_url }}">
+```
+
+Edit the /assets/themes/new-theme.css line to your new theme.
+
+---

data/README.md

@@ -0,0 +1,104 @@
+# Status Wall - A Psuedo-dynamic Microblog Built With Jekyll
+
+A simple, clean, Facebook-style status wall built with Jekyll. Perfect for sharing quick updates, snippets, and thoughts without the complexity of a traditional blog. Check out the [WIKI](https://github.com/breakthebull/status.wiki.git) for MORE themes. (will update as I go or per request)
+
+(This is perfect for those who have their own hosting providers)
+
+![Preview](https://img.shields.io/badge/Jekyll-4.x-red?style=flat-square)
+![License](https://img.shields.io/badge/License-MIT-blue?style=flat-square)
+![Featured](https://img.shields.io/badge/featured%20on-JT-red.svg)
+
+---
+
+## Theme Gallery
+
+| Dark | Light | Ocean |
+|:---:|:---:|:---:|
+| [![Dark](https://github.com/breakthebull/status/raw/main/status-dark.png)](https://github.com/breakthebull/status/raw/main/status-dark.png) | [![Light](https://github.com/breakthebull/status/raw/main/status-light.png)](https://github.com/breakthebull/status/raw/main/status-light.png) | [![Ocean](https://github.com/breakthebull/status/raw/main/status-ocean.png)](https://github.com/breakthebull/status/raw/main/status-ocean.png) |
+
+| Gamer | Cozy | Minimal |
+|:---:|:---:|:---:|
+| [![Gamer](https://github.com/breakthebull/status/raw/main/status-gamer.png)](https://github.com/breakthebull/status/raw/main/status-gamer.png) | [![Cozy](https://github.com/breakthebull/status/raw/main/status-cozy.png)](https://github.com/breakthebull/status/raw/main/status-cozy.png) | [![Minimal](https://github.com/breakthebull/status/raw/main/status-mini.png)](https://github.com/breakthebull/status/raw/main/status-mini.png) |
+
+| Slate |
+|:---:|
+| [![Slate](https://github.com/breakthebull/status/raw/main/status-slate.png)](https://github.com/breakthebull/status/raw/main/status-slate.png) |
+
+---
+
+## Features
+
+| Theme Switcher | Callout Styles | Layout |
+|:---:|:---:|:---:|
+| [![Switcher](https://github.com/breakthebull/status/raw/main/status-theme.png)](https://github.com/breakthebull/status/raw/main/screenshot.PNG) | [![Callouts](https://github.com/breakthebull/status/raw/main/callout-styles.PNG)](https://github.com/breakthebull/status/raw/main/callout-styles.PNG) | [![Layout](https://github.com/breakthebull/status/raw/main/Capture.png)](https://github.com/breakthebull/status/raw/main/Capture.png) |
+
+---
+
+## Quick Start
+
+### 1. Install Requirements
+
+Make sure you have **Ruby** and **Jekyll** installed:
+
+```bash
+# Check Ruby installation
+ruby -v
+
+# Install Jekyll and Bundler
+gem install jekyll bundler
+```
+
+### 2. Clone & Setup
+
+```bash
+# Clone the repository
+git clone https://github.com/breakthebull/status-wall.git
+cd status-wall
+
+# Install dependencies
+bundle install
+```
+
+### 3. Run Locally
+
+```bash
+# Start the development server
+bundle exec jekyll serve
+```
+
+### 4. Using Ruby to Install Theme
+
+```bash
+gem install status-wall-theme
+```
+
+Visit `http://127.0.0.1:4000/` in your browser.
+---
+
+## 📄 License
+
+This project is open source and available under the [MIT License](LICENSE).
+
+---
+
+## 🤝 Contributing
+
+Feel free to fork this project and customize it for your own needs! If you make improvements, consider submitting a pull request.
+
+---
+
+## 🔗 Helpful Resources
+
+| Resource | Link |
+|----------|------|
+| Jekyll Documentation | https://jekyllrb.com/docs/ |
+| Pandoc Documentation | https://pandoc.org/ |
+| Image Compression | https://tinypng.com/ |
+| FontAwesome Icons | https://fontawesome.com/ |
+| Timezone Lookup | https://www.timeanddate.com/time/zones/ |
+
+---
+
+**Made with ❤️ using Jekyll**
+
+*Questions or issues? Open an issue on GitHub!*

data/_data/featured-images.yaml

@@ -0,0 +1,4 @@
+# _data/featured-images.yml
+- image: /assets/images/featured/image.jpg
+  link: https://www.amazon.com/dp/B0GRR165YM
+  alt: "Obsidian Cheat Sheet Theme Guide"

data/_data/site.yaml

@@ -0,0 +1,16 @@
+# Site Metadata
+title: Status Wall
+description: Personal microblog with custom themes
+url: https://status.darbooks.com
+author: DAR
+email: darbookspub@gmail.com
+
+# Social Links
+social:
+  github: breakthebull
+  facebook: darbookspub
+
+# Navigation
+nav:
+  - title: Home
+    url: /

data/_includes/css-links.html

@@ -0,0 +1,3 @@
+<link rel="stylesheet" href="{{ '/assets/main.css' | relative_url }}">
+<link rel="stylesheet" href="{{ '/assets/themes/dark.css' | relative_url }}" id="theme-css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">

data/_includes/favicon.html

@@ -0,0 +1,10 @@
+<!-- Favicon -->
+<link rel="icon" href="{{ '/assets/images/favicon.ico' | relative_url }}" type="image/x-icon">
+<link rel="shortcut icon" href="{{ '/assets/images/favicon.ico' | relative_url }}" type="image/x-icon">
+
+<!-- Apple Touch Icon (optional but recommended) -->
+<link rel="apple-touch-icon" sizes="180x180" href="{{ '/assets/images/apple-touch-icon.png' | relative_url }}">
+
+<!-- Android/Modern Icons (optional) -->
+<link rel="icon" type="image/png" sizes="32x32" href="{{ '/assets/images/favicon-32x32.png' | relative_url }}">
+<link rel="icon" type="image/png" sizes="16x16" href="{{ '/assets/images/favicon-16x16.png' | relative_url }}">

data/_includes/footer.html

@@ -0,0 +1,3 @@
+<footer>
+    <p>&copy; {{ site.time | date: '%Y' }} {{ site.author.name }}. Powered by Jekyll.</p>
+</footer>

data/_includes/header.html

@@ -0,0 +1,13 @@
+<header class="profile-header">
+    <div class="avatar">
+        <img src="{{ site.author.avatar }}" alt="{{ site.author.name }}">
+    </div>
+    <h1>{{ site.author.name }}</h1>
+    <p class="bio">{{ site.author.bio }}</p>
+    <div class="social-links">
+        <a href="https://facebook.com/darbookspub"><i class="fab fa-facebook-f"></i></a>
+        <a href="https://github.com/breakthebull"><i class="fab fa-github"></i></a>
+        <a href="https://darbooks.com"><i class="fab fa-link"></i></a>
+        <a href="https://books2read.com/ap/nzmyLl/DA-Rasmussen"><i class="fab fa-draft2digital"></i></a>
+    </div>
+</header>

data/_includes/meta.html

@@ -0,0 +1,25 @@
+<!-- Canonical URL -->
+<link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
+
+<!-- Open Graph / Facebook -->
+<meta property="og:type" content="{% if page.layout == 'post' %}article{% else %}website{% endif %}">
+<meta property="og:url" content="{{ page.url | absolute_url }}">
+<meta property="og:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
+<meta property="og:description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
+<meta property="og:image" content="{% if page.featured_image %}{{ page.featured_image | absolute_url }}{% else %}{{ '/assets/images/og-image.jpg' | absolute_url }}{% endif %}">
+<meta property="og:site_name" content="{{ site.title }}">
+
+<!-- Twitter -->
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:url" content="{{ page.url | absolute_url }}">
+<meta name="twitter:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
+<meta name="twitter:description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
+<meta name="twitter:image" content="{% if page.featured_image %}{{ page.featured_image | absolute_url }}{% else %}{{ '/assets/images/og-image.jpg' | absolute_url }}{% endif %}">
+{% if site.twitter.username %}<meta name="twitter:creator" content="@{{ site.twitter.username }}">{% endif %}
+
+<!-- Favicon -->
+<link rel="icon" href="{{ '/assets/images/favicon.ico' | relative_url }}" type="image/x-icon">
+<link rel="apple-touch-icon" sizes="180x180" href="{{ '/assets/images/apple-touch-icon.png' | relative_url }}">
+
+<!-- RSS Feed -->
+<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ '/feed.xml' | absolute_url }}">

data/_includes/sidebar-left.html

@@ -0,0 +1,20 @@
+{% if site.theme_settings.featured_images != false %}
+
+<aside class="sidebar-left">
+    {% assign limit = site.theme_settings.featured_images_limit | default: 2 %}
+
+    {% for item in site.data.featured-images limit: limit %}
+        <div class="featured-image-card">
+            <a href="{{ item.link }}" target="_blank" rel="noopener">
+                <img src="{{ item.image }}" alt="{{ item.alt }}">
+            </a>
+            <div class="featured-caption">{{ item.alt }}</div>
+        </div>
+    {% endfor %}
+
+    {% if site.data.featured-images.size == 0 %}
+        <p>No featured images yet.</p>
+    {% endif %}
+</aside>
+
+{% endif %}

data/_includes/sidebar-right.html

@@ -0,0 +1,27 @@
+{% if site.theme_settings.pinned_posts != false %}
+
+<aside class="sidebar-right">
+    <!-- Theme Switcher Widget -->
+    {% include theme-switcher.html %}
+
+    {% assign limit = site.theme_settings.pinned_posts_limit | default: 5 %}
+    {% assign pinned = site.posts | where: "pin", true | limit: limit %}
+
+    {% if pinned.size > 0 %}
+        {% for post in pinned %}
+            <div class="pinned-post-card">
+                <div class="pinned-label">📌 Pinned</div>
+                <h3 class="pinned-title">
+                    <a href="{{ post.url | relative_url }}">{{ post.title }}</a>
+                </h3>
+                <div class="pinned-excerpt">{{ post.excerpt | strip_html | truncate: 100 }}</div>
+            </div>
+        {% endfor %}
+    {% else %}
+        <div style="font-size: 0.85rem; color: var(--meta-color); text-align: center; padding: 20px;">
+            No pinned posts yet.
+        </div>
+    {% endif %}
+</aside>
+
+{% endif %}