Redesign part 1

- More consistent color scheme - Better font in terms of cross-OS font rendering - New header - New chat client At the moment it still loads the Ubuntu font as fallback, I might remove this in the future, for now I'm leaving it. More stuff is hopefull coming soon
AniDevTwitter · Jan 25, 2016 · 1ce5f51 · 1ce5f51 · QuadPiece · Jan 25, 2016
1 parent 34477db
commit 1ce5f51
Show file tree

Hide file tree

Showing 36 changed files with 44 additions and 31 deletions.
diff --git a/.gitattributes b/.gitattributes
diff --git a/.gitignore b/.gitignore
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
diff --git a/CSS/captions.css b/CSS/captions.css
diff --git a/CSS/main.css b/CSS/main.css
diff --git a/CSS/page.css b/CSS/page.css
@@ -1,10 +1,11 @@
 @import url(https://fonts.googleapis.com/css?family=Ubuntu);
+@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
 
 html {
 	color: #191919;
-	background-color: #E5E5E5;
+	background-color: #EEEEEE;
 	font-size: 14pt;
-	font-family: 'Ubuntu', sans-serif;
+	font-family: 'Lato', sans-serif;
 	line-height: 1.5em;
 }
 
@@ -23,33 +24,45 @@ a:hover {
 }
 
 header {
-	background-color: rgba(0,0,0,0.1);
-	box-shadow: 0px 0px 2px #111;
+	text-align: center;
+	background-color: #F9F9F9;
+	box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
 	padding: 20px;
 }
 
 header * {
-	display: inline;
 	margin: 4px;
 	white-space: nowrap;
 }
 
-header div {
+header .container {
 	display: block;
 	margin-left: auto;
 	margin-right: auto;
-	max-width: 820px;
+	width: 1020px;
+	max-width: 100%;
 	white-space: normal;
 }
 
-header h1 {
-	margin: 0 8px 0 0;
+header a {
+	display: inline-block;
+	padding: 5px;
+	padding-right: 10px;
+	padding-left: 10px;
+	transition: border 0.25s ease-in-out;
+	box-sizing: border-box;
+	border-bottom: solid 2px rgba(0,0,0,0);
+}
+
+header a:hover {
+	border-bottom: solid 2px #AAAAAA;
 }
 
 main {
 	margin-left: auto;
 	margin-right: auto;
-	max-width: 820px;
+	width: 1020px;
+	max-width: 100%;
 	padding: 20px;
 }
 

diff --git a/LICENSE.txt b/LICENSE.txt
diff --git a/README.md b/README.md
@@ -5,7 +5,7 @@ Maintainer: QuadPiece ([GitHub](https://github.com/QuadPiece), [Twitter](https:/
 ## To do:
 
 * Hopefully leave beta stage soon.
-* Redesign hub?
+* Redesign hub (In progress)
 
 *Check end of readme for list of things that WON'T be done*
 

diff --git a/api/details.php b/api/details.php
diff --git a/api/list.php b/api/list.php
diff --git a/backend/includes/botnet.html.sample b/backend/includes/botnet.html.sample
diff --git a/backend/pages/notfound.html b/backend/pages/notfound.html
diff --git a/captions.js b/captions.js
diff --git a/encode/Yay295-s-Windows-Version/aniop.bat b/encode/Yay295-s-Windows-Version/aniop.bat
diff --git a/encode/Yay295-s-Windows-Version/notes.txt b/encode/Yay295-s-Windows-Version/notes.txt
diff --git a/encode/encode.py b/encode/encode.py
diff --git a/encode/settings b/encode/settings
diff --git a/favicon.ico b/favicon.ico
diff --git a/hub/chat.php b/hub/chat.php
@@ -25,9 +25,9 @@
 			</div>
 		</header>
 		<main>
-			<iframe src="https://kiwiirc.com/client?settings=58bedb49a748db1de84a0412a3411757"></iframe>
+			<iframe src="https://irc-client.quad.moe/"></iframe>
 
-			<p>The default channel is #openings.moe; try #aniop for contributors. Details about our channels can be found <a href="ircdetails.php">here</a>. You can also <a href="https://kiwiirc.com/client?settings=58bedb49a748db1de84a0412a3411757">open the client in a new tab</a>.</p>
+			<p>Change your nick to something you like, the rest of the details don't matter. Details about our channels can be found <a href="ircdetails.php">here</a>. You can also <a href="https://irc-client.quad.moe/" target="_blank">open the client in a new tab</a>.</p>
 		</main>
 
 		<?php

diff --git a/hub/dev/api.php b/hub/dev/api.php
diff --git a/hub/dev/index.php b/hub/dev/index.php
diff --git a/hub/dev/map.svg b/hub/dev/map.svg
diff --git a/hub/donate.php b/hub/donate.php
diff --git a/hub/encodes.php b/hub/encodes.php
diff --git a/hub/faq.php b/hub/faq.php
diff --git a/hub/index.php b/hub/index.php
diff --git a/hub/navbar b/hub/navbar
@@ -1,16 +1,8 @@
-<br />
-			<a href="//openings.moe">Main page</a>
-			<p>-</p>
-			<a href="//openings.moe/list/">Video list</a>
-			<p>-</p>
-			<a href="//openings.moe/hub/chat.php">Chat</a>
-			<p>-</p>
-			<a href="//openings.moe/hub/faq.php">F.A.Q</a>
-			<p>-</p>
-			<a href="//openings.moe/hub/dev/">Developer hub</a>
-			<p>-</p>
-			<a href="//openings.moe/hub/encodes.php">Submitting encodes</a>
-			<p>-</p>
-			<a href="//openings.moe/hub/donate.php">Donate</a>
-			<p>-</p>
-			<a href="//openings.moe/hub/">About us</a>
+			<a href="/">Main page</a>
+			<a href="/list/">Video list</a>
+			<a href="/hub/chat.php">Chat</a>
+			<a href="/hub/faq.php">F.A.Q</a>
+			<a href="/hub/dev/">Developer hub</a>
+			<a href="/hub/encodes.php">Submitting encodes</a>
+			<a href="/hub/donate.php">Donate</a>
+			<a href="/hub/">About us</a>
diff --git a/index.php b/index.php
diff --git a/list/index.php b/list/index.php
diff --git a/list/list.css b/list/list.css
@@ -1,4 +1,5 @@
 @import url(https://fonts.googleapis.com/css?family=Ubuntu);
+@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
 
 a, a:visited, .fa-plus, .fa-remove {
 	text-decoration: none;
@@ -15,6 +16,8 @@ body {
 	margin-left: auto;
 	margin-right: auto;
 	padding: 45px;
+	/* Force scroll to avoid making the width change when searching */
+	overflow-y: scroll;
 }
 
 #box {
@@ -93,9 +96,9 @@ div div {
 
 html {
 	color: #191919;
-	background-color: #E5E5E5;
+	background-color: #EEEEEE;
 	font-size: 14pt;
-	font-family: 'Ubuntu', sans-serif;
+	font-family: 'Lato', 'Ubuntu', sans-serif;
 	line-height: 1.5em;
 }
 
@@ -203,3 +206,8 @@ html {
 	color: #AAA;
 	opacity: 1;
 }
+
+.series .name {
+	display: block;
+	border-bottom: solid 1px #AAAAAA;
+}
diff --git a/list/list.js b/list/list.js
diff --git a/main.js b/main.js
diff --git a/names.php.sample b/names.php.sample
diff --git a/tools/cssgen.sh b/tools/cssgen.sh
diff --git a/tools/genNames.py b/tools/genNames.py
diff --git a/tools/processSubtitleZip.sh b/tools/processSubtitleZip.sh