meli-website/templates/index.html

125 lines
22 KiB
HTML

<article style="width: 100%;">
<h1 style="display: none;">experimental terminal mail client <code><abbr title="The GNU General Public License v3.0">GPLv3</abbr></code></h1>
<section class="index-intro">
<figure class="xterm">
<figcaption class="xterm_title">
<span class="xterm-symbol"></span> <span class="xterm-title">experimental terminal mail client <code><abbr title="The GNU General Public License v3.0">GPLv3</abbr></code></span>
</figcaption>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" baseProfile="full" viewBox="0 0 920 444" width="920" version="1.1" id="main_svg">
<defs>
<termtosvg:template_settings xmlns:termtosvg="https://twigbug.com/nbedos/termtosvg">
<termtosvg:screen_geometry columns="115" rows="26"/>
<termtosvg:animation type="css"/>
</termtosvg:template_settings>
<style type="text/css" id="generated-style"><![CDATA[#screen {
font-family: 'DejaVu Sans Mono', monospace;
font-style: normal;
font-size: 14px;
}
text {
dominant-baseline: text-before-edge;
white-space: pre;
}
]]></style>
<style type="text/css" id="user-style">
/* The colors defined below are the default 16 colors used for rendering text of the terminal. Adjust
them as needed.
xterm colors based on https://en.wikipedia.org/wiki/ANSI_escape_code#Colors */
.foreground {fill: #e5e5e5;}
.background {fill: #000000;}
.color0 {fill: #000000;}
.color1 {fill: #cd0000;}
.color2 {fill: #00cd00;}
.color3 {fill: #cdcd00;}
.color4 {fill: #0000ee;}
.color5 {fill: #cd00cd;}
.color6 {fill: #00cdcd;}
.color7 {fill: #e5e5e5;}
.color8 {fill: #7f7f7f;}
.color9 {fill: #ff0000;}
.color10 {fill: #00ff00;}
.color11 {fill: #ffff00;}
.color12 {fill: #5c5cff;}
.color13 {fill: #ff00ff;}
.color14 {fill: #00ffff;}
.color15 {fill: #ffffff;}
</style>
</defs>
<svg id="screen" width="920" height="442" viewBox="0 0 920 442" preserveAspectRatio="xMidYMin slice">
<rect class="background" height="100%" width="100%" x="0" y="0"/><defs><g id="g1"><text x="0" textLength="56" class="foreground"> mail </text><text x="56" textLength="112" class="color15"> contact list </text><text x="168" textLength="8" class="foreground"> </text><text x="176" textLength="64" class="color15"> status </text><text x="240" textLength="680" class="foreground"> </text></g><g id="g2"><text x="0" textLength="96" font-weight="bold" class="foreground">personal acc</text><text x="96" textLength="8" class="foreground"> </text><text x="104" textLength="816" class="color0">(Common) Lisp on bare metal (7) </text></g><g id="g3"><text x="0" textLength="8" fill="#767676">0</text><text x="8" textLength="48" fill="#121212"> INBOX</text><text x="56" textLength="32" font-weight="bold" fill="#121212"> 314</text><text x="88" textLength="8" fill="#121212"> </text><text x="96" textLength="8" class="foreground"> </text><text x="104" textLength="816" class="color0">2020-02-04 01:47:12&#9601;&#9601;&#9601;&#9601;pfm@wp.eu, xilxnx &lt;xilxnx@upheave.org&gt;, abgepf &lt;dof@abgepof.eu&gt;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;</text></g><g id="g4"><text x="0" textLength="8" fill="#767676">1</text><text x="8" textLength="88" class="color15"> Sent </text><text x="96" textLength="8" class="foreground"> </text><text x="104" textLength="816" fill="#262626">&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;</text></g><g id="g5"><text x="0" textLength="104" class="foreground"> </text><text x="104" textLength="504" font-weight="bold" class="color8">[TwigBug] A personal access token has been added to your account</text><text x="608" textLength="312" class="color0"> </text></g><g id="g6"><text x="0" textLength="96" font-weight="bold" class="foreground">personal acc</text><text x="96" textLength="8" class="foreground"> </text><text x="104" textLength="816" class="color0">2020-02-04 01:23:23&#9601;&#9601;&#9601;&#9601;TwigBug &lt;noreply@twigbug.com&gt;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;</text></g><g id="g7"><text x="0" textLength="56" fill="#767676">offline</text><text x="56" textLength="48" class="foreground"> </text><text x="104" textLength="816" fill="#262626">&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;</text></g><g id="g8"><text x="0" textLength="104" class="foreground"> </text><text x="104" textLength="568" font-weight="bold" class="color8">[TwigBug] A third-party OAuth application has been added to your account</text><text x="672" textLength="248" class="color0"> </text></g><g id="g9"><text x="0" textLength="80" font-weight="bold" class="foreground">university</text><text x="80" textLength="24" class="foreground"> </text><text x="104" textLength="816" class="color0">2020-02-04 01:21:54&#9601;&#9601;&#9601;&#9601;TwigBug &lt;noreply@twigbug.com&gt;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;</text></g><g id="g10"><text x="0" textLength="8" fill="#767676">0</text><text x="8" textLength="48" class="foreground"> INBOX</text><text x="56" textLength="32" font-weight="bold" fill="#767676"> 376</text><text x="88" textLength="16" class="foreground"> </text><text x="104" textLength="816" fill="#262626">&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;</text></g><g id="g11"><text x="0" textLength="8" fill="#767676">1</text><text x="8" textLength="96" class="foreground"> Drafts </text><text x="104" textLength="224" font-weight="bold" class="color8">Thinking of trying Lisp (11)</text><text x="328" textLength="592" class="color0"> </text></g><g id="g12"><text x="0" textLength="8" fill="#767676">2</text><text x="8" textLength="48" class="foreground"> Junk</text><text x="56" textLength="32" font-weight="bold" fill="#767676"> 138</text><text x="88" textLength="16" class="foreground"> </text><text x="104" textLength="816" class="color0">2020-02-03 16:06:37&#9601;&#9601;&#9601;&#9601;abgepf &lt;dof@abgepof.eu&gt;, xilxnx &lt;xilxnx@upheave.org&gt;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;</text></g><g id="g13"><text x="0" textLength="8" fill="#767676">3</text><text x="8" textLength="96" class="foreground"> Lists </text><text x="104" textLength="816" fill="#262626">&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;</text></g><g id="g14"><text x="0" textLength="8" fill="#767676">4</text><text x="8" textLength="24" class="foreground"> </text><text x="32" textLength="24" font-weight="bold" fill="#767676"> 21</text><text x="56" textLength="48" class="foreground">mutt- </text><text x="104" textLength="472" font-weight="bold" class="color8">This equation will change how you see the world - Invidious</text><text x="576" textLength="344" class="color0"> </text></g><g id="g15"><text x="0" textLength="8" fill="#767676">5</text><text x="8" textLength="96" class="foreground"> ntua </text><text x="104" textLength="816" class="color0">2020-02-03 15:54:56&#9601;&#9601;&#9601;&#9601;abgepf &lt;dof@abgepof.eu&gt;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;</text></g><g id="g16"><text x="0" textLength="8" fill="#767676">6</text><text x="8" textLength="96" class="foreground"> Sent </text><text x="104" textLength="816" fill="#262626">&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;</text></g><g id="g17"><text x="0" textLength="8" fill="#767676">7</text><text x="8" textLength="96" class="foreground"> sent-mail </text><text x="104" textLength="640" font-weight="bold" class="color8">All 'big five' tech firms listened to private conversations (privacy, FAAMG) (2)</text><text x="744" textLength="176" class="color0"> </text></g><g id="g18"><text x="0" textLength="104" class="foreground"> </text><text x="104" textLength="816" class="color0">2020-02-03 08:26:36&#9601;&#9601;&#9601;&#9601;abgepf &lt;dof@abgepof.eu&gt;, Nsukami Patrick &lt;ptrck@nskm.xyz&gt;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;</text></g><g id="g19"><text x="0" textLength="48" font-weight="bold" class="foreground">vagary</text><text x="48" textLength="56" class="foreground"> </text><text x="104" textLength="816" fill="#262626">&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;</text></g><g id="g20"><text x="0" textLength="8" fill="#767676">0</text><text x="8" textLength="96" class="foreground"> testing_ac </text><text x="104" textLength="360" font-weight="bold" class="color8">Brexit "done" &amp; Scotland pulled out of the EU</text><text x="464" textLength="456" class="color0"> </text></g><g id="g21"><text x="0" textLength="8" fill="#767676">1</text><text x="8" textLength="96" class="foreground"> puppies </text><text x="104" textLength="816" class="color0">2020-02-03 00:50:53&#9601;&#9601;&#9601;&#9601;abgepf &lt;dof@abgepof.eu&gt;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;</text></g><g id="g22"><text x="0" textLength="104" class="foreground"> </text><text x="104" textLength="816" fill="#262626">&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;</text></g><g id="g23"><text x="0" textLength="104" class="foreground"> </text><text x="104" textLength="456" font-weight="bold" class="foreground">Re: organic farming is actually worse for climate change?</text><text x="560" textLength="360" class="foreground"> </text></g><g id="g24"><text x="0" textLength="920" class="foreground"> 2020-02-02 15:09:24&#9601;&#9601;&#9601;&#9601;stop &lt;danus-gaol@osmosis.net&gt;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;</text></g><g id="g25"><text x="0" textLength="56" font-weight="bold" fill="#87ffff">NORMAL </text><text x="56" textLength="864" fill="#87ffff">| Mailbox: INBOX, Messages: 887, New: 314 </text><text x="920" textLength="8" fill="#005fd7"> </text></g></defs><g><rect x="56" y="0" width="112" height="17" class="color8"/><rect x="176" y="0" width="64" height="17" class="color8"/><use xlink:href="#g1" y="0"/><rect x="104" y="17" width="816" height="17" fill="#949494"/><use xlink:href="#g2" y="17"/><rect x="0" y="34" width="96" height="17" class="color15"/><rect x="104" y="34" width="816" height="17" fill="#949494"/><use xlink:href="#g3" y="34"/><rect x="0" y="51" width="96" height="17" fill="#121212"/><rect x="104" y="51" width="816" height="17" fill="#949494"/><use xlink:href="#g4" y="51"/><rect x="104" y="68" width="816" height="17" fill="#c6c6c6"/><use xlink:href="#g5" y="68"/><rect x="104" y="85" width="816" height="17" fill="#c6c6c6"/><use xlink:href="#g6" y="85"/><rect x="104" y="102" width="816" height="17" fill="#c6c6c6"/><use xlink:href="#g7" y="102"/><rect x="104" y="119" width="816" height="17" fill="#c6c6c6"/><use xlink:href="#g8" y="119"/><rect x="104" y="136" width="816" height="17" fill="#c6c6c6"/><use xlink:href="#g9" y="136"/><rect x="104" y="153" width="816" height="17" fill="#c6c6c6"/><use xlink:href="#g10" y="153"/><rect x="104" y="170" width="816" height="17" fill="#c6c6c6"/><use xlink:href="#g11" y="170"/><rect x="104" y="187" width="816" height="17" fill="#c6c6c6"/><use xlink:href="#g12" y="187"/><rect x="104" y="204" width="816" height="17" fill="#c6c6c6"/><use xlink:href="#g13" y="204"/><rect x="104" y="221" width="816" height="17" fill="#c6c6c6"/><use xlink:href="#g14" y="221"/><rect x="104" y="238" width="816" height="17" fill="#c6c6c6"/><use xlink:href="#g15" y="238"/><rect x="104" y="255" width="816" height="17" fill="#c6c6c6"/><use xlink:href="#g16" y="255"/><rect x="104" y="272" width="816" height="17" fill="#c6c6c6"/><use xlink:href="#g17" y="272"/><rect x="104" y="289" width="816" height="17" fill="#c6c6c6"/><use xlink:href="#g18" y="289"/><rect x="104" y="306" width="816" height="17" fill="#c6c6c6"/><use xlink:href="#g19" y="306"/><rect x="104" y="323" width="816" height="17" fill="#c6c6c6"/><use xlink:href="#g20" y="323"/><rect x="104" y="340" width="816" height="17" fill="#c6c6c6"/><use xlink:href="#g21" y="340"/><rect x="104" y="357" width="816" height="17" fill="#c6c6c6"/><use xlink:href="#g22" y="357"/><use xlink:href="#g23" y="374"/><use xlink:href="#g24" y="391"/><use xlink:href="#g22" y="408"/><rect x="0" y="425" width="920" height="17" fill="#005fd7"/><rect x="920" y="425" width="8" height="17" fill="#87ffff"/><use xlink:href="#g25" y="425"/></g></svg>
</svg>
</figure>
</section>
<section class="index-install">
<h2 style="margin-top: 0;">install</h2>
<ol>
<li>
<a href="/wasm.html">Try a web demo</a> powered by WebAssembly
</li>
<li>
Download and install pre-built <a href="./download.html#debian">debian package</a>, <a href="./download.html#binaries">static linux binary</a>, or
</li>
<li>
<details>
<summary><code>$$ cargo install <a href="https://crates.io/crates/meli">meli</a></code></summary>
<a href="https://doc.rust-lang.org/cargo/getting-started/installation.html">how to install cargo, the rust package manager</a>
</details>
</li>
</ol>
</section>
<section class="index-build">
<h2 style="margin-top: 0;">build from source</h2>
<p><a href="https://git.meli.delivery/meli/meli/src/tag/$tag$">tag/$tag$</a>: see <code>README</code> file for detailed build instructions - or just do <code>make</code></p>
<p style="margin-top: 0;"><a href="./download.html">report bugs</a></p>
</section>
<section class="index-why">
<h2 style="margin-top: 0;">why use meli</h2>
<div style="min-width: 100%; width: min-content;">
<p>meli aims for configurability and extensibility with sane defaults.</p><p>It seeks to be a mail client for both new and power users of the terminal, but built today.</p>
</div>
</section>
<section class="index-features">
<h2 style="margin-top: 0;">features</h2>
<ul>
<li>email threads</li>
<li>multithreaded</li>
<li>embed your own editor</li>
<li>plain text configuration</li>
<li>multi-tasking with UI tabs</li>
<li>IMAP, Maildir, notmuch, JMAP, mbox</li>
<li>optional sqlite3 index search</li>
<li>fast and minimal account configuration</li>
<li>contact list (+read-only vCard support)</li>
<li>forced UTF-8 - other encodings are read-only</li>
</ul>
</section>
<section class="index-announcements">
<h2 style="margin-top: 0;">announcements <a style="font: bold 0.75em sans-serif; color: #fff; background: #f60; padding: 0.2em 0.35em; text-shadow: -1px -1px 0 #a2280c, 1px -1px 0 #a2280c, -1px 1px 0 #a2280c, 1px 1px 0 #a2280c; text-decoration: none;" href="/rss.xml" alt="RSS Feed">RSS</a></h2>
<dl class="index-announcement-list">
$for(posts)$
<dt><a href="$url$">$title$</a></dt>
<dd>$date$</dd>
$endfor$
<dt style="font-size: .6rem; margin: .5rem auto auto .5rem; border-top: 1px solid #D0D0D0; padding-top: .5rem;">» see <a href="/archive.html">complete archive</a></dt>
</dl>
</section>
<section class="index-screenshots">
$for(screenshots)$
<figure>
<a href="#$url$">
<img src="$url$" class="fit" alt="screenshot: $desc$">
</a>
<figcaption $if(class)$class="$class$"$endif$><a href="$url$">$desc$</a></figcaption>
</figure>
<figure class="lightbox-target" id="$url$">
<a class="lightbox-close" href="#"> <img src="$url$" alt="screenshot: $desc$"></a>
<figcaption>$desc$</figcaption>
</figure>
$endfor$
</section>
</article>