Add Note on page, update footer and README.md

howar31 · Apr 21, 2014 · 9de9e25 · 9de9e25
1 parent aa80688
commit 9de9e25
Show file tree

Hide file tree

Showing 3 changed files with 48 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -23,6 +23,8 @@ Due to 2014 Feature Pack update on April 15, 2014, most of the World Bosses now
 > * Traditional Chinese translation.
 > * Illustration.
 
+Any bug report or suggestion is welcome.  And yes you may also whisper me in-game, my GW2 ID: HowarXXXI.3409
+
 -
 
 > 特色功能:
@@ -41,3 +43,5 @@ Due to 2014 Feature Pack update on April 15, 2014, most of the World Bosses now
 > 預計功能:
 > * 中文翻譯切換
 > * 網頁內文字說明
+
+歡迎任何錯誤回報或建議，當然也可以在遊戲中直接密語我，我的GW2 ID: HowarXXXI.3409
diff --git a/index.css b/index.css
@@ -51,7 +51,8 @@ body {
 	border-left: 3px solid #CC0000;
 }
 
-.row-highlight {
+.row-highlight,
+.note-hover {
 	background: #FFEFEF !important;
 }
 
@@ -74,7 +75,7 @@ body {
 }
 
 .done {
-	text-decoration:line-through;
+	text-decoration: line-through;
 	opacity: 0.2;
 }
 
@@ -93,15 +94,17 @@ body {
 	width: 100%;
 }
 
-.scale-lowlevel > .wbname {
+.scale-lowlevel > .wbname,
+.note-green {
 	color: #006600;
 	text-shadow: 0px 0px 20px #AAFFAA;
 }
 
 .scale-standard > .wbname {
 }
 
-.scale-hardcore > .wbname {
+.scale-hardcore > .wbname,
+.note-red {
 	color: #990000;
 	text-shadow: 0px 0px 20px #FFAAAA;
 }
@@ -120,6 +123,25 @@ body {
 	font-size: 0.6em;
 }
 
+#note {
+	padding-top: 9px;
+	margin: 20px 0 20px;
+	border-top: 1px solid #EEE;
+}
+
+#note-title {
+	font-size: 1.5em;
+	font-weight: bold;
+}
+
+.note-done {
+	text-decoration: line-through;
+}
+
+.note-underline {
+	text-decoration: underline;
+}
+
 #footer {
 	color: #CCCCCC;
 	padding-top: 9px;

diff --git a/index.html b/index.html
@@ -36,10 +36,28 @@ <h1 id="header-title">Guild Wars 2 Timer</h1>
 	</div>
 
 	<div id="note">
+	<p id="note-title">Note</p>
+	<ul>
+		<li>Colours on World Boss name are the scale of event <a href="https://www.guildwars2.com/en/news/the-megaserver-system-world-bosses-and-events/" target="_blank">announced by official</a>:
+		<ul>
+			<li><span class="note-green">Greens</span> are <span class="note-underline">Low-Level World Events</span>.</li>
+			<li>Blacks are <span class="note-underline">Standard World Events</span>.</li>
+			<li><span class="note-red">Reds</span> are <span class="note-underline">Hard-Core, Mega-Organized Events</span>.</li>
+		</ul>
+		</li>
+		<li>Click on World Boss names to <span class="note-done">cross them off</span> when you done those events.  Click again to undo.</li>
+		<li>Current event is marked as red background and "<span class="note-red">New</span>" text.</li>
+		<li>"Local Time" is automatically converted to user's current timezone.</li>
+		<li>"Server Time" is in-game server time which timezone is PST (PDT).</li>
+		<li>Click on Waypoint chat link to copy the chat link and paste it in game chat.  You'll then see a clickable in-game waypoint link.</li>
+		<li>Hover on one World Boss event will also <span class="note-hover">highlight</span> all the same event on the whole time table.</li>
+		<li>This page will auto-refresh at 0 second every minute.</li>
+	</ul>
 	</div>
 
 	<div id="footer">
 		<p>Created and maintained by <a href="http://about.me/howar31" target="_blank">Howar31</a> @ 2014.04.17</p>
+		<p>This project is hosted on <a href="https://github.com/howar31/GW2Timer" target="_blank">GitHub</a>.  Any bug report or suggestion is welcome.  And yes you may also whisper me in-game, my GW2 ID: HowarXXXI.3409</p>
 	</div>
 </div>