From 395b1f4de4d51b8a36765c657c8dd628ac4a05fe Mon Sep 17 00:00:00 2001 From: "Danilo M." Date: Wed, 15 Apr 2026 15:23:46 +0200 Subject: initial commit --- .../content/layout-with-sidebar.html | 188 +++++++++++++++++++++ 1 file changed, 188 insertions(+) create mode 100644 .superpowers/brainstorm/26102-1776256459/content/layout-with-sidebar.html (limited to '.superpowers/brainstorm/26102-1776256459/content/layout-with-sidebar.html') diff --git a/.superpowers/brainstorm/26102-1776256459/content/layout-with-sidebar.html b/.superpowers/brainstorm/26102-1776256459/content/layout-with-sidebar.html new file mode 100644 index 0000000..894751a --- /dev/null +++ b/.superpowers/brainstorm/26102-1776256459/content/layout-with-sidebar.html @@ -0,0 +1,188 @@ +

Article & Static Page Layouts with Sidebar

+

Two-column desktop layout, responsive sidebar that moves to bottom on mobile

+ +
+

Single Article Page (Tech Example) — Desktop View

+
+
Article View / Single (Desktop 1024px+)
+
+
+ +
+
+ TECH +
+

Building a Go CLI Tool

+
+ Apr 12, 2026 + • + 5 min read +
+ +
+

Building command-line tools in Go is straightforward and powerful. Let's explore how to create a simple CLI application.

+ +
+
package
main
+

+
import
(
+
"fmt"
+
)
+

+
func
main() {
+
fmt
.Println(
"Hello, CLI!"
)
+
}
+
+ +

This simple example demonstrates the basics. For larger projects, consider using the cobra library for more advanced CLI features.

+ +

The key advantages of Go for CLI tools are:

+
    +
  • Single binary compilation (no runtime dependencies)
    • +
  • Cross-platform builds
    • +
  • Fast execution
    • +
  • Rich standard library
    • +
+
+ +
+
Tags:
+
+ #golang + #cli + #programming +
+
+
+ + + +
+
+
+
+ +
+

Mobile View (Sidebar → Bottom)

+
+
Article View / Mobile (<768px)
+
+
+ TECH +
+

Building a Go CLI Tool

+
+ Apr 12, 2026 + • + 5 min +
+ +
+

Building command-line tools in Go is straightforward and powerful...

+

[Article content continues...]

+
+ + +
+

Share This

+
+
𝕏
+
FB
+
+ +
+ +

Info

+
+
Published: Apr 12, 2026
+
Category: Tech
+
+
+
+
+
+ +
+

Static Page Layout (Same Structure)

+

Static pages (/is, /is/here, /is/legal) use the same two-column layout with sidebar. The sidebar can contain:

+
+
+

About Page Sidebar

+
    +
  • Social links
    • +
  • Contact info
    • +
  • Skills/expertise
    • +
  • CV download
    • +
+
+
+

Contact Page Sidebar

+
    +
  • Email address
    • +
  • Social profiles
    • +
  • Response time
    • +
  • Availability
    • +
+
+
+
+ +
+

Syntax Highlighting

+
+

Implementation: Hugo + Chroma syntax highlighter (built-in)

+
    +
  • Automatically highlights code blocks marked with language (```go, ```python, etc.)
    • +
  • Custom CSS theme integrated with danix.xyz color scheme (purple accent, green highlights for keywords)
    • +
  • Line numbers optional (configurable in hugo.toml)
    • +
  • Supports all major languages: Go, Python, Rust, JavaScript, Bash, etc.
    • +
+
+
```go
+
// Code here gets automatic syntax highlighting
+
```
+
+
+
+ +
+

Sidebar Implementation Details

+
+

+ Desktop (1024px+): CSS Grid layout with main content + sticky sidebar. Sidebar remains visible while scrolling.

+ Tablet/Mobile: Single column. Sidebar content rendered after main content using CSS order property or media query flexbox reorder.

+ Content Source: Sidebar content defined via optional front-matter fields or template logic (e.g., show_sharing: true, show_metadata: true). +

+
+
\ No newline at end of file -- cgit v1.2.3