<#--

    Bolo - A stable and beautiful blogging system based in Solo.
    Copyright (c) 2020, https://github.com/adlered

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU Affero General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU Affero General Public License for more details.

    You should have received a copy of the GNU Affero General Public License
    along with this program.  If not, see <https://www.gnu.org/licenses/>.

-->
<div id="tabUsite" class="sub-tabs">
    <ul>
        <li>
            <div id="tabUsite_edit">
                <a class="tab-current" href="#tools/usite/edit">${usite11Label}</a>
            </div>
        </li>
    </ul>
    <div style="float: right;">
        <ul style="display: table;margin: 0 auto;text-align: center;padding: 0px 15px;">
            <li style="padding: 13px 0px;">
                <div>
                    <button onclick="admin.preference.update()">${updateLabel}</button>
                </div>
            </li>
        </ul>
    </div>
</div>
<style type="text/css">
    table.tftable {font-size:12px;color: #545454;width:100%;border-width: 1px;border-color: #729ea5;border-collapse: collapse;}
    table.tftable th {font-size:14px;background-color: #fdfdfd;border-width: 1px;padding: 20px 0px 20px 20px;border-style: solid;border-color: #efefef;text-align:left;font-weight: bold}
    table.tftable tr {background-color:#ffffff;}
    table.tftable td {font-size:12px;border-width: 1px;padding: 5px 0px 5px 20px;border-style: solid;border-color: #efefef;}
</style>
<div id="tabUsitePanel" class="sub-tabs-main usite">
    <div id="tabUsitePanel_edit" class="form">
        <#--<div class="fn__clear">
            <button onclick="admin.usite.update()" class="fn__right">${updateLabel}</button>
        </div>-->
        <div class="fn__clear">
            ${usite1Label}
        </div>
        <table id="tfhover" class="tftable" border="1">
            <tr>
                <th>${usite2Label}</th>
                <th>${usite3Label}</th>
            </tr>
            <tr>
                <td><b>${usite4Label}</b></td>
                <td>https://www.weibo.com/ <input id="usiteWeiBo" type="text" style="width:200px"></td>
            </tr>
            <tr>
                <td><b>${usite5Label}</b></td>
                <td>https://y.qq.com/portal/profile.html?uin= <input id="usiteQQMusic" type="text" style="width:200px"></td>
            </tr>
            <tr>
                <td><b>StackOverflow</b></td>
                <td>https://stackoverflow.com/users/ <input id="usiteStackOverflow" type="text" style="width:200px"></td>
            </tr>
            <tr>
                <td><b>${usite6Label}</b></td>
                <td>https://dribbble.com/ <input id="usiteDribbble" type="text" style="width:200px"></td>
            </tr>
            <tr>
                <td><b>GitHub</b></td>
                <td>https://github.com/ <input id="usiteGitHub" type="text" style="width:200px"></td>
            </tr>
            <tr>
                <td><b>Medium</b></td>
                <td>https://medium.com/ <input id="usiteMedium" type="text" style="width:200px"></td>
            </tr>
            <tr>
                <td><b>Twitter</b></td>
                <td>https://twitter.com/ <input id="usiteTwitter" type="text" style="width:200px"></td>
            </tr>
            <tr>
                <td><b>QQ</b></td>
                <td>QQ-Account <input id="usiteQQ" type="text" style="width:200px"></td>
            </tr>
            <tr>
                <td><b>${usite7Label}</b></td>
                <td>https://www.linkedin.com/in/ <input id="usiteLinkedln" type="text" style="width:200px"></td>
            </tr>
            <tr>
                <td><b>Steam</b></td>
                <td>https://steamcommunity.com/id/ <input id="usiteSteam" type="text" style="width:200px"></td>
            </tr>
            <tr>
                <td><b>Instagram</b></td>
                <td>Instagram-Account <input id="usiteInstagram" type="text" style="width:200px"></td>
            </tr>
            <tr>
                <td><b>CodePen</b></td>
                <td>https://codepen.io/ <input id="usiteCodePen" type="text" style="width:200px"></td>
            </tr>
            <tr>
                <td><b>${usite8Label}</b></td>
                <td>https://music.163.com/#/user/home?id= <input id="usiteWYMusic" type="text" style="width:200px"></td>
            </tr>
            <tr>
                <td><b>${usite9Label}</b></td>
                <td>WeChat-Account <input id="usiteWeChat" type="text" style="width:200px"></td>
            </tr>
            <tr>
                <td><b>${usite10Label}</b></td>
                <td>https://www.zhihu.com/people/ <input id="usiteZhiHu" type="text" style="width:200px"></td>
            </tr>
            <tr>
                <td><b>Behance</b></td>
                <td>https://www.behance.net/ <input id="usiteBehance" type="text" style="width:200px"></td>
            </tr>
            <tr>
                <td><b>Telegram</b></td>
                <td>https://telegram.me/ <input id="usiteTelegram" type="text" style="width:200px"></td>
            </tr>
            <tr>
                <td><b>Facebook</b></td>
                <td>https://www.facebook.com/ <input id="usiteFacebook" type="text" style="width:200px"></td>
            </tr>
        </table>

        <div class="fn__clear">
            <button onclick="admin.usite.update()" class="fn__right">${updateLabel}</button>
        </div>
    </div>
</div>
${plugins}
