<commit_before><html>
<head>
<script type="text/javascript" src="fakeact.js"></script>
<script type="text/javascript" src="raidtimers.js"></script>
<style>
body {
  margin: 0px;
  overflow: hidden;
}

div {
    color: white;
    text-shadow: 2px 2px black;
}

#outercontainer {
  width: 350px;
  height: 300px;
  overflow: hidden;
  border: black solid 1px;

  display: flex;
  flex-direction: column;
}

#titlebar {
  display: flex;
}

#bosstitle {
  margin-right: auto;
  font-weight: bold;
}

#enrage {
  margin-left: auto;
}

#rotation {
}

#rotation > .rotitem:first-child {
  font-size: 40px;
}

.rotitem {
  display: flex;
  flex-direction: row;
}

.countdown {
  margin-left: auto;
  margin-right: 2%;
}

.move {
  margin-right: auto;
  margin-left: 2%;
}

#nextphase {
  margin-top: auto;
  display: flex;
  flex-direction: row;
}

#nextphasetitle {
  margin-right: auto;
}

#nextphasecondition {
  margin-left: auto;
}

.cactbotwindow.layoutmode {
    resize: both;
    border: blue solid 10px !important;
    margin: -10px;
}
</style>
</head>
<body>

<div id="outercontainer" class="cactbotwindow">
  <div id="titlebar">
    <div id="bosstitle">Angry Bees: 0%</div>
    <div id="enrage">Enrage: 12m10s</div>
  </div>
  <div id="rotation">
    <div class="rotitem"><div class="move">next thing</div><div class="countdown">1m24s</div></div>
    <div class="rotitem"><div class="move">one thing</div><div class="countdown">1m24s</div></div>
    <div class="rotitem"><div class="move">that thing</div><div class="countdown">2m24s</div></div>
    <div class="rotitem"><div class="move">whoa whoa whoa</div><div class="countdown">3m24s</div></div>
  </div>
  <div id="nextphase">
    <div id="nextphasetitle">Phase 2 (dem adds)</div>
    <div id="nextphasecondition">HP: 61%, 1m25s</div>
  </div>
</div>

</body>
</html>
<commit_msg>Add improved css for layout mode<commit_after><html>
<head>
<script type="text/javascript" src="fakeact.js"></script>
<script type="text/javascript" src="raidtimers.js"></script>
<style>
body {
  margin: 0px;
  overflow: hidden;
}

div {
    color: white;
    text-shadow: 2px 2px black;
}

#outercontainer {
  position: absolute;
  width: 350px;
  height: 300px;
  overflow: hidden;
  border: black solid 1px;

  display: flex;
  flex-direction: column;
}

#titlebar {
  display: flex;
}

#bosstitle {
  margin-right: auto;
  font-weight: bold;
}

#enrage {
  margin-left: auto;
}

#rotation {
}

#rotation > .rotitem:first-child {
  font-size: 40px;
}

.rotitem {
  display: flex;
  flex-direction: row;
}

.countdown {
  margin-left: auto;
  margin-right: 2%;
}

.move {
  margin-right: auto;
  margin-left: 2%;
}

#nextphase {
  margin-top: auto;
  display: flex;
  flex-direction: row;
}

#nextphasetitle {
  margin-right: auto;
}

#nextphasecondition {
  margin-left: auto;
}

.cactbotwindow.layoutmode {
    resize: both;
    border: blue solid 10px !important;
    margin: -10px;
}

.cactbotwindowname {
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    font-size: 60px;
    background:rgba(28, 28, 196, 0.50);
    display: flex;
    align-items: center;
    pointer-events: none;
    -webkit-user-select: none;
}

.layoutmode > .cactbotwindowname {
    visibility: visible !important;
}

.cactbotwindowname > div {
    width: 100%;
    text-align: center;
}

</style>
</head>
<body>

<div id="outercontainer" class="cactbotwindow">
  <div id="titlebar">
    <div id="bosstitle">Angry Bees: 0%</div>
    <div id="enrage">Enrage: 12m10s</div>
  </div>
  <div id="rotation">
    <div class="rotitem"><div class="move">next thing</div><div class="countdown">1m24s</div></div>
    <div class="rotitem"><div class="move">one thing</div><div class="countdown">1m24s</div></div>
    <div class="rotitem"><div class="move">that thing</div><div class="countdown">2m24s</div></div>
    <div class="rotitem"><div class="move">whoa whoa whoa</div><div class="countdown">3m24s</div></div>
  </div>
  <div id="nextphase">
    <div id="nextphasetitle">Phase 2 (dem adds)</div>
    <div id="nextphasecondition">HP: 61%, 1m25s</div>
  </div>
  <div class="cactbotwindowname"><div>rotation</div></div>
</div>

</body>
</html>

{'fraction_non_alphanumeric': 0.18104265402843603, 'fraction_numerical': 0.024881516587677725, 'mean_word_length': 3.942622950819672, 'pattern_counts': {'":': 0, '<': 111, '<?xml version=': 0, '>': 115, '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': '2316845', 'n_tokens_mistral': 1701, 'n_tokens_neox': 1610, 'n_words': 337}