Permalink
Browse files

add main page

  • Loading branch information...
1 parent 30310b7 commit 129377796b1d6e7abc768600cf4f49443c61dd7d @adityab committed Apr 11, 2012
Showing with 252 additions and 2 deletions.
  1. +108 −0 awwation.css
  2. +144 −2 index.html
View
108 awwation.css
@@ -0,0 +1,108 @@
+ @import url(http://fonts.googleapis.com/css?family=Mystery+Quest);
+ @import url(http://fonts.googleapis.com/css?family=Imprima);
+
+ #banner {
+ float: left;
+ display: inline-block;
+ margin-left: 0%;
+ width: 30%;
+ height: 100%;
+
+ -webkit-border-radius: 10px;
+ -moz-border-radius: 10px;
+ border-radius: 10px;
+
+ -webkit-box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.75);
+ -moz-box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.75);
+ box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.75);
+
+ padding-left: 20px;
+ padding-right: 20px;
+
+ background-color: white;
+ }
+
+ #banner > p {
+ padding-top: 40px;
+ font-size: 14pt;
+ color: #888888;
+ }
+
+ h1 {
+ font-family: 'Mystery Quest';
+ font-weight: normal;
+ font-size: 64pt;
+
+ color: #AA0000;
+ padding-top: 20px;
+ text-align: center;
+ }
+
+ h2 {
+ font-weight: normal;
+ text-align: center;
+ font-size: 18pt;
+ color: black;
+ }
+
+ body {
+ font-family: 'Imprima' cursive;
+ font-weight: normal;
+ background-color: #888888;
+ }
+
+ #content {
+ float: left;
+ display: inline-block;
+ margin-left: 10px;
+ width: 60%;
+ height: 100%;
+
+ padding-left: 20px;
+ padding-right: 20px;
+
+ -webkit-border-radius: 10px;
+ -moz-border-radius: 10px;
+ border-radius: 10px;
+
+ -webkit-box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.75);
+ -moz-box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.75);
+ box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.75);
+
+ background-color: white;
+ }
+
+ #content > #presentation {
+ background-color: white;
+ width: 80%;
+ height: 50%;
+ margin-left: 10%;
+ margin-right: 10%;
+
+ border: none;
+
+ -webkit-border-radius: 10px;
+ -moz-border-radius: 10px;
+ border-radius: 10px;
+
+ -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
+ -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
+ box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
+ }
+
+ #content > h2 {
+ text-align: center;
+ }
+
+ #content .list {
+ float: left;
+ }
+
+ .list > h3 {
+ text-align: center;
+ }
+
+ #information {
+ margin-left: 10%;
+ margin-right: 10%;
+ }
View
146 index.html
@@ -1,9 +1,151 @@
<html>
<head>
<title>Awwation</title>
-
- </head>
+ <link rel="stylesheet" type="text/css" href="awwation.css"></link>
+ <style>
+ @import url(http://fonts.googleapis.com/css?family=Mystery+Quest);
+ @import url(http://fonts.googleapis.com/css?family=Imprima);
+
+ #banner {
+ float: left;
+ display: inline-block;
+ margin-left: 0%;
+ width: 30%;
+ height: 100%;
+
+ -webkit-border-radius: 10px;
+ -moz-border-radius: 10px;
+ border-radius: 10px;
+
+ -webkit-box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.75);
+ -moz-box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.75);
+ box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.75);
+
+ padding-left: 20px;
+ padding-right: 20px;
+
+ background-color: white;
+ }
+
+ #banner > p {
+ padding-top: 40px;
+ font-size: 14pt;
+ color: #888888;
+ }
+
+ h1 {
+ font-family: 'Mystery Quest';
+ font-weight: normal;
+ font-size: 64pt;
+
+ color: #AA0000;
+ padding-top: 20px;
+ text-align: center;
+ }
+ h2 {
+ font-weight: normal;
+ text-align: center;
+ font-size: 18pt;
+ color: black;
+ }
+
+ body {
+ font-family: 'Imprima' cursive;
+ font-weight: normal;
+ background-color: #888888;
+ }
+
+ #content {
+ float: left;
+ display: inline-block;
+ margin-left: 10px;
+ width: 60%;
+ height: 100%;
+
+ padding-left: 20px;
+ padding-right: 20px;
+
+ -webkit-border-radius: 10px;
+ -moz-border-radius: 10px;
+ border-radius: 10px;
+
+ -webkit-box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.75);
+ -moz-box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.75);
+ box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.75);
+
+ background-color: white;
+ }
+
+ #content > #presentation {
+ background-color: white;
+ width: 80%;
+ height: 50%;
+ margin-left: 10%;
+ margin-right: 10%;
+
+ border: none;
+
+ -webkit-border-radius: 10px;
+ -moz-border-radius: 10px;
+ border-radius: 10px;
+
+ -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
+ -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
+ box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
+ }
+
+ #content > h2 {
+ text-align: center;
+ }
+
+ #content .list {
+ float: left;
+ }
+
+ .list > h3 {
+ text-align: center;
+ }
+
+ #information {
+ margin-left: 10%;
+ margin-right: 10%;
+ }
+ </style>
+ </head>
+
<body>
+ <div id = "banner">
+ <h1>Awwation</h1>
+ <h2>create <strong>Zooming</strong> presentations!</h2>
+ <p>Awwation is an app for creating Prezi-like presentations in HTML5, so they can run in modern web browsers without Flash. This is</p>
+ <p>It is currently in <strong>alpha</strong>, and the editor works only in Chrome. Presentations can be viewed in the latest versions of Chrome, Firefox, and IE.</p>
+ </div>
+
+ <div id = "content">
+ <h2>Make your presentations Awesome.</h2>
+ <iframe id = "presentation" src = "http://dl.dropbox.com/u/40496552/awwation-intro.svg"></iframe>
+ <div id = "information">
+ <div class = "list">
+ <h3>Features</h3>
+ <ul>
+ <li><strong>Simultaneous</strong> Zooming and Rotations</li>
+ <li>Runs completely in the <strong>browser</strong></li>
+ <li>Embed <strong>images</strong></li>
+ <li>Supports <strong>WebFonts</strong></li>
+ <li><strong>Themes</strong> collection</li>
+ <li>Open-Source!</li>
+ </ul>
+ </div>
+ <div class = "list">
+ <h3>Coming Soon!</h3>
+ <ul>
+ <li><strong>Video</strong> embedding</li>
+ <li><strong>Math</strong> support using the LaTeX syntax</li>
+ <li>Support for more browsers!</li>
+ </ul>
+ </div>
+ </div>
+ </div>
</body>
</html>

0 comments on commit 1293777

Please sign in to comment.