v2.4.5

CNAME

@@ -1 +1 @@
-github.www.davidmiller.top
+mirror.davidmiller.top

assets/js/main.js

@@ -1,9 +1,3 @@
-/*
-	Eventually by HTML5 UP
-	html5up.net | @ajlkn
-	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-*/
-
 (function() {
 
 	"use strict";
@@ -100,72 +94,4 @@
 				}, settings.delay);
 
 		})();
-
-	// Signup Form.
-		(function() {
-
-			// Vars.
-				var $form = document.querySelectorAll('#signup-form')[0],
-					$submit = document.querySelectorAll('#signup-form input[type="submit"]')[0],
-					$message;
-
-			// Bail if addEventListener isn't supported.
-				if (!('addEventListener' in $form))
-					return;
-
-			// Message.
-				$message = document.createElement('span');
-					$message.classList.add('message');
-					$form.appendChild($message);
-
-				$message._show = function(type, text) {
-
-					$message.innerHTML = text;
-					$message.classList.add(type);
-					$message.classList.add('visible');
-
-					window.setTimeout(function() {
-						$message._hide();
-					}, 3000);
-
-				};
-
-				$message._hide = function() {
-					$message.classList.remove('visible');
-				};
-
-			// Events.
-			// Note: If you're *not* using AJAX, get rid of this event listener.
-				$form.addEventListener('submit', function(event) {
-
-					event.stopPropagation();
-					event.preventDefault();
-
-					// Hide message.
-						$message._hide();
-
-					// Disable submit.
-						$submit.disabled = true;
-
-					// Process form.
-					// Note: Doesn't actually do anything yet (other than report back with a "thank you"),
-					// but there's enough here to piece together a working AJAX submission call that does.
-						window.setTimeout(function() {
-
-							// Reset form.
-								$form.reset();
-
-							// Enable submit.
-								$submit.disabled = false;
-
-							// Show message.
-								$message._show('success', 'Thank you!');
-								//$message._show('failure', 'Something went wrong. Please try again.');
-
-						}, 750);
-
-				});
-
-		})();
-
 })();

assets/sass/base/_bg.scss

@@ -1,9 +1,3 @@
-///
-/// Eventually by HTML5 UP
-/// html5up.net | @ajlkn
-/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-///
-
 /* BG */
 
 	#bg {

assets/sass/base/_page.scss

@@ -1,9 +1,3 @@
-///
-/// Eventually by HTML5 UP
-/// html5up.net | @ajlkn
-/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-///
-
 /* Basic */
 
 	// MSIE: Required for IEMobile.

assets/sass/base/_reset.scss

@@ -1,9 +1,3 @@
-///
-/// Eventually by HTML5 UP
-/// html5up.net | @ajlkn
-/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-///
-
 // Reset.
 // Based on meyerweb.com/eric/tools/css/reset (v2.0 | 20110126 | License: public domain)
 

assets/sass/base/_typography.scss

@@ -1,9 +1,3 @@
-///
-/// Eventually by HTML5 UP
-/// html5up.net | @ajlkn
-/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-///
-
 /* Type */
 
 	body, input, select, textarea {

assets/sass/components/_button.scss

@@ -1,9 +1,3 @@
-///
-/// Eventually by HTML5 UP
-/// html5up.net | @ajlkn
-/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-///
-
 /* Button */
 
 	input[type="submit"],

assets/sass/components/_form.scss

@@ -1,227 +0,0 @@
-///
-/// Eventually by HTML5 UP
-/// html5up.net | @ajlkn
-/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-///
-
-/* Form */
-
-	form {
-		margin: 0 0 _size(element-margin) 0;
-
-		.message {
-			@include icon(false, solid);
-			@include vendor('transition', (
-				'opacity #{_duration(transition)} ease-in-out',
-				'transform #{_duration(transition)} ease-in-out'
-			));
-			@include vendor('transform', 'scale(1.05)');
-			height: _size(element-height);
-			line-height: _size(element-height);
-			opacity: 0;
-
-			&:before {
-				margin-right: 0.5em;
-			}
-
-			&.visible {
-				@include vendor('transform', 'scale(1)');
-				opacity: 1;
-			}
-
-			&.success {
-				color: _palette(positive, bg);
-
-				&:before {
-					content: '\f00c';
-				}
-			}
-
-			&.failure {
-				color: _palette(negative, bg);
-
-				&:before {
-					content: '\f119';
-				}
-			}
-		}
-	}
-
-	label {
-		color: _palette(fg-bold);
-		display: block;
-		font-size: 0.9em;
-		font-weight: _font(weight-bold);
-		margin: 0 0 (_size(element-margin) * 0.5) 0;
-	}
-
-	@include keyframes(focus) {
-		0% { @include vendor('transform', 'scale(1)'); }
-		50% { @include vendor('transform', 'scale(1.025)'); }
-		100% { @include vendor('transform', 'scale(1)'); }
-	}
-
-	input[type="text"],
-	input[type="password"],
-	input[type="email"],
-	select,
-	textarea {
-		@include vendor('appearance', 'none');
-		@include vendor('transform', 'scale(1)');
-		@include vendor('transition', (
-			'border-color #{_duration(transition)} ease',
-			'background-color #{_duration(transition)} ease'
-		));
-		background-color: transparent;
-		border-radius: _size(border-radius);
-		border: none;
-		border: solid _size(border-width) _palette(border);
-		color: inherit;
-		display: block;
-		outline: 0;
-		padding: 0 1em;
-		text-decoration: none;
-		width: 100%;
-
-		&:invalid {
-			box-shadow: none;
-		}
-
-		&:focus {
-			@include vendor('animation', 'focus 0.1s');
-			background-color: _palette(border-bg);
-			border-color: _palette(accent, bg);
-		}
-	}
-
-	select {
-		background-image: svg-url("<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'><path d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='#{_palette(border)}' /></svg>");
-		background-size: 1.25rem;
-		background-repeat: no-repeat;
-		background-position: calc(100% - 1rem) center;
-		height: _size(element-height);
-		padding-right: _size(element-height);
-		text-overflow: ellipsis;
-
-		option {
-			color: _palette(fg-bold);
-			background: _palette(bg);
-		}
-
-		&:focus {
-			&::-ms-value {
-				background-color: transparent;
-			}
-		}
-
-		&::-ms-expand {
-			display: none;
-		}
-	}
-
-	input[type="text"],
-	input[type="password"],
-	input[type="email"],
-	select {
-		height: _size(element-height);
-	}
-
-	textarea {
-		padding: 0.75em 1em;
-	}
-
-	input[type="checkbox"],
-	input[type="radio"], {
-		@include vendor('appearance', 'none');
-		display: block;
-		float: left;
-		margin-right: -2em;
-		opacity: 0;
-		width: 1em;
-		z-index: -1;
-
-		& + label {
-			@include icon(false, solid);
-			color: _palette(fg);
-			cursor: pointer;
-			display: inline-block;
-			font-size: 1em;
-			font-weight: _font(weight);
-			padding-left: (_size(element-height) * 0.6) + 0.75em;
-			padding-right: 0.75em;
-			position: relative;
-
-			&:before {
-				background: _palette(border-bg);
-				border-radius: _size(border-radius);
-				border: solid _size(border-width) _palette(border);
-				content: '';
-				display: inline-block;
-				font-size: 0.8em;
-				height: (_size(element-height) * 0.6);
-				left: 0;
-				line-height: (_size(element-height) * 0.6);
-				position: absolute;
-				text-align: center;
-				top: 0;
-				width: (_size(element-height) * 0.6);
-			}
-		}
-
-		&:checked + label {
-			&:before {
-				background: _palette(accent, bg);
-				border-color: _palette(accent, bg);
-				color: _palette(accent, fg-bold);
-				content: '\f00c';
-			}
-		}
-
-		&:focus + label {
-			&:before {
-				border-color: _palette(accent, bg);
-				box-shadow: 0 0 0 _size(border-width) _palette(accent, bg);
-			}
-		}
-	}
-
-	input[type="checkbox"] {
-		& + label {
-			&:before {
-				border-radius: _size(border-radius);
-			}
-		}
-	}
-
-	input[type="radio"] {
-		& + label {
-			&:before {
-				border-radius: 100%;
-			}
-		}
-	}
-
-	::-webkit-input-placeholder {
-		color: _palette(fg-light) !important;
-		opacity: 1.0;
-	}
-
-	:-moz-placeholder {
-		color: _palette(fg-light) !important;
-		opacity: 1.0;
-	}
-
-	::-moz-placeholder {
-		color: _palette(fg-light) !important;
-		opacity: 1.0;
-	}
-
-	:-ms-input-placeholder {
-		color: _palette(fg-light) !important;
-		opacity: 1.0;
-	}
-
-	.formerize-placeholder {
-		color: _palette(fg-light) !important;
-		opacity: 1.0;
-	}

assets/sass/components/_icon.scss

@@ -1,9 +1,3 @@
-///
-/// Eventually by HTML5 UP
-/// html5up.net | @ajlkn
-/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-///
-
 /* Icon */
 
 	.icon {

assets/sass/components/_icons.scss

@@ -1,9 +1,3 @@
-///
-/// Eventually by HTML5 UP
-/// html5up.net | @ajlkn
-/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-///
-
 /* Icons */
 
 	ul.icons {

assets/sass/components/_list.scss

@@ -1,9 +1,3 @@
-///
-/// Eventually by HTML5 UP
-/// html5up.net | @ajlkn
-/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-///
-
 /* List */
 
 	ol {

assets/sass/components/_section.scss

@@ -1,9 +1,3 @@
-///
-/// Eventually by HTML5 UP
-/// html5up.net | @ajlkn
-/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-///
-
 /* Section/Article */
 
 	section, article {

assets/sass/layout/_footer.scss

@@ -1,9 +1,3 @@
-///
-/// Eventually by HTML5 UP
-/// html5up.net | @ajlkn
-/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-///
-
 /* Footer */
 
 	#footer {

assets/sass/layout/_header.scss

@@ -1,9 +1,3 @@
-///
-/// Eventually by HTML5 UP
-/// html5up.net | @ajlkn
-/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-///
-
 /* Header */
 
 	#header {

assets/sass/layout/_signup-form.scss

@@ -1,50 +0,0 @@
-///
-/// Eventually by HTML5 UP
-/// html5up.net | @ajlkn
-/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-///
-
-/* Signup Form */
-
-	#signup-form {
-		@include vendor('display', 'flex');
-		position: relative;
-
-		input[type="text"],
-		input[type="password"],
-		input[type="email"] {
-			width: 18em;
-		}
-
-		> * {
-			margin: 0 0 0 1em;
-		}
-
-		> :first-child {
-			margin: 0 0 0 0;
-		}
-
-		@include breakpoint('<=xsmall') {
-			@include vendor('flex-direction', 'column');
-
-			input[type="type"],
-			input[type="password"],
-			input[type="email"] {
-				width: 100%;
-			}
-
-			> * {
-				margin: 1.25em 0 0 0;
-			}
-
-			.message {
-				bottom: -1.5em;
-				font-size: 0.9em;
-				height: 1em;
-				left: 0;
-				line-height: inherit;
-				margin-top: 0;
-				position: absolute;
-			}
-		}
-	}

assets/sass/main.scss

@@ -4,13 +4,7 @@
 @import 'libs/vendor';
 @import 'libs/breakpoints';
 @import 'fontawesome-all.min.css';
-@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
+@import url(../css/roboto.css);
-
-/*
-	Eventually by HTML5 UP
-	html5up.net | @ajlkn
-	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-*/
 
 // Breakpoints.
 
@@ -37,11 +31,9 @@
 	@import 'components/icon';
 	@import 'components/list';
 	@import 'components/icons';
-	@import 'components/form';
 	@import 'components/button';
 
 // Layout.
 
 	@import 'layout/header';
-	@import 'layout/signup-form';
 	@import 'layout/footer';

index.html

@@ -2,7 +2,7 @@
 
 <html>
 	<head>
-		<title>David Miller's HomePage</title>
+		<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" />
@@ -10,29 +10,33 @@
 	<body class="is-preload">
 		<!-- Header -->
 			<header id="header">
-				<h1>David Miller's HomePage</h1>
+				<h1>David Miller's Homepage</h1>
-				<p>A High School Student from Beijing, China<br/>
+				<p>A High School Student from Beijing, China
-				Click the links below for further exploration</p>
+				<br>Seeking for more information click <a href="https://info.davidmiller.top/" target="_blank">here</a></p>
+
 			</header>
 
 		<!-- Footer -->
 			<footer id="footer">
 				<ul class="icons">
-					<li><a href="https://wechat.davidmiller.top" class="icon brands fa-weixin"><span class="label">WeChat</span></a></li>
+					<li><a href="https://wechat.davidmiller.top/" 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/citizenbeta3" 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>
-					<li><a href="mailto:davidmillercn@outlook.com" class="icon solid fa-envelope"><span class="label">Email</span></a></li>
+					<li><a href="https://www.facebook.com/CitizenBeta2" class="icon brands fa-facebook"><span class="label">Facebook</span></a></li>
 					<li><a href="https://img.davidmiller.top/qq.jpg" class="icon brands fa-qq"><span class="label">QQ</span></a></li>
 					<li><a href="https://pki.davidmiller.top" class="icon solid fa-key"><span class="label">PKI</span></a></li>
-					<li><a href="https://www.facebook.com/CitizenBeta2" class="icon brands fa-facebook"><span class="label">Facebook</span></a></li>
+					<li><a href="https://vault.davidmiller.top" class="icon solid fa-lock"><span class="label">Bitwarden</span></a></li>
-					<li><a href="https://steam.davidmiller.top" class="icon brands fa-steam"><span class="label">Steam</span></a></li>
 				</ul>
 				<ul class="copyright">
-					<li>&copy; David Miller.</li>
+					<li>&copy; <span id=current-year><script>document.getElementById("current-year").innerHTML=(new Date).getFullYear()</script></span> David Miller.</li>
-					<li>Credits: <a href="https://github.com/CitizenBeta2/HomePage">GitHub Repository</a></li>
+					<li><a href="https://github.com/CitizenBeta2/Homepage/releases/tag/2.4.5">Version 2.4.5</a></li>
+					<li><a href="https://davidmiller.statuspage.io">System Status</a></li>
 					<li><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802035614" target="_blank">京公网安备 11010802035614号</a></li>
-					<li></li><a href="https://beian.miit.gov.cn/" target="_blank">京ICP备2021023756号-1</a></li>
+					<li><a href="https://beian.miit.gov.cn" target="_blank">京ICP备2021023756号-1</a></li>
 				</ul>
+				<script src="https://static.davidmiller.top/js/statuspage.js"></script>
 			</footer>
 
 		<!-- Scripts -->