#include "routes.h"

void css_route(const httplib::Request& req, httplib::Response& res) {
    res.set_content(R"EOF(

    :root {
        --background-color: black;
        --text-color: white;

        --error-background-color: rgb(100, 0, 0);
        --error-border-color: red;
        --error-text-color: white;

        --accent-color: #962AC3;
        --dark-accent-color: #7D3F7D;
        --bright-accent-color: #DE6DE6;
    }

    body {
        background-color: var(--background-color);
        color: var(--text-color);
        font-family: sans-serif;
    }

    a {
        color: var(--accent-color);
        text-decoration: none;
    }
    a:hover {
        color: var(--bright-accent-color);
        text-decoration: underline;
    }

    img {
        object-fit: cover;
    }

    .cover {
        width: 100%;
        height: 50vh;
        margin-bottom: 1em;
    }
    .profilepicture {
        width: 5em;
        height: 5em;
        margin-right: .5em;
    }
    .usermetadata {
        display: flex;
        align-items: center;
        margin-left: .5em;
    }

    .center {
        text-align: center;
    }
    .userillustrations {
        display: flex;
        flex-wrap: wrap;
        gap: 1em;
        justify-content: center;
    }
    .userillustrations img {
        width: 15em;
        height: 15em;
    }
    .userillustrations p {
        width: 15em;
    }

    .error {
        text-align: center;
        background-color: var(--error-background-color);
        color: var(--error-text-color);
        border-style: solid;
        border-color: var(--error-border-color);
    }

    )EOF", "text/css");
}