forked from makkarlabs/badgeit
-
Notifications
You must be signed in to change notification settings - Fork 1
/
home.html
136 lines (113 loc) · 4.5 KB
/
home.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<html>
<head>
<title>BadgeIt - Badge Generator for Events, Conferences|Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="The smart way to generate badges for your events">
<meta property="og:title" content="BadgeIt - Generate badges for events/conferences." />
<meta property="og:type" content="" />
<meta property="og:url" content="http://makkarlabs.in/badgeit" />
<meta property="og:image" content="http://makkarlabs.in/badgeit/resources/images/home/outputgrid.png" />
<meta property="og:site_name" content="BadgeIt - Makkarlabs" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="bootstrap/css/bootstrap.css" type="text/css">
<link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.css" type="text/css">
<link rel="stylesheet" href="bootstrap/css/head.css" type="text/css">
<script src="https://apis.google.com/js/client.js"></script>
<script src="resources/js/jquery.js"></script>
<script src="resources/js/analytics.js"></script>
<script src="bootstrap/js/bootstrap-carousel.js"></script>
<script>
$(function() {
var client_id ="434888942442.apps.googleusercontent.com";
var scope = "https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/drive";
$('#authnstart').on('click',function(){
location.href = "https://accounts.google.com/o/oauth2/auth?response_type=token&client_id="+encodeURIComponent(client_id)+"&scope="+encodeURIComponent(scope)+"&redirect_uri="+encodeURIComponent("http://makkarlabs.in/badgeit/start.html");
});
});
</script>
<style type="text/css">
@media screen and (max-width: 979px) {
footer {
position:absolute;
bottom:-100;
}
}
footer {
width:100%;
position:fixed;
bottom:0;
}
.screenshot {
border-radius:7px;
border-color: whitesmoke;
-moz-box-shadow: 1px 1px 2px 3px whitesmoke;
-webkit-box-shadow: 1px 1px 10px 7px #E9E9E9;
box-shadow: 1px 1px 10px 7px #E9E9E9;
margin-right:20px;
margin-left:20px;
}
div .badges {
color:gray;
}
.button:hover {
border-radius: 15px;
border: solid 1px whiteSmoke;
-webkit-box-shadow: 1px 1px 11px 4px #E9E9E9;
box-shadow: 1px 1px 11px 4px #E9E9E9;
cursor: pointer;
}
.button {
padding: 15px 17px;
font-family: Rancho;
font-size: 40px;
color: #74C211;
margin-top:25px;
width: 300px;
text-align: center;
}
.box {margin-bottom:100px;}
.holder{width:1050px;margin-left:auto;margin-right:auto}
.tagline{text-align:center;font-family:Rancho;font-size:40px;color:gray;}
#authnstart{margin-left: 360px;}
.badges{margin-top:50px;padding-bottom:30px;}
.lmargin{margin-left:20px; margin-right:0px;}
</style>
</head>
<body>
<div id="social"></div>
<div id="headerContainer">
<header>
<h1 id="title-large"> Badge it</h1>
<div style="float:right;">
<ul class="nav nav-pills">
<li class="active"><a href="#">Home</a></li>
<li><a href="start.html">Create</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="tutorial.html">Tutorial</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
<div class="clr"></div>
</header>
</div>
<div class="container box">
<div class="holder">
<h1 class="tagline">The smart way to create badges for your event!</h1>
<div id="authnstart" class="button"><img src="bootstrap/img/start.png"/>Sign in with Google</div>
<div class="badges">
<img class="screenshot" width=300 height=225 src="resources/images/home/template.png"/>
<i class="icon-plus"></i> <img class="screenshot" width=300 height=225 src="resources/images/home/devcon.png"/>
<i class="icon-arrow-right"></i> <img class="screenshot lmargin" width=300 height=225 src="resources/images/home/outputgrid.png"/><br/>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<p> <a target="_blank" href="http://makkarlabs.in">Makkar Labs</a>, 2012</p>
<p> Customized for Google Chrome (Version 13.0+)</p>
<p> <a target="_blank" href="https://github.com/makkarlabs/badgeit">Code</a> is Licensed under <a target="_blank" href="http://www.apache.org/licenses/LICENSE-2.0">Apache License v2.0</a>.</p>
</div>
</footer>
</body>
</html>