tetratto/crates/app/src/public/html/misc/achievements.lisp

(text "{% extends \"root.html\" %} {% block head %}")
(title
    (text "Achievements — {{ config.name }}"))

(text "{% endblock %} {% block body %} {{ macros::nav(selected=\"achievements\") }}")
(main
    ("class" "flex flex_col gap_2")
    (div
        ("class" "card_nest")
        (div
            ("class" "card small flex items_center gap_2")
            (icon (text "coffee"))
            (span (text "Welcome to {{ config.name }}!")))
        (div
            ("class" "card no_p_margin flex flex_col gap_2")
            (p (text "To help you move in, you'll be rewarded with small achievements for completing simple tasks on {{ config.name }}!"))
            (p (text "You'll find out what each achievement is when you get it, so look around!"))
            (hr)
            (span (b (text "Your progress: ")) (text "{{ percentage|round(method=\"floor\", precision=2) }}%"))
            (div ("class" "progress_bar") (div ("class" "poll_bar") ("style" "width: {{ percentage }}%")))))

    (div
        ("class" "card_nest")
        (div
            ("class" "card small flex items_center justify_between gap_2")
            (span
                ("class" "flex items_center gap_2")
                (icon (text "award"))
                (span (str (text "general:link.achievements")))))
        (div
            ("class" "card lowered flex flex_col gap_4")
            (text "{% for achievement in achievements %}")
            (div
                ("class" "w_full card_nest")
                (div
                    ("class" "card small flex items_center gap_2 {% if achievement[2] == 'Uncommon' -%} green {%- elif achievement[2] == 'Rare' -%} purple {%- endif %}")
                    (icon (text "award"))
                    (text "{{ achievement[0] }}"))
                (div
                    ("class" "card flex flex_col gap_2")
                    (span ("class" "no_p_margin") (text "{{ achievement[1]|markdown|safe }}"))
                    (hr)
                    (span ("class" "fade") (text "Unlocked: ") (span ("class" "date") (text "{{ achievement[3].unlocked }}")))))
            (text "{% endfor %}"))))
(text "{% endblock %}")