<commit_before>.album_card
{
    background-color: var(--color_secondary);
}
.album_card:hover
{
    box-shadow: 2px 2px 5px 0px var(--color_dropshadow);
}
.album_card_list
{
    display: grid;
    grid-template:
        "title metadata"
        /1fr;

    margin: 8px;
    padding: 4px;
}
.album_card_grid
{
    position: relative;
    display: inline-grid;
    vertical-align: top;
    grid-template:
        "thumbnail" auto
        "title" auto
        "metadata" auto
        /1fr;

    min-width: 150px;
    max-width: 300px;
    height: 225px;
    margin: 8px;
    padding: 8px;

    border-radius: 8px;
}
.album_card_thumbnail
{
    grid-area: thumbnail;
    display: flex;
    width:  100%;
    height: 150px;
}
.album_card_thumbnail img
{
    max-width: 100%;
    max-height: 150px;
    margin: auto;
}
.album_card_list .album_card_thumbnail
{
    display: none;
}

.album_card_title
{
    grid-area: title;
}
.album_card_metadata
{
    grid-area: metadata;
}
.album_card_tools
{
    display: none;
    position: absolute;
    right: 4px;
    bottom: 4px;
    background-color: var(--color_transparency);
    min-width: max-content;
}
.album_card_tools:hover,
.album_card:hover .album_card_tools
{
    display: initial;
}

/* ########################################################################## */
/* ########################################################################## */
/* ########################################################################## */

.bookmark_card
{
    position: relative;
    display: inline-grid;
    grid-template:
        "title" auto
        "url" auto
        "toolbox" auto
        /1fr;

    padding: 8px;
    margin: 8px;
    max-width: 500px;
    word-break: break-all;

    border-radius: 8px;

    background-color: var(--color_secondary);
}

.bookmark_card:hover
{
    box-shadow: 2px 2px 5px 0px var(--color_dropshadow);
}

.bookmark_card .bookmark_title
{
    grid-area: "title";
}

.bookmark_card .bookmark_url
{
    grid-area: "url";
}

.bookmark_card .bookmark_toolbox
{
    grid-area: "toolbox";
}

.bookmark_card input
{
    width: 100%;
}

.bookmark_card .bookmark_url
{
    color: #aaa;
}

/* ########################################################################## */
/* ########################################################################## */
/* ########################################################################## */

.photo_card
{
    background-color: var(--color_secondary);
}<commit_msg>Bookmark cards don't really need to be grid based.<commit_after>.album_card
{
    background-color: var(--color_secondary);
}
.album_card:hover
{
    box-shadow: 2px 2px 5px 0px var(--color_dropshadow);
}
.album_card_list
{
    display: grid;
    grid-template:
        "title metadata"
        /1fr;

    margin: 8px;
    padding: 4px;
}
.album_card_grid
{
    position: relative;
    display: inline-grid;
    vertical-align: top;
    grid-template:
        "thumbnail" auto
        "title" auto
        "metadata" auto
        /1fr;

    min-width: 150px;
    max-width: 300px;
    height: 225px;
    margin: 8px;
    padding: 8px;

    border-radius: 8px;
}
.album_card_thumbnail
{
    grid-area: thumbnail;
    display: flex;
    width:  100%;
    height: 150px;
}
.album_card_thumbnail img
{
    max-width: 100%;
    max-height: 150px;
    margin: auto;
}
.album_card_list .album_card_thumbnail
{
    display: none;
}

.album_card_title
{
    grid-area: title;
}
.album_card_metadata
{
    grid-area: metadata;
}
.album_card_tools
{
    display: none;
    position: absolute;
    right: 4px;
    bottom: 4px;
    background-color: var(--color_transparency);
    min-width: max-content;
}
.album_card_tools:hover,
.album_card:hover .album_card_tools
{
    display: initial;
}

/* ########################################################################## */
/* ########################################################################## */
/* ########################################################################## */

.bookmark_card
{
    position: relative;
    display: inline-block;

    padding: 8px;
    margin: 8px;
    max-width: 500px;
    word-break: break-all;

    border-radius: 8px;

    background-color: var(--color_secondary);
}

.bookmark_card:hover
{
    box-shadow: 2px 2px 5px 0px var(--color_dropshadow);
}

.bookmark_card .bookmark_url
{
}

.bookmark_card input
{
    width: 100%;
}

.bookmark_card .bookmark_url
{
    color: #aaa;
}

/* ########################################################################## */
/* ########################################################################## */
/* ########################################################################## */

.photo_card
{
    background-color: var(--color_secondary);
}
{'fraction_non_alphanumeric': 0.2961635750421585, 'fraction_numerical': 0.02002529510961214, 'mean_word_length': 3.3652253909843606, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2003861', 'n_tokens_mistral': 1640, 'n_tokens_neox': 1511, 'n_words': 286}