<script lang="ts">
  import re from "@ts/Redaction/Redactor";
</script>

<div class="short-profile-container">
  <div>
    <b style="text-align:left;"> Short profile </b>
  </div>
  <div>
    ◾ Full-stack at {$re?.shortProfileHiddenContent[0] ?? "Deprived devs"}
    <br />
    ◾ "AI and data" at {$re?.shortProfileHiddenContent[1] ?? "some uni"}.
    <br />
    ◾ Working at {$re?.shortProfileHiddenContent[2] ?? "somewhere"} <br />
    ◾ Volunteer at {$re?.shortProfileHiddenContent[3] ?? "Deprived devs"}.
  </div>
</div>

<style>
  .short-profile-container {
    display: grid;
    place-items: center;
    width: 70%;
  }

  .short-profile-container > div:first-child {
    width: 100%;

    /* Bottom border stripe*/
    border-bottom: 1mm solid var(--left-line-color);
  }
</style>
