Files
mihainator/lib/mihainator_web/live/result_live.html.heex

1351 lines
28 KiB
Plaintext

<div class="flex flex-col space-y-8">
<h1 class="text-5xl">Threema history checker</h1>
<p class="text-lg">This is the result of your history:</p>
<div class="calendar-wrapper">
<div class="calendar">
<div class="month">
<a href="#" class="nav"><i class="fas fa-angle-left"></i></a>
<div>January <span class="year">2023</span></div>
<a href="#" class="nav"><i class="fas fa-angle-right"></i></a>
</div>
<div class="days">
<span>Mon</span>
<span>Tue</span>
<span>Wed</span>
<span>Thu</span>
<span>Fri</span>
<span>Sat</span>
<span>Sun</span>
</div>
<div class="dates">
<button>
<time>1</time>
</button>
<button>
<time>2</time>
</button>
<button>
<time>3</time>
</button>
<button>
<time>4</time>
</button>
<button>
<time>5</time>
</button>
<button>
<time>6</time>
</button>
<button>
<time>7</time>
</button>
<button>
<time>8</time>
</button>
<button>
<time>9</time>
</button>
<button>
<time>10</time>
</button>
<button>
<time>11</time>
</button>
<button>
<time>12</time>
</button>
<button>
<time>13</time>
</button>
<button>
<time>14</time>
</button>
<button>
<time>15</time>
</button>
<button>
<time>16</time>
</button>
<button>
<time>17</time>
</button>
<button>
<time>18</time>
</button>
<button>
<time>19</time>
</button>
<button>
<time>20</time>
</button>
<button>
<time>21</time>
</button>
<button>
<time>22</time>
</button>
<button>
<time>23</time>
</button>
<button>
<time>24</time>
</button>
<button>
<time>25</time>
</button>
<button>
<time>26</time>
</button>
<button>
<time>27</time>
</button>
<button>
<time>28</time>
</button>
<button>
<time>29</time>
</button>
<button>
<time>30</time>
</button>
<button>
<time>31</time>
</button>
</div>
</div>
<div class="calendar">
<div class="month">
<a href="#" class="nav"><i class="fas fa-angle-left"></i></a>
<div>February <span class="year">2023</span></div>
<a href="#" class="nav"><i class="fas fa-angle-right"></i></a>
</div>
<div class="days">
<span>Mon</span>
<span>Tue</span>
<span>Wed</span>
<span>Thu</span>
<span>Fri</span>
<span>Sat</span>
<span>Sun</span>
</div>
<div class="dates">
<button>
<time>1</time>
</button>
<button>
<time>2</time>
</button>
<button>
<time>3</time>
</button>
<button>
<time>4</time>
</button>
<button>
<time>5</time>
</button>
<button>
<time>6</time>
</button>
<button>
<time>7</time>
</button>
<button>
<time>8</time>
</button>
<button>
<time>9</time>
</button>
<button>
<time>10</time>
</button>
<button>
<time>11</time>
</button>
<button>
<time>12</time>
</button>
<button>
<time>13</time>
</button>
<button>
<time>14</time>
</button>
<button>
<time>15</time>
</button>
<button>
<time>16</time>
</button>
<button>
<time>17</time>
</button>
<button>
<time>18</time>
</button>
<button>
<time>19</time>
</button>
<button>
<time>20</time>
</button>
<button>
<time>21</time>
</button>
<button>
<time>22</time>
</button>
<button>
<time>23</time>
</button>
<button>
<time>24</time>
</button>
<button>
<time>25</time>
</button>
<button>
<time>26</time>
</button>
<button>
<time>27</time>
</button>
<button>
<time>28</time>
</button>
<button>
<time>29</time>
</button>
<button>
<time>30</time>
</button>
<button>
<time>31</time>
</button>
</div>
</div>
<div class="calendar">
<div class="month">
<a href="#" class="nav"><i class="fas fa-angle-left"></i></a>
<div>March 🌱<span class="year">2023</span></div>
<a href="#" class="nav"><i class="fas fa-angle-right"></i></a>
</div>
<div class="days">
<span>Mon</span>
<span>Tue</span>
<span>Wed</span>
<span>Thu</span>
<span>Fri</span>
<span>Sat</span>
<span>Sun</span>
</div>
<div class="dates">
<button>
<time>1</time>
</button>
<button>
<time>2</time>
</button>
<button>
<time>3</time>
</button>
<button>
<time>4</time>
</button>
<button>
<time>5</time>
</button>
<button>
<time>6</time>
</button>
<button>
<time>7</time>
</button>
<button>
<time>8</time>
</button>
<button>
<time>9</time>
</button>
<button>
<time>10</time>
</button>
<button>
<time>11</time>
</button>
<button>
<time>12</time>
</button>
<button>
<time>13</time>
</button>
<button>
<time>14</time>
</button>
<button>
<time>15</time>
</button>
<button>
<time>16</time>
</button>
<button>
<time>17</time>
</button>
<button>
<time>18</time>
</button>
<button>
<time>19</time>
</button>
<button>
<time>20</time>
</button>
<button>
<time>21</time>
</button>
<button>
<time>22</time>
</button>
<button>
<time>23</time>
</button>
<button>
<time>24</time>
</button>
<button>
<time>25</time>
</button>
<button>
<time>26</time>
</button>
<button>
<time>27</time>
</button>
<button>
<time>28</time>
</button>
<button>
<time>29</time>
</button>
<button>
<time>30</time>
</button>
<button>
<time>31</time>
</button>
</div>
</div>
<div class="calendar">
<div class="month">
<a href="#" class="nav"><i class="fas fa-angle-left"></i></a>
<div>April <span class="year">2023</span></div>
<a href="#" class="nav"><i class="fas fa-angle-right"></i></a>
</div>
<div class="days">
<span>Mon</span>
<span>Tue</span>
<span>Wed</span>
<span>Thu</span>
<span>Fri</span>
<span>Sat</span>
<span>Sun</span>
</div>
<div class="dates">
<button>
<time>1</time>
</button>
<button>
<time>2</time>
</button>
<button>
<time>3</time>
</button>
<button>
<time>4</time>
</button>
<button>
<time>5</time>
</button>
<button>
<time>6</time>
</button>
<button>
<time>7</time>
</button>
<button>
<time>8</time>
</button>
<button>
<time>9</time>
</button>
<button>
<time>10</time>
</button>
<button>
<time>11</time>
</button>
<button>
<time>12</time>
</button>
<button>
<time>13</time>
</button>
<button>
<time>14</time>
</button>
<button>
<time>15</time>
</button>
<button>
<time>16</time>
</button>
<button>
<time>17</time>
</button>
<button>
<time>18</time>
</button>
<button>
<time>19</time>
</button>
<button>
<time>20</time>
</button>
<button>
<time>21</time>
</button>
<button>
<time>22</time>
</button>
<button>
<time>23</time>
</button>
<button>
<time>24</time>
</button>
<button>
<time>25</time>
</button>
<button>
<time>26</time>
</button>
<button>
<time>27</time>
</button>
<button>
<time>28</time>
</button>
<button>
<time>29</time>
</button>
<button>
<time>30</time>
</button>
<button>
<time>31</time>
</button>
</div>
</div>
<div class="calendar">
<div class="month">
<a href="#" class="nav"><i class="fas fa-angle-left"></i></a>
<div>May <span class="year">2023</span></div>
<a href="#" class="nav"><i class="fas fa-angle-right"></i></a>
</div>
<div class="days">
<span>Mon</span>
<span>Tue</span>
<span>Wed</span>
<span>Thu</span>
<span>Fri</span>
<span>Sat</span>
<span>Sun</span>
</div>
<div class="dates">
<button>
<time>1</time>
</button>
<button>
<time>2</time>
</button>
<button>
<time>3</time>
</button>
<button>
<time>4</time>
</button>
<button>
<time>5</time>
</button>
<button>
<time>6</time>
</button>
<button>
<time>7</time>
</button>
<button>
<time>8</time>
</button>
<button>
<time>9</time>
</button>
<button>
<time>10</time>
</button>
<button>
<time>11</time>
</button>
<button>
<time>12</time>
</button>
<button>
<time>13</time>
</button>
<button>
<time>14</time>
</button>
<button>
<time>15</time>
</button>
<button>
<time>16</time>
</button>
<button>
<time>17</time>
</button>
<button>
<time>18</time>
</button>
<button>
<time>19</time>
</button>
<button>
<time>20</time>
</button>
<button>
<time>21</time>
</button>
<button>
<time>22</time>
</button>
<button>
<time>23</time>
</button>
<button>
<time>24</time>
</button>
<button>
<time>25</time>
</button>
<button>
<time>26</time>
</button>
<button>
<time>27</time>
</button>
<button>
<time>28</time>
</button>
<button>
<time>29</time>
</button>
<button>
<time>30</time>
</button>
<button>
<time>31</time>
</button>
</div>
</div>
<div class="calendar">
<div class="month">
<a href="#" class="nav"><i class="fas fa-angle-left"></i></a>
<div>June 🌞<span class="year">2023</span></div>
<a href="#" class="nav"><i class="fas fa-angle-right"></i></a>
</div>
<div class="days">
<span>Mon</span>
<span>Tue</span>
<span>Wed</span>
<span>Thu</span>
<span>Fri</span>
<span>Sat</span>
<span>Sun</span>
</div>
<div class="dates">
<button>
<time>1</time>
</button>
<button>
<time>2</time>
</button>
<button>
<time>3</time>
</button>
<button>
<time>4</time>
</button>
<button>
<time>5</time>
</button>
<button>
<time>6</time>
</button>
<button>
<time>7</time>
</button>
<button>
<time>8</time>
</button>
<button>
<time>9</time>
</button>
<button>
<time>10</time>
</button>
<button>
<time>11</time>
</button>
<button>
<time>12</time>
</button>
<button>
<time>13</time>
</button>
<button>
<time>14</time>
</button>
<button>
<time>15</time>
</button>
<button>
<time>16</time>
</button>
<button>
<time>17</time>
</button>
<button>
<time>18</time>
</button>
<button>
<time>19</time>
</button>
<button>
<time>20</time>
</button>
<button>
<time>21</time>
</button>
<button>
<time>22</time>
</button>
<button>
<time>23</time>
</button>
<button>
<time>24</time>
</button>
<button>
<time>25</time>
</button>
<button>
<time>26</time>
</button>
<button>
<time>27</time>
</button>
<button>
<time>28</time>
</button>
<button>
<time>29</time>
</button>
<button>
<time>30</time>
</button>
<button>
<time>31</time>
</button>
</div>
</div>
<div class="calendar">
<div class="month">
<a href="#" class="nav"><i class="fas fa-angle-left"></i></a>
<div>July <span class="year">2023</span></div>
<a href="#" class="nav"><i class="fas fa-angle-right"></i></a>
</div>
<div class="days">
<span>Mon</span>
<span>Tue</span>
<span>Wed</span>
<span>Thu</span>
<span>Fri</span>
<span>Sat</span>
<span>Sun</span>
</div>
<div class="dates">
<button>
<time>1</time>
</button>
<button>
<time>2</time>
</button>
<button>
<time>3</time>
</button>
<button>
<time>4</time>
</button>
<button>
<time>5</time>
</button>
<button>
<time>6</time>
</button>
<button>
<time>7</time>
</button>
<button>
<time>8</time>
</button>
<button>
<time>9</time>
</button>
<button>
<time>10</time>
</button>
<button>
<time>11</time>
</button>
<button>
<time>12</time>
</button>
<button>
<time>13</time>
</button>
<button>
<time>14</time>
</button>
<button>
<time>15</time>
</button>
<button>
<time>16</time>
</button>
<button>
<time>17</time>
</button>
<button>
<time>18</time>
</button>
<button>
<time>19</time>
</button>
<button>
<time>20</time>
</button>
<button>
<time>21</time>
</button>
<button>
<time>22</time>
</button>
<button>
<time>23</time>
</button>
<button>
<time>24</time>
</button>
<button>
<time>25</time>
</button>
<button>
<time>26</time>
</button>
<button>
<time>27</time>
</button>
<button>
<time>28</time>
</button>
<button>
<time>29</time>
</button>
<button>
<time>30</time>
</button>
<button>
<time>31</time>
</button>
</div>
</div>
<div class="calendar">
<div class="month">
<a href="#" class="nav"><i class="fas fa-angle-left"></i></a>
<div>August <span class="year">2023</span></div>
<a href="#" class="nav"><i class="fas fa-angle-right"></i></a>
</div>
<div class="days">
<span>Mon</span>
<span>Tue</span>
<span>Wed</span>
<span>Thu</span>
<span>Fri</span>
<span>Sat</span>
<span>Sun</span>
</div>
<div class="dates">
<button>
<time>1</time>
</button>
<button>
<time>2</time>
</button>
<button>
<time>3</time>
</button>
<button>
<time>4</time>
</button>
<button>
<time>5</time>
</button>
<button>
<time>6</time>
</button>
<button>
<time>7</time>
</button>
<button>
<time>8</time>
</button>
<button>
<time>9</time>
</button>
<button>
<time>10</time>
</button>
<button>
<time>11</time>
</button>
<button>
<time>12</time>
</button>
<button>
<time>13</time>
</button>
<button>
<time>14</time>
</button>
<button>
<time>15</time>
</button>
<button>
<time>16</time>
</button>
<button>
<time>17</time>
</button>
<button>
<time>18</time>
</button>
<button>
<time>19</time>
</button>
<button>
<time>20</time>
</button>
<button>
<time>21</time>
</button>
<button>
<time>22</time>
</button>
<button>
<time>23</time>
</button>
<button>
<time>24</time>
</button>
<button>
<time>25</time>
</button>
<button>
<time>26</time>
</button>
<button>
<time>27</time>
</button>
<button>
<time>28</time>
</button>
<button>
<time>29</time>
</button>
<button>
<time>30</time>
</button>
<button>
<time>31</time>
</button>
</div>
</div>
<div class="calendar">
<div class="month">
<a href="#" class="nav"><i class="fas fa-angle-left"></i></a>
<div>September 🍁<span class="year">2023</span></div>
<a href="#" class="nav"><i class="fas fa-angle-right"></i></a>
</div>
<div class="days">
<span>Mon</span>
<span>Tue</span>
<span>Wed</span>
<span>Thu</span>
<span>Fri</span>
<span>Sat</span>
<span>Sun</span>
</div>
<div class="dates">
<button>
<time>1</time>
</button>
<button>
<time>2</time>
</button>
<button>
<time>3</time>
</button>
<button>
<time>4</time>
</button>
<button>
<time>5</time>
</button>
<button>
<time>6</time>
</button>
<button>
<time>7</time>
</button>
<button>
<time>8</time>
</button>
<button>
<time>9</time>
</button>
<button>
<time>10</time>
</button>
<button>
<time>11</time>
</button>
<button>
<time>12</time>
</button>
<button>
<time>13</time>
</button>
<button>
<time>14</time>
</button>
<button>
<time>15</time>
</button>
<button>
<time>16</time>
</button>
<button>
<time>17</time>
</button>
<button class="today">
<time>18</time>
</button>
<button>
<time>19</time>
</button>
<button>
<time>20</time>
</button>
<button>
<time>21</time>
</button>
<button>
<time>22</time>
</button>
<button>
<time>23</time>
</button>
<button>
<time>24</time>
</button>
<button>
<time>25</time>
</button>
<button>
<time>26</time>
</button>
<button>
<time>27</time>
</button>
<button>
<time>28</time>
</button>
<button>
<time>29</time>
</button>
<button>
<time>30</time>
</button>
<button>
<time>31</time>
</button>
</div>
</div>
<div class="calendar">
<div class="month">
<a href="#" class="nav"><i class="fas fa-angle-left"></i></a>
<div>October 🎃<span class="year">2023</span></div>
<a href="#" class="nav"><i class="fas fa-angle-right"></i></a>
</div>
<div class="days">
<span>Mon</span>
<span>Tue</span>
<span>Wed</span>
<span>Thu</span>
<span>Fri</span>
<span>Sat</span>
<span>Sun</span>
</div>
<div class="dates">
<button>
<time>1</time>
</button>
<button>
<time>2</time>
</button>
<button>
<time>3</time>
</button>
<button>
<time>4</time>
</button>
<button>
<time>5</time>
</button>
<button>
<time>6</time>
</button>
<button>
<time>7</time>
</button>
<button>
<time>8</time>
</button>
<button>
<time>9</time>
</button>
<button>
<time>10</time>
</button>
<button>
<time>11</time>
</button>
<button>
<time>12</time>
</button>
<button>
<time>13</time>
</button>
<button>
<time>14</time>
</button>
<button>
<time>15</time>
</button>
<button>
<time>16</time>
</button>
<button>
<time>17</time>
</button>
<button>
<time>18</time>
</button>
<button>
<time>19</time>
</button>
<button>
<time>20</time>
</button>
<button>
<time>21</time>
</button>
<button>
<time>22</time>
</button>
<button>
<time>23</time>
</button>
<button>
<time>24</time>
</button>
<button>
<time>25</time>
</button>
<button>
<time>26</time>
</button>
<button>
<time>27</time>
</button>
<button>
<time>28</time>
</button>
<button>
<time>29</time>
</button>
<button>
<time>30</time>
</button>
<button>
<time>31</time>
</button>
</div>
</div>
<div class="calendar">
<div class="month">
<a href="#" class="nav"><i class="fas fa-angle-left"></i></a>
<div>November <span class="year">2023</span></div>
<a href="#" class="nav"><i class="fas fa-angle-right"></i></a>
</div>
<div class="days">
<span>Mon</span>
<span>Tue</span>
<span>Wed</span>
<span>Thu</span>
<span>Fri</span>
<span>Sat</span>
<span>Sun</span>
</div>
<div class="dates">
<button>
<time>1</time>
</button>
<button>
<time>2</time>
</button>
<button>
<time>3</time>
</button>
<button>
<time>4</time>
</button>
<button>
<time>5</time>
</button>
<button>
<time>6</time>
</button>
<button>
<time>7</time>
</button>
<button>
<time>8</time>
</button>
<button>
<time>9</time>
</button>
<button>
<time>10</time>
</button>
<button>
<time>11</time>
</button>
<button>
<time>12</time>
</button>
<button>
<time>13</time>
</button>
<button>
<time>14</time>
</button>
<button>
<time>15</time>
</button>
<button>
<time>16</time>
</button>
<button>
<time>17</time>
</button>
<button>
<time>18</time>
</button>
<button>
<time>19</time>
</button>
<button>
<time>20</time>
</button>
<button>
<time>21</time>
</button>
<button>
<time>22</time>
</button>
<button>
<time>23</time>
</button>
<button>
<time>24</time>
</button>
<button>
<time>25</time>
</button>
<button>
<time>26</time>
</button>
<button>
<time>27</time>
</button>
<button>
<time>28</time>
</button>
<button>
<time>29</time>
</button>
<button>
<time>30</time>
</button>
<button>
<time>31</time>
</button>
</div>
</div>
<div class="calendar">
<div class="month">
<a href="#" class="nav"><i class="fas fa-angle-left"></i></a>
<div>December ❄️<span class="year">2023</span></div>
<a href="#" class="nav"><i class="fas fa-angle-right"></i></a>
</div>
<div class="days">
<span>Mon</span>
<span>Tue</span>
<span>Wed</span>
<span>Thu</span>
<span>Fri</span>
<span>Sat</span>
<span>Sun</span>
</div>
<div class="dates">
<button>
<time>1</time>
</button>
<button>
<time>2</time>
</button>
<button>
<time>3</time>
</button>
<button>
<time>4</time>
</button>
<button>
<time>5</time>
</button>
<button>
<time>6</time>
</button>
<button>
<time>7</time>
</button>
<button>
<time>8</time>
</button>
<button>
<time>9</time>
</button>
<button>
<time>10</time>
</button>
<button>
<time>11</time>
</button>
<button>
<time>12</time>
</button>
<button>
<time>13</time>
</button>
<button>
<time>14</time>
</button>
<button>
<time>15</time>
</button>
<button>
<time>16</time>
</button>
<button>
<time>17</time>
</button>
<button>
<time>18</time>
</button>
<button>
<time>19</time>
</button>
<button>
<time>20</time>
</button>
<button>
<time>21</time>
</button>
<button>
<time>22</time>
</button>
<button>
<time>23</time>
</button>
<button>
<time>24</time>
</button>
<button>
<time>25</time>
</button>
<button>
<time>26</time>
</button>
<button>
<time>27</time>
</button>
<button>
<time>28</time>
</button>
<button>
<time>29</time>
</button>
<button>
<time>30</time>
</button>
<button>
<time>31</time>
</button>
</div>
</div>
</div>
</div>