Skip to content
Browse files

new csss, social buttons

  • Loading branch information...
1 parent 5d32798 commit 4ce413f02c6a4c529462e6467f03d6098b5c0f81 @adityab committed May 9, 2012
Showing with 34 additions and 14 deletions.
  1. +22 −13 awwation.css
  2. +12 −1 index.html
View
35 awwation.css
@@ -1,37 +1,36 @@
- @import url(http://fonts.googleapis.com/css?family=Mystery+Quest);
+ @import url(http://fonts.googleapis.com/css?family=Averia+Libre);
@import url(http://fonts.googleapis.com/css?family=Imprima);
#banner {
float: left;
display: inline-block;
margin-left: 0%;
- width: 30%;
+ width: 20%;
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;
+ color: #555555;
}
h1 {
- font-family: 'Mystery Quest';
+ font-family: 'Averia Libre';
font-weight: normal;
- font-size: 64pt;
+ font-size: 32pt;
color: #AA0000;
padding-top: 20px;
@@ -41,21 +40,21 @@
h2 {
font-weight: normal;
text-align: center;
- font-size: 18pt;
+ font-size: 16pt;
color: black;
}
body {
- font-family: 'Imprima' cursive;
+ font-family: 'Imprima';
font-weight: normal;
- background-color: #888888;
+ background-color: #EEEEEE;
}
#content {
float: left;
display: inline-block;
margin-left: 10px;
- width: 60%;
+ width: 70%;
height: 100%;
padding-left: 20px;
@@ -69,7 +68,12 @@
-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;
+ background-color: #ffe;
+ }
+
+ #content > #share {
+ text-align: center;
+ padding: 20px;
}
#content > #presentation {
@@ -88,8 +92,13 @@
-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 > p {
+ text-align: center;
+ }
+
#content > h2 {
text-align: center;
}
View
13 index.html
@@ -17,8 +17,19 @@
</div>
<div id = "content">
- <h2>Make your presentations Awesome.</h2>
+ <div id = "share">
+ <g:plusone size="medium"></g:plusone>
+ <script type="text/javascript">
+ (function() {
+ var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script>
+ <iframe src="http://markdotto.github.com/github-buttons/github-btn.html?user=adityab&repo=Awwation&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110px" height="20px"></iframe>
+ <iframe src="http://markdotto.github.com/github-buttons/github-btn.html?user=adityab&repo=Awwation&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="95px" height="20px"></iframe>
+ <a href="https://twitter.com/share" class="twitter-share-button" data-text="Awwation - A zooming HTML5 + SVG Prezi clone!" data-via="aditya_bhatt">Tweet</a>
+ <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+ </div>
<iframe id = "presentation" src = "http://dl.dropbox.com/u/40496552/Presentations/aww/presentation.svg"></iframe>
+ <p><a href = "http://dl.dropbox.com/u/40496552/Presentations/aww/presentation.svg">See it in Fullscreen mode.</a></p>
+
<div id = "information">
<div class = "list">
<h3>Features</h3>

0 comments on commit 4ce413f

Please sign in to comment.
Something went wrong with that request. Please try again.