Basic page design

12 years ago · 93244cab30
parent 2a85e4b65f
commit 93244cab30
2 changed files with 124 additions and 0 deletions
--- a/public_html/index.php
+++ b/public_html/index.php
@ -0,0 +1,28 @@
+<!doctype html>
+<html>
+	<head>
+		<title>AnonNews.org</title>
+		<link href='http://fonts.googleapis.com/css?family=Istok+Web:400,700,400italic' rel='stylesheet' type='text/css'>
+		<link href="static/style.css" rel="stylesheet">
+	</head>
+	<body>
+		<div class="page-header">
+			<h1><strong>AnonNews.org</strong> Everything Anonymous</h1>
+			<nav>
+				<a href="/popular" class="active">Most popular</a>
+				<a href="/recent">Most recent</a>
+				<a href="/trash">Trashbin</a>
+				<a href="/forum" class="section">Forums</a>
+				<a href="/faq" class="section">FAQ</a>
+				<a href="/donate" class="section" id="button_donate">Donate</a>
+				<a href="/submit" class="submit">Submit a press release or article</a>
+				<div class="clear-left"></div>
+			</nav>
+		</div>
+		
+		<div class="license">
+			<p>Header background image by <a href="http://www.flickr.com/photos/seier/4338268272/">seier+seier</a> used under a Creative Commons Attribution license.</p>
+			<p>All content on this website, including design and written material, is automatically licensed under a Creative Commons Attribution license. You are free to redistribute and/or remix it, but you have to credit the author, or, if the author is unknown ("Anonymous"), place a backlink to the corresponding page on AnonNews and attribute it to "Anonymous".</p>
+		</div>
+	</body>
+</html>
--- a/public_html/static/style.css
+++ b/public_html/static/style.css
@ -0,0 +1,96 @@
+body
+{
+	background-color: #EEEEEE;
+	font-family: 'Istok Web', sans-serif;
+	padding: 0px;
+	margin: 0px;
+}
+
+.clear
+{
+	clear: both;
+}
+
+.clear-left
+{
+	clear: left;
+}
+
+.page-header
+{
+	padding: 8px 12px 0px 12px;
+	background: url(images/background.jpg);
+}
+
+.page-header h1
+{
+	margin: 4px 0px;
+	font-weight: normal;
+}
+
+.page-header nav a
+{
+	display: block;
+	float: left;
+	margin: 0px 4px;
+	padding: 4px 8px;
+	background-color: #CECECE;
+	color: #3D3D3D;
+	text-decoration: none;
+	border: 1px solid gray;
+	border-bottom: none;
+}
+
+.page-header nav a.section
+{
+	background-color: #BFBDCA;
+}
+
+.page-header nav a.submit
+{
+	background-color: #E7D99B;
+}
+
+.page-header nav a:hover
+{
+	color: black;
+	background-color: #B5B5B5;
+}
+
+.page-header nav a.section:hover
+{
+	background-color: #A29CC6;
+}
+
+.page-header nav a.submit:hover
+{
+	background-color: #E6CF64;
+}
+
+.page-header nav a.active
+{
+	color: black;
+	background-color: #EEEEEE;
+}
+
+#button_donate
+{
+	color: #060051;
+	border-color: #242058;
+}
+
+
+
+.license
+{
+	clear: both;
+	margin: 8px 24px;
+	padding: 6px 11px;
+	font-size: 12px;
+	background-color: #E5E5E5;
+}
+
+.license p
+{
+	margin: 3px 0px;
+}