This repository has been archived by the owner on Jul 7, 2021. It is now read-only.
forked from rcarmo/pink
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathsamples.html
130 lines (117 loc) · 6.34 KB
/
samples.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Pink - Single Page App framework</title>
<meta name="description" content="">
<meta name="author" content="ink, cookbook, recipes">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!-- load inks css from the cdn -->
<link rel="stylesheet" type="text/css" href="http://cdn.ink.sapo.pt/3.0.2/css/ink.css">
<link rel="stylesheet" type="text/css" href="http://cdn.ink.sapo.pt/3.0.2/css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="content/css/docs.css">
<!-- load inks javascript files from the cdn -->
<script type="text/javascript" src="http://cdn.ink.sapo.pt/3.0.2/js/ink-all.js"></script>
</head>
<body>
<div class="ink-grid">
<!--[if lte IE 9 ]>
<div class="ink-alert basic">
<button class="ink-dismiss">×</button>
<p>
<strong>You are using an outdated Internet Explorer version.</strong>
Please <a href="http://browsehappy.com/">upgrade to a browser</a> to improve your web experience.
</p>
</div>
-->
<header id="mainMenu">
<h1 class="hide-tiny hide-small"><a href="index.html"><img src="content/img/logo-small.png" height="50" alt=""></a><small>Single page app framework</small></h1>
<nav class="ink-navigation quarter-top-space">
<ul class="menu horizontal black hide-tiny hide-small">
<li><a href="get-started.html">Get started</a></li>
<li><a href="docs.html">Docs</a></li>
<li class="active"><a href="samples.html">Sample apps</a></li>
<li><a href="https://github.com/sapo/pink" target="_blank">GitHub</a></li>
</ul>
<ul class="menu horizontal black hide-medium hide-large hide-xlarge">
<li id="verticalMenuTrigger" class="menu-bars" data-target="#verticalMenuMenu">
<a href="#"><i class="fa fa-bars"></i>
</a>
<li class="small-logo-right">
<a href="index.html"><img src="content/img/logo-small.png" height="30" alt=""></a>
</li>
</ul>
</nav>
<nav class="ink-navigation hide-all" id="verticalMenuMenu">
<ul class="menu vertical black">
<li><a href="get-started.html">Get started</a></li>
<li><a href="docs.html">Docs</a></li>
<li class="active"><a href="samples.html">Sample apps</a></li>
<li><a href="https://github.com/sapo/pink" target="_blank">GitHub</a></li>
</ul>
</nav>
</header>
<div id="headerPadding" class="hide-small hide-tiny"> </div>
<div id="smallHeaderPadding" class="hide-medium hide-large hide-xlarge"> </div>
<section class="column-group article quarter-space">
<div class="large-100">
<header>
<h1>Sample apps created with Pink</h1>
<hr>
</header>
<article>
<header>
<h2>Todo app</h2>
</header>
<summary class="quarter-vertical-space">
Simple getting things done kind of app. Has a responsive layout that shows the stuff to get done in
a kanban for desktop screens and a simple grid for smaller screens. The items are persisted in local storage.
</summary>
<div class="ink-image vertical-space">
<a target="_blank" href="todo-app.html"><img src="content/img/todo-app.png"></a>
</div>
<a target="_blank" href="todo-app.html">View sample <i class="icon-external-link"></i></a>
</article>
<article>
<header>
<h2>Image search app</h2>
</header>
<summary class="quarter-vertical-space">
Search for photos on SAPO Photos service through a simple interface.
</summary>
<div class="ink-image vertical-space">
<a target="_blank" href="images-app.html"><img src="content/img/image-search-app.png"></a>
</div>
<a target="_blank" href="images-app.html">View sample <i class="icon-external-link"></i></a>
</article>
</div>
</section>
</div>
<footer class="clearfix">
<div class="ink-grid">
<div class="column-group">
<div class="large-50 vertical-space">
<h3>Pink is built with:</h3>
<ul class="unstyled">
<li><a href="http://ink.sapo.pt">Ink</a></li>
<li><a href="http://knockoutjs.com">Knockout</a></li>
<li><a href="http://projects.jga.me/routie/">Routie</a></li>
<li><a href="http://millermedeiros.github.io/js-signals/">Signals</a></li>
</ul>
</div>
<div class="large-50 vertical-space content-right">
<p class="note">Pink is licensed under the MIT Licence.</p>
</div>
</div>
</div>
</footer>
<script type="text/javascript">
Ink.requireModules(['Ink.UI.Toggle_1'], function (Toggle) {
new Toggle('#verticalMenuTrigger');
});
</script>
</body>
</html>