Add source files.

7 files changed, 426 insertions, 0 deletions

diff --git a/src/fonts/mplus-1p-bold.ttf b/src/fonts/mplus-1p-bold.ttf
new file mode 100644
index 0000000..3f26053
--- /dev/null
+++ b/src/fonts/mplus-1p-bold.ttf
diff --git a/src/fonts/mplus-1p-regular.ttf b/src/fonts/mplus-1p-regular.ttf
new file mode 100644
index 0000000..37feee5
--- /dev/null
+++ b/src/fonts/mplus-1p-regular.ttf
diff --git a/src/images/footer-gradient.png b/src/images/footer-gradient.png
new file mode 100644
index 0000000..496d481
--- /dev/null
+++ b/src/images/footer-gradient.png
diff --git a/src/images/header-gradient.png b/src/images/header-gradient.png
new file mode 100644
index 0000000..b10c8b8
--- /dev/null
+++ b/src/images/header-gradient.png
diff --git a/src/images/title-logo-right-56.png b/src/images/title-logo-right-56.png
new file mode 100644
index 0000000..58dfbc0
--- /dev/null
+++ b/src/images/title-logo-right-56.png
diff --git a/src/styles/main.css b/src/styles/main.css
new file mode 100644
index 0000000..d2d6897
--- /dev/null
+++ b/src/styles/main.css
@@ -0,0 +1,385 @@
+/* @font-face at-rules. */
+@font-face {
+	font-family: "M+ 1p";
+	font-style: normal;
+	font-weight: normal;
+	src:
+		local("M+ 1p"),
+		local("M+-1p"),
+		local("M+ 1p Regular"),
+		local("M+-1p-Regular"),
+		url("../fonts/mplus-1p-regular.ttf") format("truetype");
+}
+@font-face {
+	font-family: "M+ 1p";
+	font-style: normal;
+	font-weight: bold;
+	src:
+		local("M+ 1p Bold"),
+		local("M+-1p-Bold"),
+		url("../fonts/mplus-1p-bold.ttf") format("truetype");
+}
+
+/* Set consistent default values. */
+* {
+	margin: 0;
+	padding: 0;
+	background: none;
+	border: 0 none;
+	font-size: 100.000%;
+	vertical-align: baseline;
+}
+html {
+	background-color: #1F1FAF;
+}
+body {
+	position: absolute;
+	top: 0;
+	right: 0;
+	left: 0;
+	background-image: url("../images/header-gradient.png");
+	background-repeat: repeat-x;
+	background-position: 0 0;
+	background-attachment: scroll;
+	background-color: #FFFFFF;
+	background-size: auto 16.000em;
+	min-width: 68.571em;
+	min-height: 100.000%;
+	color: #000000;
+	font-family: "M+ 1p", "DejaVu Sans", "sans-serif";
+	font-size: 0.875em;
+	/*font-size: 1.000em;*/
+}
+a, a *, a:visited, a:visited * {
+	color: #1F1FAF;
+	text-decoration: none;
+}
+a:hover, a:hover *, a:active, a:active * {
+	color: #1F1FAF;
+	text-decoration: underline;
+}
+header, h1, h2 {
+	color: #1F1FAF;
+	font-weight: bold;
+	font-family: "M+ 1p", "DejaVu Sans", "sans-serif";
+	line-height: 2.000em;
+}
+h1 {
+	font-size: 1.500em;
+	margin: 0.333em 0 0.333em 0;
+	clear: left;
+}
+h2 {
+	font-size: 1.250em;
+	margin: 0.400em 0 0.400em 0;
+}
+p {
+	font-size: 1.000em;
+	margin: 0.500em 0 0.500em 0;
+}
+ul, ol {
+	margin: 0.500em 0 0.500em 1.500em;
+}
+ul ul, ul ol, ol ul, ol ol {
+	margin: 0 0 0 1.500em;
+}
+li {
+	font-size: 1.000em;
+}
+code {
+	font-size: 1.000em;
+	font-family: monospace;
+	background-color: #FFFF99;
+}
+pre {
+	font-size: 1.000em;
+	margin: 0.500em 0 0.500em 2.000em;
+	background-color: #FFFF99;
+	white-space: pre-wrap;
+	white-space: -moz-pre-wrap;
+	white-space: -pre-wrap;
+	white-space: -o-pre-wrap;
+	word-wrap: break-word;
+}
+blockquote {
+	font-size: 1.000em;
+	margin: 0.500em 0 0.500em 1.500em;
+}
+a.skip {
+	position: absolute;
+	top: -9000px;
+	left: 0;
+}
+span.super {
+	vertical-align: 33.000%;
+	font-size: 0.750em;
+}
+div.clear {
+	clear: both;
+	padding: 2.000em 0 0 0;
+}
+span.infobox {
+	float: right;
+	width: 16em;
+	margin: 0.500em;
+	padding: 0.500em;
+	background-color: #FFFF99;
+}
+hr {
+	font-size: 1.750em;
+	margin: 0.500em 0;
+	height: 0.056em;
+	background-color: #1F1FAF;
+}
+
+/* Navigation header. */
+nav {
+	height: 4.000em;
+	margin: 1.750em 1.750em;
+	padding: 0 6.250%;
+}
+nav a.logo {
+	display: block;
+	float: left;
+	width: 18.875em;
+	height: 4.000em;
+	margin-left: -0.250em;
+	text-indent: -9000em;
+	background-image: url("../images/title-logo-right-56.png");
+	transition: all 250ms ease-in-out 0s;
+	-moz-transition: all 250ms ease-in-out 0s;
+	-wekbit-transition: all 250ms ease-in-out 0s;
+	-o-transition: all 250ms ease-in-out 0s;
+}
+nav a.logo:hover {
+	opacity: 0.625;
+}
+nav div.nav {
+	margin: 0 0 0 20.625em;
+	padding: 1.250em 0 0.250em 0;
+}
+nav div.nav ul {
+	float: right;
+	margin: 0;
+	padding: 0.250em 0.250em;
+	background-color: #3F9F5F;
+	border-radius: 1.250em;
+	height: 2.000em;
+	min-width: 32.000em;
+	width: 81.250%;
+	list-style-type: none;
+}
+nav div.nav ul li {
+	float: left;
+	font-weight: bold;
+	font-size: 1.250em;
+	line-height: 1.000em;
+	margin-right: 0.500em;
+}
+nav div.nav ul li a {
+	display: block;
+	padding: 0.250em 0.250em;
+	transition: all 250ms ease-in-out 0s;
+	-moz-transition: all 250ms ease-in-out 0s;
+	-wekbit-transition: all 250ms ease-in-out 0s;
+	-o-transition: all 250ms ease-in-out 0s;
+}
+nav div.nav ul li a:hover, nav div.nav ul li a:active {
+	color: #C7C7EB;
+	text-shadow: 0 0 0.125em #C7C7EB;
+	text-decoration: none;
+}
+
+/* Document body. */
+div.main {
+	clear: both;
+	margin: 1.750em 0 8.000em 0;
+	padding: 0 6.250%;
+}
+div.sidebar {
+	float: right;
+	/*width: 25.000%;*/
+	width: 16.000em;
+}
+div.sidebar > div {
+	background-color: #E7F3EB;
+	border: 0.250em solid #3F9F5F;
+	border-radius: 1.250em;
+	margin: 0 0 2.000em 0;
+}
+div.sidebar div div {
+	padding: 0.250em 0.500em 0.500em 0.500em;
+}
+div.sidebar div h1 {
+	background-color: #3F9F5F;
+	border-radius: 0.500em 0.500em 0 0;
+	font-size: 1.250em;
+	line-height: 1.000em;
+	margin: 0 0 0 0;
+	padding: 0.200em 0.200em 0.400em 0.200em;
+}
+div.body {
+	margin: 0;
+	padding: 0;
+}
+header {
+	font-size: 1.750em;
+	line-height: 1.000em;
+	border-width: 0 0 0.056em 0;
+	border-style: solid;
+	border-color: #1F1FAF;
+	margin: 0 0 0.500em 0;
+	padding: 0 0 0.250em 0;
+}
+
+/* Grids. */
+div.grid-container {
+	position: relative;
+}
+div.grid-container > h1 {
+	text-align: center;
+	margin-bottom: 0;
+}
+div.grid-container > div.grid {
+	display: inline;
+	float: left;
+	margin: 0;
+}
+div.grid-container-2 > div.grid {
+	width: 50.000%;
+}
+div.grid-container-4 > div.grid {
+	width: 25.000%;
+}
+div.grid-container > div.grid-a {
+	clear: left;
+}
+div.grid-container div.grid > div {
+	margin: 0 0.500em;
+}
+div.grid-container > div.grid > div > h2 {
+	text-align: center;
+	margin: 0;
+}
+
+img.icon-64-top-left {
+	width: 64px;
+	height: 64px;
+	float: left;
+	margin: 0 1.000em 1.000em 0;
+}
+
+/* Forms. */
+form {
+	line-height: 1.000;
+}
+form fieldset {
+	margin: 0;
+	padding: 0;
+}
+form p {
+	margin: 0.250em 0.125em;
+}
+form label {
+	margin: 0.250em 0.125em;
+}
+form input, form textarea {
+	margin: 0.250em 0.125em;
+	border: 0.125em solid #3F9F5F;
+	border-radius: 0.375em;
+	background-color: #FFFFCF;
+	color: #000000;
+}
+form input[type=text], form input[type=password] {
+	padding: 0.125em;
+}
+form input[type=submit] {
+	padding: 0.062em;
+}
+form :-moz-placeholder {
+	color: #8F8FAF;
+}
+form ::-moz-placeholder {
+	color: #8F8FAF;
+}
+form ::-webkit-input-placeholder {
+	color: #8F8FAF;
+}
+form :-ms-input-placeholder {
+	color: #8F8FAF;
+}
+
+/* OpenID selector. */
+#openid_choice {
+	display: none;
+}
+#openid_input_area {
+	clear: both;
+}
+#openid_btns, #openid_btns br {
+	clear: both;
+}
+#openid_highlight {
+	background-color: #1F1FAF;
+	border-radius: 0.500em;
+	float: left;
+}
+.openid_large_btn {
+	margin: 0.125em 0.125em;
+	padding: 1.000em 1.500em;
+	border: 0.125em solid #3F9F5F;
+	border-radius: 0.375em;
+	background-color: #FFFFCF;
+	float: left;
+}
+.openid_small_btn {
+	margin: 0.125em 0.125em;
+	padding: 0.250em 0.250em;
+	border: 0.125em solid #3F9F5F;
+	border-radius: 0.375em;
+	background-color: #FFFFCF;
+	float: left;
+}
+form input#openid_identifier {
+	background-image: url("../images/openid.png");
+	background-repeat: no-repeat;
+	background-position: 0.125em 0.125em;
+	padding-left: 1.312em;
+	width: 18.000em;
+}
+
+/* Local login FormBuilder form. */
+.fb_submit {
+	float: left;
+}
+.fb_invalid {
+	color: #FF0000;
+}
+.fb_required {
+	font-weight: bold;
+}
+
+/* Document footer. */
+footer {
+	position: absolute;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	margin: -8.000em 0 0 0;
+	padding: 0 6.250% 0.500em 6.250%;
+	height: 8.000em;
+	/* For prototyping:
+	background-image: -moz-linear-gradient(bottom,
+		rgba(31, 31, 175, 0.625)   0.000%,
+		rgba(31, 31, 175, 0.500)   6.250%,
+		rgba(31, 31, 175, 0.000) 100.000%);*/
+	background-image: url("../images/footer-gradient.png");
+}
+footer > div {
+	position: absolute;
+	bottom: 1.000em;
+}
+footer > div > p.copyright {
+	color: #3F3F3F;
+	font-size: 0.750em;
+}
diff --git a/src/www/index.html b/src/www/index.html
new file mode 100644
index 0000000..1bdccde
--- /dev/null
+++ b/src/www/index.html
@@ -0,0 +1,41 @@
+<!doctype html>
+
+<html>
+	<head>
+		<title>ProteanOS Test Page</title>
+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+		<link rel="stylesheet" type="text/css"
+			href="/branding/styles/main.css">
+		<link rel="icon" type="image/png"
+			href="/branding/images/favicon.png">
+		<link rel="shortcut icon" type="image/png"
+			href="/branding/images/favicon.png">
+	</head>
+	<body>
+		<a href="#body" class="skip">Skip to body</a>
+		<nav>
+			<a href="http://www.proteanos.com/" class="logo">
+				ProteanOS
+			</a>
+		</nav>
+		<div class="main">
+			<div class="body" id="body">
+				<header class="title">
+					ProteanOS Test Page
+				</header>
+<h1>It works!</h1>
+<p>This is the default Web page for this server.</p>
+<p>The HTTP daemon is running.</p>
+			</div>
+			<div class="clear"></div>
+		</div>
+		<footer>
+			<div>
+				<p class="copyright">
+					Copyright &copy; 2012–2014
+					Patrick “P. J.” M<span class="super">c</span>Dermott
+				</p>
+			</div>
+		</footer>
+	</body>
+</html>