mirror of
https://github.com/Wcowin/Mkdocs-Wcowin.git
synced 2025-07-20 17:06:34 +00:00
3933 lines
236 KiB
HTML
3933 lines
236 KiB
HTML
|
||
<!doctype html>
|
||
<html lang="zh" class="no-js">
|
||
<head>
|
||
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||
|
||
<meta name="description" content="Content and ambitious, gentle yet firm.">
|
||
|
||
|
||
<meta name="author" content="王科文(Wcowin)">
|
||
|
||
|
||
<link rel="canonical" href="http://wcowin.work/Mkdocs-Wcowin/blog/websitebeauty/404/">
|
||
|
||
|
||
<link rel="prev" href="../Relativeaddress/">
|
||
|
||
|
||
<link rel="next" href="../time/">
|
||
|
||
|
||
<link rel="icon" href="https://s2.loli.net/2025/02/12/aE5ovtzAlNTd9Uh.png">
|
||
<meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.6.13">
|
||
|
||
|
||
|
||
<title>添加404页面 - Mkdocs教程</title>
|
||
|
||
|
||
|
||
<link rel="stylesheet" href="../../../assets/stylesheets/main.342714a4.min.css">
|
||
|
||
|
||
<link rel="stylesheet" href="../../../assets/stylesheets/palette.06af60db.min.css">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
|
||
<style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
|
||
|
||
|
||
|
||
<link rel="stylesheet" href="../../../stylesheets/extra.css">
|
||
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Wcowin/Mkdocs-Wcowin@main/docs/stylesheets/extra.css">
|
||
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Wcowin/Wcowin.github.io@main/docs/stylesheets/link.css">
|
||
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Wcowin/Wcowin.github.io@main/docs/stylesheets/customize.css">
|
||
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Wcowin/Wcowin.github.io@main/docs/stylesheets/ziti.css">
|
||
|
||
<script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<script id="__analytics">function __md_analytics(){function e(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],e("js",new Date),e("config","G-29HZMNR0KG"),document.addEventListener("DOMContentLoaded",(function(){document.forms.search&&document.forms.search.query.addEventListener("blur",(function(){this.value&&e("event","search",{search_term:this.value})}));document$.subscribe((function(){var t=document.forms.feedback;if(void 0!==t)for(var a of t.querySelectorAll("[type=submit]"))a.addEventListener("click",(function(a){a.preventDefault();var n=document.location.pathname,d=this.getAttribute("data-md-value");e("event","feedback",{page:n,data:d}),t.firstElementChild.disabled=!0;var r=t.querySelector(".md-feedback__note [data-md-value='"+d+"']");r&&(r.hidden=!1)})),t.hidden=!1})),location$.subscribe((function(t){e("config","G-29HZMNR0KG",{page_path:t.pathname})}))}));var t=document.createElement("script");t.async=!0,t.src="https://www.googletagmanager.com/gtag/js?id=G-29HZMNR0KG",document.getElementById("__analytics").insertAdjacentElement("afterEnd",t)}</script>
|
||
|
||
<script>"undefined"!=typeof __md_analytics&&__md_analytics()</script>
|
||
|
||
|
||
|
||
|
||
|
||
</head>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<body dir="ltr" data-md-color-scheme="default" data-md-color-primary="indigo" data-md-color-accent="indigo">
|
||
|
||
|
||
<input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
|
||
<input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
|
||
<label class="md-overlay" for="__drawer"></label>
|
||
<div data-md-component="skip">
|
||
|
||
|
||
<a href="#404" class="md-skip">
|
||
跳转至
|
||
</a>
|
||
|
||
</div>
|
||
<div data-md-component="announce">
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
<header class="md-header" data-md-component="header">
|
||
<nav class="md-header__inner md-grid" aria-label="页眉">
|
||
<a href="../../.." title="Mkdocs教程" class="md-header__button md-logo" aria-label="Mkdocs教程" data-md-component="logo">
|
||
|
||
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 89 89">
|
||
<path d="M3.136,17.387l0,42.932l42.932,21.467l-42.932,-64.399Z" />
|
||
<path d="M21.91,8l42.933,64.398l-18.775,9.388l-42.932,-64.399l18.774,-9.387Z" style="fill-opacity: 0.5" />
|
||
<path d="M67.535,17.387l-27.262,18.156l21.878,32.818l5.384,2.691l0,-53.665Z" />
|
||
<path d="M67.535,17.387l0,53.666l18.774,-9.388l0,-53.665l-18.774,9.387Z" style="fill-opacity: 0.25" />
|
||
</svg>
|
||
|
||
</a>
|
||
<label class="md-header__button md-icon" for="__drawer">
|
||
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
|
||
</label>
|
||
<div class="md-header__title" data-md-component="header-title">
|
||
<div class="md-header__ellipsis">
|
||
<div class="md-header__topic">
|
||
<span class="md-ellipsis">
|
||
Mkdocs教程
|
||
</span>
|
||
</div>
|
||
<div class="md-header__topic" data-md-component="header-topic">
|
||
<span class="md-ellipsis">
|
||
|
||
添加404页面
|
||
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<form class="md-header__option" data-md-component="palette">
|
||
|
||
|
||
|
||
|
||
<input class="md-option" data-md-color-media="(prefers-color-scheme)" data-md-color-scheme="default" data-md-color-primary="indigo" data-md-color-accent="indigo" aria-label="关闭自动模式" type="radio" name="__palette" id="__palette_0">
|
||
|
||
<label class="md-header__button md-icon" title="关闭自动模式" for="__palette_1" hidden>
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7a5 5 0 0 0-5 5 5 5 0 0 0 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1M8 13h8v-2H8zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4a5 5 0 0 0 5-5 5 5 0 0 0-5-5"/></svg>
|
||
</label>
|
||
|
||
|
||
|
||
|
||
|
||
<input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="blue" data-md-color-accent="indigo" aria-label="切换至夜间模式" type="radio" name="__palette" id="__palette_1">
|
||
|
||
<label class="md-header__button md-icon" title="切换至夜间模式" for="__palette_2" hidden>
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17 7H7a5 5 0 0 0-5 5 5 5 0 0 0 5 5h10a5 5 0 0 0 5-5 5 5 0 0 0-5-5m0 8a3 3 0 0 1-3-3 3 3 0 0 1 3-3 3 3 0 0 1 3 3 3 3 0 0 1-3 3"/></svg>
|
||
</label>
|
||
|
||
|
||
|
||
|
||
|
||
<input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="black" data-md-color-accent="indigo" aria-label="切换至日间模式" type="radio" name="__palette" id="__palette_2">
|
||
|
||
<label class="md-header__button md-icon" title="切换至日间模式" for="__palette_0" hidden>
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17 6H7c-3.31 0-6 2.69-6 6s2.69 6 6 6h10c3.31 0 6-2.69 6-6s-2.69-6-6-6m0 10H7c-2.21 0-4-1.79-4-4s1.79-4 4-4h10c2.21 0 4 1.79 4 4s-1.79 4-4 4M7 9c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3"/></svg>
|
||
</label>
|
||
|
||
|
||
</form>
|
||
|
||
|
||
|
||
<script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
|
||
|
||
|
||
<div class="md-header__option">
|
||
<div class="md-select">
|
||
|
||
<button class="md-header__button md-icon" aria-label="选择当前语言">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M0 128c0-35.3 28.7-64 64-64h512c35.3 0 64 28.7 64 64v256c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64zm320 0v256h256V128zm-141.7 47.9c-3.2-7.2-10.4-11.9-18.3-11.9s-15.1 4.7-18.3 11.9l-64 144c-4.5 10.1.1 21.9 10.2 26.4s21.9-.1 26.4-10.2l8.9-20.1h73.6l8.9 20.1c4.5 10.1 16.3 14.6 26.4 10.2s14.6-16.3 10.2-26.4zM160 233.2l19 42.8h-38zM448 164c11 0 20 9 20 20v4h60c11 0 20 9 20 20s-9 20-20 20h-2l-1.6 4.5c-8.9 24.4-22.4 46.6-39.6 65.4.9.6 1.8 1.1 2.7 1.6l18.9 11.3c9.5 5.7 12.5 18 6.9 27.4s-18 12.5-27.4 6.9L467 333.8c-4.5-2.7-8.8-5.5-13.1-8.5-10.6 7.5-21.9 14-34 19.4l-3.6 1.6c-10.1 4.5-21.9-.1-26.4-10.2s.1-21.9 10.2-26.4l3.6-1.6c6.4-2.9 12.6-6.1 18.5-9.8L410 286.1c-7.8-7.8-7.8-20.5 0-28.3s20.5-7.8 28.3 0l14.6 14.6.5.5c12.4-13.1 22.5-28.3 29.8-45l-35.2.1h-72c-11 0-20-9-20-20s9-20 20-20h52v-4c0-11 9-20 20-20"/></svg>
|
||
</button>
|
||
<div class="md-select__inner">
|
||
<ul class="md-select__list">
|
||
|
||
<li class="md-select__item">
|
||
<a href="/" hreflang="zh" class="md-select__link">
|
||
简体中文
|
||
</a>
|
||
</li>
|
||
|
||
<li class="md-select__item">
|
||
<a href="/Mkdocs-Wcowin/en/" hreflang="en" class="md-select__link">
|
||
English
|
||
</a>
|
||
</li>
|
||
|
||
<li class="md-select__item">
|
||
<a href="/Mkdocs-Wcowin/ZH-TW/" hreflang="zh-TW" class="md-select__link">
|
||
China(TW)
|
||
</a>
|
||
</li>
|
||
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
<label class="md-header__button md-icon" for="__search">
|
||
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
|
||
</label>
|
||
<div class="md-search" data-md-component="search" role="dialog">
|
||
<label class="md-search__overlay" for="__search"></label>
|
||
<div class="md-search__inner" role="search">
|
||
<form class="md-search__form" name="search">
|
||
<input type="text" class="md-search__input" name="query" aria-label="搜索" placeholder="搜索" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
|
||
<label class="md-search__icon md-icon" for="__search">
|
||
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
|
||
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256l137.3-137.4c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/></svg>
|
||
</label>
|
||
<nav class="md-search__options" aria-label="查找">
|
||
|
||
<a href="javascript:void(0)" class="md-search__icon md-icon" title="分享" aria-label="分享" data-clipboard data-clipboard-text="" data-md-component="search-share" tabindex="-1">
|
||
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9a3 3 0 0 0-3 3 3 3 0 0 0 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.15c-.05.21-.08.43-.08.66 0 1.61 1.31 2.91 2.92 2.91s2.92-1.3 2.92-2.91A2.92 2.92 0 0 0 18 16.08"/></svg>
|
||
</a>
|
||
|
||
<button type="reset" class="md-search__icon md-icon" title="清空当前内容" aria-label="清空当前内容" tabindex="-1">
|
||
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
|
||
</button>
|
||
</nav>
|
||
|
||
<div class="md-search__suggest" data-md-component="search-suggest"></div>
|
||
|
||
</form>
|
||
<div class="md-search__output">
|
||
<div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
|
||
<div class="md-search-result" data-md-component="search-result">
|
||
<div class="md-search-result__meta">
|
||
正在初始化搜索引擎
|
||
</div>
|
||
<ol class="md-search-result__list" role="presentation"></ol>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="md-header__source">
|
||
<a href="https://github.com/Wcowin/Mkdocs-Wcowin" title="前往仓库" class="md-source" data-md-component="source">
|
||
<div class="md-source__icon md-icon">
|
||
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
|
||
</div>
|
||
<div class="md-source__repository">
|
||
Mkdocs-Wcowin
|
||
</div>
|
||
</a>
|
||
</div>
|
||
|
||
</nav>
|
||
|
||
</header>
|
||
|
||
<div class="md-container" data-md-component="container">
|
||
|
||
|
||
|
||
|
||
|
||
<nav class="md-tabs" aria-label="标签" data-md-component="tabs">
|
||
<div class="md-grid">
|
||
<ul class="md-tabs__list">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-tabs__item md-tabs__item--active">
|
||
<a href="../../MIT/" class="md-tabs__link">
|
||
|
||
|
||
|
||
|
||
|
||
MKdocs中文教程
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-tabs__item">
|
||
<a href="../../../develop/Markdown/markdown/" class="md-tabs__link">
|
||
|
||
|
||
|
||
|
||
|
||
建设MKdocs技能指北
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-tabs__item">
|
||
<a href="../../../tag/" class="md-tabs__link">
|
||
|
||
|
||
|
||
|
||
|
||
标签
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-tabs__item">
|
||
<a href="../../../liuyanban/" class="md-tabs__link">
|
||
|
||
|
||
|
||
|
||
|
||
留言板
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-tabs__item">
|
||
<a href="../../" class="md-tabs__link">
|
||
|
||
|
||
|
||
|
||
|
||
博客
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-tabs__item">
|
||
<a href="../../../link/" class="md-tabs__link">
|
||
|
||
|
||
|
||
|
||
|
||
友链
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-tabs__item">
|
||
<a href="../../../about/geren/" class="md-tabs__link">
|
||
|
||
|
||
|
||
|
||
|
||
关于
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-tabs__item">
|
||
<a href="https://wcowin.work" class="md-tabs__link">
|
||
|
||
|
||
|
||
|
||
|
||
个人博客
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-tabs__item">
|
||
<a href="https://wcowin.work/Personal-Profile/#" class="md-tabs__link">
|
||
|
||
|
||
|
||
|
||
|
||
个人简介
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-tabs__item">
|
||
<a href="https://github.com/new?template_name=Mkdocs-Wcowin&template_owner=Wcowin" class="md-tabs__link">
|
||
|
||
|
||
|
||
|
||
|
||
使用本主题
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
</ul>
|
||
</div>
|
||
</nav>
|
||
|
||
|
||
|
||
<main class="md-main" data-md-component="main">
|
||
<div class="md-main__inner md-grid">
|
||
|
||
|
||
|
||
<div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
|
||
<div class="md-sidebar__scrollwrap">
|
||
<div class="md-sidebar__inner">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="导航栏" data-md-level="0">
|
||
<label class="md-nav__title" for="__drawer">
|
||
<a href="../../.." title="Mkdocs教程" class="md-nav__button md-logo" aria-label="Mkdocs教程" data-md-component="logo">
|
||
|
||
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 89 89">
|
||
<path d="M3.136,17.387l0,42.932l42.932,21.467l-42.932,-64.399Z" />
|
||
<path d="M21.91,8l42.933,64.398l-18.775,9.388l-42.932,-64.399l18.774,-9.387Z" style="fill-opacity: 0.5" />
|
||
<path d="M67.535,17.387l-27.262,18.156l21.878,32.818l5.384,2.691l0,-53.665Z" />
|
||
<path d="M67.535,17.387l0,53.666l18.774,-9.388l0,-53.665l-18.774,9.387Z" style="fill-opacity: 0.25" />
|
||
</svg>
|
||
|
||
</a>
|
||
Mkdocs教程
|
||
</label>
|
||
|
||
<div class="md-nav__source">
|
||
<a href="https://github.com/Wcowin/Mkdocs-Wcowin" title="前往仓库" class="md-source" data-md-component="source">
|
||
<div class="md-source__icon md-icon">
|
||
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
|
||
</div>
|
||
<div class="md-source__repository">
|
||
Mkdocs-Wcowin
|
||
</div>
|
||
</a>
|
||
</div>
|
||
|
||
<ul class="md-nav__list" data-md-scrollfix>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
|
||
|
||
|
||
|
||
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_1" checked>
|
||
|
||
|
||
<label class="md-nav__link" for="__nav_1" id="__nav_1_label" tabindex="">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
MKdocs中文教程
|
||
|
||
</span>
|
||
|
||
|
||
<span class="md-nav__icon md-icon"></span>
|
||
</label>
|
||
|
||
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_1_label" aria-expanded="true">
|
||
<label class="md-nav__title" for="__nav_1">
|
||
<span class="md-nav__icon md-icon"></span>
|
||
MKdocs中文教程
|
||
</label>
|
||
<ul class="md-nav__list" data-md-scrollfix>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../../MIT/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
许可声明
|
||
|
||
</span>
|
||
|
||
|
||
|
||
|
||
<span class="md-status md-status--new"></span>
|
||
|
||
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item md-nav__item--section md-nav__item--nested">
|
||
|
||
|
||
|
||
|
||
|
||
<input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_1_2" >
|
||
|
||
|
||
<label class="md-nav__link" for="__nav_1_2" id="__nav_1_2_label" tabindex="">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
MKdocs教程(三部曲)
|
||
|
||
</span>
|
||
|
||
|
||
<span class="md-nav__icon md-icon"></span>
|
||
</label>
|
||
|
||
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_1_2_label" aria-expanded="false">
|
||
<label class="md-nav__title" for="__nav_1_2">
|
||
<span class="md-nav__icon md-icon"></span>
|
||
MKdocs教程(三部曲)
|
||
</label>
|
||
<ul class="md-nav__list" data-md-scrollfix>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../../Mkdocs/mkfirst/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
0.Mkdocs教程前言
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../../Mkdocs/mkdocs1/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
1.利用Mkdocs部署静态网页
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../../Mkdocs/mkdocs2/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
2.Mkdocs配置说明(mkdocs.yml)
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../../Mkdocs/mkdocs3/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
3.解决Github Pages部署mkdocs自定义域名失效的问题
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
</ul>
|
||
</nav>
|
||
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
|
||
|
||
|
||
|
||
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_1_3" checked>
|
||
|
||
|
||
<label class="md-nav__link" for="__nav_1_3" id="__nav_1_3_label" tabindex="">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
Mkdocs美化/补充
|
||
|
||
</span>
|
||
|
||
|
||
<span class="md-nav__icon md-icon"></span>
|
||
</label>
|
||
|
||
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_1_3_label" aria-expanded="true">
|
||
<label class="md-nav__title" for="__nav_1_3">
|
||
<span class="md-nav__icon md-icon"></span>
|
||
Mkdocs美化/补充
|
||
</label>
|
||
<ul class="md-nav__list" data-md-scrollfix>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../../Mkdocs/mkdocsblog/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
添加Mkdocs博客
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../yuanjiaohua/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
网页圆角化设计
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../mkcomments/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
添加评论系统(giscus为例)
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../webtalknow/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
添加在线聊天
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../linktech/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
添加友链
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../header/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
添加顶部公告栏
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../mkdocsfont/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
修改网站字体
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../shubiao/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
JS实现鼠标样式
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../backgroud/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
背景特效
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../mkpdf/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
嵌入PDF文件
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../Relativeaddress/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
相对地址的一些问题
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item md-nav__item--active">
|
||
|
||
<input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
|
||
|
||
|
||
|
||
<label class="md-nav__link md-nav__link--active" for="__toc">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
添加404页面
|
||
|
||
</span>
|
||
|
||
|
||
<span class="md-nav__icon md-icon"></span>
|
||
</label>
|
||
|
||
<a href="./" class="md-nav__link md-nav__link--active">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
添加404页面
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
|
||
|
||
|
||
<nav class="md-nav md-nav--secondary" aria-label="目录">
|
||
|
||
|
||
|
||
|
||
<label class="md-nav__title" for="__toc">
|
||
<span class="md-nav__icon md-icon"></span>
|
||
目录
|
||
</label>
|
||
<ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
|
||
|
||
<li class="md-nav__item">
|
||
<a href="#404" class="md-nav__link">
|
||
<span class="md-ellipsis">
|
||
404公益页面
|
||
</span>
|
||
</a>
|
||
|
||
</li>
|
||
|
||
<li class="md-nav__item">
|
||
<a href="#404_1" class="md-nav__link">
|
||
<span class="md-ellipsis">
|
||
404骰子页面
|
||
</span>
|
||
</a>
|
||
|
||
</li>
|
||
|
||
</ul>
|
||
|
||
</nav>
|
||
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../time/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
为MKdocs添加文章修订时间戳
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../footer/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
页脚设置
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../accelerate/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
加速网站访问的一些心得
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
</ul>
|
||
</nav>
|
||
|
||
</li>
|
||
|
||
|
||
|
||
|
||
</ul>
|
||
</nav>
|
||
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item md-nav__item--nested">
|
||
|
||
|
||
|
||
|
||
|
||
<input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_2" >
|
||
|
||
|
||
<label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
建设MKdocs技能指北
|
||
|
||
</span>
|
||
|
||
|
||
<span class="md-nav__icon md-icon"></span>
|
||
</label>
|
||
|
||
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
|
||
<label class="md-nav__title" for="__nav_2">
|
||
<span class="md-nav__icon md-icon"></span>
|
||
建设MKdocs技能指北
|
||
</label>
|
||
<ul class="md-nav__list" data-md-scrollfix>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item md-nav__item--nested">
|
||
|
||
|
||
|
||
|
||
|
||
<input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_2_1" >
|
||
|
||
|
||
<label class="md-nav__link" for="__nav_2_1" id="__nav_2_1_label" tabindex="0">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
Markdown
|
||
|
||
</span>
|
||
|
||
|
||
<span class="md-nav__icon md-icon"></span>
|
||
</label>
|
||
|
||
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_2_1_label" aria-expanded="false">
|
||
<label class="md-nav__title" for="__nav_2_1">
|
||
<span class="md-nav__icon md-icon"></span>
|
||
Markdown
|
||
</label>
|
||
<ul class="md-nav__list" data-md-scrollfix>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../../../develop/Markdown/markdown/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
Markdown指南
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../../../develop/Markdown/MWeb/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
MWeb Pro
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
</ul>
|
||
</nav>
|
||
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../../../develop/git/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
Git 实用技巧
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../../../develop/lighthouse/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
利用Lighthouse测试网站性能
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../../../develop/vercel/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
如何将 github pages 迁移到 vercel 上托管
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item md-nav__item--nested">
|
||
|
||
|
||
|
||
|
||
|
||
<input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_2_5" >
|
||
|
||
|
||
<label class="md-nav__link" for="__nav_2_5" id="__nav_2_5_label" tabindex="0">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
设计美学
|
||
|
||
</span>
|
||
|
||
|
||
<span class="md-nav__icon md-icon"></span>
|
||
</label>
|
||
|
||
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_2_5_label" aria-expanded="false">
|
||
<label class="md-nav__title" for="__nav_2_5">
|
||
<span class="md-nav__icon md-icon"></span>
|
||
设计美学
|
||
</label>
|
||
<ul class="md-nav__list" data-md-scrollfix>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../../../develop/designbeauty/db1/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
唐·诺曼—情感设计的三个层次
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../../../develop/designbeauty/my-to-desihn/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
我对设计的一些观点
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
</ul>
|
||
</nav>
|
||
|
||
</li>
|
||
|
||
|
||
|
||
|
||
</ul>
|
||
</nav>
|
||
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../../../tag/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
标签
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../../../liuyanban/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
留言板
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item md-nav__item--nested">
|
||
|
||
|
||
|
||
|
||
|
||
<input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_5" >
|
||
|
||
|
||
<div class="md-nav__link md-nav__container">
|
||
<a href="../../" class="md-nav__link ">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
博客
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
|
||
|
||
<label class="md-nav__link " for="__nav_5" id="__nav_5_label" tabindex="0">
|
||
<span class="md-nav__icon md-icon"></span>
|
||
</label>
|
||
|
||
</div>
|
||
|
||
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
|
||
<label class="md-nav__title" for="__nav_5">
|
||
<span class="md-nav__icon md-icon"></span>
|
||
博客
|
||
</label>
|
||
<ul class="md-nav__list" data-md-scrollfix>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item md-nav__item--nested">
|
||
|
||
|
||
|
||
|
||
|
||
<input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_5_2" >
|
||
|
||
|
||
<label class="md-nav__link" for="__nav_5_2" id="__nav_5_2_label" tabindex="0">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
归档
|
||
|
||
</span>
|
||
|
||
|
||
<span class="md-nav__icon md-icon"></span>
|
||
</label>
|
||
|
||
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_5_2_label" aria-expanded="false">
|
||
<label class="md-nav__title" for="__nav_5_2">
|
||
<span class="md-nav__icon md-icon"></span>
|
||
归档
|
||
</label>
|
||
<ul class="md-nav__list" data-md-scrollfix>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../../archive/2025/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
2025
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../../archive/2024/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
2024
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../../archive/2023/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
2023
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../../archive/2022/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
2022
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../../archive/2021/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
2021
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
</ul>
|
||
</nav>
|
||
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item md-nav__item--nested">
|
||
|
||
|
||
|
||
|
||
|
||
<input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_5_3" >
|
||
|
||
|
||
<label class="md-nav__link" for="__nav_5_3" id="__nav_5_3_label" tabindex="0">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
分类
|
||
|
||
</span>
|
||
|
||
|
||
<span class="md-nav__icon md-icon"></span>
|
||
</label>
|
||
|
||
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_5_3_label" aria-expanded="false">
|
||
<label class="md-nav__title" for="__nav_5_3">
|
||
<span class="md-nav__icon md-icon"></span>
|
||
分类
|
||
</label>
|
||
<ul class="md-nav__list" data-md-scrollfix>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../../category/hello-world/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
Hello World
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../../category/%E7%BD%91%E7%AB%99%E6%9B%B4%E6%96%B0%E8%AE%B0%E5%BD%95/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
网站更新记录
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
</ul>
|
||
</nav>
|
||
|
||
</li>
|
||
|
||
|
||
|
||
|
||
</ul>
|
||
</nav>
|
||
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item md-nav__item--nested">
|
||
|
||
|
||
|
||
|
||
|
||
<input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_6" >
|
||
|
||
|
||
<label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
友链
|
||
|
||
</span>
|
||
|
||
|
||
<span class="md-nav__icon md-icon"></span>
|
||
</label>
|
||
|
||
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
|
||
<label class="md-nav__title" for="__nav_6">
|
||
<span class="md-nav__icon md-icon"></span>
|
||
友链
|
||
</label>
|
||
<ul class="md-nav__list" data-md-scrollfix>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../../../link/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
友链
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
</ul>
|
||
</nav>
|
||
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item md-nav__item--nested">
|
||
|
||
|
||
|
||
|
||
|
||
<input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_7" >
|
||
|
||
|
||
<label class="md-nav__link" for="__nav_7" id="__nav_7_label" tabindex="0">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
关于
|
||
|
||
</span>
|
||
|
||
|
||
<span class="md-nav__icon md-icon"></span>
|
||
</label>
|
||
|
||
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_7_label" aria-expanded="false">
|
||
<label class="md-nav__title" for="__nav_7">
|
||
<span class="md-nav__icon md-icon"></span>
|
||
关于
|
||
</label>
|
||
<ul class="md-nav__list" data-md-scrollfix>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../../../about/geren/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
作者个人简介
|
||
|
||
</span>
|
||
|
||
|
||
|
||
|
||
<span class="md-status md-status--new"></span>
|
||
|
||
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../../../about/resume/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
个人简历
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../../../about/zcw/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
支持作者
|
||
|
||
</span>
|
||
|
||
|
||
|
||
|
||
<span class="md-status md-status--new"></span>
|
||
|
||
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="../../../about/test/" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
功能测试
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
</ul>
|
||
</nav>
|
||
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="https://wcowin.work" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
个人博客
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="https://wcowin.work/Personal-Profile/#" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
个人简介
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="md-nav__item">
|
||
<a href="https://github.com/new?template_name=Mkdocs-Wcowin&template_owner=Wcowin" class="md-nav__link">
|
||
|
||
|
||
|
||
<span class="md-ellipsis">
|
||
使用本主题
|
||
|
||
</span>
|
||
|
||
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
|
||
<div class="md-sidebar__scrollwrap">
|
||
<div class="md-sidebar__inner">
|
||
|
||
|
||
<nav class="md-nav md-nav--secondary" aria-label="目录">
|
||
|
||
|
||
|
||
|
||
<label class="md-nav__title" for="__toc">
|
||
<span class="md-nav__icon md-icon"></span>
|
||
目录
|
||
</label>
|
||
<ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
|
||
|
||
<li class="md-nav__item">
|
||
<a href="#404" class="md-nav__link">
|
||
<span class="md-ellipsis">
|
||
404公益页面
|
||
</span>
|
||
</a>
|
||
|
||
</li>
|
||
|
||
<li class="md-nav__item">
|
||
<a href="#404_1" class="md-nav__link">
|
||
<span class="md-ellipsis">
|
||
404骰子页面
|
||
</span>
|
||
</a>
|
||
|
||
</li>
|
||
|
||
</ul>
|
||
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="md-content" data-md-component="content">
|
||
<article class="md-content__inner md-typeset">
|
||
|
||
|
||
|
||
<nav class="md-tags" >
|
||
|
||
|
||
|
||
|
||
<a href="../../../tag/#tag:mkdocs" class="md-tag">Mkdocs</a>
|
||
|
||
|
||
</nav>
|
||
|
||
|
||
|
||
<a href="https://github.com/Wcowin/Mkdocs-Wcowin/edit/main/docs/blog/websitebeauty/404.md" title="编辑此页" class="md-content__button md-icon">
|
||
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 20H6V4h7v5h5v3.1l2-2V8l-6-6H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h4zm10.2-7c.1 0 .3.1.4.2l1.3 1.3c.2.2.2.6 0 .8l-1 1-2.1-2.1 1-1c.1-.1.2-.2.4-.2m0 3.9L14.1 23H12v-2.1l6.1-6.1z"/></svg>
|
||
</a>
|
||
|
||
|
||
|
||
|
||
|
||
<a href="https://github.com/Wcowin/Mkdocs-Wcowin/raw/main/docs/blog/websitebeauty/404.md" title="查看本页的源代码" class="md-content__button md-icon">
|
||
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17 18c.56 0 1 .44 1 1s-.44 1-1 1-1-.44-1-1 .44-1 1-1m0-3c-2.73 0-5.06 1.66-6 4 .94 2.34 3.27 4 6 4s5.06-1.66 6-4c-.94-2.34-3.27-4-6-4m0 6.5a2.5 2.5 0 0 1-2.5-2.5 2.5 2.5 0 0 1 2.5-2.5 2.5 2.5 0 0 1 2.5 2.5 2.5 2.5 0 0 1-2.5 2.5M9.27 20H6V4h7v5h5v4.07c.7.08 1.36.25 2 .49V8l-6-6H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h4.5a8.2 8.2 0 0 1-1.23-2"/></svg>
|
||
</a>
|
||
|
||
|
||
|
||
<h1>添加404页面</h1>
|
||
|
||
<div class="admonition info">
|
||
<p class="admonition-title">📖 阅读信息</p>
|
||
<p>阅读时间：<strong>1</strong> 分钟 | 中文字符：<strong>131</strong> | 有效代码行数：<strong>30</strong></p>
|
||
</div>
|
||
<p><img alt="" src="https://s1.imagehub.cc/images/2024/02/02/b94cdf67258487f737cfa29829629157.png" /></p>
|
||
<p>首先在mkdocs.yml文件中添加custom_dir:
|
||
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
|
||
<span class="normal"><a href="#__codelineno-0-2">2</a></span>
|
||
<span class="normal"><a href="#__codelineno-0-3">3</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a>theme:
|
||
<a id="__codelineno-0-2" name="__codelineno-0-2"></a> name: material
|
||
<a id="__codelineno-0-3" name="__codelineno-0-3"></a><span class="hll"> custom_dir: docs/overrides #覆写路径
|
||
</span></code></pre></div></td></tr></table></div></p>
|
||
<p>docs/overrides文件下新建404.html<br />
|
||
树状结构如下:<br />
|
||
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1"> 1</a></span>
|
||
<span class="normal"><a href="#__codelineno-1-2"> 2</a></span>
|
||
<span class="normal"><a href="#__codelineno-1-3"> 3</a></span>
|
||
<span class="normal"><a href="#__codelineno-1-4"> 4</a></span>
|
||
<span class="normal"><a href="#__codelineno-1-5"> 5</a></span>
|
||
<span class="normal"><a href="#__codelineno-1-6"> 6</a></span>
|
||
<span class="normal"><a href="#__codelineno-1-7"> 7</a></span>
|
||
<span class="normal"><a href="#__codelineno-1-8"> 8</a></span>
|
||
<span class="normal"><a href="#__codelineno-1-9"> 9</a></span>
|
||
<span class="normal"><a href="#__codelineno-1-10">10</a></span>
|
||
<span class="normal"><a href="#__codelineno-1-11">11</a></span>
|
||
<span class="normal"><a href="#__codelineno-1-12">12</a></span>
|
||
<span class="normal"><a href="#__codelineno-1-13">13</a></span>
|
||
<span class="normal"><a href="#__codelineno-1-14">14</a></span>
|
||
<span class="normal"><a href="#__codelineno-1-15">15</a></span>
|
||
<span class="normal"><a href="#__codelineno-1-16">16</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1"></a>$ tree -a
|
||
<a id="__codelineno-1-2" name="__codelineno-1-2"></a>.
|
||
<a id="__codelineno-1-3" name="__codelineno-1-3"></a>├── .github
|
||
<a id="__codelineno-1-4" name="__codelineno-1-4"></a>│ ├── .DS_Store
|
||
<a id="__codelineno-1-5" name="__codelineno-1-5"></a>│ └── workflows
|
||
<a id="__codelineno-1-6" name="__codelineno-1-6"></a>│ └── PublishMySite.yml
|
||
<a id="__codelineno-1-7" name="__codelineno-1-7"></a>├── docs
|
||
<a id="__codelineno-1-8" name="__codelineno-1-8"></a>│ └── index.md
|
||
<a id="__codelineno-1-9" name="__codelineno-1-9"></a>│ └──overrides
|
||
<a id="__codelineno-1-10" name="__codelineno-1-10"></a>│ └──assets
|
||
<a id="__codelineno-1-11" name="__codelineno-1-11"></a><span class="hll">│ └──404.html
|
||
</span><a id="__codelineno-1-12" name="__codelineno-1-12"></a>│ └──main.html
|
||
<a id="__codelineno-1-13" name="__codelineno-1-13"></a>│ └──partials
|
||
<a id="__codelineno-1-14" name="__codelineno-1-14"></a>│ └──comments.html
|
||
<a id="__codelineno-1-15" name="__codelineno-1-15"></a>│
|
||
<a id="__codelineno-1-16" name="__codelineno-1-16"></a>└── mkdocs.yml
|
||
</code></pre></div></td></tr></table></div></p>
|
||
<h2 id="404">404公益页面<a class="headerlink" href="#404" title="Permanent link">¶</a></h2>
|
||
<details class="note">
|
||
<summary>点击展开</summary>
|
||
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1"> 1</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-2"> 2</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-3"> 3</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-4"> 4</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-5"> 5</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-6"> 6</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-7"> 7</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-8"> 8</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-9"> 9</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-10"> 10</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-11"> 11</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-12"> 12</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-13"> 13</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-14"> 14</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-15"> 15</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-16"> 16</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-17"> 17</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-18"> 18</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-19"> 19</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-20"> 20</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-21"> 21</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-22"> 22</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-23"> 23</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-24"> 24</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-25"> 25</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-26"> 26</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-27"> 27</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-28"> 28</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-29"> 29</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-30"> 30</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-31"> 31</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-32"> 32</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-33"> 33</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-34"> 34</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-35"> 35</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-36"> 36</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-37"> 37</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-38"> 38</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-39"> 39</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-40"> 40</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-41"> 41</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-42"> 42</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-43"> 43</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-44"> 44</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-45"> 45</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-46"> 46</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-47"> 47</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-48"> 48</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-49"> 49</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-50"> 50</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-51"> 51</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-52"> 52</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-53"> 53</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-54"> 54</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-55"> 55</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-56"> 56</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-57"> 57</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-58"> 58</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-59"> 59</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-60"> 60</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-61"> 61</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-62"> 62</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-63"> 63</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-64"> 64</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-65"> 65</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-66"> 66</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-67"> 67</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-68"> 68</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-69"> 69</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-70"> 70</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-71"> 71</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-72"> 72</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-73"> 73</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-74"> 74</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-75"> 75</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-76"> 76</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-77"> 77</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-78"> 78</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-79"> 79</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-80"> 80</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-81"> 81</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-82"> 82</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-83"> 83</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-84"> 84</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-85"> 85</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-86"> 86</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-87"> 87</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-88"> 88</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-89"> 89</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-90"> 90</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-91"> 91</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-92"> 92</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-93"> 93</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-94"> 94</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-95"> 95</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-96"> 96</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-97"> 97</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-98"> 98</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-99"> 99</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-100">100</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-101">101</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-102">102</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-103">103</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-104">104</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-105">105</a></span>
|
||
<span class="normal"><a href="#__codelineno-2-106">106</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1"></a><span class="cp"><!DOCTYPE html></span>
|
||
<a id="__codelineno-2-2" name="__codelineno-2-2"></a><span class="p"><</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">"zh-CN"</span><span class="p">></span>
|
||
<a id="__codelineno-2-3" name="__codelineno-2-3"></a> <span class="p"><</span><span class="nt">head</span><span class="p">></span>
|
||
<a id="__codelineno-2-4" name="__codelineno-2-4"></a> <span class="p"><</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">"UTF-8"</span> <span class="p">/></span>
|
||
<a id="__codelineno-2-5" name="__codelineno-2-5"></a> <span class="p"><</span><span class="nt">meta</span> <span class="na">name</span><span class="o">=</span><span class="s">"viewport"</span> <span class="na">content</span><span class="o">=</span><span class="s">"width=device-width, initial-scale=1.0"</span> <span class="p">/></span>
|
||
<a id="__codelineno-2-6" name="__codelineno-2-6"></a> <span class="p"><</span><span class="nt">title</span><span class="p">></span>404 - 页面不存在<span class="p"></</span><span class="nt">title</span><span class="p">></span>```
|
||
<a id="__codelineno-2-7" name="__codelineno-2-7"></a><span class="cp"><!DOCTYPE html></span>
|
||
<a id="__codelineno-2-8" name="__codelineno-2-8"></a><span class="p"><</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">"zh-cn"</span><span class="p">></span>
|
||
<a id="__codelineno-2-9" name="__codelineno-2-9"></a><span class="p"><</span><span class="nt">head</span><span class="p">></span>
|
||
<a id="__codelineno-2-10" name="__codelineno-2-10"></a> <span class="p"><</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">"UTF-8"</span> <span class="p">/></span>
|
||
<a id="__codelineno-2-11" name="__codelineno-2-11"></a> <span class="p"><</span><span class="nt">meta</span> <span class="na">name</span><span class="o">=</span><span class="s">"description"</span> <span class="na">content</span><span class="o">=</span><span class="s">"公益404页面是由腾讯公司员工志愿者自主发起的互联网公益活动。"</span> <span class="p">/></span>
|
||
<a id="__codelineno-2-12" name="__codelineno-2-12"></a> <span class="p"><</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">"icon"</span> <span class="na">href</span><span class="o">=</span><span class="s">"data:image/gif;base64,R0lGODdhIAAgANUAAAAAAAgFBgYICAwMDBAPDxAQDxQTFBUYFxcaGRwcHCQkJCQoJykqKTQ0ND09PUJCQktMTFZWVltcXF1hYGNjY2doaGpqanNzc3d5eHp6eoODg4uLi5eXl5mamqOjo62tra+wr7S0tLe5uLu7u7/AwMPEw83NzdbX1tfa2dra2uTk5Ovr6+/w7/T09Pj39/f4+P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAADEALAAAAAAgACAAAAb/QJhwOGyZOpIGQ6FgNCQcU4tIrcJaIwlgy+1uJaOplZqydBOSzGaTkSS6lNN4ONoOAJRQajV0rVAgFF0jcyEAbw9hc1cjD4cAIVZ1DAAXKotEKxkAlIREJ48bYphFGwAKAHJCLWaVo6RFF1sWYnUDDpewVSoOd4QtWgCeMCmXLaqfUyopdF9GWxRiKQAVKh3CRHUdKhQEzFeCAEdbH6uOh28A3ypbCQhbEGIfWx2CCd8wJhB2CpFDIQvuAIBgYkiKN0kASOAzRJYjBwyFrGgAwNGFTFqUAMjwYogpA1woMFwRDgDIDUQ2LQGAcoiGLRr2QRgp8yUADURMMWFJRYMH3BglJOQSwq0EDA84c56ilOGVLisqKUaISKVFihIjRJRI4XTIiggAGggygKxICAoguSDI0/UEyAnXAJTLJMtLlwxUYcwD0MEEtIgtBKGi0OHDh3qn8IwKvEVKuGHXGAwI8apFCAOUOvxzBqNOAVzgthi1UgKasl7YrtS9MMXI6DEjpKieNWoaSA1dF7V4+QafkNKoLOlSIQsVCUkmATgYwWIRCxEOAByANKc0AAEAJnzYI6bFihQfBAUQjSlF3S0GIqjZgCFC2i0XfM/BUtJuSEVPjdRTwsQJYdljBAEAOw=="</span> <span class="p">/></span>
|
||
<a id="__codelineno-2-13" name="__codelineno-2-13"></a> <span class="p"><</span><span class="nt">title</span><span class="p">></span>404 您访问的页面搞丢了<span class="p"></</span><span class="nt">title</span><span class="p">></span>
|
||
<a id="__codelineno-2-14" name="__codelineno-2-14"></a> <span class="p"><</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">"https://volunteer.cdn-go.cn/404/latest/404.js"</span> <span class="na">rendertarget</span><span class="o">=</span><span class="s">"404DlV"</span><span class="p">></</span><span class="nt">script</span><span class="p">></span>
|
||
<a id="__codelineno-2-15" name="__codelineno-2-15"></a> <span class="p"><</span><span class="nt">style</span><span class="p">></span>
|
||
<a id="__codelineno-2-16" name="__codelineno-2-16"></a><span class="w"> </span><span class="nt">body</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-2-17" name="__codelineno-2-17"></a><span class="w"> </span><span class="k">overflow-x</span><span class="p">:</span><span class="w"> </span><span class="kc">hidden</span><span class="p">;</span>
|
||
<a id="__codelineno-2-18" name="__codelineno-2-18"></a><span class="w"> </span><span class="k">max-width</span><span class="p">:</span><span class="w"> </span><span class="mi">100</span><span class="kt">vw</span><span class="p">;</span>
|
||
<a id="__codelineno-2-19" name="__codelineno-2-19"></a><span class="w"> </span><span class="k">margin</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span>
|
||
<a id="__codelineno-2-20" name="__codelineno-2-20"></a><span class="w"> </span><span class="k">padding</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span>
|
||
<a id="__codelineno-2-21" name="__codelineno-2-21"></a><span class="w"> </span><span class="k">background-color</span><span class="p">:</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">);</span>
|
||
<a id="__codelineno-2-22" name="__codelineno-2-22"></a><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="kc">white</span><span class="p">;</span>
|
||
<a id="__codelineno-2-23" name="__codelineno-2-23"></a><span class="w"> </span><span class="k">text-align</span><span class="p">:</span><span class="w"> </span><span class="kc">center</span><span class="p">;</span>
|
||
<a id="__codelineno-2-24" name="__codelineno-2-24"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-2-25" name="__codelineno-2-25"></a><span class="w"> </span><span class="p">.</span><span class="nc">container</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-2-26" name="__codelineno-2-26"></a><span class="w"> </span><span class="k">position</span><span class="p">:</span><span class="w"> </span><span class="kc">relative</span><span class="p">;</span>
|
||
<a id="__codelineno-2-27" name="__codelineno-2-27"></a><span class="w"> </span><span class="k">left</span><span class="p">:</span><span class="w"> </span><span class="mi">50</span><span class="kt">%</span><span class="p">;</span>
|
||
<a id="__codelineno-2-28" name="__codelineno-2-28"></a><span class="w"> </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">translateX</span><span class="p">(</span><span class="mi">-50</span><span class="kt">%</span><span class="p">);</span>
|
||
<a id="__codelineno-2-29" name="__codelineno-2-29"></a><span class="w"> </span><span class="k">width</span><span class="p">:</span><span class="w"> </span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span>
|
||
<a id="__codelineno-2-30" name="__codelineno-2-30"></a><span class="w"> </span><span class="k">max-width</span><span class="p">:</span><span class="w"> </span><span class="mi">1600</span><span class="kt">px</span><span class="p">;</span>
|
||
<a id="__codelineno-2-31" name="__codelineno-2-31"></a><span class="w"> </span><span class="k">height</span><span class="p">:</span><span class="w"> </span><span class="mi">100</span><span class="kt">vh</span><span class="p">;</span>
|
||
<a id="__codelineno-2-32" name="__codelineno-2-32"></a><span class="w"> </span><span class="k">display</span><span class="p">:</span><span class="w"> </span><span class="kc">flex</span><span class="p">;</span>
|
||
<a id="__codelineno-2-33" name="__codelineno-2-33"></a><span class="w"> </span><span class="k">flex-direction</span><span class="p">:</span><span class="w"> </span><span class="kc">column</span><span class="p">;</span>
|
||
<a id="__codelineno-2-34" name="__codelineno-2-34"></a><span class="w"> </span><span class="k">justify-content</span><span class="p">:</span><span class="w"> </span><span class="kc">center</span><span class="p">;</span>
|
||
<a id="__codelineno-2-35" name="__codelineno-2-35"></a><span class="w"> </span><span class="k">align-items</span><span class="p">:</span><span class="w"> </span><span class="kc">center</span><span class="p">;</span>
|
||
<a id="__codelineno-2-36" name="__codelineno-2-36"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-2-37" name="__codelineno-2-37"></a><span class="w"> </span><span class="p">.</span><span class="nc">background-img</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-2-38" name="__codelineno-2-38"></a><span class="w"> </span><span class="k">width</span><span class="p">:</span><span class="w"> </span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span>
|
||
<a id="__codelineno-2-39" name="__codelineno-2-39"></a><span class="w"> </span><span class="k">max-width</span><span class="p">:</span><span class="w"> </span><span class="mi">1600</span><span class="kt">px</span><span class="p">;</span>
|
||
<a id="__codelineno-2-40" name="__codelineno-2-40"></a><span class="w"> </span><span class="k">filter</span><span class="p">:</span><span class="w"> </span><span class="nb">brightness</span><span class="p">(</span><span class="mi">75</span><span class="kt">%</span><span class="p">);</span>
|
||
<a id="__codelineno-2-41" name="__codelineno-2-41"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-2-42" name="__codelineno-2-42"></a><span class="w"> </span><span class="p">.</span><span class="nc">content</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-2-43" name="__codelineno-2-43"></a><span class="w"> </span><span class="k">position</span><span class="p">:</span><span class="w"> </span><span class="kc">absolute</span><span class="p">;</span>
|
||
<a id="__codelineno-2-44" name="__codelineno-2-44"></a><span class="w"> </span><span class="k">top</span><span class="p">:</span><span class="w"> </span><span class="mi">50</span><span class="kt">%</span><span class="p">;</span>
|
||
<a id="__codelineno-2-45" name="__codelineno-2-45"></a><span class="w"> </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">translateY</span><span class="p">(</span><span class="mi">-50</span><span class="kt">%</span><span class="p">);</span>
|
||
<a id="__codelineno-2-46" name="__codelineno-2-46"></a><span class="w"> </span><span class="k">width</span><span class="p">:</span><span class="w"> </span><span class="mi">98</span><span class="kt">vw</span><span class="p">;</span>
|
||
<a id="__codelineno-2-47" name="__codelineno-2-47"></a><span class="w"> </span><span class="k">max-width</span><span class="p">:</span><span class="w"> </span><span class="mi">1600</span><span class="kt">px</span><span class="p">;</span>
|
||
<a id="__codelineno-2-48" name="__codelineno-2-48"></a><span class="w"> </span><span class="k">text-align</span><span class="p">:</span><span class="w"> </span><span class="kc">center</span><span class="p">;</span>
|
||
<a id="__codelineno-2-49" name="__codelineno-2-49"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-2-50" name="__codelineno-2-50"></a><span class="w"> </span><span class="p">.</span><span class="nc">content</span><span class="w"> </span><span class="nt">h1</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-2-51" name="__codelineno-2-51"></a><span class="w"> </span><span class="k">font-size</span><span class="p">:</span><span class="w"> </span><span class="mi">128</span><span class="kt">px</span><span class="p">;</span>
|
||
<a id="__codelineno-2-52" name="__codelineno-2-52"></a><span class="w"> </span><span class="k">font-weight</span><span class="p">:</span><span class="w"> </span><span class="mi">800</span><span class="p">;</span>
|
||
<a id="__codelineno-2-53" name="__codelineno-2-53"></a><span class="w"> </span><span class="k">margin</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span>
|
||
<a id="__codelineno-2-54" name="__codelineno-2-54"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-2-55" name="__codelineno-2-55"></a><span class="w"> </span><span class="p">.</span><span class="nc">content</span><span class="w"> </span><span class="nt">p</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-2-56" name="__codelineno-2-56"></a><span class="w"> </span><span class="k">font-size</span><span class="p">:</span><span class="w"> </span><span class="mi">28</span><span class="kt">px</span><span class="p">;</span>
|
||
<a id="__codelineno-2-57" name="__codelineno-2-57"></a><span class="w"> </span><span class="k">margin</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span>
|
||
<a id="__codelineno-2-58" name="__codelineno-2-58"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-2-59" name="__codelineno-2-59"></a><span class="w"> </span><span class="p">.</span><span class="nc">content</span><span class="w"> </span><span class="nt">i</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-2-60" name="__codelineno-2-60"></a><span class="w"> </span><span class="k">font-size</span><span class="p">:</span><span class="w"> </span><span class="mf">1.2</span><span class="kt">em</span><span class="p">;</span>
|
||
<a id="__codelineno-2-61" name="__codelineno-2-61"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-2-62" name="__codelineno-2-62"></a><span class="w"> </span><span class="p">.</span><span class="nc">footer</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-2-63" name="__codelineno-2-63"></a><span class="w"> </span><span class="k">display</span><span class="p">:</span><span class="w"> </span><span class="kc">flex</span><span class="p">;</span>
|
||
<a id="__codelineno-2-64" name="__codelineno-2-64"></a><span class="w"> </span><span class="k">justify-content</span><span class="p">:</span><span class="w"> </span><span class="kc">space-between</span><span class="p">;</span>
|
||
<a id="__codelineno-2-65" name="__codelineno-2-65"></a><span class="w"> </span><span class="k">align-items</span><span class="p">:</span><span class="w"> </span><span class="kc">center</span><span class="p">;</span>
|
||
<a id="__codelineno-2-66" name="__codelineno-2-66"></a><span class="w"> </span><span class="k">width</span><span class="p">:</span><span class="w"> </span><span class="mi">98</span><span class="kt">vw</span><span class="p">;</span>
|
||
<a id="__codelineno-2-67" name="__codelineno-2-67"></a><span class="w"> </span><span class="k">max-width</span><span class="p">:</span><span class="w"> </span><span class="mi">1600</span><span class="kt">px</span><span class="p">;</span>
|
||
<a id="__codelineno-2-68" name="__codelineno-2-68"></a><span class="w"> </span><span class="k">font-size</span><span class="p">:</span><span class="w"> </span><span class="mf">0.75</span><span class="kt">em</span><span class="p">;</span>
|
||
<a id="__codelineno-2-69" name="__codelineno-2-69"></a><span class="w"> </span><span class="k">margin-top</span><span class="p">:</span><span class="w"> </span><span class="mi">20</span><span class="kt">px</span><span class="p">;</span>
|
||
<a id="__codelineno-2-70" name="__codelineno-2-70"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-2-71" name="__codelineno-2-71"></a><span class="w"> </span><span class="p">.</span><span class="nc">footer</span><span class="w"> </span><span class="nt">img</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-2-72" name="__codelineno-2-72"></a><span class="w"> </span><span class="k">width</span><span class="p">:</span><span class="w"> </span><span class="mi">160</span><span class="kt">px</span><span class="p">;</span>
|
||
<a id="__codelineno-2-73" name="__codelineno-2-73"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-2-74" name="__codelineno-2-74"></a><span class="w"> </span><span class="p">.</span><span class="nc">footer</span><span class="w"> </span><span class="nt">div</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-2-75" name="__codelineno-2-75"></a><span class="w"> </span><span class="k">text-align</span><span class="p">:</span><span class="w"> </span><span class="kc">right</span><span class="p">;</span>
|
||
<a id="__codelineno-2-76" name="__codelineno-2-76"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-2-77" name="__codelineno-2-77"></a><span class="w"> </span><span class="p">.</span><span class="nc">footer</span><span class="w"> </span><span class="nt">a</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-2-78" name="__codelineno-2-78"></a><span class="w"> </span><span class="c">/* color: lightgray; */</span>
|
||
<a id="__codelineno-2-79" name="__codelineno-2-79"></a><span class="w"> </span><span class="k">font-size</span><span class="p">:</span><span class="w"> </span><span class="mf">0.8</span><span class="kt">em</span><span class="p">;</span>
|
||
<a id="__codelineno-2-80" name="__codelineno-2-80"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-2-81" name="__codelineno-2-81"></a><span class="w"> </span><span class="p"></</span><span class="nt">style</span><span class="p">></span>
|
||
<a id="__codelineno-2-82" name="__codelineno-2-82"></a><span class="p"></</span><span class="nt">head</span><span class="p">></span>
|
||
<a id="__codelineno-2-83" name="__codelineno-2-83"></a><span class="p"><</span><span class="nt">body</span><span class="p">></span>
|
||
<a id="__codelineno-2-84" name="__codelineno-2-84"></a> <span class="p"><</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">"container"</span><span class="p">></span>
|
||
<a id="__codelineno-2-85" name="__codelineno-2-85"></a> <span class="p"><</span><span class="nt">img</span> <span class="na">class</span><span class="o">=</span><span class="s">"background-img"</span> <span class="na">alt</span><span class="o">=</span><span class="s">"404!您要访问的页面走丢了!"</span> <span class="na">src</span><span class="o">=</span><span class="s">"https://volunteer.cdn-go.cn/404/latest/img/dream4school.jpg"</span> <span class="p">/></span>
|
||
<a id="__codelineno-2-86" name="__codelineno-2-86"></a> <span class="p"><</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">"content"</span><span class="p">></span>
|
||
<a id="__codelineno-2-87" name="__codelineno-2-87"></a> <span class="p"><</span><span class="nt">h1</span><span class="p">></span>404 NOT Found<span class="p"></</span><span class="nt">h1</span><span class="p">></span>
|
||
<a id="__codelineno-2-88" name="__codelineno-2-88"></a> <span class="p"><</span><span class="nt">p</span><span class="p">></span>您访问的页面走丢在寻找梦想的路上了<span class="p"></</span><span class="nt">p</span><span class="p">></span>
|
||
<a id="__codelineno-2-89" name="__codelineno-2-89"></a> <span class="p"><</span><span class="nt">p</span><span class="p">></span>不过您还可以和腾讯志愿者一起<span class="p"></</span><span class="nt">p</span><span class="p">></span>
|
||
<a id="__codelineno-2-90" name="__codelineno-2-90"></a> <span class="p"><</span><span class="nt">i</span><span class="p">><</span><span class="nt">b</span><span class="p">></span>为孩子们点亮一个梦想<span class="p"></</span><span class="nt">b</span><span class="p">></</span><span class="nt">i</span><span class="p">></span>
|
||
<a id="__codelineno-2-91" name="__codelineno-2-91"></a> <span class="p"></</span><span class="nt">div</span><span class="p">></span>
|
||
<a id="__codelineno-2-92" name="__codelineno-2-92"></a> <span class="p"><</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">"footer"</span><span class="p">></span>
|
||
<a id="__codelineno-2-93" name="__codelineno-2-93"></a> <span class="p"><</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">"https://volunteer.cdn-go.cn/404/latest/img/dream4schoolQR.png"</span><span class="p">></span>
|
||
<a id="__codelineno-2-94" name="__codelineno-2-94"></a> <span class="p"><</span><span class="nt">img</span> <span class="na">src</span><span class="o">=</span><span class="s">"https://volunteer.cdn-go.cn/404/latest/img/dream4schoolQR.png"</span> <span class="na">alt</span><span class="o">=</span><span class="s">"点击进入支持页面"</span> <span class="p">/></span>
|
||
<a id="__codelineno-2-95" name="__codelineno-2-95"></a> <span class="p"><</span><span class="nt">br</span> <span class="p">/></span>扫码点亮一个梦想
|
||
<a id="__codelineno-2-96" name="__codelineno-2-96"></a> <span class="p"></</span><span class="nt">a</span><span class="p">></span>
|
||
<a id="__codelineno-2-97" name="__codelineno-2-97"></a> <span class="p"><</span><span class="nt">div</span><span class="p">></span>
|
||
<a id="__codelineno-2-98" name="__codelineno-2-98"></a> <span class="p"><</span><span class="nt">p</span><span class="p">></span>照片拍摄于湖南省岳阳市平江县三市镇新村完小<span class="p"></</span><span class="nt">p</span><span class="p">></span>
|
||
<a id="__codelineno-2-99" name="__codelineno-2-99"></a> <span class="p"><</span><span class="nt">p</span><span class="p">></span>拍摄时间：二零二三年七月十一日<span class="p"></</span><span class="nt">p</span><span class="p">></span>
|
||
<a id="__codelineno-2-100" name="__codelineno-2-100"></a> <span class="p"><</span><span class="nt">p</span><span class="p">></span>（感恩基金会供稿）<span class="p"></</span><span class="nt">p</span><span class="p">></span>
|
||
<a id="__codelineno-2-101" name="__codelineno-2-101"></a> <span class="p"><</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">"https://support.qq.com/products/378306"</span><span class="p">></span>我要反馈<span class="p"></</span><span class="nt">a</span><span class="p">></span>
|
||
<a id="__codelineno-2-102" name="__codelineno-2-102"></a> <span class="p"></</span><span class="nt">div</span><span class="p">></span>
|
||
<a id="__codelineno-2-103" name="__codelineno-2-103"></a> <span class="p"></</span><span class="nt">div</span><span class="p">></span>
|
||
<a id="__codelineno-2-104" name="__codelineno-2-104"></a> <span class="p"></</span><span class="nt">div</span><span class="p">></span>
|
||
<a id="__codelineno-2-105" name="__codelineno-2-105"></a><span class="p"></</span><span class="nt">body</span><span class="p">></span>
|
||
<a id="__codelineno-2-106" name="__codelineno-2-106"></a><span class="p"></</span><span class="nt">html</span><span class="p">></span>
|
||
</code></pre></div></td></tr></table></div>
|
||
</details>
|
||
<h2 id="404_1">404骰子页面<a class="headerlink" href="#404_1" title="Permanent link">¶</a></h2>
|
||
<p>目前更换了新的404页面：</p>
|
||
<details class="note">
|
||
<summary>点击展开</summary>
|
||
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1"> 1</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-2"> 2</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-3"> 3</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-4"> 4</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-5"> 5</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-6"> 6</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-7"> 7</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-8"> 8</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-9"> 9</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-10"> 10</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-11"> 11</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-12"> 12</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-13"> 13</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-14"> 14</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-15"> 15</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-16"> 16</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-17"> 17</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-18"> 18</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-19"> 19</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-20"> 20</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-21"> 21</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-22"> 22</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-23"> 23</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-24"> 24</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-25"> 25</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-26"> 26</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-27"> 27</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-28"> 28</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-29"> 29</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-30"> 30</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-31"> 31</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-32"> 32</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-33"> 33</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-34"> 34</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-35"> 35</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-36"> 36</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-37"> 37</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-38"> 38</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-39"> 39</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-40"> 40</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-41"> 41</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-42"> 42</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-43"> 43</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-44"> 44</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-45"> 45</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-46"> 46</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-47"> 47</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-48"> 48</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-49"> 49</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-50"> 50</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-51"> 51</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-52"> 52</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-53"> 53</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-54"> 54</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-55"> 55</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-56"> 56</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-57"> 57</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-58"> 58</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-59"> 59</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-60"> 60</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-61"> 61</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-62"> 62</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-63"> 63</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-64"> 64</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-65"> 65</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-66"> 66</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-67"> 67</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-68"> 68</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-69"> 69</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-70"> 70</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-71"> 71</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-72"> 72</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-73"> 73</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-74"> 74</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-75"> 75</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-76"> 76</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-77"> 77</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-78"> 78</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-79"> 79</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-80"> 80</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-81"> 81</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-82"> 82</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-83"> 83</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-84"> 84</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-85"> 85</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-86"> 86</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-87"> 87</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-88"> 88</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-89"> 89</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-90"> 90</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-91"> 91</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-92"> 92</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-93"> 93</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-94"> 94</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-95"> 95</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-96"> 96</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-97"> 97</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-98"> 98</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-99"> 99</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-100">100</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-101">101</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-102">102</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-103">103</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-104">104</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-105">105</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-106">106</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-107">107</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-108">108</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-109">109</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-110">110</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-111">111</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-112">112</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-113">113</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-114">114</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-115">115</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-116">116</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-117">117</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-118">118</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-119">119</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-120">120</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-121">121</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-122">122</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-123">123</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-124">124</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-125">125</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-126">126</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-127">127</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-128">128</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-129">129</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-130">130</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-131">131</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-132">132</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-133">133</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-134">134</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-135">135</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-136">136</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-137">137</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-138">138</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-139">139</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-140">140</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-141">141</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-142">142</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-143">143</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-144">144</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-145">145</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-146">146</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-147">147</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-148">148</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-149">149</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-150">150</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-151">151</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-152">152</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-153">153</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-154">154</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-155">155</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-156">156</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-157">157</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-158">158</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-159">159</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-160">160</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-161">161</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-162">162</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-163">163</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-164">164</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-165">165</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-166">166</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-167">167</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-168">168</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-169">169</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-170">170</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-171">171</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-172">172</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-173">173</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-174">174</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-175">175</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-176">176</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-177">177</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-178">178</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-179">179</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-180">180</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-181">181</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-182">182</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-183">183</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-184">184</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-185">185</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-186">186</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-187">187</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-188">188</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-189">189</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-190">190</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-191">191</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-192">192</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-193">193</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-194">194</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-195">195</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-196">196</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-197">197</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-198">198</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-199">199</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-200">200</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-201">201</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-202">202</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-203">203</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-204">204</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-205">205</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-206">206</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-207">207</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-208">208</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-209">209</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-210">210</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-211">211</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-212">212</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-213">213</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-214">214</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-215">215</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-216">216</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-217">217</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-218">218</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-219">219</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-220">220</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-221">221</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-222">222</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-223">223</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-224">224</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-225">225</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-226">226</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-227">227</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-228">228</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-229">229</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-230">230</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-231">231</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-232">232</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-233">233</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-234">234</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-235">235</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-236">236</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-237">237</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-238">238</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-239">239</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-240">240</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-241">241</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-242">242</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-243">243</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-244">244</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-245">245</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-246">246</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-247">247</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-248">248</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-249">249</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-250">250</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-251">251</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-252">252</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-253">253</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-254">254</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-255">255</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-256">256</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-257">257</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-258">258</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-259">259</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-260">260</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-261">261</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-262">262</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-263">263</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-264">264</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-265">265</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-266">266</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-267">267</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-268">268</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-269">269</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-270">270</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-271">271</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-272">272</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-273">273</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-274">274</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-275">275</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-276">276</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-277">277</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-278">278</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-279">279</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-280">280</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-281">281</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-282">282</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-283">283</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-284">284</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-285">285</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-286">286</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-287">287</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-288">288</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-289">289</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-290">290</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-291">291</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-292">292</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-293">293</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-294">294</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-295">295</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-296">296</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-297">297</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-298">298</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-299">299</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-300">300</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-301">301</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-302">302</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-303">303</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-304">304</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-305">305</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-306">306</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-307">307</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-308">308</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-309">309</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-310">310</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-311">311</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-312">312</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-313">313</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-314">314</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-315">315</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-316">316</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-317">317</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-318">318</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-319">319</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-320">320</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-321">321</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-322">322</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-323">323</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-324">324</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-325">325</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-326">326</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-327">327</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-328">328</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-329">329</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-330">330</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-331">331</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-332">332</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-333">333</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-334">334</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-335">335</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-336">336</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-337">337</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-338">338</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-339">339</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-340">340</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-341">341</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-342">342</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-343">343</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-344">344</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-345">345</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-346">346</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-347">347</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-348">348</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-349">349</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-350">350</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-351">351</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-352">352</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-353">353</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-354">354</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-355">355</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-356">356</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-357">357</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-358">358</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-359">359</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-360">360</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-361">361</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-362">362</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-363">363</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-364">364</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-365">365</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-366">366</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-367">367</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-368">368</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-369">369</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-370">370</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-371">371</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-372">372</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-373">373</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-374">374</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-375">375</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-376">376</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-377">377</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-378">378</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-379">379</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-380">380</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-381">381</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-382">382</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-383">383</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-384">384</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-385">385</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-386">386</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-387">387</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-388">388</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-389">389</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-390">390</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-391">391</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-392">392</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-393">393</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-394">394</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-395">395</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-396">396</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-397">397</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-398">398</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-399">399</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-400">400</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-401">401</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-402">402</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-403">403</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-404">404</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-405">405</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-406">406</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-407">407</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-408">408</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-409">409</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-410">410</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-411">411</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-412">412</a></span>
|
||
<span class="normal"><a href="#__codelineno-3-413">413</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1"></a><span class="cp"><!DOCTYPE html></span>
|
||
<a id="__codelineno-3-2" name="__codelineno-3-2"></a><span class="p"><</span><span class="nt">html</span><span class="p">></span>
|
||
<a id="__codelineno-3-3" name="__codelineno-3-3"></a> <span class="p"><</span><span class="nt">head</span><span class="p">></span>
|
||
<a id="__codelineno-3-4" name="__codelineno-3-4"></a> <span class="p"><</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">"utf-8"</span> <span class="p">/></span>
|
||
<a id="__codelineno-3-5" name="__codelineno-3-5"></a> <span class="p"><</span><span class="nt">title</span><span class="p">></span>404<span class="p"></</span><span class="nt">title</span><span class="p">></span>
|
||
<a id="__codelineno-3-6" name="__codelineno-3-6"></a> <span class="p"><</span><span class="nt">style</span><span class="p">></span>
|
||
<a id="__codelineno-3-7" name="__codelineno-3-7"></a><span class="w"> </span><span class="nt">body</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-8" name="__codelineno-3-8"></a><span class="w"> </span><span class="k">background</span><span class="p">:</span><span class="w"> </span><span class="mh">#000</span><span class="p">;</span>
|
||
<a id="__codelineno-3-9" name="__codelineno-3-9"></a><span class="w"> </span><span class="k">height</span><span class="p">:</span><span class="w"> </span><span class="mi">100</span><span class="kt">vh</span><span class="p">;</span>
|
||
<a id="__codelineno-3-10" name="__codelineno-3-10"></a><span class="w"> </span><span class="k">overflow</span><span class="p">:</span><span class="w"> </span><span class="kc">hidden</span><span class="p">;</span>
|
||
<a id="__codelineno-3-11" name="__codelineno-3-11"></a><span class="w"> </span><span class="k">display</span><span class="p">:</span><span class="w"> </span><span class="kc">flex</span><span class="p">;</span>
|
||
<a id="__codelineno-3-12" name="__codelineno-3-12"></a><span class="w"> </span><span class="k">font-family</span><span class="p">:</span><span class="w"> </span><span class="n">Anton</span><span class="p">,</span><span class="w"> </span><span class="kc">sans-serif</span><span class="p">;</span>
|
||
<a id="__codelineno-3-13" name="__codelineno-3-13"></a><span class="w"> </span><span class="k">justify-content</span><span class="p">:</span><span class="w"> </span><span class="kc">center</span><span class="p">;</span>
|
||
<a id="__codelineno-3-14" name="__codelineno-3-14"></a><span class="w"> </span><span class="k">align-items</span><span class="p">:</span><span class="w"> </span><span class="kc">center</span><span class="p">;</span>
|
||
<a id="__codelineno-3-15" name="__codelineno-3-15"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">perspective</span><span class="p">:</span><span class="w"> </span><span class="mi">1000</span><span class="kt">px</span><span class="p">;</span>
|
||
<a id="__codelineno-3-16" name="__codelineno-3-16"></a><span class="w"> </span><span class="k">perspective</span><span class="p">:</span><span class="w"> </span><span class="mi">1000</span><span class="kt">px</span><span class="p">;</span>
|
||
<a id="__codelineno-3-17" name="__codelineno-3-17"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-18" name="__codelineno-3-18"></a>
|
||
<a id="__codelineno-3-19" name="__codelineno-3-19"></a><span class="w"> </span><span class="nt">div</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-20" name="__codelineno-3-20"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">transform-style</span><span class="p">:</span><span class="w"> </span><span class="kc">preserve-3d</span><span class="p">;</span>
|
||
<a id="__codelineno-3-21" name="__codelineno-3-21"></a><span class="w"> </span><span class="k">transform-style</span><span class="p">:</span><span class="w"> </span><span class="kc">preserve-3d</span><span class="p">;</span>
|
||
<a id="__codelineno-3-22" name="__codelineno-3-22"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-23" name="__codelineno-3-23"></a>
|
||
<a id="__codelineno-3-24" name="__codelineno-3-24"></a><span class="w"> </span><span class="p">.</span><span class="nc">rail</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-25" name="__codelineno-3-25"></a><span class="w"> </span><span class="k">position</span><span class="p">:</span><span class="w"> </span><span class="kc">absolute</span><span class="p">;</span>
|
||
<a id="__codelineno-3-26" name="__codelineno-3-26"></a><span class="w"> </span><span class="k">width</span><span class="p">:</span><span class="w"> </span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span>
|
||
<a id="__codelineno-3-27" name="__codelineno-3-27"></a><span class="w"> </span><span class="k">height</span><span class="p">:</span><span class="w"> </span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span>
|
||
<a id="__codelineno-3-28" name="__codelineno-3-28"></a><span class="w"> </span><span class="k">display</span><span class="p">:</span><span class="w"> </span><span class="kc">flex</span><span class="p">;</span>
|
||
<a id="__codelineno-3-29" name="__codelineno-3-29"></a><span class="w"> </span><span class="k">justify-content</span><span class="p">:</span><span class="w"> </span><span class="kc">center</span><span class="p">;</span>
|
||
<a id="__codelineno-3-30" name="__codelineno-3-30"></a><span class="w"> </span><span class="k">align-items</span><span class="p">:</span><span class="w"> </span><span class="kc">center</span><span class="p">;</span>
|
||
<a id="__codelineno-3-31" name="__codelineno-3-31"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateX</span><span class="p">(</span><span class="mi">-30</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">rotateY</span><span class="p">(</span><span class="mi">-30</span><span class="kt">deg</span><span class="p">);</span>
|
||
<a id="__codelineno-3-32" name="__codelineno-3-32"></a><span class="w"> </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateX</span><span class="p">(</span><span class="mi">-30</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">rotateY</span><span class="p">(</span><span class="mi">-30</span><span class="kt">deg</span><span class="p">);</span>
|
||
<a id="__codelineno-3-33" name="__codelineno-3-33"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-34" name="__codelineno-3-34"></a>
|
||
<a id="__codelineno-3-35" name="__codelineno-3-35"></a><span class="w"> </span><span class="p">.</span><span class="nc">rail</span><span class="w"> </span><span class="p">.</span><span class="nc">stamp</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-36" name="__codelineno-3-36"></a><span class="w"> </span><span class="k">position</span><span class="p">:</span><span class="w"> </span><span class="kc">absolute</span><span class="p">;</span>
|
||
<a id="__codelineno-3-37" name="__codelineno-3-37"></a><span class="w"> </span><span class="k">width</span><span class="p">:</span><span class="w"> </span><span class="mi">200</span><span class="kt">px</span><span class="p">;</span>
|
||
<a id="__codelineno-3-38" name="__codelineno-3-38"></a><span class="w"> </span><span class="k">height</span><span class="p">:</span><span class="w"> </span><span class="mi">200</span><span class="kt">px</span><span class="p">;</span>
|
||
<a id="__codelineno-3-39" name="__codelineno-3-39"></a><span class="w"> </span><span class="k">display</span><span class="p">:</span><span class="w"> </span><span class="kc">flex</span><span class="p">;</span>
|
||
<a id="__codelineno-3-40" name="__codelineno-3-40"></a><span class="w"> </span><span class="k">justify-content</span><span class="p">:</span><span class="w"> </span><span class="kc">center</span><span class="p">;</span>
|
||
<a id="__codelineno-3-41" name="__codelineno-3-41"></a><span class="w"> </span><span class="k">align-items</span><span class="p">:</span><span class="w"> </span><span class="kc">center</span><span class="p">;</span>
|
||
<a id="__codelineno-3-42" name="__codelineno-3-42"></a><span class="w"> </span><span class="k">background</span><span class="p">:</span><span class="w"> </span><span class="mh">#141414</span><span class="p">;</span>
|
||
<a id="__codelineno-3-43" name="__codelineno-3-43"></a><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#fff</span><span class="p">;</span>
|
||
<a id="__codelineno-3-44" name="__codelineno-3-44"></a><span class="w"> </span><span class="k">font-size</span><span class="p">:</span><span class="w"> </span><span class="mi">7</span><span class="kt">rem</span><span class="p">;</span>
|
||
<a id="__codelineno-3-45" name="__codelineno-3-45"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-46" name="__codelineno-3-46"></a>
|
||
<a id="__codelineno-3-47" name="__codelineno-3-47"></a><span class="w"> </span><span class="p">.</span><span class="nc">rail</span><span class="w"> </span><span class="p">.</span><span class="nc">stamp</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">1</span><span class="o">)</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-48" name="__codelineno-3-48"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-2.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-49" name="__codelineno-3-49"></a><span class="w"> </span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-2.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-50" name="__codelineno-3-50"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-51" name="__codelineno-3-51"></a>
|
||
<a id="__codelineno-3-52" name="__codelineno-3-52"></a><span class="w"> </span><span class="p">.</span><span class="nc">rail</span><span class="w"> </span><span class="p">.</span><span class="nc">stamp</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">2</span><span class="o">)</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-53" name="__codelineno-3-53"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-4.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-54" name="__codelineno-3-54"></a><span class="w"> </span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-4.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-55" name="__codelineno-3-55"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-56" name="__codelineno-3-56"></a>
|
||
<a id="__codelineno-3-57" name="__codelineno-3-57"></a><span class="w"> </span><span class="p">.</span><span class="nc">rail</span><span class="w"> </span><span class="p">.</span><span class="nc">stamp</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">3</span><span class="o">)</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-58" name="__codelineno-3-58"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-6.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-59" name="__codelineno-3-59"></a><span class="w"> </span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-6.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-60" name="__codelineno-3-60"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-61" name="__codelineno-3-61"></a>
|
||
<a id="__codelineno-3-62" name="__codelineno-3-62"></a><span class="w"> </span><span class="p">.</span><span class="nc">rail</span><span class="w"> </span><span class="p">.</span><span class="nc">stamp</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">4</span><span class="o">)</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-63" name="__codelineno-3-63"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-8.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-64" name="__codelineno-3-64"></a><span class="w"> </span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-8.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-65" name="__codelineno-3-65"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-66" name="__codelineno-3-66"></a>
|
||
<a id="__codelineno-3-67" name="__codelineno-3-67"></a><span class="w"> </span><span class="p">.</span><span class="nc">rail</span><span class="w"> </span><span class="p">.</span><span class="nc">stamp</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">5</span><span class="o">)</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-68" name="__codelineno-3-68"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-10.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-69" name="__codelineno-3-69"></a><span class="w"> </span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-10.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-70" name="__codelineno-3-70"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-71" name="__codelineno-3-71"></a>
|
||
<a id="__codelineno-3-72" name="__codelineno-3-72"></a><span class="w"> </span><span class="p">.</span><span class="nc">rail</span><span class="w"> </span><span class="p">.</span><span class="nc">stamp</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">6</span><span class="o">)</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-73" name="__codelineno-3-73"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-12.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-74" name="__codelineno-3-74"></a><span class="w"> </span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-12.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-75" name="__codelineno-3-75"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-76" name="__codelineno-3-76"></a>
|
||
<a id="__codelineno-3-77" name="__codelineno-3-77"></a><span class="w"> </span><span class="p">.</span><span class="nc">rail</span><span class="w"> </span><span class="p">.</span><span class="nc">stamp</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">7</span><span class="o">)</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-78" name="__codelineno-3-78"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-14.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-79" name="__codelineno-3-79"></a><span class="w"> </span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-14.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-80" name="__codelineno-3-80"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-81" name="__codelineno-3-81"></a>
|
||
<a id="__codelineno-3-82" name="__codelineno-3-82"></a><span class="w"> </span><span class="p">.</span><span class="nc">rail</span><span class="w"> </span><span class="p">.</span><span class="nc">stamp</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">8</span><span class="o">)</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-83" name="__codelineno-3-83"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-16.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-84" name="__codelineno-3-84"></a><span class="w"> </span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-16.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-85" name="__codelineno-3-85"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-86" name="__codelineno-3-86"></a>
|
||
<a id="__codelineno-3-87" name="__codelineno-3-87"></a><span class="w"> </span><span class="p">.</span><span class="nc">rail</span><span class="w"> </span><span class="p">.</span><span class="nc">stamp</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">9</span><span class="o">)</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-88" name="__codelineno-3-88"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-18.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-89" name="__codelineno-3-89"></a><span class="w"> </span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-18.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-90" name="__codelineno-3-90"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-91" name="__codelineno-3-91"></a>
|
||
<a id="__codelineno-3-92" name="__codelineno-3-92"></a><span class="w"> </span><span class="p">.</span><span class="nc">rail</span><span class="w"> </span><span class="p">.</span><span class="nc">stamp</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">10</span><span class="o">)</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-93" name="__codelineno-3-93"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-20.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-94" name="__codelineno-3-94"></a><span class="w"> </span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-20.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-95" name="__codelineno-3-95"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-96" name="__codelineno-3-96"></a>
|
||
<a id="__codelineno-3-97" name="__codelineno-3-97"></a><span class="w"> </span><span class="p">.</span><span class="nc">rail</span><span class="w"> </span><span class="p">.</span><span class="nc">stamp</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">11</span><span class="o">)</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-98" name="__codelineno-3-98"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-22.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-99" name="__codelineno-3-99"></a><span class="w"> </span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-22.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-100" name="__codelineno-3-100"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-101" name="__codelineno-3-101"></a>
|
||
<a id="__codelineno-3-102" name="__codelineno-3-102"></a><span class="w"> </span><span class="p">.</span><span class="nc">rail</span><span class="w"> </span><span class="p">.</span><span class="nc">stamp</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">12</span><span class="o">)</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-103" name="__codelineno-3-103"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-24.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-104" name="__codelineno-3-104"></a><span class="w"> </span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-24.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-105" name="__codelineno-3-105"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-106" name="__codelineno-3-106"></a>
|
||
<a id="__codelineno-3-107" name="__codelineno-3-107"></a><span class="w"> </span><span class="p">.</span><span class="nc">rail</span><span class="w"> </span><span class="p">.</span><span class="nc">stamp</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">13</span><span class="o">)</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-108" name="__codelineno-3-108"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-26.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-109" name="__codelineno-3-109"></a><span class="w"> </span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-26.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-110" name="__codelineno-3-110"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-111" name="__codelineno-3-111"></a>
|
||
<a id="__codelineno-3-112" name="__codelineno-3-112"></a><span class="w"> </span><span class="p">.</span><span class="nc">rail</span><span class="w"> </span><span class="p">.</span><span class="nc">stamp</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">14</span><span class="o">)</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-113" name="__codelineno-3-113"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-28.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-114" name="__codelineno-3-114"></a><span class="w"> </span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-28.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-115" name="__codelineno-3-115"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-116" name="__codelineno-3-116"></a>
|
||
<a id="__codelineno-3-117" name="__codelineno-3-117"></a><span class="w"> </span><span class="p">.</span><span class="nc">rail</span><span class="w"> </span><span class="p">.</span><span class="nc">stamp</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">15</span><span class="o">)</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-118" name="__codelineno-3-118"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-30.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-119" name="__codelineno-3-119"></a><span class="w"> </span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-30.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-120" name="__codelineno-3-120"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-121" name="__codelineno-3-121"></a>
|
||
<a id="__codelineno-3-122" name="__codelineno-3-122"></a><span class="w"> </span><span class="p">.</span><span class="nc">rail</span><span class="w"> </span><span class="p">.</span><span class="nc">stamp</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">16</span><span class="o">)</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-123" name="__codelineno-3-123"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-32.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-124" name="__codelineno-3-124"></a><span class="w"> </span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-32.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-125" name="__codelineno-3-125"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-126" name="__codelineno-3-126"></a>
|
||
<a id="__codelineno-3-127" name="__codelineno-3-127"></a><span class="w"> </span><span class="p">.</span><span class="nc">rail</span><span class="w"> </span><span class="p">.</span><span class="nc">stamp</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">17</span><span class="o">)</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-128" name="__codelineno-3-128"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-34.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-129" name="__codelineno-3-129"></a><span class="w"> </span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-34.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-130" name="__codelineno-3-130"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-131" name="__codelineno-3-131"></a>
|
||
<a id="__codelineno-3-132" name="__codelineno-3-132"></a><span class="w"> </span><span class="p">.</span><span class="nc">rail</span><span class="w"> </span><span class="p">.</span><span class="nc">stamp</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">18</span><span class="o">)</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-133" name="__codelineno-3-133"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-36.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-134" name="__codelineno-3-134"></a><span class="w"> </span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-36.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-135" name="__codelineno-3-135"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-136" name="__codelineno-3-136"></a>
|
||
<a id="__codelineno-3-137" name="__codelineno-3-137"></a><span class="w"> </span><span class="p">.</span><span class="nc">rail</span><span class="w"> </span><span class="p">.</span><span class="nc">stamp</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">19</span><span class="o">)</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-138" name="__codelineno-3-138"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-38.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-139" name="__codelineno-3-139"></a><span class="w"> </span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-38.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-140" name="__codelineno-3-140"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-141" name="__codelineno-3-141"></a>
|
||
<a id="__codelineno-3-142" name="__codelineno-3-142"></a><span class="w"> </span><span class="p">.</span><span class="nc">rail</span><span class="w"> </span><span class="p">.</span><span class="nc">stamp</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">20</span><span class="o">)</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-143" name="__codelineno-3-143"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-40.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-144" name="__codelineno-3-144"></a><span class="w"> </span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">stampSlide</span><span class="w"> </span><span class="mi">40</span><span class="kt">s</span><span class="w"> </span><span class="mf">-40.3</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-145" name="__codelineno-3-145"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-146" name="__codelineno-3-146"></a>
|
||
<a id="__codelineno-3-147" name="__codelineno-3-147"></a><span class="w"> </span><span class="p">@</span><span class="k">-webkit-keyframes</span><span class="w"> </span><span class="nt">stampSlide</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-148" name="__codelineno-3-148"></a><span class="w"> </span><span class="nt">0</span><span class="o">%</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-149" name="__codelineno-3-149"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateX</span><span class="p">(</span><span class="mi">90</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">rotateZ</span><span class="p">(</span><span class="mi">-90</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">translateZ</span><span class="p">(</span><span class="mi">-200</span><span class="kt">px</span><span class="p">)</span>
|
||
<a id="__codelineno-3-150" name="__codelineno-3-150"></a><span class="w"> </span><span class="nb">translateY</span><span class="p">(</span><span class="mi">130</span><span class="kt">px</span><span class="p">);</span>
|
||
<a id="__codelineno-3-151" name="__codelineno-3-151"></a><span class="w"> </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateX</span><span class="p">(</span><span class="mi">90</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">rotateZ</span><span class="p">(</span><span class="mi">-90</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">translateZ</span><span class="p">(</span><span class="mi">-200</span><span class="kt">px</span><span class="p">)</span>
|
||
<a id="__codelineno-3-152" name="__codelineno-3-152"></a><span class="w"> </span><span class="nb">translateY</span><span class="p">(</span><span class="mi">130</span><span class="kt">px</span><span class="p">);</span>
|
||
<a id="__codelineno-3-153" name="__codelineno-3-153"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-154" name="__codelineno-3-154"></a>
|
||
<a id="__codelineno-3-155" name="__codelineno-3-155"></a><span class="w"> </span><span class="nt">100</span><span class="o">%</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-156" name="__codelineno-3-156"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateX</span><span class="p">(</span><span class="mi">90</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">rotateZ</span><span class="p">(</span><span class="mi">-90</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">translateZ</span><span class="p">(</span><span class="mi">-200</span><span class="kt">px</span><span class="p">)</span>
|
||
<a id="__codelineno-3-157" name="__codelineno-3-157"></a><span class="w"> </span><span class="nb">translateY</span><span class="p">(</span><span class="mi">-3870</span><span class="kt">px</span><span class="p">);</span>
|
||
<a id="__codelineno-3-158" name="__codelineno-3-158"></a><span class="w"> </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateX</span><span class="p">(</span><span class="mi">90</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">rotateZ</span><span class="p">(</span><span class="mi">-90</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">translateZ</span><span class="p">(</span><span class="mi">-200</span><span class="kt">px</span><span class="p">)</span>
|
||
<a id="__codelineno-3-159" name="__codelineno-3-159"></a><span class="w"> </span><span class="nb">translateY</span><span class="p">(</span><span class="mi">-3870</span><span class="kt">px</span><span class="p">);</span>
|
||
<a id="__codelineno-3-160" name="__codelineno-3-160"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-161" name="__codelineno-3-161"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-162" name="__codelineno-3-162"></a>
|
||
<a id="__codelineno-3-163" name="__codelineno-3-163"></a><span class="w"> </span><span class="p">@</span><span class="k">keyframes</span><span class="w"> </span><span class="nt">stampSlide</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-164" name="__codelineno-3-164"></a><span class="w"> </span><span class="nt">0</span><span class="o">%</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-165" name="__codelineno-3-165"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateX</span><span class="p">(</span><span class="mi">90</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">rotateZ</span><span class="p">(</span><span class="mi">-90</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">translateZ</span><span class="p">(</span><span class="mi">-200</span><span class="kt">px</span><span class="p">)</span>
|
||
<a id="__codelineno-3-166" name="__codelineno-3-166"></a><span class="w"> </span><span class="nb">translateY</span><span class="p">(</span><span class="mi">130</span><span class="kt">px</span><span class="p">);</span>
|
||
<a id="__codelineno-3-167" name="__codelineno-3-167"></a><span class="w"> </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateX</span><span class="p">(</span><span class="mi">90</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">rotateZ</span><span class="p">(</span><span class="mi">-90</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">translateZ</span><span class="p">(</span><span class="mi">-200</span><span class="kt">px</span><span class="p">)</span>
|
||
<a id="__codelineno-3-168" name="__codelineno-3-168"></a><span class="w"> </span><span class="nb">translateY</span><span class="p">(</span><span class="mi">130</span><span class="kt">px</span><span class="p">);</span>
|
||
<a id="__codelineno-3-169" name="__codelineno-3-169"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-170" name="__codelineno-3-170"></a>
|
||
<a id="__codelineno-3-171" name="__codelineno-3-171"></a><span class="w"> </span><span class="nt">100</span><span class="o">%</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-172" name="__codelineno-3-172"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateX</span><span class="p">(</span><span class="mi">90</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">rotateZ</span><span class="p">(</span><span class="mi">-90</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">translateZ</span><span class="p">(</span><span class="mi">-200</span><span class="kt">px</span><span class="p">)</span>
|
||
<a id="__codelineno-3-173" name="__codelineno-3-173"></a><span class="w"> </span><span class="nb">translateY</span><span class="p">(</span><span class="mi">-3870</span><span class="kt">px</span><span class="p">);</span>
|
||
<a id="__codelineno-3-174" name="__codelineno-3-174"></a><span class="w"> </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateX</span><span class="p">(</span><span class="mi">90</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">rotateZ</span><span class="p">(</span><span class="mi">-90</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">translateZ</span><span class="p">(</span><span class="mi">-200</span><span class="kt">px</span><span class="p">)</span>
|
||
<a id="__codelineno-3-175" name="__codelineno-3-175"></a><span class="w"> </span><span class="nb">translateY</span><span class="p">(</span><span class="mi">-3870</span><span class="kt">px</span><span class="p">);</span>
|
||
<a id="__codelineno-3-176" name="__codelineno-3-176"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-177" name="__codelineno-3-177"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-178" name="__codelineno-3-178"></a>
|
||
<a id="__codelineno-3-179" name="__codelineno-3-179"></a><span class="w"> </span><span class="p">.</span><span class="nc">world</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-180" name="__codelineno-3-180"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateX</span><span class="p">(</span><span class="mi">-30</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">rotateY</span><span class="p">(</span><span class="mi">-30</span><span class="kt">deg</span><span class="p">);</span>
|
||
<a id="__codelineno-3-181" name="__codelineno-3-181"></a><span class="w"> </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateX</span><span class="p">(</span><span class="mi">-30</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">rotateY</span><span class="p">(</span><span class="mi">-30</span><span class="kt">deg</span><span class="p">);</span>
|
||
<a id="__codelineno-3-182" name="__codelineno-3-182"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-183" name="__codelineno-3-183"></a>
|
||
<a id="__codelineno-3-184" name="__codelineno-3-184"></a><span class="w"> </span><span class="p">.</span><span class="nc">world</span><span class="w"> </span><span class="p">.</span><span class="nc">forward</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-185" name="__codelineno-3-185"></a><span class="w"> </span><span class="k">position</span><span class="p">:</span><span class="w"> </span><span class="kc">absolute</span><span class="p">;</span>
|
||
<a id="__codelineno-3-186" name="__codelineno-3-186"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">slide</span><span class="w"> </span><span class="mi">2</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-187" name="__codelineno-3-187"></a><span class="w"> </span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">slide</span><span class="w"> </span><span class="mi">2</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-188" name="__codelineno-3-188"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-189" name="__codelineno-3-189"></a>
|
||
<a id="__codelineno-3-190" name="__codelineno-3-190"></a><span class="w"> </span><span class="p">.</span><span class="nc">world</span><span class="w"> </span><span class="p">.</span><span class="nc">box</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-191" name="__codelineno-3-191"></a><span class="w"> </span><span class="k">width</span><span class="p">:</span><span class="w"> </span><span class="mi">200</span><span class="kt">px</span><span class="p">;</span>
|
||
<a id="__codelineno-3-192" name="__codelineno-3-192"></a><span class="w"> </span><span class="k">height</span><span class="p">:</span><span class="w"> </span><span class="mi">200</span><span class="kt">px</span><span class="p">;</span>
|
||
<a id="__codelineno-3-193" name="__codelineno-3-193"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">transform-origin</span><span class="p">:</span><span class="w"> </span><span class="mi">100</span><span class="kt">%</span><span class="w"> </span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span>
|
||
<a id="__codelineno-3-194" name="__codelineno-3-194"></a><span class="w"> </span><span class="k">transform-origin</span><span class="p">:</span><span class="w"> </span><span class="mi">100</span><span class="kt">%</span><span class="w"> </span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span>
|
||
<a id="__codelineno-3-195" name="__codelineno-3-195"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">roll</span><span class="w"> </span><span class="mi">2</span><span class="kt">s</span><span class="w"> </span><span class="nb">cubic-bezier</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mf">0.01</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">)</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-196" name="__codelineno-3-196"></a><span class="w"> </span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">roll</span><span class="w"> </span><span class="mi">2</span><span class="kt">s</span><span class="w"> </span><span class="nb">cubic-bezier</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mf">0.01</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">)</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-197" name="__codelineno-3-197"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-198" name="__codelineno-3-198"></a>
|
||
<a id="__codelineno-3-199" name="__codelineno-3-199"></a><span class="w"> </span><span class="p">.</span><span class="nc">world</span><span class="w"> </span><span class="p">.</span><span class="nc">box</span><span class="w"> </span><span class="p">.</span><span class="nc">wall</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-200" name="__codelineno-3-200"></a><span class="w"> </span><span class="k">position</span><span class="p">:</span><span class="w"> </span><span class="kc">absolute</span><span class="p">;</span>
|
||
<a id="__codelineno-3-201" name="__codelineno-3-201"></a><span class="w"> </span><span class="k">width</span><span class="p">:</span><span class="w"> </span><span class="mi">200</span><span class="kt">px</span><span class="p">;</span>
|
||
<a id="__codelineno-3-202" name="__codelineno-3-202"></a><span class="w"> </span><span class="k">height</span><span class="p">:</span><span class="w"> </span><span class="mi">200</span><span class="kt">px</span><span class="p">;</span>
|
||
<a id="__codelineno-3-203" name="__codelineno-3-203"></a><span class="w"> </span><span class="k">background</span><span class="p">:</span><span class="w"> </span><span class="nb">rgba</span><span class="p">(</span><span class="mi">10</span><span class="p">,</span><span class="w"> </span><span class="mi">10</span><span class="p">,</span><span class="w"> </span><span class="mi">10</span><span class="p">,</span><span class="w"> </span><span class="mf">0.8</span><span class="p">);</span>
|
||
<a id="__codelineno-3-204" name="__codelineno-3-204"></a><span class="w"> </span><span class="k">border</span><span class="p">:</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#fafafa</span><span class="p">;</span>
|
||
<a id="__codelineno-3-205" name="__codelineno-3-205"></a><span class="w"> </span><span class="k">box-sizing</span><span class="p">:</span><span class="w"> </span><span class="kc">border-box</span><span class="p">;</span>
|
||
<a id="__codelineno-3-206" name="__codelineno-3-206"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-207" name="__codelineno-3-207"></a>
|
||
<a id="__codelineno-3-208" name="__codelineno-3-208"></a><span class="w"> </span><span class="p">.</span><span class="nc">world</span><span class="w"> </span><span class="p">.</span><span class="nc">box</span><span class="w"> </span><span class="p">.</span><span class="nc">wall</span><span class="p">::</span><span class="nd">before</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-209" name="__codelineno-3-209"></a><span class="w"> </span><span class="k">content</span><span class="p">:</span><span class="w"> </span><span class="s2">""</span><span class="p">;</span>
|
||
<a id="__codelineno-3-210" name="__codelineno-3-210"></a><span class="w"> </span><span class="k">position</span><span class="p">:</span><span class="w"> </span><span class="kc">absolute</span><span class="p">;</span>
|
||
<a id="__codelineno-3-211" name="__codelineno-3-211"></a><span class="w"> </span><span class="k">width</span><span class="p">:</span><span class="w"> </span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span>
|
||
<a id="__codelineno-3-212" name="__codelineno-3-212"></a><span class="w"> </span><span class="k">height</span><span class="p">:</span><span class="w"> </span><span class="mi">100</span><span class="kt">%</span><span class="p">;</span>
|
||
<a id="__codelineno-3-213" name="__codelineno-3-213"></a><span class="w"> </span><span class="k">display</span><span class="p">:</span><span class="w"> </span><span class="kc">flex</span><span class="p">;</span>
|
||
<a id="__codelineno-3-214" name="__codelineno-3-214"></a><span class="w"> </span><span class="k">justify-content</span><span class="p">:</span><span class="w"> </span><span class="kc">center</span><span class="p">;</span>
|
||
<a id="__codelineno-3-215" name="__codelineno-3-215"></a><span class="w"> </span><span class="k">align-items</span><span class="p">:</span><span class="w"> </span><span class="kc">center</span><span class="p">;</span>
|
||
<a id="__codelineno-3-216" name="__codelineno-3-216"></a><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#fff</span><span class="p">;</span>
|
||
<a id="__codelineno-3-217" name="__codelineno-3-217"></a><span class="w"> </span><span class="k">font-size</span><span class="p">:</span><span class="w"> </span><span class="mi">7</span><span class="kt">rem</span><span class="p">;</span>
|
||
<a id="__codelineno-3-218" name="__codelineno-3-218"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-219" name="__codelineno-3-219"></a>
|
||
<a id="__codelineno-3-220" name="__codelineno-3-220"></a><span class="w"> </span><span class="p">.</span><span class="nc">world</span><span class="w"> </span><span class="p">.</span><span class="nc">box</span><span class="w"> </span><span class="p">.</span><span class="nc">wall</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">1</span><span class="o">)</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-221" name="__codelineno-3-221"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">translateZ</span><span class="p">(</span><span class="mi">100</span><span class="kt">px</span><span class="p">);</span>
|
||
<a id="__codelineno-3-222" name="__codelineno-3-222"></a><span class="w"> </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">translateZ</span><span class="p">(</span><span class="mi">100</span><span class="kt">px</span><span class="p">);</span>
|
||
<a id="__codelineno-3-223" name="__codelineno-3-223"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-224" name="__codelineno-3-224"></a>
|
||
<a id="__codelineno-3-225" name="__codelineno-3-225"></a><span class="w"> </span><span class="p">.</span><span class="nc">world</span><span class="w"> </span><span class="p">.</span><span class="nc">box</span><span class="w"> </span><span class="p">.</span><span class="nc">wall</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">2</span><span class="o">)</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-226" name="__codelineno-3-226"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateX</span><span class="p">(</span><span class="mi">180</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">translateZ</span><span class="p">(</span><span class="mi">100</span><span class="kt">px</span><span class="p">);</span>
|
||
<a id="__codelineno-3-227" name="__codelineno-3-227"></a><span class="w"> </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateX</span><span class="p">(</span><span class="mi">180</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">translateZ</span><span class="p">(</span><span class="mi">100</span><span class="kt">px</span><span class="p">);</span>
|
||
<a id="__codelineno-3-228" name="__codelineno-3-228"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-229" name="__codelineno-3-229"></a>
|
||
<a id="__codelineno-3-230" name="__codelineno-3-230"></a><span class="w"> </span><span class="p">.</span><span class="nc">world</span><span class="w"> </span><span class="p">.</span><span class="nc">box</span><span class="w"> </span><span class="p">.</span><span class="nc">wall</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">3</span><span class="o">)</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-231" name="__codelineno-3-231"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateX</span><span class="p">(</span><span class="mi">90</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">translateZ</span><span class="p">(</span><span class="mi">100</span><span class="kt">px</span><span class="p">);</span>
|
||
<a id="__codelineno-3-232" name="__codelineno-3-232"></a><span class="w"> </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateX</span><span class="p">(</span><span class="mi">90</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">translateZ</span><span class="p">(</span><span class="mi">100</span><span class="kt">px</span><span class="p">);</span>
|
||
<a id="__codelineno-3-233" name="__codelineno-3-233"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-234" name="__codelineno-3-234"></a>
|
||
<a id="__codelineno-3-235" name="__codelineno-3-235"></a><span class="w"> </span><span class="p">.</span><span class="nc">world</span><span class="w"> </span><span class="p">.</span><span class="nc">box</span><span class="w"> </span><span class="p">.</span><span class="nc">wall</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">3</span><span class="o">)</span><span class="p">::</span><span class="nd">before</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-236" name="__codelineno-3-236"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateX</span><span class="p">(</span><span class="mi">180</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">rotateZ</span><span class="p">(</span><span class="mi">90</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">translateZ</span><span class="p">(</span><span class="mi">-1</span><span class="kt">px</span><span class="p">);</span>
|
||
<a id="__codelineno-3-237" name="__codelineno-3-237"></a><span class="w"> </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateX</span><span class="p">(</span><span class="mi">180</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">rotateZ</span><span class="p">(</span><span class="mi">90</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">translateZ</span><span class="p">(</span><span class="mi">-1</span><span class="kt">px</span><span class="p">);</span>
|
||
<a id="__codelineno-3-238" name="__codelineno-3-238"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">zeroFour</span><span class="w"> </span><span class="mi">4</span><span class="kt">s</span><span class="w"> </span><span class="mi">-2</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-239" name="__codelineno-3-239"></a><span class="w"> </span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">zeroFour</span><span class="w"> </span><span class="mi">4</span><span class="kt">s</span><span class="w"> </span><span class="mi">-2</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-240" name="__codelineno-3-240"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-241" name="__codelineno-3-241"></a>
|
||
<a id="__codelineno-3-242" name="__codelineno-3-242"></a><span class="w"> </span><span class="p">.</span><span class="nc">world</span><span class="w"> </span><span class="p">.</span><span class="nc">box</span><span class="w"> </span><span class="p">.</span><span class="nc">wall</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">4</span><span class="o">)</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-243" name="__codelineno-3-243"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateX</span><span class="p">(</span><span class="mi">-90</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">translateZ</span><span class="p">(</span><span class="mi">100</span><span class="kt">px</span><span class="p">);</span>
|
||
<a id="__codelineno-3-244" name="__codelineno-3-244"></a><span class="w"> </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateX</span><span class="p">(</span><span class="mi">-90</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">translateZ</span><span class="p">(</span><span class="mi">100</span><span class="kt">px</span><span class="p">);</span>
|
||
<a id="__codelineno-3-245" name="__codelineno-3-245"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-246" name="__codelineno-3-246"></a>
|
||
<a id="__codelineno-3-247" name="__codelineno-3-247"></a><span class="w"> </span><span class="p">.</span><span class="nc">world</span><span class="w"> </span><span class="p">.</span><span class="nc">box</span><span class="w"> </span><span class="p">.</span><span class="nc">wall</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">4</span><span class="o">)</span><span class="p">::</span><span class="nd">before</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-248" name="__codelineno-3-248"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateX</span><span class="p">(</span><span class="mi">180</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">rotateZ</span><span class="p">(</span><span class="mi">-90</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">translateZ</span><span class="p">(</span><span class="mi">-1</span><span class="kt">px</span><span class="p">);</span>
|
||
<a id="__codelineno-3-249" name="__codelineno-3-249"></a><span class="w"> </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateX</span><span class="p">(</span><span class="mi">180</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">rotateZ</span><span class="p">(</span><span class="mi">-90</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">translateZ</span><span class="p">(</span><span class="mi">-1</span><span class="kt">px</span><span class="p">);</span>
|
||
<a id="__codelineno-3-250" name="__codelineno-3-250"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">zeroFour</span><span class="w"> </span><span class="mi">4</span><span class="kt">s</span><span class="w"> </span><span class="mi">-2</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-251" name="__codelineno-3-251"></a><span class="w"> </span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">zeroFour</span><span class="w"> </span><span class="mi">4</span><span class="kt">s</span><span class="w"> </span><span class="mi">-2</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-252" name="__codelineno-3-252"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-253" name="__codelineno-3-253"></a>
|
||
<a id="__codelineno-3-254" name="__codelineno-3-254"></a><span class="w"> </span><span class="p">.</span><span class="nc">world</span><span class="w"> </span><span class="p">.</span><span class="nc">box</span><span class="w"> </span><span class="p">.</span><span class="nc">wall</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">5</span><span class="o">)</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-255" name="__codelineno-3-255"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateY</span><span class="p">(</span><span class="mi">90</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">translateZ</span><span class="p">(</span><span class="mi">100</span><span class="kt">px</span><span class="p">);</span>
|
||
<a id="__codelineno-3-256" name="__codelineno-3-256"></a><span class="w"> </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateY</span><span class="p">(</span><span class="mi">90</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">translateZ</span><span class="p">(</span><span class="mi">100</span><span class="kt">px</span><span class="p">);</span>
|
||
<a id="__codelineno-3-257" name="__codelineno-3-257"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-258" name="__codelineno-3-258"></a>
|
||
<a id="__codelineno-3-259" name="__codelineno-3-259"></a><span class="w"> </span><span class="p">.</span><span class="nc">world</span><span class="w"> </span><span class="p">.</span><span class="nc">box</span><span class="w"> </span><span class="p">.</span><span class="nc">wall</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">5</span><span class="o">)</span><span class="p">::</span><span class="nd">before</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-260" name="__codelineno-3-260"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateX</span><span class="p">(</span><span class="mi">180</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">translateZ</span><span class="p">(</span><span class="mi">-1</span><span class="kt">px</span><span class="p">);</span>
|
||
<a id="__codelineno-3-261" name="__codelineno-3-261"></a><span class="w"> </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateX</span><span class="p">(</span><span class="mi">180</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">translateZ</span><span class="p">(</span><span class="mi">-1</span><span class="kt">px</span><span class="p">);</span>
|
||
<a id="__codelineno-3-262" name="__codelineno-3-262"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">zeroFour</span><span class="w"> </span><span class="mi">4</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-263" name="__codelineno-3-263"></a><span class="w"> </span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">zeroFour</span><span class="w"> </span><span class="mi">4</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-264" name="__codelineno-3-264"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-265" name="__codelineno-3-265"></a>
|
||
<a id="__codelineno-3-266" name="__codelineno-3-266"></a><span class="w"> </span><span class="p">.</span><span class="nc">world</span><span class="w"> </span><span class="p">.</span><span class="nc">box</span><span class="w"> </span><span class="p">.</span><span class="nc">wall</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">6</span><span class="o">)</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-267" name="__codelineno-3-267"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateY</span><span class="p">(</span><span class="mi">-90</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">translateZ</span><span class="p">(</span><span class="mi">100</span><span class="kt">px</span><span class="p">);</span>
|
||
<a id="__codelineno-3-268" name="__codelineno-3-268"></a><span class="w"> </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateY</span><span class="p">(</span><span class="mi">-90</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">translateZ</span><span class="p">(</span><span class="mi">100</span><span class="kt">px</span><span class="p">);</span>
|
||
<a id="__codelineno-3-269" name="__codelineno-3-269"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-270" name="__codelineno-3-270"></a>
|
||
<a id="__codelineno-3-271" name="__codelineno-3-271"></a><span class="w"> </span><span class="p">.</span><span class="nc">world</span><span class="w"> </span><span class="p">.</span><span class="nc">box</span><span class="w"> </span><span class="p">.</span><span class="nc">wall</span><span class="p">:</span><span class="nd">nth-child</span><span class="o">(</span><span class="nt">6</span><span class="o">)</span><span class="p">::</span><span class="nd">before</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-272" name="__codelineno-3-272"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateX</span><span class="p">(</span><span class="mi">180</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">rotateZ</span><span class="p">(</span><span class="mi">180</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">translateZ</span><span class="p">(</span><span class="mi">-1</span><span class="kt">px</span><span class="p">);</span>
|
||
<a id="__codelineno-3-273" name="__codelineno-3-273"></a><span class="w"> </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateX</span><span class="p">(</span><span class="mi">180</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">rotateZ</span><span class="p">(</span><span class="mi">180</span><span class="kt">deg</span><span class="p">)</span><span class="w"> </span><span class="nb">translateZ</span><span class="p">(</span><span class="mi">-1</span><span class="kt">px</span><span class="p">);</span>
|
||
<a id="__codelineno-3-274" name="__codelineno-3-274"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">zeroFour</span><span class="w"> </span><span class="mi">4</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-275" name="__codelineno-3-275"></a><span class="w"> </span><span class="k">animation</span><span class="p">:</span><span class="w"> </span><span class="n">zeroFour</span><span class="w"> </span><span class="mi">4</span><span class="kt">s</span><span class="w"> </span><span class="kc">linear</span><span class="w"> </span><span class="kc">infinite</span><span class="p">;</span>
|
||
<a id="__codelineno-3-276" name="__codelineno-3-276"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-277" name="__codelineno-3-277"></a>
|
||
<a id="__codelineno-3-278" name="__codelineno-3-278"></a><span class="w"> </span><span class="p">@</span><span class="k">-webkit-keyframes</span><span class="w"> </span><span class="nt">zeroFour</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-279" name="__codelineno-3-279"></a><span class="w"> </span><span class="nt">0</span><span class="o">%</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-280" name="__codelineno-3-280"></a><span class="w"> </span><span class="k">content</span><span class="p">:</span><span class="w"> </span><span class="s2">"4"</span><span class="p">;</span>
|
||
<a id="__codelineno-3-281" name="__codelineno-3-281"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-282" name="__codelineno-3-282"></a>
|
||
<a id="__codelineno-3-283" name="__codelineno-3-283"></a><span class="w"> </span><span class="nt">100</span><span class="o">%</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-284" name="__codelineno-3-284"></a><span class="w"> </span><span class="k">content</span><span class="p">:</span><span class="w"> </span><span class="s2">"0"</span><span class="p">;</span>
|
||
<a id="__codelineno-3-285" name="__codelineno-3-285"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-286" name="__codelineno-3-286"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-287" name="__codelineno-3-287"></a>
|
||
<a id="__codelineno-3-288" name="__codelineno-3-288"></a><span class="w"> </span><span class="p">@</span><span class="k">keyframes</span><span class="w"> </span><span class="nt">zeroFour</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-289" name="__codelineno-3-289"></a><span class="w"> </span><span class="nt">0</span><span class="o">%</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-290" name="__codelineno-3-290"></a><span class="w"> </span><span class="k">content</span><span class="p">:</span><span class="w"> </span><span class="s2">"4"</span><span class="p">;</span>
|
||
<a id="__codelineno-3-291" name="__codelineno-3-291"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-292" name="__codelineno-3-292"></a>
|
||
<a id="__codelineno-3-293" name="__codelineno-3-293"></a><span class="w"> </span><span class="nt">100</span><span class="o">%</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-294" name="__codelineno-3-294"></a><span class="w"> </span><span class="k">content</span><span class="p">:</span><span class="w"> </span><span class="s2">"0"</span><span class="p">;</span>
|
||
<a id="__codelineno-3-295" name="__codelineno-3-295"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-296" name="__codelineno-3-296"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-297" name="__codelineno-3-297"></a>
|
||
<a id="__codelineno-3-298" name="__codelineno-3-298"></a><span class="w"> </span><span class="p">@</span><span class="k">-webkit-keyframes</span><span class="w"> </span><span class="nt">roll</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-299" name="__codelineno-3-299"></a><span class="w"> </span><span class="nt">0</span><span class="o">%</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-300" name="__codelineno-3-300"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateZ</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span>
|
||
<a id="__codelineno-3-301" name="__codelineno-3-301"></a><span class="w"> </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateZ</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span>
|
||
<a id="__codelineno-3-302" name="__codelineno-3-302"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-303" name="__codelineno-3-303"></a>
|
||
<a id="__codelineno-3-304" name="__codelineno-3-304"></a><span class="w"> </span><span class="nt">85</span><span class="o">%</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-305" name="__codelineno-3-305"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateZ</span><span class="p">(</span><span class="mi">90</span><span class="kt">deg</span><span class="p">);</span>
|
||
<a id="__codelineno-3-306" name="__codelineno-3-306"></a><span class="w"> </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateZ</span><span class="p">(</span><span class="mi">90</span><span class="kt">deg</span><span class="p">);</span>
|
||
<a id="__codelineno-3-307" name="__codelineno-3-307"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-308" name="__codelineno-3-308"></a>
|
||
<a id="__codelineno-3-309" name="__codelineno-3-309"></a><span class="w"> </span><span class="nt">87</span><span class="o">%</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-310" name="__codelineno-3-310"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateZ</span><span class="p">(</span><span class="mi">88</span><span class="kt">deg</span><span class="p">);</span>
|
||
<a id="__codelineno-3-311" name="__codelineno-3-311"></a><span class="w"> </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateZ</span><span class="p">(</span><span class="mi">88</span><span class="kt">deg</span><span class="p">);</span>
|
||
<a id="__codelineno-3-312" name="__codelineno-3-312"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-313" name="__codelineno-3-313"></a>
|
||
<a id="__codelineno-3-314" name="__codelineno-3-314"></a><span class="w"> </span><span class="nt">90</span><span class="o">%</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-315" name="__codelineno-3-315"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateZ</span><span class="p">(</span><span class="mi">90</span><span class="kt">deg</span><span class="p">);</span>
|
||
<a id="__codelineno-3-316" name="__codelineno-3-316"></a><span class="w"> </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateZ</span><span class="p">(</span><span class="mi">90</span><span class="kt">deg</span><span class="p">);</span>
|
||
<a id="__codelineno-3-317" name="__codelineno-3-317"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-318" name="__codelineno-3-318"></a>
|
||
<a id="__codelineno-3-319" name="__codelineno-3-319"></a><span class="w"> </span><span class="nt">100</span><span class="o">%</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-320" name="__codelineno-3-320"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateZ</span><span class="p">(</span><span class="mi">90</span><span class="kt">deg</span><span class="p">);</span>
|
||
<a id="__codelineno-3-321" name="__codelineno-3-321"></a><span class="w"> </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateZ</span><span class="p">(</span><span class="mi">90</span><span class="kt">deg</span><span class="p">);</span>
|
||
<a id="__codelineno-3-322" name="__codelineno-3-322"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-323" name="__codelineno-3-323"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-324" name="__codelineno-3-324"></a>
|
||
<a id="__codelineno-3-325" name="__codelineno-3-325"></a><span class="w"> </span><span class="p">@</span><span class="k">keyframes</span><span class="w"> </span><span class="nt">roll</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-326" name="__codelineno-3-326"></a><span class="w"> </span><span class="nt">0</span><span class="o">%</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-327" name="__codelineno-3-327"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateZ</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span>
|
||
<a id="__codelineno-3-328" name="__codelineno-3-328"></a><span class="w"> </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateZ</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span>
|
||
<a id="__codelineno-3-329" name="__codelineno-3-329"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-330" name="__codelineno-3-330"></a>
|
||
<a id="__codelineno-3-331" name="__codelineno-3-331"></a><span class="w"> </span><span class="nt">85</span><span class="o">%</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-332" name="__codelineno-3-332"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateZ</span><span class="p">(</span><span class="mi">90</span><span class="kt">deg</span><span class="p">);</span>
|
||
<a id="__codelineno-3-333" name="__codelineno-3-333"></a><span class="w"> </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateZ</span><span class="p">(</span><span class="mi">90</span><span class="kt">deg</span><span class="p">);</span>
|
||
<a id="__codelineno-3-334" name="__codelineno-3-334"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-335" name="__codelineno-3-335"></a>
|
||
<a id="__codelineno-3-336" name="__codelineno-3-336"></a><span class="w"> </span><span class="nt">87</span><span class="o">%</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-337" name="__codelineno-3-337"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateZ</span><span class="p">(</span><span class="mi">88</span><span class="kt">deg</span><span class="p">);</span>
|
||
<a id="__codelineno-3-338" name="__codelineno-3-338"></a><span class="w"> </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateZ</span><span class="p">(</span><span class="mi">88</span><span class="kt">deg</span><span class="p">);</span>
|
||
<a id="__codelineno-3-339" name="__codelineno-3-339"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-340" name="__codelineno-3-340"></a>
|
||
<a id="__codelineno-3-341" name="__codelineno-3-341"></a><span class="w"> </span><span class="nt">90</span><span class="o">%</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-342" name="__codelineno-3-342"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateZ</span><span class="p">(</span><span class="mi">90</span><span class="kt">deg</span><span class="p">);</span>
|
||
<a id="__codelineno-3-343" name="__codelineno-3-343"></a><span class="w"> </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateZ</span><span class="p">(</span><span class="mi">90</span><span class="kt">deg</span><span class="p">);</span>
|
||
<a id="__codelineno-3-344" name="__codelineno-3-344"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-345" name="__codelineno-3-345"></a>
|
||
<a id="__codelineno-3-346" name="__codelineno-3-346"></a><span class="w"> </span><span class="nt">100</span><span class="o">%</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-347" name="__codelineno-3-347"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateZ</span><span class="p">(</span><span class="mi">90</span><span class="kt">deg</span><span class="p">);</span>
|
||
<a id="__codelineno-3-348" name="__codelineno-3-348"></a><span class="w"> </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">rotateZ</span><span class="p">(</span><span class="mi">90</span><span class="kt">deg</span><span class="p">);</span>
|
||
<a id="__codelineno-3-349" name="__codelineno-3-349"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-350" name="__codelineno-3-350"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-351" name="__codelineno-3-351"></a>
|
||
<a id="__codelineno-3-352" name="__codelineno-3-352"></a><span class="w"> </span><span class="p">@</span><span class="k">-webkit-keyframes</span><span class="w"> </span><span class="nt">slide</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-353" name="__codelineno-3-353"></a><span class="w"> </span><span class="nt">0</span><span class="o">%</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-354" name="__codelineno-3-354"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">translateX</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span>
|
||
<a id="__codelineno-3-355" name="__codelineno-3-355"></a><span class="w"> </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">translateX</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span>
|
||
<a id="__codelineno-3-356" name="__codelineno-3-356"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-357" name="__codelineno-3-357"></a>
|
||
<a id="__codelineno-3-358" name="__codelineno-3-358"></a><span class="w"> </span><span class="nt">100</span><span class="o">%</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-359" name="__codelineno-3-359"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">translateX</span><span class="p">(</span><span class="mi">-200</span><span class="kt">px</span><span class="p">);</span>
|
||
<a id="__codelineno-3-360" name="__codelineno-3-360"></a><span class="w"> </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">translateX</span><span class="p">(</span><span class="mi">-200</span><span class="kt">px</span><span class="p">);</span>
|
||
<a id="__codelineno-3-361" name="__codelineno-3-361"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-362" name="__codelineno-3-362"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-363" name="__codelineno-3-363"></a>
|
||
<a id="__codelineno-3-364" name="__codelineno-3-364"></a><span class="w"> </span><span class="p">@</span><span class="k">keyframes</span><span class="w"> </span><span class="nt">slide</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-365" name="__codelineno-3-365"></a><span class="w"> </span><span class="nt">0</span><span class="o">%</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-366" name="__codelineno-3-366"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">translateX</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span>
|
||
<a id="__codelineno-3-367" name="__codelineno-3-367"></a><span class="w"> </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">translateX</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span>
|
||
<a id="__codelineno-3-368" name="__codelineno-3-368"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-369" name="__codelineno-3-369"></a>
|
||
<a id="__codelineno-3-370" name="__codelineno-3-370"></a><span class="w"> </span><span class="nt">100</span><span class="o">%</span><span class="w"> </span><span class="p">{</span>
|
||
<a id="__codelineno-3-371" name="__codelineno-3-371"></a><span class="w"> </span><span class="kp">-webkit-</span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">translateX</span><span class="p">(</span><span class="mi">-200</span><span class="kt">px</span><span class="p">);</span>
|
||
<a id="__codelineno-3-372" name="__codelineno-3-372"></a><span class="w"> </span><span class="k">transform</span><span class="p">:</span><span class="w"> </span><span class="nb">translateX</span><span class="p">(</span><span class="mi">-200</span><span class="kt">px</span><span class="p">);</span>
|
||
<a id="__codelineno-3-373" name="__codelineno-3-373"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-374" name="__codelineno-3-374"></a><span class="w"> </span><span class="p">}</span>
|
||
<a id="__codelineno-3-375" name="__codelineno-3-375"></a><span class="w"> </span><span class="p"></</span><span class="nt">style</span><span class="p">></span>
|
||
<a id="__codelineno-3-376" name="__codelineno-3-376"></a> <span class="p"></</span><span class="nt">head</span><span class="p">></span>
|
||
<a id="__codelineno-3-377" name="__codelineno-3-377"></a> <span class="p"><</span><span class="nt">body</span><span class="p">></span>
|
||
<a id="__codelineno-3-378" name="__codelineno-3-378"></a> <span class="p"><</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">"rail"</span><span class="p">></span>
|
||
<a id="__codelineno-3-379" name="__codelineno-3-379"></a> <span class="p"><</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">"stamp four"</span><span class="p">></span>4<span class="p"></</span><span class="nt">div</span><span class="p">></span>
|
||
<a id="__codelineno-3-380" name="__codelineno-3-380"></a> <span class="p"><</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">"stamp zero"</span><span class="p">></span>0<span class="p"></</span><span class="nt">div</span><span class="p">></span>
|
||
<a id="__codelineno-3-381" name="__codelineno-3-381"></a> <span class="p"><</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">"stamp four"</span><span class="p">></span>4<span class="p"></</span><span class="nt">div</span><span class="p">></span>
|
||
<a id="__codelineno-3-382" name="__codelineno-3-382"></a> <span class="p"><</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">"stamp zero"</span><span class="p">></span>0<span class="p"></</span><span class="nt">div</span><span class="p">></span>
|
||
<a id="__codelineno-3-383" name="__codelineno-3-383"></a> <span class="p"><</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">"stamp four"</span><span class="p">></span>4<span class="p"></</span><span class="nt">div</span><span class="p">></span>
|
||
<a id="__codelineno-3-384" name="__codelineno-3-384"></a> <span class="p"><</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">"stamp zero"</span><span class="p">></span>0<span class="p"></</span><span class="nt">div</span><span class="p">></span>
|
||
<a id="__codelineno-3-385" name="__codelineno-3-385"></a> <span class="p"><</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">"stamp four"</span><span class="p">></span>4<span class="p"></</span><span class="nt">div</span><span class="p">></span>
|
||
<a id="__codelineno-3-386" name="__codelineno-3-386"></a> <span class="p"><</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">"stamp zero"</span><span class="p">></span>0<span class="p"></</span><span class="nt">div</span><span class="p">></span>
|
||
<a id="__codelineno-3-387" name="__codelineno-3-387"></a> <span class="p"><</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">"stamp four"</span><span class="p">></span>4<span class="p"></</span><span class="nt">div</span><span class="p">></span>
|
||
<a id="__codelineno-3-388" name="__codelineno-3-388"></a> <span class="p"><</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">"stamp zero"</span><span class="p">></span>0<span class="p"></</span><span class="nt">div</span><span class="p">></span>
|
||
<a id="__codelineno-3-389" name="__codelineno-3-389"></a> <span class="p"><</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">"stamp four"</span><span class="p">></span>4<span class="p"></</span><span class="nt">div</span><span class="p">></span>
|
||
<a id="__codelineno-3-390" name="__codelineno-3-390"></a> <span class="p"><</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">"stamp zero"</span><span class="p">></span>0<span class="p"></</span><span class="nt">div</span><span class="p">></span>
|
||
<a id="__codelineno-3-391" name="__codelineno-3-391"></a> <span class="p"><</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">"stamp four"</span><span class="p">></span>4<span class="p"></</span><span class="nt">div</span><span class="p">></span>
|
||
<a id="__codelineno-3-392" name="__codelineno-3-392"></a> <span class="p"><</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">"stamp zero"</span><span class="p">></span>0<span class="p"></</span><span class="nt">div</span><span class="p">></span>
|
||
<a id="__codelineno-3-393" name="__codelineno-3-393"></a> <span class="p"><</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">"stamp four"</span><span class="p">></span>4<span class="p"></</span><span class="nt">div</span><span class="p">></span>
|
||
<a id="__codelineno-3-394" name="__codelineno-3-394"></a> <span class="p"><</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">"stamp zero"</span><span class="p">></span>0<span class="p"></</span><span class="nt">div</span><span class="p">></span>
|
||
<a id="__codelineno-3-395" name="__codelineno-3-395"></a> <span class="p"><</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">"stamp four"</span><span class="p">></span>4<span class="p"></</span><span class="nt">div</span><span class="p">></span>
|
||
<a id="__codelineno-3-396" name="__codelineno-3-396"></a> <span class="p"><</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">"stamp zero"</span><span class="p">></span>0<span class="p"></</span><span class="nt">div</span><span class="p">></span>
|
||
<a id="__codelineno-3-397" name="__codelineno-3-397"></a> <span class="p"><</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">"stamp four"</span><span class="p">></span>4<span class="p"></</span><span class="nt">div</span><span class="p">></span>
|
||
<a id="__codelineno-3-398" name="__codelineno-3-398"></a> <span class="p"><</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">"stamp zero"</span><span class="p">></span>0<span class="p"></</span><span class="nt">div</span><span class="p">></span>
|
||
<a id="__codelineno-3-399" name="__codelineno-3-399"></a> <span class="p"></</span><span class="nt">div</span><span class="p">></span>
|
||
<a id="__codelineno-3-400" name="__codelineno-3-400"></a> <span class="p"><</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">"world"</span><span class="p">></span>
|
||
<a id="__codelineno-3-401" name="__codelineno-3-401"></a> <span class="p"><</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">"forward"</span><span class="p">></span>
|
||
<a id="__codelineno-3-402" name="__codelineno-3-402"></a> <span class="p"><</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">"box"</span><span class="p">></span>
|
||
<a id="__codelineno-3-403" name="__codelineno-3-403"></a> <span class="p"><</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">"wall"</span><span class="p">></</span><span class="nt">div</span><span class="p">></span>
|
||
<a id="__codelineno-3-404" name="__codelineno-3-404"></a> <span class="p"><</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">"wall"</span><span class="p">></</span><span class="nt">div</span><span class="p">></span>
|
||
<a id="__codelineno-3-405" name="__codelineno-3-405"></a> <span class="p"><</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">"wall"</span><span class="p">></</span><span class="nt">div</span><span class="p">></span>
|
||
<a id="__codelineno-3-406" name="__codelineno-3-406"></a> <span class="p"><</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">"wall"</span><span class="p">></</span><span class="nt">div</span><span class="p">></span>
|
||
<a id="__codelineno-3-407" name="__codelineno-3-407"></a> <span class="p"><</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">"wall"</span><span class="p">></</span><span class="nt">div</span><span class="p">></span>
|
||
<a id="__codelineno-3-408" name="__codelineno-3-408"></a> <span class="p"><</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">"wall"</span><span class="p">></</span><span class="nt">div</span><span class="p">></span>
|
||
<a id="__codelineno-3-409" name="__codelineno-3-409"></a> <span class="p"></</span><span class="nt">div</span><span class="p">></span>
|
||
<a id="__codelineno-3-410" name="__codelineno-3-410"></a> <span class="p"></</span><span class="nt">div</span><span class="p">></span>
|
||
<a id="__codelineno-3-411" name="__codelineno-3-411"></a> <span class="p"></</span><span class="nt">div</span><span class="p">></span>
|
||
<a id="__codelineno-3-412" name="__codelineno-3-412"></a> <span class="p"></</span><span class="nt">body</span><span class="p">></span>
|
||
<a id="__codelineno-3-413" name="__codelineno-3-413"></a><span class="p"></</span><span class="nt">html</span><span class="p">></span>
|
||
</code></pre></div></td></tr></table></div>
|
||
</details>
|
||
<!--
|
||
Copyright (c) 2016-2023 Martin Donath <martin.donath@squidfunk.com>
|
||
|
||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||
of this software and associated documentation files (the "Software"), to
|
||
deal in the Software without restriction, including without limitation the
|
||
rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
||
sell copies of the Software, and to permit persons to whom the Software is
|
||
furnished to do so, subject to the following conditions:
|
||
|
||
The above copyright notice and this permission notice shall be included in
|
||
all copies or substantial portions of the Software.
|
||
|
||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||
FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
|
||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
||
IN THE SOFTWARE.
|
||
-->
|
||
|
||
<!-- Render date of last update -->
|
||
|
||
|
||
<!-- Render date of creation -->
|
||
|
||
|
||
<!-- ---------------------------------------------------------------------- -->
|
||
|
||
<!-- Render authors -->
|
||
|
||
|
||
<!-- ---------------------------------------------------------------------- -->
|
||
|
||
<!-- Render committers from GitHub -->
|
||
|
||
|
||
<!-- Render committers from GitLab -->
|
||
|
||
|
||
<!-- Render committers -->
|
||
|
||
|
||
<!-- ---------------------------------------------------------------------- -->
|
||
|
||
<!-- Determine date of last update -->
|
||
|
||
|
||
|
||
<!-- Determine date of creation -->
|
||
|
||
|
||
|
||
<!-- Source file information -->
|
||
|
||
<!--
|
||
Copyright (c) 2016-2023 Martin Donath <martin.donath@squidfunk.com>
|
||
|
||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||
of this software and associated documentation files (the "Software"), to
|
||
deal in the Software without restriction, including without limitation the
|
||
rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
||
sell copies of the Software, and to permit persons to whom the Software is
|
||
furnished to do so, subject to the following conditions:
|
||
|
||
The above copyright notice and this permission notice shall be included in
|
||
all copies or substantial portions of the Software.
|
||
|
||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||
FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
|
||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
||
IN THE SOFTWARE.
|
||
-->
|
||
|
||
<!-- Determine feedback configuration -->
|
||
|
||
|
||
|
||
|
||
<!-- Determine whether to show feedback -->
|
||
|
||
|
||
<!-- Was this page helpful? -->
|
||
|
||
<form class="md-feedback" name="feedback" hidden>
|
||
<fieldset>
|
||
<legend class="md-feedback__title">
|
||
此页面有帮助吗？
|
||
</legend>
|
||
<div class="md-feedback__inner">
|
||
|
||
<!-- Feedback ratings -->
|
||
<div class="md-feedback__list">
|
||
|
||
<button
|
||
class="md-feedback__icon md-icon"
|
||
type="submit"
|
||
title="This page was helpful"
|
||
data-md-value="1"
|
||
>
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5 9v12H1V9zm4 12a2 2 0 0 1-2-2V9c0-.55.22-1.05.59-1.41L14.17 1l1.06 1.06c.27.27.44.64.44 1.05l-.03.32L14.69 8H21a2 2 0 0 1 2 2v2c0 .26-.05.5-.14.73l-3.02 7.05C19.54 20.5 18.83 21 18 21zm0-2h9.03L21 12v-2h-8.79l1.13-5.32L9 9.03z"/></svg>
|
||
</button>
|
||
|
||
<button
|
||
class="md-feedback__icon md-icon"
|
||
type="submit"
|
||
title="This page could be improved"
|
||
data-md-value="0"
|
||
>
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 15V3h4v12zM15 3a2 2 0 0 1 2 2v10c0 .55-.22 1.05-.59 1.41L9.83 23l-1.06-1.06c-.27-.27-.44-.64-.44-1.06l.03-.31.95-4.57H3a2 2 0 0 1-2-2v-2c0-.26.05-.5.14-.73l3.02-7.05C4.46 3.5 5.17 3 6 3zm0 2H5.97L3 12v2h8.78l-1.13 5.32L15 14.97z"/></svg>
|
||
</button>
|
||
|
||
</div>
|
||
|
||
<!-- Feedback rating notes (shown after submission) -->
|
||
<div class="md-feedback__note">
|
||
|
||
<div data-md-value="1" hidden>
|
||
|
||
|
||
<!-- Determine title -->
|
||
|
||
|
||
|
||
|
||
<!-- Replace {url} and {title} placeholders in note -->
|
||
谢谢你的反馈！
|
||
</div>
|
||
|
||
<div data-md-value="0" hidden>
|
||
|
||
|
||
<!-- Determine title -->
|
||
|
||
|
||
|
||
|
||
<!-- Replace {url} and {title} placeholders in note -->
|
||
Thanks for your feedback! Help us improve this page by using our <a href="https://marketingplatform.google.com/about/analytics/" target="_blank" rel="noopener">feedback form</a>.
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</fieldset>
|
||
</form>
|
||
|
||
<!--
|
||
Copyright (c) 2016-2023 Martin Donath <martin.donath@squidfunk.com>
|
||
|
||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||
of this software and associated documentation files (the "Software"), to
|
||
deal in the Software without restriction, including without limitation the
|
||
rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
||
sell copies of the Software, and to permit persons to whom the Software is
|
||
furnished to do so, subject to the following conditions:
|
||
|
||
The above copyright notice and this permission notice shall be included in
|
||
all copies or substantial portions of the Software.
|
||
|
||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||
FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
|
||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
||
IN THE SOFTWARE.
|
||
-->
|
||
|
||
<!-- Comment system -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</article>
|
||
</div>
|
||
|
||
|
||
<script>var tabs=__md_get("__tabs");if(Array.isArray(tabs))e:for(var set of document.querySelectorAll(".tabbed-set")){var labels=set.querySelector(".tabbed-labels");for(var tab of tabs)for(var label of labels.getElementsByTagName("label"))if(label.innerText.trim()===tab){var input=document.getElementById(label.htmlFor);input.checked=!0;continue e}}</script>
|
||
|
||
<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
|
||
</div>
|
||
|
||
<button type="button" class="md-top md-icon" data-md-component="top" hidden>
|
||
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
|
||
回到页面顶部
|
||
</button>
|
||
|
||
</main>
|
||
|
||
<!-- Footer -->
|
||
<footer class="md-footer">
|
||
|
||
<!-- Link to previous and/or next page -->
|
||
|
||
|
||
|
||
<nav
|
||
class="md-footer__inner md-grid"
|
||
aria-label="页脚"
|
||
|
||
>
|
||
|
||
<!-- Link to previous page -->
|
||
|
||
|
||
<a
|
||
href="../Relativeaddress/"
|
||
class="md-footer__link md-footer__link--prev"
|
||
aria-label="上一页: 相对地址的一些问题"
|
||
>
|
||
<div class="md-footer__button md-icon">
|
||
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256l137.3-137.4c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/></svg>
|
||
</div>
|
||
<div class="md-footer__title">
|
||
<span class="md-footer__direction">
|
||
上一页
|
||
</span>
|
||
<div class="md-ellipsis">
|
||
相对地址的一些问题
|
||
</div>
|
||
</div>
|
||
|
||
</a>
|
||
|
||
|
||
<!-- Link to next page -->
|
||
|
||
|
||
<a
|
||
href="../time/"
|
||
class="md-footer__link md-footer__link--next"
|
||
aria-label="下一页: 为MKdocs添加文章修订时间戳"
|
||
>
|
||
<div class="md-footer__title">
|
||
<span class="md-footer__direction">
|
||
下一页
|
||
</span>
|
||
<div class="md-ellipsis">
|
||
为MKdocs添加文章修订时间戳
|
||
</div>
|
||
</div>
|
||
<div class="md-footer__button md-icon">
|
||
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
|
||
</div>
|
||
</a>
|
||
|
||
</nav>
|
||
|
||
|
||
|
||
<!-- Further information -->
|
||
<div class="md-footer-meta md-typeset">
|
||
<div class="md-footer-meta__inner md-grid">
|
||
<div class="md-copyright">
|
||
|
||
<div class="md-copyright__highlight">
|
||
Copyright © 2022~2025 Wcowin
|
||
</div>
|
||
|
||
|
||
Made with
|
||
<a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
|
||
Material for MkDocs
|
||
</a>
|
||
|
||
</div>
|
||
|
||
<font color="#B9B9B9">
|
||
<div class="footer-visit-count" style="display: flex; justify-content: center; align-items: center;">
|
||
本站访问量：<script async src="//finicounter.eu.org/finicounter.js"></script>
|
||
<span id="finicount_views"></span> |
|
||
<footer>
|
||
<a href="https://icp.gov.moe/?keyword=20230640" target="_blank">萌ICP备20230640号</a>
|
||
</footer>
|
||
</div>
|
||
</font>
|
||
|
||
<style>
|
||
.footer-visit-count {
|
||
height: fit-content;
|
||
min-height: 55px; /* 根据实际情况调整此高度 */
|
||
}
|
||
</style>
|
||
|
||
<div class="md-social">
|
||
|
||
|
||
|
||
|
||
|
||
<a href="https://s1.imagehub.cc/images/2024/02/02/bb9ee71b03ee7a3b87caad5cc4bcebff.jpeg" target="_blank" rel="noopener" title="Wechat" class="md-social__link">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M385.2 167.6c6.4 0 12.6.3 18.8 1.1C387.4 90.3 303.3 32 207.7 32 100.5 32 13 104.8 13 197.4c0 53.4 29.3 97.5 77.9 131.6l-19.3 58.6 68-34.1c24.4 4.8 43.8 9.7 68.2 9.7 6.2 0 12.1-.3 18.3-.8-4-12.9-6.2-26.6-6.2-40.8-.1-84.9 72.9-154 165.3-154m-104.5-52.9c14.5 0 24.2 9.7 24.2 24.4 0 14.5-9.7 24.2-24.2 24.2-14.8 0-29.3-9.7-29.3-24.2.1-14.7 14.6-24.4 29.3-24.4m-136.4 48.6c-14.5 0-29.3-9.7-29.3-24.2 0-14.8 14.8-24.4 29.3-24.4 14.8 0 24.4 9.7 24.4 24.4 0 14.6-9.6 24.2-24.4 24.2M563 319.4c0-77.9-77.9-141.3-165.4-141.3-92.7 0-165.4 63.4-165.4 141.3S305 460.7 397.6 460.7c19.3 0 38.9-5.1 58.6-9.9l53.4 29.3-14.8-48.6C534 402.1 563 363.2 563 319.4m-219.1-24.5c-9.7 0-19.3-9.7-19.3-19.6 0-9.7 9.7-19.3 19.3-19.3 14.8 0 24.4 9.7 24.4 19.3 0 10-9.7 19.6-24.4 19.6m107.1 0c-9.7 0-19.3-9.7-19.3-19.6 0-9.7 9.7-19.3 19.3-19.3 14.5 0 24.4 9.7 24.4 19.3.1 10-9.9 19.6-24.4 19.6"/></svg>
|
||
</a>
|
||
|
||
|
||
|
||
|
||
|
||
<a href="https://t.me/wecowin" target="_blank" rel="noopener" title="telegram" class="md-social__link">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M248 8C111.033 8 0 119.033 0 256s111.033 248 248 248 248-111.033 248-248S384.967 8 248 8m114.952 168.66c-3.732 39.215-19.881 134.378-28.1 178.3-3.476 18.584-10.322 24.816-16.948 25.425-14.4 1.326-25.338-9.517-39.287-18.661-21.827-14.308-34.158-23.215-55.346-37.177-24.485-16.135-8.612-25 5.342-39.5 3.652-3.793 67.107-61.51 68.335-66.746.153-.655.3-3.1-1.154-4.384s-3.59-.849-5.135-.5q-3.283.746-104.608 69.142-14.845 10.194-26.894 9.934c-8.855-.191-25.888-5.006-38.551-9.123-15.531-5.048-27.875-7.717-26.8-16.291q.84-6.7 18.45-13.7 108.446-47.248 144.628-62.3c68.872-28.647 83.183-33.623 92.511-33.789 2.052-.034 6.639.474 9.61 2.885a10.45 10.45 0 0 1 3.53 6.716 43.8 43.8 0 0 1 .417 9.769"/></svg>
|
||
</a>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<a href="https://twitter.com/wcowin_" target="_blank" rel="noopener" title="twitter.com" class="md-social__link">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8l164.9-188.5L26.8 48h145.6l100.5 132.9zm-24.8 373.8h39.1L151.1 88h-42z"/></svg>
|
||
</a>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<a href="https://github.com/Wcowin" target="_blank" rel="noopener" title="github.com" class="md-social__link">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
|
||
</a>
|
||
|
||
|
||
|
||
|
||
|
||
<a href="mailto:<wangkewen821@gmail.com>" target="_blank" rel="noopener" title="" class="md-social__link">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M64 112c-8.8 0-16 7.2-16 16v22.1l172.5 141.6c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16zM48 212.2V384c0 8.8 7.2 16 16 16h384c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0zM0 128c0-35.3 28.7-64 64-64h384c35.3 0 64 28.7 64 64v256c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64z"/></svg>
|
||
</a>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<a href="https://space.bilibili.com/1407028951/lists/4566631?type=series" target="_blank" rel="noopener" title="space.bilibili.com" class="md-social__link">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M488.6 104.1c16.7 18.1 24.4 39.7 23.3 65.7v202.4c-.4 26.4-9.2 48.1-26.5 65.1-17.2 17-39.1 25.9-65.5 26.7H92.02c-26.45-.8-48.21-9.8-65.28-27.2C9.682 419.4.767 396.5 0 368.2V169.8c.767-26 9.682-47.6 26.74-65.7C43.81 87.75 65.57 78.77 92.02 78h29.38L96.05 52.19c-5.75-5.73-8.63-13-8.63-21.79 0-8.8 2.88-16.06 8.63-21.797C101.8 2.868 109.1 0 117.9 0q13.2 0 21.9 8.603L213.1 78h88l74.5-69.397C381.7 2.868 389.2 0 398 0q13.2 0 21.9 8.603c5.7 5.737 8.6 12.997 8.6 21.797 0 8.79-2.9 16.06-8.6 21.79L394.6 78h29.3c26.4.77 48 9.75 64.7 26.1m-38.8 69.7c-.4-9.6-3.7-17.4-10.7-23.5-5.2-6.1-14-9.4-22.7-9.8H96.05c-9.59.4-17.45 3.7-23.58 9.8-6.14 6.1-9.4 13.9-9.78 23.5v194.4c0 9.2 3.26 17 9.78 23.5s14.38 9.8 23.58 9.8H416.4c9.2 0 17-3.3 23.3-9.8s9.7-14.3 10.1-23.5zm-264.3 42.7c6.3 6.3 9.7 14.1 10.1 23.2V273c-.4 9.2-3.7 16.9-9.8 23.2-6.2 6.3-14 9.5-23.6 9.5s-17.5-3.2-23.6-9.5-9.4-14-9.8-23.2v-33.3c.4-9.1 3.8-16.9 10.1-23.2s13.2-9.6 23.3-10c9.2.4 17 3.7 23.3 10m191.5 0c6.3 6.3 9.7 14.1 10.1 23.2V273c-.4 9.2-3.7 16.9-9.8 23.2s-14 9.5-23.6 9.5-17.4-3.2-23.6-9.5c-7-6.3-9.4-14-9.7-23.2v-33.3c.3-9.1 3.7-16.9 10-23.2s14.1-9.6 23.3-10c9.2.4 17 3.7 23.3 10"/></svg>
|
||
</a>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
</div>
|
||
<div class="md-dialog" data-md-component="dialog">
|
||
<div class="md-dialog__inner md-typeset"></div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
<script id="__config" type="application/json">{"base": "../../..", "features": ["announce.dismiss", "navigation.tracking", "navigation.tabs", "navigation.sections", "navigation.top", "navigation.footer", "search.suggest", "search.highlight", "search.share", "navigation.expand", "navigation.indexes", "content.tabs.link", "content.tooltips", "content.code.copy", "content.action.edit", "content.action.view", "content.code.annotate"], "search": "../../../assets/javascripts/workers/search.d50fe291.min.js", "tags": null, "translations": {"clipboard.copied": "\u5df2\u590d\u5236", "clipboard.copy": "\u590d\u5236", "search.result.more.one": "\u5728\u8be5\u9875\u4e0a\u8fd8\u6709 1 \u4e2a\u7b26\u5408\u6761\u4ef6\u7684\u7ed3\u679c", "search.result.more.other": "\u5728\u8be5\u9875\u4e0a\u8fd8\u6709 # \u4e2a\u7b26\u5408\u6761\u4ef6\u7684\u7ed3\u679c", "search.result.none": "\u6ca1\u6709\u627e\u5230\u7b26\u5408\u6761\u4ef6\u7684\u7ed3\u679c", "search.result.one": "\u627e\u5230 1 \u4e2a\u7b26\u5408\u6761\u4ef6\u7684\u7ed3\u679c", "search.result.other": "# \u4e2a\u7b26\u5408\u6761\u4ef6\u7684\u7ed3\u679c", "search.result.placeholder": "\u952e\u5165\u4ee5\u5f00\u59cb\u641c\u7d22", "search.result.term.missing": "\u7f3a\u5c11", "select.version": "\u9009\u62e9\u5f53\u524d\u7248\u672c"}, "version": null}</script>
|
||
|
||
|
||
<script src="../../../assets/javascripts/bundle.13a4f30d.min.js"></script>
|
||
|
||
<script src="https://cdn.jsdelivr.net/gh/Wcowin/Wcowin.github.io@main/docs/javascripts/extra.js"></script>
|
||
|
||
<script src="../../../javascripts/mathjax.js"></script>
|
||
|
||
<script src="https://unpkg.com/mathjax@3/es5/tex-mml-chtml.js"></script>
|
||
|
||
<script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
|
||
|
||
<script src="https://cdn.jsdelivr.net/gh/Wcowin/Wcowin.github.io@main/docs/javascripts/view.js"></script>
|
||
|
||
|
||
</body>
|
||
</html> |