Nyanpass v1.0

nuthx · Sep 15, 2018 · a0176aa · a0176aa
1 parent 1537c1a
commit a0176aa
Show file tree

Hide file tree

Showing 50 changed files with 446 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,6 @@
+*.psd
+
+.DS_Store
+Thumbs.db
+Desktop.ini
+prepros-6.config
diff --git a/css/style.css b/css/style.css
@@ -0,0 +1,259 @@
+@font-face{
+    font-family: Bryant;
+    src : url('../lib/Bryant.ttf');
+}
+
+@font-face{
+    font-family: InputSans1;
+    src : url('../lib/SpaceMono.ttf');
+}
+
+body {
+	margin: 0;
+	-webkit-user-select: none;
+	user-select: none;
+}
+
+#handle {
+	position: fixed;
+	top: 5px;
+	right: 5px;
+	width: 90px;
+	height: 27px;
+	border-radius: 50px;
+	background: #947a4f;
+	z-index: 20;
+	box-shadow: 
+		inset 0 1px 1px #ffffd3,
+		inset 0 -1px 1px rgba(39, 28, 20, 0.4),
+		inset 0 0 1px 2px #665331,
+		0 0 0 1px #000,
+		0 1px 6px 1px rgba(0, 0, 0, 0.55);
+	display: none;
+}
+
+.inside {
+	position: relative;
+	top: 3px;
+	left: 3px;
+	width: calc(100% - 8px);
+	height: calc(100% - 8px);
+	border: solid 1px rgba(0, 0, 0, 0.8);
+	border-radius: 50px;
+	background: linear-gradient(#626262, #424242 9px, #323232);
+	box-shadow: 
+		inset 0 0 0 1px rgba(255, 255, 255, 0.1), 
+		inset 0 0 5px rgba(124, 102, 65, 0.1), 
+		0 -1px rgba(68, 59, 52, 0.8),
+		0 0 1px 1px #a79165,
+		0 1px #b6ba9a;
+}
+
+.inside a {
+	position: relative;
+	top: -1px;
+	left: 6px;
+	color: #a79165;
+	font-size: 16px;
+	font-family: Bryant;
+	letter-spacing: 0.2px;
+	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
+	cursor: default;
+}
+
+.open {
+	display: inline-block;
+	position: absolute;
+	width: 24px;
+	height: 20px;
+	top: -1px;
+	right: 2px;
+	background: url(../img/open.png);
+	background-size: cover;
+}
+
+.close {
+	display: inline-block;
+	position: absolute;
+	width: 24px;
+	height: 20px;
+	top: 2px;
+	right: 10px;
+	background: url(../img/close.png);
+	background-size: cover;
+}
+
+.reload {
+	display: inline-block;
+	position: absolute;
+	width: 24px;
+	height: 20px;
+	top: 2px;
+	right: 38px;
+	background: url(../img/reload.png);
+	background-size: cover;
+}
+
+#outside {
+	height: calc(100vh - 18px);
+	margin: 5px 5px 5px 5px;
+	border-radius: 10px;
+	background: #947a4f;
+	box-shadow: 
+		inset 0 1px 1px #ffffd3,
+		inset 0 -1px 1px rgba(39, 28, 20, 0.4),
+		inset 0 0 1px 2px #665331,
+		0 0 0 1px #000,
+		0 0 3px 2px rgba(0, 0, 0, 0.4),
+		0 2px 3px 1px rgba(0, 0, 0, 0.5);
+}
+
+.container {
+	position: relative;
+	top: 3px;
+	left: 3px;
+	width: calc(100% - 8px);
+	height: calc(100% - 8px);
+	border: solid 1px rgba(0, 0, 0, 0.8);
+	border-radius: 8px;
+	background: linear-gradient(#666, #494949 15px, #353535 35px, #323232 45px);
+	box-shadow: 
+		inset 0 0 0 1px rgba(255, 255, 255, 0.1), 
+		inset 0 0 6px 1px rgba(124, 102, 65, 0.4), 
+		0 -1px rgba(68, 59, 52, 0.8),
+		0 0 1px 1px #a79165,
+		0 1px #b6ba9a;
+}
+
+#header {
+	margin-bottom: 12px;
+}
+
+.encounterdetail {
+	display: inline-block;
+	margin: 3px 0 0 12px;
+	color: #C6C6C6;
+	font-size: 13px;
+	font-family: 微软雅黑;
+	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.9);
+}
+
+#line {
+	position: fixed;
+	top: 34px;
+	left: 19px;
+	width: calc(100% - 38px);
+	height: 3px;
+	border-radius: 10px;
+	background: linear-gradient(#1F1F1F, #5A5A5A);
+}
+
+.alldps {
+	height: 100%;
+	margin: 0;
+	padding: 0;
+	overflow: auto;
+}
+
+.alldps::-webkit-scrollbar {
+	width: 0;
+}
+
+.container > .alldps {
+	display: none !important;
+}
+
+#eachdps {
+	margin: 0 10px 12px 10px;
+	list-style: none;
+}
+
+#eachdps:last-child {
+	margin: 0 10px 0 10px;
+}
+
+.container > #eachdps {
+	display: none;
+}
+
+.icon {
+	display: inline-block;
+	width: 24px;
+	height: 24px;
+	background-size: cover !important;
+}
+
+#dps {
+	display: inline-block;
+	position: relative;
+	top: -4px;
+	left: 3px;
+	width: 70px;
+	color: #EEE1C5;
+	font-size: 26px;
+	font-family: InputSans1;
+	letter-spacing: 0.08px;
+	text-shadow: 0 0 3px #E3A52B;
+	z-index: 10;
+}
+
+.name {
+	display: inline-block;
+	position: relative;
+	top: -7px;
+	left: -1px;
+	width: 90px;
+	color: #ECE1CD;
+	font-size: 12px;
+	font-family: 微软雅黑;
+	letter-spacing: 0.8px;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.detail {
+	position: relative;
+	float: right;
+	right: 2px;
+	color: #ECE1CD;
+	font-size: 12px;
+	font-family: 微软雅黑;
+}
+
+.background {
+	position: relative;
+	width: calc(100% - 29px);
+	height: 6px;
+	margin: -12px 0 0 29px;
+	border-radius: 3px;
+	background: #444;
+	z-index: 5;
+}
+
+.bar {
+	display: block;
+	width: 100%;
+	height: 6px;
+	border-radius: 3px;
+}
+
+#overlay {
+	display: block;
+	position: relative;
+	top: 0px;
+	width: 100%;
+	height: calc(100% - 37px);
+	margin: 0;
+	padding: 0;
+}
+
+.waiting {
+	display: block;
+	width: 100%;
+	margin-top: 10px;
+	color: #D8BB7D;
+	font-size: 13px;
+	font-family: 微软雅黑;
+	text-align: center;
+}
diff --git a/img/close.png b/img/close.png
diff --git a/img/icons/acn.png b/img/icons/acn.png
diff --git a/img/icons/alc.png b/img/icons/alc.png
diff --git a/img/icons/arc.png b/img/icons/arc.png
diff --git a/img/icons/arm.png b/img/icons/arm.png
diff --git a/img/icons/ast.png b/img/icons/ast.png
diff --git a/img/icons/blm.png b/img/icons/blm.png
diff --git a/img/icons/bot.png b/img/icons/bot.png
diff --git a/img/icons/brd.png b/img/icons/brd.png
diff --git a/img/icons/bsm.png b/img/icons/bsm.png
diff --git a/img/icons/cho.png b/img/icons/cho.png
diff --git a/img/icons/cnj.png b/img/icons/cnj.png
diff --git a/img/icons/crp.png b/img/icons/crp.png
diff --git a/img/icons/cul.png b/img/icons/cul.png
diff --git a/img/icons/drg.png b/img/icons/drg.png
diff --git a/img/icons/drk.png b/img/icons/drk.png
diff --git a/img/icons/error.png b/img/icons/error.png
diff --git a/img/icons/fsh.png b/img/icons/fsh.png
diff --git a/img/icons/gla.png b/img/icons/gla.png
diff --git a/img/icons/gsm.png b/img/icons/gsm.png
diff --git a/img/icons/lnc.png b/img/icons/lnc.png
diff --git a/img/icons/ltw.png b/img/icons/ltw.png
diff --git a/img/icons/mch.png b/img/icons/mch.png
diff --git a/img/icons/min.png b/img/icons/min.png
diff --git a/img/icons/mnk.png b/img/icons/mnk.png
diff --git a/img/icons/mrd.png b/img/icons/mrd.png
diff --git a/img/icons/nin.png b/img/icons/nin.png
diff --git a/img/icons/pet.png b/img/icons/pet.png
diff --git a/img/icons/pgl.png b/img/icons/pgl.png
diff --git a/img/icons/pld.png b/img/icons/pld.png
diff --git a/img/icons/rdm.png b/img/icons/rdm.png
diff --git a/img/icons/rog.png b/img/icons/rog.png
diff --git a/img/icons/sam.png b/img/icons/sam.png
diff --git a/img/icons/sch.png b/img/icons/sch.png
diff --git a/img/icons/smn.png b/img/icons/smn.png
diff --git a/img/icons/thm.png b/img/icons/thm.png
diff --git a/img/icons/war.png b/img/icons/war.png
diff --git a/img/icons/whm.png b/img/icons/whm.png
diff --git a/img/icons/wvr.png b/img/icons/wvr.png
diff --git a/img/open.png b/img/open.png
diff --git a/img/reload.png b/img/reload.png
diff --git a/index.html b/index.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8" />
+	<title>NyanPass</title>
+	<link href="css/style.css" type="text/css" rel="stylesheet">
+	<script type="text/javascript" src="js/jquery-2.2.4.min.js"></script>
+	<script type="text/javascript" src="js/function.js"></script>
+</head>
+<body>
+	<div id="handle">
+		<div class="inside">
+			<a>FFXIV</a>
+		<span class="open" onclick="doopen()"></span>
+	</div>
+</div>
+
+<div id="outside">
+	<div class="container">
+		<div id="header">
+			<span class="encounterdetail">Version 1.4</span>
+			<span class="reload" onclick="location.reload()"></span>
+			<span class="close" onclick="dooutside()"></span>
+		</div>
+
+			<div id="line"></div>
+
+			<li id="eachdps">
+				<div class="icon"></div>
+				<span id="dps"></span>
+				<span class="name"></span>
+				<span class="detail"></span>
+	<div class="background">
+		<span class="bar"></span>
+	</div>
+</li>
+
+<ul class="alldps"></ul>
+
+<div id="overlay">
+	<span class="waiting">等待数据传输</span>
+</div>
+		</div>
+	</div>
+</body>
+</html>