From 521063c6df591a156fe74036c8c529b2b736164d Mon Sep 17 00:00:00 2001
From: Victoria Wang <violasongoo@gmail.com>
Date: Fri, 15 Aug 2014 19:43:00 -0700
Subject: [PATCH] =?UTF-8?q?Initial=20code=20for=20top=20bar.=20Need=20to?=
 =?UTF-8?q?=20fix=20issue=20where=20certain=20websites'=20borders=20are=20?=
 =?UTF-8?q?reduced=20when=20inside=20the=20iframe=E2=80=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/topbar/topbar-cat.png   | Bin 0 -> 2257 bytes
 public/topbar/topbar-close.png | Bin 0 -> 372 bytes
 public/topbar/topbar.html      |  88 +++++++++++++++++++++++++++++++++
 3 files changed, 88 insertions(+)
 create mode 100644 public/topbar/topbar-cat.png
 create mode 100644 public/topbar/topbar-close.png
 create mode 100644 public/topbar/topbar.html

diff --git a/public/topbar/topbar-cat.png b/public/topbar/topbar-cat.png
new file mode 100644
index 0000000000000000000000000000000000000000..fd50cc89cf6da55907e1f51361206fef6cebeaf9
GIT binary patch
literal 2257
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

literal 0
HcmV?d00001

diff --git a/public/topbar/topbar-close.png b/public/topbar/topbar-close.png
new file mode 100644
index 0000000000000000000000000000000000000000..6b663c8b7c31f52e27ff408d29bcf6da6dffa80d
GIT binary patch
literal 372
zcmeAS@N?(olHy`uVBq!ia0vp@Ak4uAB#T}@sR2?f#ZI0f96(URk<tO=a~60+7Bet#
z3xP1>rMq>1fP$hWt`Q~9MX8A;nfZANA(^?U3>Nx^ruv2^b{-DjfeK_m3WD>~O3D+9
zQW+dm@{>{(+%k(&%kzt}ixr%Mjb~hQV+N`_>*?YcqA{`d(nj7x1_G@Q@24>yVd`O!
zW-&`>S@N;8!^f#s)PPZldqSI>n4<xMkt^TH&YU}Q*PQpSvs%6?IDvnQ(x*iQAzRs2
z2{=6t`O0wRfNaF`1&z(UTiMIlrX9FC$@_tXlZEB(8Pao>btWq)`Su7--?M{Z7fW7a
z_gQzrOa?X$X8QvwtoBcWRh0N08ZsVmZh4%<<`Fu*f$7|&w4FtNIASK-haTwmS-p=T
zOsR-D%<=`-gTKqKZe1R~P{-qxr||iCb*;N(P8{I7QNwtBMPWy;q;@3GV+@|IelF{r
G5}E*QV}cC;

literal 0
HcmV?d00001

diff --git a/public/topbar/topbar.html b/public/topbar/topbar.html
new file mode 100644
index 00000000..347ac1c5
--- /dev/null
+++ b/public/topbar/topbar.html
@@ -0,0 +1,88 @@
+<!doctype html>
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <title>Neocities</title>
+		<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
+		<style>
+		* {
+			margin: 0;
+			padding: 0;
+		}
+		body {
+			height: 100%;
+			width: 100%;
+			font-family: "Lucida Grande", helvetica, verdana, sans-serif;
+			font-size: 12px;
+			overflow: hidden;
+		}
+		#logo {
+			background: url(topbar-cat.png) no-repeat 1px -1px;
+ 			width: 30px;
+ 			height: 29px;
+			position: absolute;
+			display: block;
+		}
+		#website-frame {
+			width: 100%;
+			height: 100%;
+		}
+		#top-bar {
+			background: #3B3B3B;
+			color: #cecece;
+			float: left;
+			width: 100%;
+			padding: 6px 0;
+		}
+		#top-bar ul {
+			list-style: none;
+		}
+		#top-bar li {
+			float: left;
+			margin-left: 20px;	
+		}
+		#top-bar a {
+			color: #cecece;
+			text-decoration: none;
+		}
+		#top-bar a:hover {
+			color: #fff;
+		}
+		#top-bar .browse-actions {
+			margin-left: 20px;
+		}
+		#top-bar .site-actions {
+			float: right;
+			margin-right: 9px;
+		}
+		#top-bar .close {
+			background: url(topbar-close.png) no-repeat;
+			width: 13px;
+			height: 13px;
+			margin-top: 1px;
+			float: left;
+		}
+		#top-bar .invisible a {
+			color: #3B3B3B;
+		}
+		</style>
+  </head>
+  <body>
+	<a href="https://neocities.org/" id="logo"></a>
+	<div id="top-bar">
+		<ul class="browse-actions">
+			<li><a href="https://neocities.org/">Neocities</a></li>
+			<li><a href=""><i class="fa fa-camera-retro"></i>Prev</a></li>
+			<li><a href="">Next</a></li>
+		</ul>
+		<ul class="site-actions">
+			<li><a href=""><i class="icon-user"></i><strong>rik</strong></a></li>
+			<li><a href="">Follow</a></li>
+			<li><a href="">Share</a></li>
+			<li><a class="close" href=""></a></li>
+		</ul>
+	
+	</div>
+	<iframe src="http://kikuchi.neocities.org/" frameborder="0" scrolling="yes" marginheight="0" marginwidth="0" id="website-frame" name="website-frame"></iframe>
+  </body>
+</html>