@programinglive/commiter 1.2.3 → 1.2.4

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [1.2.4](https://github.com/programinglive/commiter/compare/v1.2.3...v1.2.4) (2025-11-27)
+
+
+### 🧹 Chores
+
+* **release:** 1.2.3 ([9d12f7e](https://github.com/programinglive/commiter/commit/9d12f7e7f9ec5d64b4f7a6d30a4c046e760d73bb))
+
+
+### 🐛 Bug Fixes
+
+* **web:** improve terminal layout and animation ([6d196f4](https://github.com/programinglive/commiter/commit/6d196f4f922e72ad32e9cb570046ff7bf82c398e))
+
 ### [1.2.3](https://github.com/programinglive/commiter/compare/v1.2.2...v1.2.3) (2025-11-27)
 
 

package/docs/release-notes/RELEASE_NOTES.md

@@ -4,6 +4,7 @@ This document summarizes every published version of `@programinglive/commiter`.
 
 | Version | Date | Highlights |
 |---------|------|------------|
+| 1.2.4 | 2025-11-27 | **release:** 1.2.3 (9d12f7e) |
 | 1.2.3 | 2025-11-27 | automate website releases timeline updates from release notes (5abf788) |
 | 1.2.2 | 2025-11-27 | update homepage url (556b173) |
 | 1.2.1 | 2025-11-26 | **release:** improve website version update reliability (18f5ace) |
@@ -48,6 +49,14 @@ This document summarizes every published version of `@programinglive/commiter`.
 
 
 
+
+## 1.2.4 – 🧹 Chores
+
+Released on **2025-11-27**.
+
+- **release:** 1.2.3 (9d12f7e)
+- **web:** improve terminal layout and animation (6d196f4)
+
 ## 1.2.3 – ✨ Features
 
 Released on **2025-11-27**.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@programinglive/commiter",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "description": "Commiter keeps repositories release-ready by enforcing conventional commits, generating icon-rich changelog entries, and orchestrating semantic version bumps without manual toil. It bootstraps Husky hooks, commitlint rules, and release scripts that inspect history, detect framework-specific test commands, run them automatically, tag git releases, coordinate npm publishing, surface release metrics, enforce project-specific checks, and give maintainers observability across distributed teams. Plus!",
   "main": "index.js",
   "bin": {

package/web/css/style.css

@@ -163,7 +163,14 @@ body {
 .hero {
     padding: calc(var(--spacing-3xl) + 60px) 0 var(--spacing-3xl);
     position: relative;
-    overflow: hidden;
+    overflow: visible;
+}
+
+.hero .container {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: var(--spacing-3xl);
+    align-items: center;
 }
 
 .hero::before {
@@ -277,22 +284,19 @@ body {
 
 /* Hero Visual */
 .hero-visual {
-    position: absolute;
-    right: -100px;
-    top: 50%;
-    transform: translateY(-50%);
-    width: 600px;
+    position: relative;
+    width: 100%;
     animation: fadeInRight 0.8s ease-out 0.5s both;
 }
 
 @keyframes fadeInRight {
     from {
         opacity: 0;
-        transform: translateY(-50%) translateX(40px);
+        transform: translateX(40px);
     }
     to {
         opacity: 1;
-        transform: translateY(-50%) translateX(0);
+        transform: translateX(0);
     }
 }
 
@@ -338,6 +342,9 @@ body {
     padding: var(--spacing-md);
     font-family: 'Courier New', monospace;
     font-size: 0.875rem;
+    max-height: none;
+    overflow-y: auto;
+    min-height: auto;
 }
 
 .code-line {
@@ -870,8 +877,13 @@ body {
    Responsive Design
    =========================== */
 @media (max-width: 1024px) {
+    .hero .container {
+        grid-template-columns: 1fr;
+    }
+    
     .hero-visual {
-        display: none;
+        display: block;
+        margin-top: var(--spacing-2xl);
     }
     
     .hero-content {

package/web/index.html

@@ -66,7 +66,7 @@
             <div class="hero-content">
                 <div class="hero-badge">
                     <span class="badge-dot"></span>
-                    <span>v1.2.3 - Latest Release</span>
+                    <span>v1.2.4 - Latest Release</span>
                 </div>
                 <h1 class="hero-title">
                     Ship Releases with <span class="gradient-text">Confidence</span>
@@ -90,7 +90,7 @@
                 </div>
                 <div class="hero-stats">
                     <div class="stat-item">
-                        <div class="stat-value">1.2.3</div>
+                        <div class="stat-value">1.2.4</div>
                         <div class="stat-label">Latest Version</div>
                     </div>
                     <div class="stat-item">
@@ -385,6 +385,12 @@
                 <!-- RELEASES_TIMELINE:START -->
                 <div class="release-item">
                     <div class="release-badge">Latest</div>
+                    <div class="release-version">v1.2.4</div>
+                    <div class="release-date">November 27, 2025</div>
+                    <div class="release-type">🧹 Chores</div>
+                    <p class="release-description">release: 1.2.3 (9d12f7e)</p>
+                </div>
+                <div class="release-item">
                     <div class="release-version">v1.2.3</div>
                     <div class="release-date">November 27, 2025</div>
                     <div class="release-type">✨ Features</div>
@@ -407,12 +413,6 @@
                     <div class="release-date">November 26, 2025</div>
                     <p class="release-description">See CHANGELOG for details.</p>
                 </div>
-                <div class="release-item">
-                    <div class="release-version">v1.1.11</div>
-                    <div class="release-date">November 26, 2025</div>
-                    <div class="release-type">📝 Documentation</div>
-                    <p class="release-description">website: add open graph social media preview (7a2f911)</p>
-                </div>
                 <!-- RELEASES_TIMELINE:END -->
             </div>
             <div class="releases-cta">

package/web/js/script.js

@@ -147,14 +147,36 @@ window.addEventListener('scroll', () => {
 // ===========================
 // Terminal Animation
 // ===========================
-const codeLines = document.querySelectorAll('.code-line');
-let delay = 0;
+function animateTerminal() {
+    const codeLines = document.querySelectorAll('.code-line');
+    let delay = 0;
 
-codeLines.forEach((line, index) => {
-    line.style.opacity = '0';
-    line.style.animation = `fadeIn 0.5s ease-out ${delay}s forwards`;
-    delay += 0.3;
-});
+    codeLines.forEach((line, index) => {
+        line.style.opacity = '0';
+        line.style.animation = 'none';
+        // Trigger reflow to restart animation
+        void line.offsetWidth;
+        line.style.animation = `fadeIn 0.5s ease-out ${delay}s forwards`;
+        delay += 0.3;
+    });
+}
+
+// Initial animation on page load
+animateTerminal();
+
+// Replay animation when scrolling back to the terminal
+const codeWindow = document.querySelector('.code-window');
+if (codeWindow) {
+    const terminalObserver = new IntersectionObserver((entries) => {
+        entries.forEach(entry => {
+            if (entry.isIntersecting) {
+                animateTerminal();
+            }
+        });
+    }, { threshold: 0.5 });
+    
+    terminalObserver.observe(codeWindow);
+}
 
 // Add fadeIn keyframe animation
 const style = document.createElement('style');