diff options
| -rw-r--r-- | go.mod | 10 | ||||
| -rw-r--r-- | go.sum | 8 | ||||
| -rw-r--r-- | home.html | 140 | ||||
| -rw-r--r-- | main.go | 4 |
4 files changed, 159 insertions, 3 deletions
@@ -2,4 +2,12 @@ module kite go 1.25.0 -require github.com/gomarkdown/markdown v0.0.0-20260217112301-37c66b85d6ab +require ( + github.com/adrg/frontmatter v0.2.0 + github.com/gomarkdown/markdown v0.0.0-20260217112301-37c66b85d6ab +) + +require ( + github.com/BurntSushi/toml v0.3.1 // indirect + gopkg.in/yaml.v2 v2.3.0 // indirect +) @@ -1,2 +1,10 @@ +github.com/BurntSushi/toml v0.3.1 h1:WXkYYl6Yr3qBf1K79EBnL4mak0OimBfB0XUf9Vl28OQ= +github.com/BurntSushi/toml v0.3.1/go.mod h1:xHWCNGjB5oqiDr8zfno3MHue2Ht5sIBksp03qcyfWMU= +github.com/adrg/frontmatter v0.2.0 h1:/DgnNe82o03riBd1S+ZDjd43wAmC6W35q67NHeLkPd4= +github.com/adrg/frontmatter v0.2.0/go.mod h1:93rQCj3z3ZlwyxxpQioRKC1wDLto4aXHrbqIsnH9wmE= github.com/gomarkdown/markdown v0.0.0-20260217112301-37c66b85d6ab h1:VYNivV7P8IRHUam2swVUNkhIdp0LRRFKe4hXNnoZKTc= github.com/gomarkdown/markdown v0.0.0-20260217112301-37c66b85d6ab/go.mod h1:JDGcbDT52eL4fju3sZ4TeHGsQwhG9nbDV21aMyhwPoA= +gopkg.in/check.v1 v0.0.0-20161208181325-20d25e280405 h1:yhCVgyC4o1eVCa2tZl7eS0r+SDo693bJlVdllGtEeKM= +gopkg.in/check.v1 v0.0.0-20161208181325-20d25e280405/go.mod h1:Co6ibVJAznAaIkqp8huTwlJQCZ016jof/cbN4VW5Yz0= +gopkg.in/yaml.v2 v2.3.0 h1:clyUAQHOM3G0M3f5vQj7LuJrETvjVot3Z5el9nffUtU= +gopkg.in/yaml.v2 v2.3.0/go.mod h1:hI93XBmqTisBFMUTm0b8Fm+jr3Dg1NNxqwp+5A1VGuI= diff --git a/home.html b/home.html new file mode 100644 index 0000000..afdbbcb --- /dev/null +++ b/home.html @@ -0,0 +1,140 @@ +<!doctype html> +<html lang="en"> + <head> + <meta charset="UTF-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <title>{{ .SiteTitle }}</title> + <link rel="stylesheet" href="/style.css" /> + <style> + .post-list { + margin: 0; + padding: 0; + list-style: none; + } + + .post-list li { + padding: 0; + margin: 0; + } + + .post-list li::before { + display: none; + } + + .post-item { + display: grid; + gap: 0 1.8rem; + align-items: baseline; + padding: 0.85rem 0; + text-decoration: none; + color: inherit; + transition: opacity var(--transition); + } + + .post-item:first-child { + border-top: 1px solid var(--border-soft); + } + + .post-item:hover { + opacity: 0.6; + text-decoration: none; + } + + .post-item:hover .post-title { + text-decoration-color: var(--text); + } + + .post-date { + font-family: var(--mono); + font-size: 0.68rem; + letter-spacing: 0.06em; + color: var(--text-muted); + white-space: nowrap; + padding-top: 0.08em; + } + + .post-title { + font-family: var(--serif); + font-size: 0.97rem; + font-weight: 400; + color: var(--text); + line-height: 1.5; + text-decoration-line: underline; + text-decoration-color: transparent; + text-underline-offset: 3px; + text-decoration-thickness: 1px; + transition: text-decoration-color var(--transition); + } + + .post-tags { + display: flex; + gap: 0.35rem; + margin-top: 0.3rem; + flex-wrap: wrap; + } + + .empty { + font-family: var(--mono); + font-size: 0.75rem; + color: var(--text-muted); + letter-spacing: 0.06em; + padding: 2rem 0; + } + + @media (max-width: 500px) { + .post-item { + grid-template-columns: 1fr; + gap: 0.2rem; + } + } + </style> + </head> + <body> + <nav> + <a class="logo" href="/">{{ .SiteTitle }}</a> + <ul> + <li><a href="/about">About</a></li> + <li><a href="/feed.xml">RSS</a></li> + </ul> + </nav> + + <div class="site-header"> + <h1>{{ .AuthorName }}</h1> + <p class="role">{{ .AuthorRole }}</p> + <p class="intro">{{ .AuthorBio }}</p> + </div> + + <main> + <p class="section-label">Writing</p> + + {{ if .Posts }} + <ul class="post-list"> + {{ range .Posts }} + <li> + <a class="post-item" href="/{{ .Slug }}/"> + <span class="post-date">{{ .Date }}</span> + <span> + <span class="post-title">{{ .Title }}</span> + {{ if .Tags }} + <span class="post-tags"> + {{ range .Tags }} + <span class="pill">{{ . }}</span> + {{ end }} + </span> + {{ end }} + </span> + </a> + </li> + {{ end }} + </ul> + {{ else }} + <p class="empty">No posts yet.</p> + {{ end }} + </main> + + <footer> + <span>© {{ .Year }} {{ .AuthorName }}</span> + <span>Built with <a href="#">kite</a></span> + </footer> + </body> +</html> @@ -247,8 +247,8 @@ func renderHomePage(summaries []PostSummary, outputDir string) { data := HomePage{ SiteTitle: "himanshu.co", AuthorName: "Himanshu Sardana", - AuthorRole: "", - AuthorBio: "", + AuthorRole: "Student", + AuthorBio: "20 y/o linux enthusiast & software engineer", Year: time.Now().Year(), Posts: summaries, } |