smirky 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/.bashrc +1 -0
  2. package/README.md +203 -0
  3. package/content/keeping-things-simple.md +13 -0
  4. package/content/three-small-steps.md +14 -0
  5. package/content/welcome-to-the-blog.md +14 -0
  6. package/dist/about/index.html +60 -0
  7. package/dist/assets/input.css +92 -0
  8. package/dist/assets/site.css +630 -0
  9. package/dist/blog/about/index.html +88 -0
  10. package/dist/blog/building-a-static-site-generator/index.html +86 -0
  11. package/dist/blog/hello-world/index.html +86 -0
  12. package/dist/blog/index.html +125 -0
  13. package/dist/blog/keeping-things-simple/index.html +70 -0
  14. package/dist/blog/three-small-steps/index.html +70 -0
  15. package/dist/blog/welcome-to-the-blog/index.html +70 -0
  16. package/dist/blog/why-kiss-matters/index.html +86 -0
  17. package/dist/contact/index.html +83 -0
  18. package/dist/index.html +56 -0
  19. package/dist/tags/index.html +65 -0
  20. package/dist/tags/javascript/index.html +125 -0
  21. package/dist/tags/webdev/index.html +125 -0
  22. package/output/assets/input.css +92 -0
  23. package/output/assets/site.css +630 -0
  24. package/package.json +31 -0
  25. package/pages/about.md +21 -0
  26. package/pages/contact.md +44 -0
  27. package/smirky.js +391 -0
  28. package/theme/assets/input.css +92 -0
  29. package/theme/assets/site.css +630 -0
  30. package/theme/blog.html +8 -0
  31. package/theme/debug.html +5 -0
  32. package/theme/index.html +10 -0
  33. package/theme/layout.html +23 -0
  34. package/theme/navbar.html +16 -0
  35. package/theme/page.html +5 -0
  36. package/theme/partials/blog_post_card.html +12 -0
  37. package/theme/partials/footer.html +4 -0
  38. package/theme/partials/head.html +2 -0
  39. package/theme/partials/navbar.html +14 -0
  40. package/theme/partials/tag_pill.html +5 -0
  41. package/theme/post.html +10 -0
  42. package/theme/site.json +8 -0
  43. package/theme/tags.html +8 -0
package/dist/index.html ADDED
@@ -0,0 +1,56 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <link rel="stylesheet" href="/assets/site.css">
5
+
6
+
7
+ <meta charset="UTF-8" />
8
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
9
+
10
+ <title>My Site - My Site</title>
11
+ <meta name="description" content="A simple static site powered by a KISS SSG." />
12
+ </head>
13
+ <body class="bg-slate-50 text-slate-900">
14
+
15
+ <nav class="bg-white shadow-sm">
16
+ <div class="max-w-5xl mx-auto px-4 h-16 flex items-center justify-between">
17
+
18
+ <a href="/" class="text-xl font-bold text-indigo-600">
19
+ My Site
20
+ </a>
21
+
22
+ <div class="space-x-6 text-sm font-medium">
23
+ <a href="/about/" class="text-slate-700 hover:text-slate-900">About</a>
24
+ <a href="/contact/" class="text-slate-700 hover:text-slate-900">Contact</a>
25
+ <a href="/blog/" class="text-slate-700 hover:text-slate-900">Blog</a>
26
+ <a href="/tags/" class="text-slate-700 hover:text-slate-900">Tags</a>
27
+ </div>
28
+
29
+ </div>
30
+ </nav>
31
+
32
+
33
+
34
+ <main class="max-w-5xl mx-auto px-4 py-10">
35
+ <div class="prose">
36
+ <h1>Test Heading</h1>
37
+ <p>This should be large and nicely spaced.</p>
38
+ </div>
39
+
40
+ <section class="prose prose-slate max-w-none">
41
+ <h1>My Site</h1>
42
+ <p>A simple static site powered by a KISS SSG.</p>
43
+ </section>
44
+
45
+
46
+ </main>
47
+
48
+ <footer class="mt-12 border-t border-slate-200 py-6 text-sm text-slate-500 text-center">
49
+ © 2026 My Site
50
+ </footer>
51
+
52
+
53
+
54
+ </body>
55
+ </html>
56
+
package/dist/tags/index.html ADDED
@@ -0,0 +1,65 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <link rel="stylesheet" href="/assets/site.css">
5
+
6
+
7
+ <meta charset="UTF-8" />
8
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
9
+
10
+ <title>Tags - My Site</title>
11
+ <meta name="description" content="A simple static site powered by a KISS SSG." />
12
+ </head>
13
+ <body class="bg-slate-50 text-slate-900">
14
+
15
+ <nav class="bg-white shadow-sm">
16
+ <div class="max-w-5xl mx-auto px-4 h-16 flex items-center justify-between">
17
+
18
+ <a href="/" class="text-xl font-bold text-indigo-600">
19
+ My Site
20
+ </a>
21
+
22
+ <div class="space-x-6 text-sm font-medium">
23
+ <a href="/about/" class="text-slate-700 hover:text-slate-900">About</a>
24
+ <a href="/contact/" class="text-slate-700 hover:text-slate-900">Contact</a>
25
+ <a href="/blog/" class="text-slate-700 hover:text-slate-900">Blog</a>
26
+ <a href="/tags/" class="text-indigo-600 font-semibold">Tags</a>
27
+ </div>
28
+
29
+ </div>
30
+ </nav>
31
+
32
+
33
+
34
+ <main class="max-w-5xl mx-auto px-4 py-10">
35
+ <section class="space-y-8">
36
+ <h1 class="text-3xl font-bold text-slate-900">Tags</h1>
37
+
38
+ <div class="flex flex-wrap gap-3">
39
+ <a href="/tags/javascript/"
40
+ class="inline-block bg-indigo-100 text-indigo-700 text-xs px-2 py-1 rounded-full">
41
+ javascript (3)
42
+ </a>
43
+
44
+
45
+ <a href="/tags/webdev/"
46
+ class="inline-block bg-indigo-100 text-indigo-700 text-xs px-2 py-1 rounded-full">
47
+ webdev (3)
48
+ </a>
49
+
50
+
51
+ </div>
52
+ </section>
53
+
54
+
55
+ </main>
56
+
57
+ <footer class="mt-12 border-t border-slate-200 py-6 text-sm text-slate-500 text-center">
58
+ © 2026 My Site
59
+ </footer>
60
+
61
+
62
+
63
+ </body>
64
+ </html>
65
+
package/dist/tags/javascript/index.html ADDED
@@ -0,0 +1,125 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <link rel="stylesheet" href="/assets/site.css">
5
+
6
+
7
+ <meta charset="UTF-8" />
8
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
9
+
10
+ <title>Posts tagged "javascript" - My Site</title>
11
+ <meta name="description" content="A simple static site powered by a KISS SSG." />
12
+ </head>
13
+ <body class="bg-slate-50 text-slate-900">
14
+
15
+ <nav class="bg-white shadow-sm">
16
+ <div class="max-w-5xl mx-auto px-4 h-16 flex items-center justify-between">
17
+
18
+ <a href="/" class="text-xl font-bold text-indigo-600">
19
+ My Site
20
+ </a>
21
+
22
+ <div class="space-x-6 text-sm font-medium">
23
+ <a href="/about/" class="text-slate-700 hover:text-slate-900">About</a>
24
+ <a href="/contact/" class="text-slate-700 hover:text-slate-900">Contact</a>
25
+ <a href="/blog/" class="text-slate-700 hover:text-slate-900">Blog</a>
26
+ <a href="/tags/" class="text-indigo-600 font-semibold">Tags</a>
27
+ </div>
28
+
29
+ </div>
30
+ </nav>
31
+
32
+
33
+
34
+ <main class="max-w-5xl mx-auto px-4 py-10">
35
+ <section class="space-y-8">
36
+ <h1 class="text-3xl font-bold text-slate-900">Blog</h1>
37
+
38
+ <div class="grid gap-6">
39
+ <article class="p-6 bg-white rounded-lg shadow hover:shadow-md transition">
40
+ <h2 class="text-xl font-semibold text-slate-900">
41
+ <a href="/blog/keeping-things-simple/" class="hover:underline">Keeping Things Simple</a>
42
+ </h2>
43
+
44
+ <p class="text-sm text-slate-500 mt-1">2026-01-11</p>
45
+
46
+ <div class="mt-3 flex flex-wrap gap-2">
47
+ <a href="/tags/javascript/"
48
+ class="inline-block bg-indigo-100 text-indigo-700 text-xs px-2 py-1 rounded-full">
49
+ javascript
50
+ </a>
51
+
52
+
53
+ <a href="/tags/webdev/"
54
+ class="inline-block bg-indigo-100 text-indigo-700 text-xs px-2 py-1 rounded-full">
55
+ webdev
56
+ </a>
57
+
58
+
59
+ </div>
60
+ </article>
61
+
62
+
63
+ <article class="p-6 bg-white rounded-lg shadow hover:shadow-md transition">
64
+ <h2 class="text-xl font-semibold text-slate-900">
65
+ <a href="/blog/three-small-steps/" class="hover:underline">Three Small Steps</a>
66
+ </h2>
67
+
68
+ <p class="text-sm text-slate-500 mt-1">2026-01-12</p>
69
+
70
+ <div class="mt-3 flex flex-wrap gap-2">
71
+ <a href="/tags/javascript/"
72
+ class="inline-block bg-indigo-100 text-indigo-700 text-xs px-2 py-1 rounded-full">
73
+ javascript
74
+ </a>
75
+
76
+
77
+ <a href="/tags/webdev/"
78
+ class="inline-block bg-indigo-100 text-indigo-700 text-xs px-2 py-1 rounded-full">
79
+ webdev
80
+ </a>
81
+
82
+
83
+ </div>
84
+ </article>
85
+
86
+
87
+ <article class="p-6 bg-white rounded-lg shadow hover:shadow-md transition">
88
+ <h2 class="text-xl font-semibold text-slate-900">
89
+ <a href="/blog/welcome-to-the-blog/" class="hover:underline">Welcome to the Blog</a>
90
+ </h2>
91
+
92
+ <p class="text-sm text-slate-500 mt-1">2026-01-10</p>
93
+
94
+ <div class="mt-3 flex flex-wrap gap-2">
95
+ <a href="/tags/javascript/"
96
+ class="inline-block bg-indigo-100 text-indigo-700 text-xs px-2 py-1 rounded-full">
97
+ javascript
98
+ </a>
99
+
100
+
101
+ <a href="/tags/webdev/"
102
+ class="inline-block bg-indigo-100 text-indigo-700 text-xs px-2 py-1 rounded-full">
103
+ webdev
104
+ </a>
105
+
106
+
107
+ </div>
108
+ </article>
109
+
110
+
111
+ </div>
112
+ </section>
113
+
114
+
115
+ </main>
116
+
117
+ <footer class="mt-12 border-t border-slate-200 py-6 text-sm text-slate-500 text-center">
118
+ © 2026 My Site
119
+ </footer>
120
+
121
+
122
+
123
+ </body>
124
+ </html>
125
+
package/dist/tags/webdev/index.html ADDED
@@ -0,0 +1,125 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <link rel="stylesheet" href="/assets/site.css">
5
+
6
+
7
+ <meta charset="UTF-8" />
8
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
9
+
10
+ <title>Posts tagged "webdev" - My Site</title>
11
+ <meta name="description" content="A simple static site powered by a KISS SSG." />
12
+ </head>
13
+ <body class="bg-slate-50 text-slate-900">
14
+
15
+ <nav class="bg-white shadow-sm">
16
+ <div class="max-w-5xl mx-auto px-4 h-16 flex items-center justify-between">
17
+
18
+ <a href="/" class="text-xl font-bold text-indigo-600">
19
+ My Site
20
+ </a>
21
+
22
+ <div class="space-x-6 text-sm font-medium">
23
+ <a href="/about/" class="text-slate-700 hover:text-slate-900">About</a>
24
+ <a href="/contact/" class="text-slate-700 hover:text-slate-900">Contact</a>
25
+ <a href="/blog/" class="text-slate-700 hover:text-slate-900">Blog</a>
26
+ <a href="/tags/" class="text-indigo-600 font-semibold">Tags</a>
27
+ </div>
28
+
29
+ </div>
30
+ </nav>
31
+
32
+
33
+
34
+ <main class="max-w-5xl mx-auto px-4 py-10">
35
+ <section class="space-y-8">
36
+ <h1 class="text-3xl font-bold text-slate-900">Blog</h1>
37
+
38
+ <div class="grid gap-6">
39
+ <article class="p-6 bg-white rounded-lg shadow hover:shadow-md transition">
40
+ <h2 class="text-xl font-semibold text-slate-900">
41
+ <a href="/blog/keeping-things-simple/" class="hover:underline">Keeping Things Simple</a>
42
+ </h2>
43
+
44
+ <p class="text-sm text-slate-500 mt-1">2026-01-11</p>
45
+
46
+ <div class="mt-3 flex flex-wrap gap-2">
47
+ <a href="/tags/javascript/"
48
+ class="inline-block bg-indigo-100 text-indigo-700 text-xs px-2 py-1 rounded-full">
49
+ javascript
50
+ </a>
51
+
52
+
53
+ <a href="/tags/webdev/"
54
+ class="inline-block bg-indigo-100 text-indigo-700 text-xs px-2 py-1 rounded-full">
55
+ webdev
56
+ </a>
57
+
58
+
59
+ </div>
60
+ </article>
61
+
62
+
63
+ <article class="p-6 bg-white rounded-lg shadow hover:shadow-md transition">
64
+ <h2 class="text-xl font-semibold text-slate-900">
65
+ <a href="/blog/three-small-steps/" class="hover:underline">Three Small Steps</a>
66
+ </h2>
67
+
68
+ <p class="text-sm text-slate-500 mt-1">2026-01-12</p>
69
+
70
+ <div class="mt-3 flex flex-wrap gap-2">
71
+ <a href="/tags/javascript/"
72
+ class="inline-block bg-indigo-100 text-indigo-700 text-xs px-2 py-1 rounded-full">
73
+ javascript
74
+ </a>
75
+
76
+
77
+ <a href="/tags/webdev/"
78
+ class="inline-block bg-indigo-100 text-indigo-700 text-xs px-2 py-1 rounded-full">
79
+ webdev
80
+ </a>
81
+
82
+
83
+ </div>
84
+ </article>
85
+
86
+
87
+ <article class="p-6 bg-white rounded-lg shadow hover:shadow-md transition">
88
+ <h2 class="text-xl font-semibold text-slate-900">
89
+ <a href="/blog/welcome-to-the-blog/" class="hover:underline">Welcome to the Blog</a>
90
+ </h2>
91
+
92
+ <p class="text-sm text-slate-500 mt-1">2026-01-10</p>
93
+
94
+ <div class="mt-3 flex flex-wrap gap-2">
95
+ <a href="/tags/javascript/"
96
+ class="inline-block bg-indigo-100 text-indigo-700 text-xs px-2 py-1 rounded-full">
97
+ javascript
98
+ </a>
99
+
100
+
101
+ <a href="/tags/webdev/"
102
+ class="inline-block bg-indigo-100 text-indigo-700 text-xs px-2 py-1 rounded-full">
103
+ webdev
104
+ </a>
105
+
106
+
107
+ </div>
108
+ </article>
109
+
110
+
111
+ </div>
112
+ </section>
113
+
114
+
115
+ </main>
116
+
117
+ <footer class="mt-12 border-t border-slate-200 py-6 text-sm text-slate-500 text-center">
118
+ © 2026 My Site
119
+ </footer>
120
+
121
+
122
+
123
+ </body>
124
+ </html>
125
+
package/output/assets/input.css ADDED
@@ -0,0 +1,92 @@
1
+ @import "tailwindcss";
2
+
3
+ /* ---------------------------
4
+ Global Markdown Typography
5
+ Tailwind v4 — No Config File
6
+ ---------------------------- */
7
+
8
+ /* Headings */
9
+ h1 {
10
+ @apply text-4xl font-bold leading-tight mt-8 mb-4;
11
+ }
12
+
13
+ h2 {
14
+ @apply text-3xl font-semibold leading-snug mt-6 mb-3;
15
+ }
16
+
17
+ h3 {
18
+ @apply text-2xl font-semibold leading-snug mt-5 mb-2;
19
+ }
20
+
21
+ h4 {
22
+ @apply text-xl font-semibold mt-4 mb-2;
23
+ }
24
+
25
+ h5 {
26
+ @apply text-lg font-medium mt-3 mb-2;
27
+ }
28
+
29
+ h6 {
30
+ @apply text-base font-medium mt-2 mb-2;
31
+ }
32
+
33
+ /* Paragraphs */
34
+ p {
35
+ @apply text-base leading-relaxed mb-4;
36
+ }
37
+
38
+ /* Links */
39
+ a {
40
+ @apply text-blue-600 underline hover:text-blue-800;
41
+ }
42
+
43
+ /* Images */
44
+ img {
45
+ @apply rounded-lg my-4;
46
+ }
47
+
48
+ /* Lists */
49
+ ul {
50
+ @apply list-disc pl-6 mb-4;
51
+ }
52
+
53
+ ol {
54
+ @apply list-decimal pl-6 mb-4;
55
+ }
56
+
57
+ li {
58
+ @apply mb-1;
59
+ }
60
+
61
+ /* Blockquotes */
62
+ blockquote {
63
+ @apply border-l-4 border-gray-300 pl-4 italic text-gray-700 my-4;
64
+ }
65
+
66
+ /* Code blocks */
67
+ pre {
68
+ @apply bg-gray-900 text-gray-100 p-4 rounded-lg overflow-x-auto my-4;
69
+ }
70
+
71
+ code {
72
+ @apply bg-gray-100 text-red-600 px-1 py-0.5 rounded;
73
+ }
74
+
75
+ /* Horizontal rule */
76
+ hr {
77
+ @apply border-gray-300 my-8;
78
+ }
79
+
80
+ /* Tables */
81
+ table {
82
+ @apply w-full border-collapse my-6;
83
+ }
84
+
85
+ th {
86
+ @apply border-b font-semibold p-2 text-left;
87
+ }
88
+
89
+ td {
90
+ @apply border-b p-2;
91
+ }
92
+