diff --git a/site/src/jsMain/kotlin/HomePage.kt b/site/src/jsMain/kotlin/HomePage.kt
index 0e0212c..1cc323f 100644
--- a/site/src/jsMain/kotlin/HomePage.kt
+++ b/site/src/jsMain/kotlin/HomePage.kt
@@ -67,6 +67,7 @@ fun HomePage() {
I({ classes("bi", "bi-braces", "me-1") })
Text("Try Lyng")
}
+ // (Telegram button moved to the bottom of the page)
}
}
}
@@ -105,4 +106,17 @@ assertEquals([4, 16], evens2)
}
}
}
+
+ // Bottom section with a small Telegram button
+ Div({ classes("text-center", "mt-5", "pb-4") }) {
+ A(attrs = {
+ classes("btn", "btn-outline-primary", "btn-sm")
+ attr("href", "https://t.me/lynglang")
+ attr("target", "_blank")
+ attr("rel", "noopener noreferrer")
+ }) {
+ I({ classes("bi", "bi-telegram", "me-1") })
+ Text("Join our Telegram channel")
+ }
+ }
}
diff --git a/site/src/jsMain/resources/index.html b/site/src/jsMain/resources/index.html
index b5807ab..2274418 100644
--- a/site/src/jsMain/resources/index.html
+++ b/site/src/jsMain/resources/index.html
@@ -146,9 +146,44 @@
[data-bs-theme="dark"] .hl-lbl { color: #ffa657; }
[data-bs-theme="dark"] .hl-dir { color: #d2a8ff; }
[data-bs-theme="dark"] .hl-err { color: #ffa198; text-decoration-color: #ffa198; }
+
+ /* Top-left corner ribbon for version label */
+ .corner-ribbon {
+ position: fixed;
+ /* Place below the fixed navbar (Bootstrap fixed-top ~ z-index: 1030) */
+ z-index: 1020; /* above content, below navbar */
+ top: var(--navbar-offset, 56px);
+ left: 0;
+ width: 162px; /* 10% narrower than 180px */
+ text-align: center;
+ /* Slightly asymmetric padding to visually center text within rotated band (desktop) */
+ /* Nudge text a bit lower on large screens */
+ padding: .42rem 0 .28rem;
+ font-weight: 600;
+ font-size: .75rem; /* make text smaller by default */
+ line-height: 1.1; /* stabilize vertical centering */
+ transform: translate(-52px, 10px) rotate(-45deg);
+ box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,.2);
+ border: 1px solid rgba(0,0,0,.15);
+ pointer-events: none; /* decorative; don't block clicks underneath */
+ }
+ @media (max-width: 576px) {
+ .corner-ribbon {
+ width: 135px; /* 10% narrower than 150px */
+ transform: translate(-50px, 8px) rotate(-45deg);
+ font-size: .7rem; /* even smaller on phones */
+ padding: .32rem 0 .28rem; /* keep mobile text centered too */
+ }
+ }
+
+
+
+ v1.0.1
+
+
Skip to content