<turbo-stream action="hide_loading"><template></template></turbo-stream>
<turbo-stream action="update" target="modal"><template>
  <div data-controller="modal">
    <div class="standard-modal-wrapper" id="achievements-list-modal">
  <div class="overlay close-achievements-list-modal">

    <div class="close-btn">
      <i class="fal fa-times"></i>
    </div>

  </div>
  <div class="modal-content-diqt" id="achievements-list">


    <div class="tw:flex tw:items-center">
  <a href="/en/users/1837863"><img alt="DiQtBot" style="border-radius: 50%; object-fit: cover;" src="https://cdn.diqt.net/uploads/user/icon/48403/diqt_icon_for_canvas_2024_02.png" onerror="this.error=null;this.src=&#39;https://cdn.diqt.net/assets/images/main/not_found_icon.png&#39;" width="50" height="50" /></a>
  <div class="tw:font-bold tw:ml-[1rem]"><a class="tw:[color:#6c757d]" href="/en/users/1837863">DiQtBot</a></div>
</div>


    <h3 class="tw:text-center tw:[color:#27ae60] tw:font-bold tw:mt-[1.5rem]"><i class="fal fa-medal"></i>Tutorial Medal</h3>

    <div class="tw:text-left">
      <p>This is a medal that can be earned by achieving the basic operation of Dict.</p>
    </div>

    <div class="tw:flex tw:flex-wrap">
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="Drill Clear" data-popover-content="This is a medal that can be earned by going around the drill once.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145689/achievements/tutorial_clear_section_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">Drill Clear</div>
            </a>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="Goal Achievement" data-popover-content="This is a medal that can be earned by achieving your daily goal.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145690/achievements/tutorial_daily_goal_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">Goal Achievement</div>
            </a>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="Review Completion" data-popover-content="This is a medal that can be earned by completing a review.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145689/achievements/tutorial_complete_review_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">Review Completion</div>
            </a>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="Continuous Answer" data-popover-content="This is a medal that can be earned by answering questions for two consecutive days.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145689/achievements/tutorial_continuous_answer_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">Continuous Answer</div>
            </a>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="Continuous Goal Achievement" data-popover-content="This is a medal that can be earned by achieving your goal for two consecutive days.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145689/achievements/tutorial_continuous_goal_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">Continuous Goal Achievement</div>
            </a>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="Continuous Review Completion" data-popover-content="This is a medal that can be earned by completing a review for two consecutive days.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145690/achievements/tutorial_continuous_review_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">Continuous Review Completion</div>
            </a>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="Following" data-popover-content="This is a medal that can be earned by following other users.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145690/achievements/tutorial_follow_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">Following</div>
            </a>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="Cheering" data-popover-content="This is a medal that can be earned by cheering for other users.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145690/achievements/tutorial_follow_cheering_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">Cheering</div>
            </a>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="All Week Continuation" data-popover-content="This is a medal that can be earned by answering questions for one week.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145688/achievements/tutorial_7_days_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">All Week Continuation</div>
            </a>
        </div>
    </div>




    <h3 class="tw:text-center tw:[color:#27ae60] tw:font-bold tw:mt-[3rem]"><i class="fal fa-medal"></i>Answers Medal</h3>

    <div class="tw:text-left">
      <p>This is a medal that can be earned according to the number of answers.。</p>
    </div>

    <div class="tw:flex tw:flex-wrap">
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="100 Answers" data-popover-content="This is a medal that can be earned by answering 100 questions.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605147316/achievements/100_answer_badge_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">100 Answers</div>
            </a>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="500 Answers" data-popover-content="This is a medal that can be earned by answering 500 questions.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605147317/achievements/500_answer_badge_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">500 Answers</div>
            </a>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="1000 Answers" data-popover-content="This is a medal that can be earned by answering 1000 questions.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605147317/achievements/1000_answer_badge_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">1000 Answers</div>
            </a>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="2000 Answers" data-popover-content="This is a medal that can be earned by answering 2000 questions.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605147303/achievements/2000_answer_badge_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">2000 Answers</div>
            </a>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="5000 Answers" data-popover-content="This is a medal that can be earned by answering 5000 questions.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605151412/achievements/5000_answer_badge_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">5000 Answers</div>
            </a>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="10000 Answers" data-popover-content="This is a medal that can be earned by answering 10000 questions.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605151413/achievements/10000_answer_badge_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">10000 Answers</div>
            </a>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="20000 Answers" data-popover-content="This is a medal that can be earned by answering 20000 questions.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605151413/achievements/20000_answer_badge_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">20000 Answers</div>
            </a>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="30000 Answers" data-popover-content="This is a medal that can be earned by answering 30000 questions.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605151412/achievements/30000_answer_badge_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">30000 Answers</div>
            </a>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="40000 Answers" data-popover-content="This is a medal that can be earned by answering 40000 questions.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605151412/achievements/40000_answer_badge_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">40000 Answers</div>
            </a>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="50000 Answers" data-popover-content="This is a medal that can be earned by answering 50000 questions.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605151413/achievements/50000_answer_badge_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">50000 Answers</div>
            </a>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="60000 Answers" data-popover-content="This is a medal that can be earned by answering 60000 questions.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605151415/achievements/60000_answer_badge_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">60000 Answers</div>
            </a>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="70000 Answers" data-popover-content="This is a medal that can be earned by answering 70000 questions.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605151415/achievements/70000_answer_badge_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">70000 Answers</div>
            </a>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="80000 Answers" data-popover-content="This is a medal that can be earned by answering 80000 questions.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605151413/achievements/80000_answer_badge_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">80000 Answers</div>
            </a>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="90000 Answers" data-popover-content="This is a medal that can be earned by answering 90000 questions.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605151415/achievements/90000_answer_badge_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">90000 Answers</div>
            </a>
        </div>
        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="100000 Answers" data-popover-content="This is a medal that can be earned by answering 100000 questions.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605151416/achievements/100000_answer_badge_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">100000 Answers</div>
            </a>
        </div>
    </div>



    <h3 class="tw:text-center tw:[color:#27ae60] tw:font-bold tw:mt-[3rem]"><i class="fal fa-medal"></i>Answer Days Medal</h3>
    <div class="tw:text-left">
      <p>This is a medal that can be earned according to the number of answer days.</p>
    </div>

    <div class="tw:flex tw:flex-wrap">

        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="2 Days Answer" data-popover-content="This is a medal that can be earned by answering questions for two consecutive days.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605147207/achievements/2_running_days_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">2 Days Answer</div>
            </a>
        </div>

        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="7 Days Answer" data-popover-content="This is a medal that can be earned by answering questions for seven consecutive days.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145686/achievements/7_running_days_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">7 Days Answer</div>
            </a>
        </div>

        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="14 Days Answer" data-popover-content="This is a medal that can be earned by answering questions for fourteen consecutive days.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145686/achievements/14_running_days_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">14 Days Answer</div>
            </a>
        </div>

        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="30 Days Answer" data-popover-content="This is a medal that can be earned by answering questions for thirty consecutive days.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145686/achievements/30_running_days_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">30 Days Answer</div>
            </a>
        </div>

        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="60 Days Answer" data-popover-content="This is a medal that can be earned by answering questions for sixty consecutive days.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145687/achievements/60_running_days_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">60 Days Answer</div>
            </a>
        </div>

        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="100 Days Answer" data-popover-content="This is a medal that can be earned by answering questions for one hundred consecutive days.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145686/achievements/100_running_days_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">100 Days Answer</div>
            </a>
        </div>

        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="200 Days Answer" data-popover-content="This is a medal that can be earned by answering questions for two hundred consecutive days.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145686/achievements/200_running_days_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">200 Days Answer</div>
            </a>
        </div>

        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="300 Days Answer" data-popover-content="This is a medal that can be earned by answering questions for three hundred consecutive days.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145687/achievements/300_running_days_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">300 Days Answer</div>
            </a>
        </div>

        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="365 Days Answer" data-popover-content="This is a medal that can be earned by answering questions for three hundred and sixty-five consecutive days.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145688/achievements/365_running_days_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">365 Days Answer</div>
            </a>
        </div>
    </div>


    <h3 class="tw:text-center tw:[color:#27ae60] tw:font-bold tw:mt-[3rem]"><i class="fal fa-medal"></i>Master Medal</h3>
    <div class="tw:text-left">
      <p>This is a medal that can be earned by achieving the highest rank.</p>
    </div>

    <div class="tw:flex tw:flex-wrap">

        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="Level 100" data-popover-content="This is a medal that can be earned by reaching level 100.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145688/achievements/master_badge_lv100_disbled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">Level 100</div>
            </a>
        </div>

        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="Rank 1" data-popover-content="This is a medal that can be earned by reaching rank 1.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145688/achievements/master_badge_ranking_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">Rank 1</div>
            </a>
        </div>

        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="All Year Continuation" data-popover-content="This is a medal that can be earned by answering questions for one year.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145687/achievements/master_badge_1_year_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">All Year Continuation</div>
            </a>
        </div>

        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="Tutorial Completion" data-popover-content="This is a medal that can be earned by completing the tutorial.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145688/achievements/master_badge_tutorial_disalbed.png" />
              <div class="tw:text-center tw:[color:#6c757d]">Tutorial Completion</div>
            </a>
        </div>

        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="Answers Completion" data-popover-content="This is a medal that can be earned by answering questions for 100 consecutive days.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145687/achievements/master_badge_answer_count_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">Answers Completion</div>
            </a>
        </div>

        <div class="tw:w-[33.333333%]">
            <a tabindex="0" role="button" data-popover="true" title="Answer Days Completion" data-popover-content="This is a medal that can be earned by answering questions for 365 consecutive days.">
              <img style="max-width: 100%;" src="https://res.cloudinary.com/hkbyf3jop/image/upload/v1605145687/achievements/master_badge_answer_days_disabled.png" />
              <div class="tw:text-center tw:[color:#6c757d]">Answer Days Completion</div>
            </a>
        </div>
    </div>

    <div class="tw:my-[3rem]">
      <p>Got Medals：<b class="green">0</b></p>
    </div>


  </div>
</div>



  </div>
</template></turbo-stream><turbo-stream action="diqt_popover"><template></template></turbo-stream>
