-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathindex.html
109 lines (97 loc) · 4.91 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Care Cards</title>
<meta name="title" property="og:title" content="Care Cards">
<meta name="description" property="og:description" content="Mantras for patients to change themselves, clinicians, and the healthcare system.">
<meta property="og:image" content="http://carecards.me/assets/images/optCards/movemore.jpg">
<meta name="author" content="Involution Studios">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="./assets/css/application.css">
<link rel="icon" type="image/png" href="./assets/images/favicon.png">
</head>
<body>
<section id="nav">
<div id="menu"></div>
</section>
<section id="page-title-wrapper">
<div class="container">
<div class="row column" id="page-title">
<h1>Care Cards</h1>
<p>Mantras for patients to change themselves, clinicians, and the healthcare system.</p>
</div>
</div>
</section>
<div class="container">
<section class="row">
<div id="download"><a href="https://github.com/goinvo/CareCards" class="button">Download on GitHub</a></div>
</section>
</div>
<div class="container">
<section id="cards">
<script id="cardTpl" type="text/template">
{{#cards}}
<div class="card row">
<div class="card-img one-half column" id="{{id}}">
<img src="./assets/images/optCards/{{img}}" alt="{{name}}" class="scale-with-grid" />
<div class="social">
<ul>
<li><a href="./assets/images/hiRes/{{img}}" target="_blank" class="button social-button" title="Download card"><div class="download"></div></a></li>
<li><a href="https://twitter.com/intent/tweet?source=http%3A%2F%2Fcarecards.me%2F&text={{urlName}}%2C%20a%20Care%20Card%20to%20help%20improve%20your%20health:%20http%3A%2F%2Fcarecards.me%2F%23{{id}}&via=goinvo" target="_blank" class="button social-button" title="Tweet this"><div class="twitter"></div></a></li>
<li><a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fcarecards.me%2F%23{{id}}&t={{urlName}}%2C%20a%20Care%20Card%20to%20help%20improve%20your%20health" target="_blank" class="button social-button" title="Share on Facebook"><div class="facebook"></div></a></li>
</ul>
</div>
</div>
<div class="card-desc one-half column">
<h3>{{name}}</h3>
{{{desc}}}
</div>
</div>
{{/cards}}
</script>http://carecards.me/&t=Care Cards
</section>
</div>
<section id="about-wrapper">
<div class="container">
<div class="row column" id="about">
<h2>About Care Cards</h2>
<p>Care Cards put you in touch with habits to improve your health, life, and well-being. Our sometimes surprising, always practical axioms nudge you toward the healthiest life possible. This deck of cards will transform the way you think about yourself and what it means to be healthy.</p><p>There are 54 cards in our deck. On the front of each card is a beautiful illustration reminding you of a specific axiom that can move you in the direction of better health. On the back of each card, we give you essential insights, tips, and help in manifesting that axiom in your life.</p>
</div>
<div class="row column" id="feedback">
<h2>What People Are Saying</h2>
<div id="quotes">
<script id="quotesTpl" type="text/template">
{{#quotes}}
<div class="quote">
<p>{{quote}}</p>
<div class="author">
<p>— {{author}}, {{position}}</p>
<p class="article"><a href="{{url}}">{{article}}</a></p>
</div>
</div>
{{/quotes}}
</script>
</div>
</div>
<div class="row column" id="team">
</div>
<div class="row column" id="footer">
<p>Copyright © <span id="currentYear"></span> <a href="http://www.goinvo.com/">Involution Studios</a> | <a href="https://creativecommons.org/licenses/by/3.0/us/">Share, Remix, Reuse</a></p>
</div>
</div>
</section>
<!--<script src="./assets/js/mustache.js" type="text/javascript"></script>
<script src="./assets/js/jquery-1.11.3.min.js" type="text/javascript"></script>
<script src="./assets/js/index.js" type="text/javascript"></script>-->
<script src="./assets/js/application.js" type="text/javascript"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-10273473-16', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>