<commit_before><svg
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0  800 450"
>

<style>

#camera {
  animation-name: camera-motion;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
}
@keyframes camera-motion {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(0, 0);
  }
  30% {
    transform: scale(0.2, 0.2) translate(-100px, 1500px);
  }
  100% {
    transform: scale(0.2, 0.2) translate(-100px, 1500px);
  }
}

#infrastructure {
  animation-name: infra-visibility;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
}

@keyframes infra-visibility {
  0% {
    opacity: 0;
  }
  31% {
    opacity: 0;
  }
  32% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

#goofbox-sign {
  font: italic 48px serif;
  fill: black; 
  letter-spacing: 2px;
}

</style>

<rect width="800" height="450" fill="floralwhite" />

<g id="infrastructure">
<g id="network">
<!-- netlines 1 -->
  <path d="M 60 340
           l 60 0
           l 50 -30
           l 10 -50
           l 80 0
           l 140 -20
           l 0 -50"
           stroke="black" fill="none" stroke-width="3"/>
  <circle r="8" cx="120" cy="340" />
  <circle r="8" cx="170" cy="310" />
  <circle r="8" cx="180" cy="260" />
  <circle r="8" cx="260" cy="260" />
  <circle r="8" cx="400" cy="240" />
</g>

<g id="goofbox-building">
  <rect width="240" height="150" x="280" y="40" stroke="black" fill="none" stroke-width="3" />
  <rect width="60" height="40" x="370" y="150" stroke="black" fill="none" stroke-width="3" />
  <path d="M 400 150 l 0 40" stroke="black" stroke-width="2" />
  <text id="goofbox-sign" x="315" y="100">goofbox</text>
</g>
</g>

<g id="camera" transform="scale(0.2, 0.2) translate(-100, 1500)">
    <rect width="180" height="350" x="310" y="40" stroke="black" stroke-width="4" fill="white" rx="10" />
    <rect width="180" height="50" x="310" y="340" stroke="none" fill="black" rx="10" />
    <rect width="180" height="10" x="310" y="340" stroke="none" fill="black"  />
    <circle id="photo-button" r="15" cx="400" cy="310" fill="none" stroke="black" stroke-width="3" />
    <rect width="180" height="30" x="310" y="40" stroke="none" fill="black" rx="10" />
    <rect width="180" height="20" x="310" y="50" stroke="none" fill="black" />

<g id="baby-file">
<path d="M 340 90
         l 100 0
         l 20 20
         l 0 160
         l -120 0
         l 0 -180
         l 100 0
         l 0 20
         l 20 0"
         stroke="black" fill="none" stroke-width="3" stroke-linejoin="round"/>

<!-- torso -->
<path id="swaddle" d="M 425 152
                     l 0 70
                     a 25 25 0 1 1 -50 0
                     l 0 -70"
                     stroke="black" fill="white" stroke-width="3" />
<path id="fold_one" d="M 425 176
                       a 180 180 90 0 0 -50 40"
                           stroke="black" fill="none" stroke-width="3"/>
<path id="fold_two" d="M 375 176
                       a 500 500 90 0 1 30 12"
                           stroke="black" fill="none" stroke-width="3"/>

<!-- head -->
<circle id="head" r="30" cx="400" cy="140" fill="white" stroke-width="3" stroke="black" />
<path id="swirl" d="M 400 110
                    a 6 6 90 1 1 -6 6"
                    stroke="black" fill="none" stroke-width="3"/>
<rect id="right-eye" width="8" height="3" x="382" y="144" rx="1" />
<rect id="left-eye" width="8" height="3" x="408" y="144" rx="1" />
<circle id="mouth" r="3" cx="400" cy="160"/>  
</g>
</g>

</svg><commit_msg>Photo upload animation ready<commit_after><svg
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0  800 450"
  xmlns:xlink="http://www.w3.org/1999/xlink">
>

<style>

#camera {
  animation-name: camera-motion;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
}
@keyframes camera-motion {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(0, 0);
  }
  30% {
    transform: scale(0.2, 0.2) translate(-100px, 1500px);
  }
  100% {
    transform: scale(0.2, 0.2) translate(-100px, 1500px);
  }
}

#infrastructure {
  animation-name: infra-visibility;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
}
@keyframes infra-visibility {
  0% {
    opacity: 0;
  }
  31% {
    opacity: 0;
  }
  32% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

#moving-icon-1 {
  animation-name: icon-motion-1;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}
@keyframes icon-motion-1 {
  0% {
    transform: scale(0.3, 0.3) translate(-200px, 950px);
  }
  35% {
    transform: scale(0.3, 0.3) translate(-200px, 950px);
  }
  40% {
    transform: scale(0.3, 0.3) translate(0px, 950px);
  }
  45% {
    transform: scale(0.3, 0.3) translate(165px, 850px);
  }
  50% {
    transform: scale(0.3, 0.3) translate(200px, 680px);
  }
  55% {
    transform: scale(0.3, 0.3) translate(470px, 680px);
  }
  60% {
    transform: scale(0.3, 0.3) translate(935px, 640px);
  }
  65% {
    transform: scale(0.3, 0.3) translate(935px, 150px);
  }
  75% {
    transform: scale(0.3, 0.3) translate(2150px, 50px);
  }
  100% {
    transform: scale(0.3, 0.3) translate(2150px, 50px);
  }
}

#moving-icon-2 {
  animation-name: icon-motion-2;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}
@keyframes icon-motion-2 {
  0% {
    transform: scale(0.3, 0.3) translate(-200px, 950px);
  }
  35% {
    transform: scale(0.3, 0.3) translate(-200px, 950px);
  }
  40% {
    transform: scale(0.3, 0.3) translate(0px, 950px);
  }
  45% {
    transform: scale(0.3, 0.3) translate(165px, 850px);
  }
  50% {
    transform: scale(0.3, 0.3) translate(200px, 680px);
  }
  55% {
    transform: scale(0.3, 0.3) translate(470px, 680px);
  }
  60% {
    transform: scale(0.3, 0.3) translate(935px, 640px);
  }
  65% {
    transform: scale(0.3, 0.3) translate(935px, 150px);
  }
  75% {
    transform: scale(0.3, 0.3) translate(2150px, 390px);
  }
  100% {
    transform: scale(0.3, 0.3) translate(2150px, 390px);
  }
}

#goofbox-sign {
  font: italic 48px serif;
  font-family: Arial;
  fill: black; 
  letter-spacing: 2px;
}

</style>

<rect width="800" height="450" fill="floralwhite" />

<symbol id="baby-icon">
  <path d="M 340 90
         l 100 0
         l 20 20
         l 0 160
         l -120 0
         l 0 -180
         l 100 0
         l 0 20
         l 20 0"
         stroke="black" fill="white" stroke-width="3" stroke-linejoin="round"/>

  <path id="swaddle" d="M 425 152
                     l 0 70
                     a 25 25 0 1 1 -50 0
                     l 0 -70"
                     stroke="black" fill="white" stroke-width="3" />
  <path id="fold_one" d="M 425 176
                       a 180 180 90 0 0 -50 40"
                           stroke="black" fill="none" stroke-width="3"/>
  <path id="fold_two" d="M 375 176
                       a 500 500 90 0 1 30 12"
                           stroke="black" fill="none" stroke-width="3"/>

  <!-- head -->
  <circle id="head" r="30" cx="400" cy="140" fill="white" stroke-width="3" stroke="black" />
  <path id="swirl" d="M 400 110
                    a 6 6 90 1 1 -6 6"
                    stroke="black" fill="none" stroke-width="3"/>
  <rect id="right-eye" width="8" height="3" x="382" y="144" rx="1" />
  <rect id="left-eye" width="8" height="3" x="408" y="144" rx="1" />
  <circle id="mouth" r="3" cx="400" cy="160"/>  
</symbol>

<g id="infrastructure">
  <g id="network">
    <!-- netlines 1 -->
    <path d="M 60 340
           l 60 0
           l 50 -30
           l 10 -50
           l 80 0
           l 140 -20
           l 0 -50"
           stroke="black" fill="none" stroke-width="3"/>
    <!-- netlines 2 -->
    <path d="M 120 340
           l 10 50"
           stroke="black" fill="none" stroke-width="3"/>
    <path d="M 120 340
           l 100 20
           l 100 -40
           l 200 0
           l 30 -30
           l 50 0
           l 20 40"
           stroke="black" fill="none" stroke-width="3"/>
    <path d="M 120 340
             l 0 -50"
             stroke="black" fill="none" stroke-width="3" />
    <path d="M 220 360
             l 10 -50"
             stroke="black" fill="none" stroke-width="3" />
    <path d="M 220 360
             l 20 50"
             stroke="black" fill="none" stroke-width="3" />
    <path d="M 220 360
             l -30 60"
             stroke="black" fill="none" stroke-width="3" />
    <path d="M 260 260
             l 60 60"
             stroke="black" fill="none" stroke-width="3" />
    <path d="M 400 240
             l 120 80"
             stroke="black" fill="none" stroke-width="3" />
    <path d="M 550 240
             l 0 50"
             stroke="black" fill="none" stroke-width="3" />
    <path d="M 600 220
             l 0 70"
             stroke="black" fill="none" stroke-width="3" />
    <path d="M 600 290
             l -50 100"
             stroke="black" fill="none" stroke-width="3" />
    <path d="M 520 120 l 150 -50" stroke="black" stroke-width="3" />
    <path d="M 520 120 l 150 50" stroke="black" stroke-width="3" />
    <!-- nodes -->
    <circle r="8" cx="120" cy="340" />
    <circle r="8" cx="170" cy="310" />
    <circle r="8" cx="180" cy="260" />
    <circle r="8" cx="260" cy="260" />
    <circle r="8" cx="400" cy="240" />
    <circle r="8" cx="120" cy="290" />
    <circle r="8" cx="130" cy="390" />
    <circle r="8" cx="230" cy="310" />
    <circle r="8" cx="190" cy="420" />
    <circle r="8" cx="240" cy="410" />
    <circle r="8" cx="320" cy="320" />
    <circle r="8" cx="520" cy="320" />
    <circle r="8" cx="550" cy="290" />
    <circle r="8" cx="600" cy="290" />
    <circle r="8" cx="620" cy="330" />
    <circle r="8" cx="550" cy="240" />
    <circle r="8" cx="600" cy="220" />
    <circle r="8" cx="550" cy="390" />
  </g>

  <g id="moving-icon-1">
    <use xlink:href="#baby-icon"/>
  </g>
  <g id="moving-icon-2">
    <use xlink:href="#baby-icon"/>
  </g>

  <g id="goofbox-building">
    <rect width="240" height="150" x="280" y="40" stroke="black" fill="floralwhite" stroke-width="3" rx="5" />
    <rect width="60" height="40" x="370" y="150" stroke="black" fill="none" stroke-width="3" />
    <path d="M 400 150 l 0 40" stroke="black" stroke-width="2" />
    <text id="goofbox-sign" x="305" y="100">Goofbox</text>
  </g>

  <g id="hard-drives">
    <rect width="60" height="60" x="670" y="140" stroke="black" fill="floralwhite" stroke-width="3" rx="3" />
    <ellipse cx="700" cy="180" rx="20" ry="8" stroke="floralwhite" fill="black" stroke-width="4" />
    <ellipse cx="700" cy="170" rx="20" ry="8" stroke="floralwhite" fill="black" stroke-width="4" />
    <ellipse cx="700" cy="160" rx="20" ry="8" stroke="floralwhite" fill="black" stroke-width="4" />

    <rect width="60" height="60" x="670" y="40" stroke="black" fill="floralwhite" stroke-width="3" rx="3" />
    <ellipse cx="700" cy="80" rx="20" ry="8" stroke="floralwhite" fill="black" stroke-width="4" />
    <ellipse cx="700" cy="70" rx="20" ry="8" stroke="floralwhite" fill="black" stroke-width="4" />
    <ellipse cx="700" cy="60" rx="20" ry="8" stroke="floralwhite" fill="black" stroke-width="4" />
  </g>
</g>

<g id="camera" transform="scale(0.2, 0.2) translate(-100, 1500)">
  <rect width="180" height="350" x="310" y="40" stroke="black" stroke-width="4" fill="white" rx="10" />
  <rect width="180" height="50" x="310" y="340" stroke="none" fill="black" rx="10" />
  <rect width="180" height="10" x="310" y="340" stroke="none" fill="black"  />
  <circle id="photo-button" r="15" cx="400" cy="310" fill="none" stroke="black" stroke-width="3" />
  <rect width="180" height="30" x="310" y="40" stroke="none" fill="black" rx="10" />
  <rect width="180" height="20" x="310" y="50" stroke="none" fill="black" />

  <use xlink:href="#baby-icon"/>
</g>
</svg>
{'fraction_non_alphanumeric': 0.19988512349224583, 'fraction_numerical': 0.11495856240256011, 'mean_word_length': 2.4703872437357632, 'pattern_counts': {'":': 0, '<': 135, '<?xml version=': 0, '>': 136, 'https://': 0, 'lorem ipsum': 0, 'www.': 3, 'xml': 3}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7578518', 'n_tokens_mistral': 5563, 'n_tokens_neox': 4554, 'n_words': 1136}