diff --git a/images/next_permutation.jpg b/images/next_permutation.jpg
new file mode 100644
index 0000000..0bfa6a4
Binary files /dev/null and b/images/next_permutation.jpg differ
diff --git a/index.html b/index.html
index c883160..bf5b937 100644
--- a/index.html
+++ b/index.html
@@ -33,23 +33,26 @@
 					<section id="two">
 						<h2>Recent Work</h2>
 						<div class="row">
+							<article class="col-6 col-12-xsmall work-item">
+								<a href="images/pki.jpg" class="image fit thumb"><img src="images/pki.jpg" alt="" /></a>
+								<h3><a href="https://pki.zhanganjun.com">PKI Services</a></h3>
+								<p>PKI system supports the generation, issuance, distribution, revocation, administration, and management of public/private cryptographic keys that are contained in CA-signed X.509 Certificates.</p>
+							</article>
 							<article class="col-6 col-12-xsmall work-item">
 								<a href="images/calendar_generator.jpg" class="image fit thumb"><img src="images/calendar_generator.jpg" alt="" /></a>
 								<h3><a href="https://github.com/CitizenBeta/Calendar-Generator">Calendar Generator</a></h3>
 								<p>A Python script that dynamically creates a formatted monthly calendar (If you cannot access GitHub, <a href="https://repo.zhanganjun.com/Calendar-Generator">click here</a>).</p>
 							</article>
-							<article class="col-6 col-12-xsmall work-item">
-								<a href="images/pki.jpg" class="image fit thumb"><img src="images/pki.jpg" alt="" /></a>
-								<h3><a href="https://pki.zhanganjun.com">PKI Services</a></h3>
-								<p>PKI system supports the generation, issuance, distribution, revocation, administration, and management of public/private cryptographic keys that are contained in CA-signed X.509 Certificates.</p>
-							</article>
-							<!--
 							<article class="col-6 col-12-xsmall work-item">
 								<a href="images/connect4.jpg" class="image fit thumb"><img src="images/connect4.jpg" alt="" /></a>
 								<h3><a href="https://github.com/CitizenBeta/Connect4">Connect 4</a></h3>
 								<p>A Python implementation of the classic text-based Connect 4 game (If you cannot access GitHub, <a href="https://repo.zhanganjun.com/Connect4">click here</a>).</p>
 							</article>
-							-->
+							<article class="col-6 col-12-xsmall work-item">
+								<a href="images/next_permutation.jpg" class="image fit thumb"><img src="images/next_permutation.jpg" alt="" /></a>
+								<h3><a href="https://github.com/CitizenBeta/Next-Permutation">Next Permutation</a></h3>
+								<p>A Python script to compute the next smaller and larger permutations of a given number (If you cannot access GitHub, <a href="https://repo.zhanganjun.com/Next-Permutation">click here</a>).</p>
+							</article>
 						</div>
 					</section>
 
@@ -58,12 +61,13 @@
 				<div class="inner">
 					<ul class="icons">
 						<li><a href="mailto:admin@zhanganjun.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://pgp.zhanganjun.com" class="icon solid fa-key"><span class="label">PGP Public Key</span></a></li>
 						<li><a href="https://github.com/CitizenBeta" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
+						<li><a href="https://steamcommunity.com/id/citizenbeta/" class="icon brands fa-steam"><span class="label">Steam</span></a></li>
 					</ul>
 					<ul class="copyright">
 						<li>&copy; <span id=year><script>document.getElementById("year").innerHTML=(new Date).getFullYear()</script></span> Zhang Anjun. All rights reserved.</li>
-						<li><a href="https://github.com/CitizenBeta/Homepage/releases/tag/v3.9.2">v3.9.2</a></li>
+						<li><a href="https://github.com/CitizenBeta/Homepage/releases/tag/v3.10">v3.10</a></li>
 						<li><a href="https://zaj.statuspage.io/">System Status</a></li>
 						<li><img src="https://static.zhanganjun.com/common/beian.png" style="width:16px;"/><a href="https://beian.mps.gov.cn/#/query/webSearch?code=11010802045392" rel="noreferrer" target="_blank">京公网安备11010802045392号</a></li>
 						<li><a href="https://beian.miit.gov.cn" target="_blank">京ICP备2025105392号-2</a></li>