#1 toppage

AI-comp · Jun 28, 2013 · 1fceded · 1fceded
1 parent 629f3d7
commit 1fceded
Show file tree

Hide file tree

Showing 12 changed files with 138 additions and 32 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/.index.html.swp b/.index.html.swp
diff --git a/cedec2013/index.html b/cedec2013/index.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="ja">
+  <head>
+    <meta charset="UTF-8">
+    <link rel=stylesheet type="text/css" href="css/style.css">
+    <title>AI-COMP</title>
+  </head>
+
+  <body>
+    <div class="page" id="page">
+      <header>
+      <h1>AI-COMP</h1>
+      </header>
+
+      <div class="headline">HEADLINE</div>
+      <p>
+      <a href="javachallenge2012/index.html"><img src="img/asterobots.jpg" alt="JavaChallenge2012" /></a>
+      </p>
+
+      <a href="terraforming/index.html"><img src="img/terraforming.jpg" alt="JavaChallenge2012" /></a>
+
+    </div>
+
+      <footer>
+      <p>Copyright © AI-COMP All Rights Reserved</p>
+      </footer>
+
+    </div>
+  </body>
+
+</html>
+
diff --git a/css/style.css b/css/style.css
@@ -5,12 +5,62 @@ body {
   margin: 0;
   padding: 0;
   color: #000;
-  background: #95703b;
+  background: #FFF;
+}
+
+h1,h2,h3,h4,h5{
+  font-family: 'Prosto One', cursive;
+  color: #142542;
+}
+
+h1 {
+  margin : 0;
+  color: #FFF;
+  text-align : center;
+  font-size: 400%;
+}
+
+h2{
+  font-size: 200%;
+}
+
+h3{
+  font-size: 150%;
+}
+
+h4{
+  font-size: 120%;
+}
+
+h4{
+  font-size: 100%;
 }
 
 ul {
 
+}
 
+.page{
+  width: 800px;
+  margin:20px auto;
+  padding:0 20px 0 20px;
+  border: 3px solid #142545;
+  background: #FFF;
+}
+
+header {
+  margin:20px auto;
+  width: 800px;
+  background : #142545;
+  position:relative;
+}
+
+footer {
+  margin : 0 -20px -18px -19px;
+  padding : 0;
+  background : #142545;
+  color : #fff;
+  text-align : center;
 }
 
 .menu ul {
@@ -42,3 +92,4 @@ ul {
   background-color: #BF5E5E;
   color #ffffff;
 }
+
diff --git a/img/asterobots.jpg b/img/asterobots.jpg
diff --git a/img/terraforming.jpg b/img/terraforming.jpg
diff --git a/index.html b/index.html
@@ -2,11 +2,32 @@
 <html lang="ja">
   <head>
     <meta charset="UTF-8">
+    <link href='http://fonts.googleapis.com/css?family=Prosto+One' rel='stylesheet' type='text/css'>
+    <link rel=stylesheet type="text/css" href="css/style.css">
     <title>AI-COMP</title>
   </head>
 
   <body>
-    <a href="javachallenge2012/index.html">JavaChallenge2012</a>
+    <div class="page" id="page">
+      <header>
+      <h1>AI-COMP</h1>
+      </header>
+
+      <div class="headline"><h2>HEADLINE</h2>
+      <p>
+      <a href="javachallenge2012/index.html"><img src="img/asterobots.jpg" alt="JavaChallenge2012" /></a>
+      </p>
+
+      <a href="cedec2013/index.html"><img src="img/terraforming.jpg" alt="JavaChallenge2012" /></a>
+
+    </div>
+
+      <footer>
+      <p>Copyright © AI-COMP All Rights Reserved</p>
+      </footer>
+
+    </div>
   </body>
 
 </html>
+
diff --git a/javachallenge2012/.DS_Store b/javachallenge2012/.DS_Store
diff --git a/javachallenge2012/.index.html.swp b/javachallenge2012/.index.html.swp
diff --git a/javachallenge2012/css/style.css b/javachallenge2012/css/style.css
@@ -65,36 +65,6 @@ tr {
   color : #310;
 }
 
-ul {
-
-}
-
-.page{
-  width: 800px;
-  margin:20px auto;
-  padding:0 20px 0 20px;
-  border: 3px solid #310;
-  background: #ddb;
-}
-
-header {
-  margin:20px auto;
-  width: 800px;
-  position:relative;
-}
-
-table {
-  border : solid;
-  border-collapse : collapse;
-  color : #310;
-}
-
-tr {
-  padding : 5px;
-  border : 1px solid;
-  color : #310;
-}
-
 td {
   padding :2px 10px;
   border : #310 1px solid;

diff --git a/javachallenge2012/img/.DS_Store b/javachallenge2012/img/.DS_Store
diff --git a/terraforming/index.html b/terraforming/index.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="ja">
+  <head>
+    <meta charset="UTF-8">
+    <link rel=stylesheet type="text/css" href="css/style.css">
+    <title>AI-COMP</title>
+  </head>
+
+  <body>
+    <div class="page" id="page">
+      <header>
+      <h1>AI-COMP</h1>
+      </header>
+
+      <div class="headline">HEADLINE</div>
+      <p>
+      <a href="javachallenge2012/index.html"><img src="img/asterobots.jpg" alt="JavaChallenge2012" /></a>
+      </p>
+
+      <a href="terraforming/index.html"><img src="img/terraforming.jpg" alt="JavaChallenge2012" /></a>
+
+    </div>
+
+      <footer>
+      <p>Copyright © AI-COMP All Rights Reserved</p>
+      </footer>
+
+    </div>
+  </body>
+
+</html>
+