countapp/index.html at master · danielmdesigns/countapp · GitHub

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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1,minimum-scale=1,maximum-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="Count">
<meta name="description" content="Count - The perfect mini calculator for all your devices.">

<!-- Facebook : Open Graph Data -->
<meta property="og:site_name" content="Count">
<meta property="og:locale" content="en_US">
<meta property="og:url" content="http://www.danielmdesigns.com/countapp">
<meta property="og:title" content="Count - The perfect mini calculator for all your devices.">
<meta property="og:description" content="The perfect mini calculator for all your devices.">
<meta property="og:image" content="http://www.danielmdesigns.com/countapp/img/seo/count-og.jpg">

<!--Twitter-->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@danielmdesigns">
<meta name="twitter:url" content="http://www.danielmdesigns.com/countapp">
<meta name="twitter:title" content="Count">
<meta name="twitter:description" content="The perfect mini calculator for all your devices.">
<meta name="twitter:image" content="http://www.danielmdesigns.com/countapp/img/seo/count-twitter.jpg">

<title>Count - The perfect mini calculator for all your devices.</title>

<link href="https://fonts.googleapis.com/css?family=Roboto:500,300,100" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/style.css?v=ccch12">
<link rel="stylesheet" href="ath/ath.css">

<link rel="apple-touch-icon" sizes="180x180" href="img/icon/apple-touch-icon.png?v=ccch12">
<link rel="icon" type="image/png" href="img/icon/favicon-32x32.png?v=ccch12" sizes="32x32">
<link rel="icon" type="image/png" href="img/icon/favicon-16x16.png?v=ccch12" sizes="16x16">
<link rel="manifest" href="img/icon/manifest.json?v=ccch12">
<link rel="mask-icon" href="img/icon/safari-pinned-tab.svg?v=ccch12" color="#fd2660">
<link rel="shortcut icon" href="img/icon/favicon.ico?v=ccch12">
<meta name="theme-color" content="#ffffff">


<style>
  @media (max-width: 600px){
    body{
      background-color:#fd2660;
    }
  }
</style>

</head>
<body>

<main>
  <header>
    <a href="http://www.danielmdesigns.com" target="_blank">
      <img class="brand" src="img/count-logo.png?v=ccch12" alt="Count">
    </a>
    <img class="menu-icon" src="img/ellipsis.png?v=ccch12" alt="Menu Icon">
  </header>
  <div>
    <div class="display">0</div>
  </div>
  <div class="row">
    <div class="btn" data-value="7">7</div>
    <div class="btn" data-value="8">8</div>
    <div class="btn" data-value="9">9</div>
    <div class="btn" data-value="÷">÷</div>
  </div>
  <div class="row">
    <div class="btn" data-value="4">4</div>
    <div class="btn" data-value="5">5</div>
    <div class="btn" data-value="6">6</div>
    <div class="btn" data-value="×">×</div>
  </div>
  <div class="row">
    <div class="btn" data-value="1">1</div>
    <div class="btn" data-value="2">2</div>
    <div class="btn" data-value="3">3</div>
    <div class="btn" data-value="-">-</div>
  </div>
  <div class="row">
    <div class="btn" data-value=".">•</div>
    <div class="btn" data-value="0">0</div>
    <div class="btn" data-value="clear">c</div>
    <div class="btn" data-value="+">+</div>
  </div>
  <div class="row">
    <div class="btn eval hvr" data-value="=">=</div>
  </div>
</main>

<!-- Modal -->
<div id="modal" class="modal-container is-hidden">
  <div class="modal">
  	<img class="modal-logo" src="img/count-fcg.jpg?v=ccch12" alt="Count">
    <p>Count is the perfect mini calculator that saves you time and effort. Offering an attractive interface that provides easy to use solutions for quick work with numbers. Keypads are also fully supported.</p>
    <p>Contact us <a class="link--primary" href="mailto:daniel@danielmdesigns.com">hello@countapp.com</a>.</p>
    <button id="js-close" class="button">Got it!</button>
  </div>
</div>

<script src="js/jquery.js"></script>
<script src="js/index.js?v=ccch12"></script>
<script src="js/fastclick.js"></script>
<script src="ath/ath.min.js"></script>
<script>
(function(){
FastClick.attach(document.body);
});
</script>
<script>
addToHomescreen({
	/*debug: true,*/
	lifespan: 0,
	maxDisplayCount: 0,
	modal: true
});
//addToHomescreen.removeSession();
</script>
</body>
</html>