v2.2

assets/css/main.css

@@ -1,10 +1,5 @@
 @import url(fontawesome-all.min.css);
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,700");
-/*
-	Eventually by HTML5 UP
-	html5up.net | @ajlkn
-	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-*/
+@import url(roboto.css);
 html, body, div, span, applet, object,
 iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
 pre, a, abbr, acronym, address, big, cite,

assets/css/roboto.css

@@ -0,0 +1,12 @@
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  src: url(../webfonts/roboto400.woff) format('woff');
+}
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 700;
+  src: url(../webfonts/roboto700.woff) format('woff');
+}

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";

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,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)
-///
-
 /* Form */
 
 	form {

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');
-
-/*
-	Eventually by HTML5 UP
-	html5up.net | @ajlkn
-	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-*/
+@import url(../css/roboto.css);
 
 // Breakpoints.
 

index.html

@@ -1,9 +1,5 @@
 <!DOCTYPE HTML>
-<!--
-	Eventually by HTML5 UP
-	html5up.net | @ajlkn
-	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
--->
+
 <html>
 	<head>
 		<title>David Miller's HomePage</title>
@@ -15,16 +11,10 @@
 		<!-- Header -->
 			<header id="header">
 				<h1>David Miller's HomePage</h1>
-				<p>A High School Student From Beijing, China<br/>
-				Subsrcibe through email and keep you informed</p>
+				<p>A High School Student from Beijing, China<br/>
+				Click the links below for further exploration</p>
 			</header>
 
-		<!-- Signup Form -->
-			<form id="signup-form" method="post" action="#">
-				<input type="email" name="email" id="email" placeholder="Email Address" />
-				<input type="submit" value="Sign Up" />
-			</form>
-
 		<!-- Footer -->
 			<footer id="footer">
 				<ul class="icons">
@@ -38,7 +28,10 @@
 					<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>Credits: <a href="https://github.com/CitizenBeta2/HomePage">GitHub Repository</a></li>
+					<li>&copy; David Miller.</li>
+					<li>Credits: <a href="https://github.com/CitizenBeta2/HomePage">GitHub Repository</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>
 				</ul>
 			</footer>