{extend name="layout" /}
{assign name="nav_active" value="about"/}
{block name="title"}关于我们 - {$siteConf.site_name|default='博客'}{/block}

{block name="content"}
<div class="fb-layout">
    <main class="fb-content">
        <div class="fb-page">
            <h3>关于我们</h3>
            <img src="/static/blog/img/portrait.jpg" alt="" style="width:96px;height:96px;border-radius:50%;margin:0 0 16px;border:3px solid var(--theme);">
            <p class="lead">TP-Blog 是一个基于 ThinkPHP 8 开发的现代化博客系统，致力于提供简洁、高效、安全的博客解决方案。</p>
            <h3>技术栈</h3>
            <div class="layui-progress layui-progress-big" lay-showpercent="true" style="margin-bottom:10px;"><em>PHP</em><div class="layui-progress-bar" lay-percent="80%"></div></div>
            <div class="layui-progress layui-progress-big" lay-showpercent="true" style="margin-bottom:10px;"><em>MySQL</em><div class="layui-progress-bar layui-bg-blue" lay-percent="70%"></div></div>
            <div class="layui-progress layui-progress-big" lay-showpercent="true"><em>Layui</em><div class="layui-progress-bar layui-bg-orange" lay-percent="90%"></div></div>
            <h3 style="margin-top:18px;">联系我们</h3>
            <p>邮箱：admin@example.com<br/>GitHub：https://github.com/yourname/tp-blog</p>
        </div>
    </main>
    {include file="index/_sidebar" /}
</div>
{/block}