<commit_before>.sectorView    { color: #1155CC; }
.sectorConnect { color: #38761D; }
.sectorStore   { color: #F4B400; }
.sectorSustain { color: #DB4437; }
.sectorExecute { color: #674EA7; }
.sectorStats   { color: black; }

/* A subtle line and space between sectors. */
.sector           {border-left: none;}
.sector ~ .sector {border-left: 1px solid #E0E0E0;}
/* (Only for the first columns of the sector.) */
.sectorView     ~ .sectorView    { border-left: none; }
.sectorConnect  ~ .sectorConnect { border-left: none; }
.sectorStore    ~ .sectorStore   { border-left: none; }
.sectorSustain  ~ .sectorSustain { border-left: none; }
.sectorExecute  ~ .sectorExecute { border-left: none; }
.sectorStats    ~ .sectorStats   { border-left: none; }

table.technologiesPunchCard { border-collapse: collapse; }
table.technologiesPunchCard td,
table.technologiesPunchCard th {
    /*border: 1px solid silver;  /* debug */
}
tr.headersSector { font-size: 20pt; font-weight: bold; }
tr.headersSector td { text-align: center; }

tr.headersGroup  { font-size: 16pt; }
tr.headersGroup td.first {}

tr.headersGroup td div {
    height: 200px; /* Without this, the text is centered vertically. */
    width:   40px;
    padding: 0.3em 0 0 5pt;
    text-align: left;
    /*vertical-align: bottom; /* No effect. */
    writing-mode: vertical-lr; /* bt-lr doesn't work? So I turn it 180 with rotate() below */
    transform: rotate(180deg);
    white-space: nowrap;
}

tr.app { font-size: 12pt; }
tr.app td.name,
tr.app td.sectorStats { padding: 0 0.5em; }
tr.app td.sectorStats { text-align: left; vertical-align: middle; }
tr.app td.circle {text-align: center;vertical-align: middle;padding: 0;line-height: 1;}
tr.app td.circle { font-size: 26pt; }
tr.app td.circle.sizeX:after { content: "𐄂"; color: #e8e8e8; font-size: 18pt; } /* No data */
tr.app td.circle.size0:after { content: "⊘"; color: #e8e8e8; font-size: 18pt; }
tr.app td.circle.size1:after { content: "🞄"; }
tr.app td.circle.size2:after { content: "⚫"; }
tr.app td.circle.size3:after { content: "●"; }
tr.app td.circle.size4:after { content: "⬤"; }
tr.app td.circle.size5:after { content: "⬤"; } /* Should be 0-4, but just in case. */

/********* Styles for scrolling ******************/
table.technologiesPunchCard thead, table.technologiesPunchCard tbody {
    display: block;
    width: 100%;
}

table.technologiesPunchCard tbody tr td, table.technologiesPunchCard thead tr td {
    width: 47px;
    min-width: 47px;
    max-width: 47px;
}

table.technologiesPunchCard tbody tr td:nth-last-child(2),
table.technologiesPunchCard tbody tr td:nth-last-child(3),
table.technologiesPunchCard tbody tr td:nth-last-child(4),
table.technologiesPunchCard thead tr td:nth-last-child(2),
table.technologiesPunchCard thead tr td:nth-last-child(3),
table.technologiesPunchCard thead tr td:nth-last-child(4) {
    width: 57px;
    min-width: 57px;
    max-width: 57px;
}
<commit_msg>Fixing various style issues: character encoding, alignment, colours. (#1287)<commit_after>.sectorView    { color: #1155CC; }
.sectorConnect { color: #38761D; }
.sectorStore   { color: #F4B400; }
.sectorSustain { color: #DB4437; }
.sectorExecute { color: #674EA7; }
.sectorStats   { color: black; }

/* A subtle line and space between sectors. */
.sector           {border-left: none;}
.sector ~ .sector {border-left: 1px solid #E0E0E0;}
/* (Only for the first columns of the sector.) */
.sectorView     ~ .sectorView    { border-left: none; }
.sectorConnect  ~ .sectorConnect { border-left: none; }
.sectorStore    ~ .sectorStore   { border-left: none; }
.sectorSustain  ~ .sectorSustain { border-left: none; }
.sectorExecute  ~ .sectorExecute { border-left: none; }
.sectorStats    ~ .sectorStats   { border-left: none; }

table.technologiesPunchCard { border-collapse: collapse; }
table.technologiesPunchCard td,
table.technologiesPunchCard th {
    /*border: 1px solid silver;  /* debug */
}
tr.headersSector { font-size: 20pt; font-weight: bold; }
tr.headersSector td { text-align: center; }

tr.headersGroup  { font-size: 16pt; margin: auto}
tr.headersGroup td.first {}

tr.headersGroup td div {
    height: 200px; /* Without this, the text is centered vertically. */
    width:   40px;
    padding: 0.3em 0 0 0;
    text-align: left;
    /*vertical-align: bottom; /* No effect. */
    writing-mode: vertical-lr; /* bt-lr doesn't work? So I turn it 180 with rotate() below */
    transform: rotate(180deg);
    white-space: nowrap;
}

tr.app { font-size: 12pt; }
tr.app td.name, tr.app td.sectorStats { padding: 0 0.5em; }
tr.app td.name { white-space: nowrap; overflow: hidden;}
tr.app td.sectorStats { text-align: right; vertical-align: middle; }
tr.app td.circle {text-align: center; vertical-align: middle; padding: 0;line-height: 1;}
tr.app td.circle { font-size: 26pt; }
tr.app td.circle.sizeX:after { content: "𐄂"; color: #e8e8e8; font-size: 18pt; } /* No data */
tr.app td.circle.size0:after { content: '\2B24'; font-size: 1pt; vertical-align: middle; }
tr.app td.circle.size1:after { content: '\2B24'; font-size: 8pt; vertical-align: middle; }
tr.app td.circle.size2:after { content: '\2B24'; font-size: 11pt; vertical-align: middle; }
tr.app td.circle.size3:after { content: '\2B24'; font-size: 15pt; vertical-align: middle; }
tr.app td.circle.size4:after { content: '\2B24'; font-size: 18pt; vertical-align: middle; }
tr.app td.circle.size5:after { content: '\2B24'; font-size: 20pt; vertical-align: middle; }

tr.app td.sectorStats.libsCount, tr.app td.sectorStats.storyPoints { padding-right: 20px }

/********* Styles for scrolling ******************/
table.technologiesPunchCard thead, table.technologiesPunchCard tbody {
    display: block;
    width: 100%;
}

table.technologiesPunchCard tbody tr td, table.technologiesPunchCard thead tr td {
    width: 47px;
    min-width: 47px;
    max-width: 47px;
}

table.technologiesPunchCard tbody tr td:nth-last-child(2),
table.technologiesPunchCard tbody tr td:nth-last-child(3),
table.technologiesPunchCard tbody tr td:nth-last-child(4),
table.technologiesPunchCard thead tr td:nth-last-child(2),
table.technologiesPunchCard thead tr td:nth-last-child(3),
table.technologiesPunchCard thead tr td:nth-last-child(4) {
    width: 57px;
    min-width: 57px;
    max-width: 57px;
}

{'fraction_non_alphanumeric': 0.15403032721468476, 'fraction_numerical': 0.034317637669592976, 'mean_word_length': 3.8686868686868685, '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': '4630707', 'n_tokens_mistral': 2412, 'n_tokens_neox': 2218, 'n_words': 559}