Page MenuHomeSealhub
Files F1389838

No OneTemporary
Actions

View Options

diff --git a/src/back/jdd-components/hero/hero.css b/src/back/jdd-components/hero/hero.css
index 03a047b..6433ec1 100644
--- a/src/back/jdd-components/hero/hero.css
+++ b/src/back/jdd-components/hero/hero.css
@@ -1,15 +1,17 @@
.hero {
- background: linear-gradient(45deg, transparent 49%, red 49% 51%, transparent 51%),
- linear-gradient(-45deg, transparent 49%, red 49% 51%, transparent 51%);
- background-size: auto, auto;
- background-size: 3em 3em;
-
- text-shadow: 1px 1px 15px #2c1948, 1px 1px 15px #2c1948, 1px 1px 15px #2c1948,
- 1px 1px 15px #2c1948, 1px 1px 15px #2c1948, 1px 1px 15px #2c1948,
- 1px 1px 15px #2c1948, 1px 1px 15px #2c1948, 1px 1px 15px #2c1948,
- 1px 1px 15px #2c1948, 1px 1px 15px #2c1948, 1px 1px 15px #2c1948,
- 1px 1px 15px #2c1948, 1px 1px 15px #2c1948, 1px 1px 15px #2c1948,
- 1px 1px 15px #2c1948, 1px 1px 15px #2c1948, 1px 1px 15px #2c1948;
+ &.lasers--yes {
+ background: linear-gradient(45deg, transparent 49%, red 49% 51%, transparent 51%),
+ linear-gradient(-45deg, transparent 49%, red 49% 51%, transparent 51%);
+ background-size: auto, auto;
+ background-size: 3em 3em;
+
+ text-shadow: 1px 1px 15px #2c1948, 1px 1px 15px #2c1948, 1px 1px 15px #2c1948,
+ 1px 1px 15px #2c1948, 1px 1px 15px #2c1948, 1px 1px 15px #2c1948,
+ 1px 1px 15px #2c1948, 1px 1px 15px #2c1948, 1px 1px 15px #2c1948,
+ 1px 1px 15px #2c1948, 1px 1px 15px #2c1948, 1px 1px 15px #2c1948,
+ 1px 1px 15px #2c1948, 1px 1px 15px #2c1948, 1px 1px 15px #2c1948,
+ 1px 1px 15px #2c1948, 1px 1px 15px #2c1948, 1px 1px 15px #2c1948;
+ }
padding: 60px 16px;
text-align: center;
diff --git a/src/back/jdd-components/hero/hero.jdd.tsx b/src/back/jdd-components/hero/hero.jdd.tsx
index e3bf5e5..2f32461 100644
--- a/src/back/jdd-components/hero/hero.jdd.tsx
+++ b/src/back/jdd-components/hero/hero.jdd.tsx
@@ -15,6 +15,7 @@ const component_arguments = {
"text-on-accent-on-accent",
"text-on-accent2-on-accent2",
]),
+ lasers: new ComponentArguments.Enum(["yes", "no"]),
title: new ComponentArguments.ShortText(),
title_color: new ComponentArguments.Enum(["normal", "accent1", "accent2"] as const),
subtitle: new ComponentArguments.ShortText(),
@@ -41,13 +42,13 @@ export class Hero extends Component<typeof component_arguments> {
}
async toHTML({
- args: { title, title_color, subtitle, content, color, buttons },
+ args: { title, title_color, subtitle, content, color, buttons, lasers },
classes,
jdd_context: { render_markdown, language },
}: ComponentToHTMLArgs<typeof component_arguments>): Promise<string> {
classes.push(`hero--color-${color}`);
return (
- <div class={["hero", ...classes, "neon-box"]}>
+ <div class={["hero", ...classes, "neon-box", `lasers--${lasers}`]}>
<h1 class={[`hero__title--color-${title_color}`]}>{title}</h1>
<span class={["hero__subtitle"]}>{subtitle}</span>
<div class={["hero__content"]}>{render_markdown(language, content)}</div>

File Metadata

Mime Type
text/x-diff
Expires
Wed, Mar 26, 20:21 (12 h, 8 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
619403
Default Alt Text
(2 KB)

Event Timeline