From a6cc1bedbc414e2a3824d7a1b0afd79cfb3ddcc4 Mon Sep 17 00:00:00 2001
From: ivy <597055914@qq.com>
Date: Sun, 14 Sep 2014 23:03:31 +0800
Subject: [PATCH] update many

---
 api.php     | 11 +++++++++++
 before.php  | 20 --------------------
 contact.php | 34 ++++++++++++++++++++++++++++++++++
 header.php  |  6 +++---
 read.php    |  4 +++-
 style.css   | 34 +++++++++++++++++++++++++++++++---
 6 files changed, 82 insertions(+), 27 deletions(-)
 create mode 100644 api.php
 create mode 100644 contact.php

diff --git a/api.php b/api.php
new file mode 100644
index 0000000..3127ec8
--- /dev/null
+++ b/api.php
@@ -0,0 +1,11 @@
+<?php require('header.php');?>
+
+<div class="zhihu-body">
+	<div class="api-main-panel">
+		<div class="api-main-text">
+			sdsdsd
+		</div>
+	</div>
+</div>
+
+<?php require('footer.php'); ?>
\ No newline at end of file
diff --git a/before.php b/before.php
index 11517e8..5a776c7 100644
--- a/before.php
+++ b/before.php
@@ -162,26 +162,6 @@ function printDate($year,$mon){
 	</div></a>';	
 }
 
-/*for ($i=$startKey; $i < $endKey; $i++) { 
-	$randmath=rand(0,19);
-	if($i<12){
-		echo '<a href=""><div class="main-news-panel-before" style="background: '.$rgbValue[$randmath].'">
-		<p>'.$totalMon[$i].'</p>
-	</div></a>';
-	}else{
-		//print_r($totalMon[$i]);
-		foreach ($totalMon[$i] as $keyInner => $valueInner) {
-			echo '<a href=""><div class="main-news-panel-before" style="background: '.$rgbValue[$keyInner].'">
-		<p>'.$valueInner.'</p>
-	</div></a>';
-			//echo $keyInner."  ";
-			if($keyInner==$endKey){
-				break;
-			}
-		}
-	}
-}*/
-
 ?>
 
 <div class="pageindex">
diff --git a/contact.php b/contact.php
new file mode 100644
index 0000000..2845f0e
--- /dev/null
+++ b/contact.php
@@ -0,0 +1,34 @@
+<?php 
+require('header.php');
+?>
+
+<div class="zhihu-body">
+	<div class="contact-main-panel">
+		<div class="hobby-card">
+			<ul>
+				<li>Coding</li>
+				<li>Music</li>
+				<li>Lecture</li>
+			</ul>	
+		</div>
+
+		<div class="info-card">
+			<ul class="basic-info">
+				<a href="http://ivydom.com"><li>ivydom</li></a>
+				<a href=""><li>sina weibo</li></a>
+				<a href=""><li>tencent weibo</li></a>
+			</ul>		
+		</div>
+
+		<div class="info-card">
+			<ul class="basic-info">
+				<li>纯粹爱好</li>
+				<li>若有侵权</li>
+				<li>敬请告知</li>
+			</ul>		
+		</div>
+
+	</div>
+</div>
+
+<?php require('footer.php'); ?>
\ No newline at end of file
diff --git a/header.php b/header.php
index 9861af0..65a069f 100644
--- a/header.php
+++ b/header.php
@@ -15,9 +15,9 @@
 			<ul class="zhihu-heading-menu">
 				<a href="index.php"><li class="menu-active"><p>直呼日报</p></li></a>
 				<a href="before.php"><li><p>过往消息</p></li></a>
-				<a href="index.php"><li><p>联系作者</p></li></a>
-				<a href="index.php"><li><p>API</p></li></a>
+				<a href="contact.php"><li><p>联系作者</p></li></a>
+				<a href="api.php"><li><p>API</p></li></a>
 
 			</ul>
-			<div class="zhihu-heading-model"></div>
+			<div class="zhihu-heading-model" id="zhihu-model"></div>
 		</div>
\ No newline at end of file
diff --git a/read.php b/read.php
index c873413..433e507 100644
--- a/read.php
+++ b/read.php
@@ -29,7 +29,9 @@
 </div>';
 
 ?>
-
+<script>
+document.getElementById('zhihu-model').style.display="none";
+</script>
 <?php
 require('footer.php');
 ?>
\ No newline at end of file
diff --git a/style.css b/style.css
index 0ae7d4e..0e4afe7 100644
--- a/style.css
+++ b/style.css
@@ -141,14 +141,14 @@ body{background: rgb(192,222,237);}
 	margin:0 auto;
 	padding: 10px;
 	width: 1000px;
-	margin-top: 700px;
+	margin-top: 200px;
 	text-align: center;
 }
 
 .footer span{color: #2980b9;}
 
 .main-wrap{
-	width: 1000px;
+	width:1000px;
 	margin: 0 auto;
 	margin-top: 5px;
 }
@@ -191,4 +191,32 @@ body{background: rgb(192,222,237);}
 }
 
 .pageindex ul li:hover{
-	background: rgb(52,152,219);cursor: pointer;}
\ No newline at end of file
+	background: rgb(52,152,219);cursor: pointer;}
+
+.contact-main-panel,.api-main-panel{
+	background: #ecf0f1;
+	width: 978px;
+	border-bottom: 6px solid rgb(103,176,209);
+}
+
+.contact-main-panel{height: 300px;}
+
+.hobby-card,.info-card{width: 978px;float: left;}
+
+.contact-main-panel ul{list-style: none;}
+
+.contact-main-panel ul li{
+	float: left;
+	margin-right: 10px;
+	margin-top: 25px;
+	color: rgb(85,85,85);
+}
+
+.contact-main-panel ul li:hover{color: rgb(153,153,153);}
+
+.basic-info li{font-size: 30px;}
+
+.api-main-text{
+	margin-top: 15px;
+	margin-left: 15px;
+}
\ No newline at end of file