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;
 }