first

README.md

@@ -0,0 +1,4 @@
+# prom-request
+How I asked a girl to the prom.
+
+This site features a typing text effect, which is pretty neat. ^.^

assets/css/index.css

@@ -0,0 +1,68 @@
+body {
+	animation: colorchange 50s;
+	-webkit-animation: colorchange 50s;
+}
+
+h1 {
+	text-align: center;
+	color: #fff;
+	padding-top: 10em;
+	font-family: "Source Sans Pro", sans-serif;
+}
+
+.footer {
+	position: absolute;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	padding: 1rem;
+	font-family: "Open Sans", sans-serif;
+	color: #fff;
+	text-align: center;
+}
+
+.link {
+	font-family: "Open Sans", sans-serif;
+	color: #757575;
+}
+
+* {
+	color: #fff;
+	text-decoration: none;
+}
+
+@keyframes colorchange {
+	0% {
+		background: red;
+	}
+	25% {
+		background: yellow;
+	}
+	50% {
+		background: blue;
+	}
+	75% {
+		background: green;
+	}
+	100% {
+		background: red;
+	}
+}
+
+@-webkit-keyframes colorchange {
+	0% {
+		background: red;
+	}
+	25% {
+		background: yellow;
+	}
+	50% {
+		background: blue;
+	}
+	75% {
+		background: green;
+	}
+	100% {
+		background: red;
+	}
+}

assets/js/index.js

@@ -0,0 +1,21 @@
+var TxtType = function (t, e, i) {
+	this.toRotate = e, this.el = t, this.loopNum = 0, this.period = parseInt(i, 10) || 2e3, this.txt = "", this.tick(), this.isDeleting = !1;
+};
+TxtType.prototype.tick = function () {
+	var t = this.loopNum % this.toRotate.length
+		, e = this.toRotate[t];
+	this.isDeleting ? this.txt = e.substring(0, this.txt.length - 1) : this.txt = e.substring(0, this.txt.length + 1), this.el.innerHTML = '<span class="wrap">' + this.txt + "</span>";
+	var i = this
+		, s = 200 - 100 * Math.random();
+	this.isDeleting && (s /= 2), this.isDeleting || this.txt !== e ? this.isDeleting && "" === this.txt && (this.isDeleting = !1, this.loopNum++, s = 500) : (s = this.period, this.isDeleting = !0), setTimeout(function () {
+		i.tick();
+	}, s);
+}, window.onload = function () {
+	for (var t = document.getElementsByClassName("typewrite"), e = 0; e < t.length; e++) {
+		var i = t[e].getAttribute("data-type")
+			, s = t[e].getAttribute("data-period");
+		i && new TxtType(t[e], JSON.parse(i), s);
+	}
+	var n = document.createElement("style");
+	n.type = "text/css", n.innerHTML = ".typewrite > .wrap { border-right: 0.08em solid #fff}", document.body.appendChild(n);
+};