diff options
| author | Xe Iaso <me@christine.website> | 2022-11-25 19:01:10 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-11-25 19:01:10 -0500 |
| commit | cc933b31fd23bb06e95bf41f848a1c99353d44ae (patch) | |
| tree | af8288dbd4db2ad886d6b326bffb1c9d5b568de3 /static/js/conversation.js | |
| parent | 551e0384c923ff3ee98cfddf7e3eb42c6dbb2941 (diff) | |
| download | xesite-cc933b31fd23bb06e95bf41f848a1c99353d44ae.tar.xz xesite-cc933b31fd23bb06e95bf41f848a1c99353d44ae.zip | |
Start version 3 (#573)
* Start version 3
* Change version to 3.0.0 in Cargo.toml
* Add metadata for series
* Change types for signal boosts
* Add start of LaTeX resume generation at Nix time
* Add start of proper author tagging for posts in JSONFeed and ldjson
* Convert templates to use Maud
* Add start of dynamic resume generation from dhall
* Make patrons page embed thumbnails
TODO:
* [ ] Remove the rest of the old templates
* [ ] Bring in Xeact for the share on mastodon button
* [ ] Site update post
Signed-off-by: Xe <me@christine.website>
* fix nix builds
Signed-off-by: Xe Iaso <me@christine.website>
* fix dhall build
Signed-off-by: Xe Iaso <me@christine.website>
* fix non-flakes build
Signed-off-by: Xe Iaso <me@christine.website>
* make new mastodon share button
Signed-off-by: Xe Iaso <me@christine.website>
* remove the rest of the ructe templates that I can remove
Signed-off-by: Xe Iaso <me@christine.website>
* refactor blogposts to its own file
Signed-off-by: Xe Iaso <me@christine.website>
* move resume to be generated by nix
Signed-off-by: Xe Iaso <me@christine.website>
* write article
Signed-off-by: Xe Iaso <me@christine.website>
* blog/site-update-v3: hero image
Signed-off-by: Xe Iaso <me@christine.website>
* add site update series tag to site updates
Signed-off-by: Xe Iaso <me@christine.website>
Signed-off-by: Xe <me@christine.website>
Signed-off-by: Xe Iaso <me@christine.website>
Diffstat (limited to 'static/js/conversation.js')
| -rw-r--r-- | static/js/conversation.js | 36 |
1 files changed, 0 insertions, 36 deletions
diff --git a/static/js/conversation.js b/static/js/conversation.js deleted file mode 100644 index 0e6eea5..0000000 --- a/static/js/conversation.js +++ /dev/null @@ -1,36 +0,0 @@ -import { g, h, x } from "./xeact.min.js"; -import { div, span } from "./xeact-html.min.js"; - -export const mkConversation = (who, mood, message, extraClasses = "") => - h("div", {className: "conversation gruvbox-dark " + extraClasses}, [ - h("div", {className: "conversation-picture conversation-smol"}, [ - h("picture", {}, [ - h("source", {type: "image/avif", srcset: `https://cdn.xeiaso.net/file/christine-static/stickers/${who.toLowerCase()}/${mood}.avif`}), - h("source", {type: "image/webp", srcset: `https://cdn.xeiaso.net/file/christine-static/stickers/${who.toLowerCase()}/${mood}.webp`}), - h("img", {alt: `${who} is ${mood}`, src: `https://cdn.xeiaso.net/file/christine-static/stickers/${who.toLowerCase()}/${mood}.png`}) - ]) - ]), - h("div", {className: "conversation-chat"}, [ - h("span", {innerText: "<"}), - h("b", {innerText: who}), - h("span", {innerText: "> "}), - span({}, Array.from(message)) - ]) - ]); - -export class Conversation extends HTMLElement { - constructor() { - super(); - - let root = this.attachShadow({mode: "open"}); - let who = this.getAttribute("name"); - let mood = this.getAttribute("mood"); - - root.appendChild(h("link", {rel: "stylesheet", href: "/css/hack.css"})); - root.appendChild(h("link", {rel: "stylesheet", href: "/css/gruvbox-dark.css"})); - root.appendChild(h("link", {rel: "stylesheet", href: "/css/shim.css"})); - root.appendChild(mkConversation(who, mood, this.childNodes)); - } -} - -window.customElements.define("xeblog-conv", Conversation); |
