diff options
| -rw-r--r-- | src/tour.gleam | 14 | ||||
| -rw-r--r-- | static/style.css | 12 |
2 files changed, 24 insertions, 2 deletions
diff --git a/src/tour.gleam b/src/tour.gleam index 64dc758..17386c9 100644 --- a/src/tour.gleam +++ b/src/tour.gleam @@ -539,7 +539,7 @@ fn lesson_html(page: Lesson) -> String { metaprop("twitter:title", title), metaprop("twitter:description", description), metaprop("twitter:image", "https://gleam.run/images/og-image.png"), - link("shortcut icon", "https://gleam.run/images/lucy-circle.svg"), + link("shortcut icon", "https://gleam.run/images/lucy/lucy.svg"), link("stylesheet", "/style.css"), h( "script", @@ -553,7 +553,17 @@ fn lesson_html(page: Lesson) -> String { ]), h("body", [], [ h("nav", [#("class", "navbar")], [ - h("a", [#("href", "/")], [text("Gleam Language Tour")]), + h("a", [#("href", "/"), #("class", "logo")], [ + h( + "img", + [ + #("src", "https://gleam.run/images/lucy/lucy.svg"), + #("alt", "Lucy the star, Gleam's mascot"), + ], + [], + ), + text("Gleam Language Tour"), + ]), ]), h("article", [#("id", "playground")], [ h("section", [#("id", "left")], [ diff --git a/static/style.css b/static/style.css index e69a80a..53c071b 100644 --- a/static/style.css +++ b/static/style.css @@ -77,6 +77,18 @@ h6 { background-color: var(--color-pink); } +.navbar .logo { + display: flex; + align-items: center; +} + +.navbar .logo img { + display: inline-block; + height: 2em; + transform: rotate(-10deg); + margin-right: 0.5em; +} + .navbar a:visited, .navbar a { text-decoration: none; |