Files
Homepage/index.html
David Miller fc683cfe64 v3.0.2
2022-08-19 21:25:24 +08:00

82 lines
3.9 KiB
HTML

<!DOCTYPE HTML>
<html>
<head>
<title>David Miller's Homepage</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="is-preload">
<!-- Header -->
<header id="header">
<div class="inner">
<a href="https://img.davidmiller.top/homepage/avatar_original.jpg" class="image avatar"><img src="images/avatar.jpg" alt="" /></a>
<h1><strong>I am David Miller</strong>, a high school freshman,<br />
live in Beijing</h1>
</div>
</header>
<!-- Main -->
<div id="main">
<!-- One -->
<section id="one">
<header class="major">
<h2>About Me</h2>
</header>
<p>I'm really into computer programming and games. I'm endeavoring to major in computer science in a few years. I also like playing AA/AAA games. My favorite games are Forza Horizon 5, God of War, Marvel's Spider-Man, Ace Attorney and Rhythm Doctor.</p>
<ul class="actions">
<li><a href="https://steamcommunity.com/id/citizenbeta/games/" class="button">Learn More</a></li>
</ul>
</section>
<!-- Two -->
<section id="two">
<h2>Recent Work</h2>
<div class="row">
<article class="col-6 col-12-xsmall work-item">
<a href="images/01.jpg" class="image fit thumb"><img src="images/01.jpg" alt="" /></a>
<h3><a href="https://vault.davidmiller.top/">Bitwarden</a></h3>
<p>Stable, secure and free passwaord manager (Powered by Vaultwarden)</p>
</article>
<article class="col-6 col-12-xsmall work-item">
<a href="images/02.jpg" class="image fit thumb"><img src="images/02.jpg" alt="" /></a>
<h3><a href="https://pki.davidmiller.top/">PKI Services</a></h3>
<p>David Miller Trust Services PKI system support the generation, issuance, distribution, revocation, administration, and management of public/private cryptographic keys that are contained in CA-signed X.509 Certificates</p>
</article>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<ul class="icons">
<li><a href="https://img.davidmiller.top/common/wechat.jpg" class="icon brands fa-weixin"><span class="label">WeChat</span></a></li>
<li><a href="mailto:davidmillercn@outlook.com" class="icon solid fa-envelope"><span class="label">Email</span></a></li>
<li><a href="https://steamcommunity.com/id/citizenbeta/" class="icon brands fa-steam"><span class="label">Steam</span></a></li>
<li><a href="https://twitter.com/CitizenBeta2" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://github.com/CitizenBeta2" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
</ul>
<ul class="copyright">
<li>&copy; <span id=year><script>document.getElementById("year").innerHTML=(new Date).getFullYear()</script></span> David Miller.</li>
<li>GitHub: <a href="https://github.com/CitizenBeta2/Homepage/releases/tag/v3.0.2">v3.0.2</a></li>
<li><a href="https://status.davidmiller.top">System Status</a></li>
<li><img src="images/beian.png" style="width:16px;"/><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802035614" target="_blank">京公网安备 11010802035614号</a></li>
<li><a href="https://beian.miit.gov.cn" target="_blank">京ICP备2021023756号-1</a></li>
</ul>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.poptrox.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<script src="https://static.davidmiller.top/js/statuspage.js"></script>
</body>
</html>