-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
62 lines (47 loc) · 3 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello Gemba! — Sample Repository</title>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<header role="banner" class="site-header" style="background:white; padding-top:0px; padding-bottom:10px">
<div class="wrapper">
<div class="row" style="padding:20px 0 0 0">
<div class="twelve columns horizontaly-centered-content pull-left-block">
<a href="http://gemba.io"><img src="img/Gemba-icon-200.png" class="horizontaly-centered pull-left-block" alt="Gemba icon: ?" style=" margin-right:30px; margin-left:-13px" width="200" height="200" /></a>
<h1 class="horizontaly-centered pull-left-text" style="color:#4ea3b5; padding-top:40px; padding-bottom:20px; font-size:60px; font-family:inherit">Hello Gemba!</h1>
<h2 class="horizontaly-centered pull-left-text" style="color:#4ea3b5; padding-top:0px; font-size:30px">A sample repository, just for you</h2>
</div>
</div>
</div>
</header>
<div class="page-content">
<div class="wrapper">
<div class="home">
<p>Congratulations on your first Gemba-connected Git repository!</p>
<p>This is a real web page that is hosted on GitHub, just like your real web and mobile apps. When you deliver assets through Gemba, you directly improve the app.</p>
<p>Try it out:</p>
<div style="margin:2.5em; border-left:solid 6px #eee; padding-left:2em; text-align:left">
<h2 style="height:50px; font-size:1.2em; vertical-align:middle; font-weight:bold"><img src="img/checkmark.png" width="50" height="50" alt="Have you mastered the art of delivering assets?" style="float:left; margin:0 15px 0 0; vertical-align:center" />
Have you mastered the art of delivering assets?</h2>
<ol style="margin: 2em 0 1em 65px">
<li style="margin-bottom:0.5em;">Grab the <a href="img/checkmark.png">checkmark.png</a> image to the left and make it <span style="color:green; background:#cfc; font-weight:bold"> green </span> using Sketch or Photoshop.<br /><span style="color:#999; font-size:0.8em">(or use Preview: Tools → Adjust Color… → Tint)</span></li>
<li style="margin-bottom:0.5em;">Drop the green checkmark into Gemba.<br />
<a href="gemba://" style="padding:0.4em 0.6em; text-align:center; background:#aaa; color:white; font-weight:bold; font-size:0.8em">Open Gemba</a>
</li>
<li style="margin-bottom:0.5em;">Press “Deliver Changes” and reload this page.</li>
</ol>
<p>See how the green checkmark now compliments you on your asset-integration mastery? You’ve just updated an asset directly in a web page!</p>
</div>
<h2 style="font-size:1.2em; font-weight:bold">Next: Start for real</h2>
<p>Now connect one of your existing repositories and do the same with your real apps:</p>
<p style="margin-top:1.5em">
<a href="gemba://connect" style="padding:0.8em 1.2em; text-align:center; background:#aaa; color:white; font-weight:bold;">Connect a Repository in Gemba</a>
</p>
</div>
</div>
</div>
</body>
</html>