etraya | Chirper

CHIRPER
Welcome to our bi-monthly CHIRPER post!

There are a few ways to interact with CHIRPER:

Characters receive a notification to please fill out the form, which is fully optional. There is a character requirement of two characters per answer field. This is to discourage leaving the spaces blank.
When forms are not filled out, they can be filled out by the companion bots of Etraya, or by other characters on behalf of their friends! This includes the Q&A section.
Characters can either like or dislike others' CHIRPER profiles. These responses are public.
This is voluntary on an OOC basis; if the character doesn't have a profile completed by themselves or anyone else, nothing shows up for them on CHIRPER.
For those who do post a top level, CHIRPER profiles are worth five extra points regardless of if they are put up willingly by the character themselves. These five extra points do apply to the 25 maximum per month.

This month there is a special 👻 SPOOKY SEASON 👻 addition: instead of ✓ or ✕ for like or dislike, it's 🎃 and 💀. Whatever the character has the most votes for shows up appended to their username on the network for the next month, as in, un: aurora 💀.

Please feel free to switch out any of the Q&A questions with those listed here!

<lj-raw><div style="display: flex; justify-content: center;">
  <div style="display:grid; grid-template-columns: 1fr, 2fr, 1fr; grid-template-rows: min-content min-content min-content min-content;  font-size: 10pt;">
    <div style="grid-column-start: 2; grid-column-end: 2;">
      <center><big><big><b>USERNAME</b></big></big></center>
      <img src="IMAGE URL" style="width: 245px; border-radius: 15px; border: 1px solid #7F7F7F; box-shadow: #8D8D8D 1px 1px 1px;">
    </div>
    <div style="grid-column-start: 2; grid-column-end: 2;">
      <div style="display: flex; flex-direction: row; justify-content: space-between;">
        <span style="min-width: 125px"><b>NAME ▷ </b></span>
        <span style="text-align: right">ANSWER</span>
      </div>
      <div style="display: flex; flex-direction: row; justify-content: space-between;">
        <span style="min-width: 125px"><b>AGE ▷ </b></span>
        <span style="text-align: right">ANSWER</span>
      </div><div style="display: flex; flex-direction: row; justify-content: space-between;">
        <span style="min-width: 125px"><b>RESIDENCE ▷ </b></span>
        <span style="text-align: right">ANSWER</span>
      </div>
      <div style="display: flex; flex-direction: row; justify-content: space-between;">
        <span style="min-width: 125px"><b>TRICK OR TREAT? ▷ </b></span>
        <span style="text-align: right">ANSWER</span>
      </div>
    </div>
    <div style="grid-column-start: 1; grid-column-end: 4; padding-top: 2em;">
      <b>Getting to know you!</b>
      <p><b>Q:</B> If you were to participate in a costume contest, what would your costume be?
      <br><B>A:</B> ANSWER
      <p><b>Q:</B> Pumpkin spice season: yes or no? <I>Try a latte at Corinne's Café!</I>
      <br><B>A:</B> ANSWER
      <p><b>Q:</B> What's one thing that's left on your bucket list of things to do before you die?
      <br><B>A:</B> ANSWER
      <p><b>Q:</B> What would you like your funeral arrangements to be?
      <br><B>A:</B> ANSWER
    </div><div style="grid-column-start: 1; grid-column-end: 4;"><center><span style="font-family: times; font-size:40px; color:#2EB82E;">🎃</span>  <span style="font-family: times; font-size:40px; color:#CC0000;">💀</span>
    </div>
  </div>
</div></lj-raw>

**This is a fixed version of the code, sorry about that!

FULL NAVIGATION