71 lines
5.4 KiB
HTML
71 lines
5.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="renderer" content="webkit">
|
|
<meta http-equiv="Cache-Control" content="no-siteapp">
|
|
<meta name="google" content="notranslate">
|
|
<title>{{ title }}</title>
|
|
<link rel="stylesheet" href="assets/style.css">
|
|
<link rel="icon" href="favicon.ico">
|
|
</head>
|
|
<body style="background-image: url('assets/bg.webp');">
|
|
<div class="container">
|
|
<div class="box">
|
|
<header>
|
|
<h1>{{ headline | safe }}</h1>
|
|
</header>
|
|
<div class="square-container">
|
|
<a class="square square-multiline square-blue-1" style="grid-row: 1; grid-column: 1" data-index="l1c1" href="{{ links[0].link if links[0] else '#' }}" {{ 'target="_blank"' if links[0] else '' }}>
|
|
{{ (links[0].text | safe) if links[0] else "<!-- link[0] -->" }}
|
|
</a>
|
|
<div class="square square-blue-2" style="grid-row: 2; grid-column: 2; z-index: -1"></div>
|
|
<div class="square square-img" style="grid-row: 4; grid-column: 2; background: url('assets/sq2.webp')"></div>
|
|
<a class="square square-multiline square-blue-3" style="grid-row: 2; grid-column: 3" data-index="l2c1" href="{{ links[1].link if links[1] else '#' }}" {{ 'target="_blank"' if links[1] else '' }}>
|
|
{{ (links[1].text | safe) if links[1] else "<!-- link[1] -->" }}
|
|
</a>
|
|
<a class="square square-multiline square-blue-2" style="grid-row: 4; grid-column: 4" data-index="l4c1" href="{{ links[2].link if links[2] else '#' }}" {{ 'target="_blank"' if links[2] else '' }}>
|
|
{{ (links[2].text | safe) if links[2] else "<!-- link[2] -->" }}
|
|
</a>
|
|
<div class="square square-img" style="grid-row: 1; grid-column: 5; background: url('assets/sq3.webp')"></div>
|
|
<div class="square square-blue-1" style="grid-row: 3; grid-column: 5; z-index: -1"></div>
|
|
<div class="square square-blue-3" style="grid-row: 5; grid-column: 5; z-index: -1"></div>
|
|
<div class="square square-img" style="grid-row: 3; grid-column: 6; background: url('assets/sq1.webp')"></div>
|
|
<a class="square square-multiline square-blue-1" style="grid-row: 5; grid-column: 6" data-index="l5c1" href="{{ links[3].link if links[3] else '#' }}" {{ 'target="_blank"' if links[3] else '' }}>
|
|
{{ (links[3].text | safe) if links[3] else "<!-- link[3] -->" }}
|
|
</a>
|
|
<div class="square square-img" style="grid-row: 7; grid-column: 6; background: url('assets/sq5.webp')"></div>
|
|
<a class="square square-multiline square-blue-1" style="grid-row: 1; grid-column: 7" data-index="l1c2" href="{{ links[4].link if links[4] else '#' }}" {{ 'target="_blank"' if links[4] else '' }}>
|
|
{{ (links[4].text | safe) if links[4] else "<!-- link[4] -->" }}
|
|
</a>
|
|
<a class="square square-multiline square-blue-2" style="grid-row: 3; grid-column: 8" data-index="l3c1" href="{{ links[5].link if links[5] else '#' }}" {{ 'target="_blank"' if links[5] else '' }}>
|
|
{{ (links[5].text | safe) if links[5] else "<!-- link[5] -->" }}
|
|
</a>
|
|
<div class="square square-img" style="grid-row: 5; grid-column: 8; background: url('assets/sq4.webp')"></div>
|
|
<a class="square square-multiline square-blue-3" style="grid-row: 7; grid-column: 8" data-index="l6c1" href="{{ links[6].link if links[6] else '#' }}" {{ 'target="_blank"' if links[6] else '' }}>
|
|
{{ (links[6].text | safe) if links[6] else "<!-- link[6] -->" }}
|
|
</a>
|
|
<a class="square square-multiline square-blue-1" style="grid-row: 3; grid-column: 10;" data-index="l3c2" href="{{ links[7].link if links[7] else '#' }}" {{ 'target="_blank"' if links[7] else '' }}>
|
|
{{ (links[7].text | safe) if links[7] else "<!-- link[7] -->" }}
|
|
</a>
|
|
<a class="square square-multiline square-blue-3" style="grid-row: 5; grid-column: 10;" data-index="l5c2" href="{{ links[8].link if links[8] else '#' }}" {{ 'target="_blank"' if links[8] else '' }}>
|
|
{{ (links[8].text | safe) if links[8] else "<!-- link[8] -->" }}
|
|
</a>
|
|
<div class="square square-img" style="grid-row: 7; grid-column: 10; background: url('assets/sq6.webp')"></div>
|
|
<a class="square square-multiline square-blue-1" style="grid-row: 5; grid-column: 12" data-index="l5c3" href="{{ links[9].link if links[9] else '#' }}" {{ 'target="_blank"' if links[9] else '' }}>
|
|
{{ (links[9].text | safe) if links[9] else "<!-- link[9] -->" }}
|
|
</a>
|
|
<div class="square square-blue-3" style="grid-row: 6; grid-column: 11; z-index: -2"></div>
|
|
<div class="square square-blue-2" style="grid-row: 6; grid-column: 12; z-index: -3"></div>
|
|
<div class="square square-blue-1" style="grid-row: 7; grid-column: 11; z-index: -3"></div>
|
|
<footer style="grid-row: 9 / span 7; grid-column: span 12;">
|
|
{{ footer | safe }}
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|