daily-info
/
show.html

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon"
        href="https://fastly.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.1.1/svgs/regular/calendar-check.svg">
    <title>DailyInfo</title>
</head>

<body style="margin: 0;padding: 0;box-sizing: border-box;">
    <section
        style="background: linear-gradient(to bottom right, #0184cf, #77A1D3, #a0eacf);position: relative;overflow: hidden;display: flex;justify-content: center;min-height: 100vh;">
        <div class="container" style="padding:0 10px 60px;">
            <div class="pic" style="display:none;margin: 16px 0; padding: 12px;
            background-color: white;border-radius: 8px;text-align: center;font-size: 0;">
                <img src="<&p&>" style="max-width: 100%;max-height: 100%;">
                </img>
            </div>
            <h2 class="title" style="display:none;margin: 16px 0 6px;color: white;">
                <&t&>
            </h2>
            <h3 class="content" style="display:none;color: white;font-size:1.25rem">
                <&c&>
            </h3>
        </div>
        <div class="footer"
            style="position: absolute;bottom: 0;text-align: center;line-height: 60px;color: white;font-weight: bold;width: 100%;height: 60px;clear: both;">
            - © 2022 Thund1R -</div>
    </section>
</body>
<style>
    .container {
        width: 50%;
    }

    @media screen and (max-width: 800px) {
        .container {
            width: 90%;
        }
    }
</style>

</html>