ijaycho.github.io/index.html at master · ijaycho/ijaycho.github.io · 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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Trigger for iOS</title>
        <meta name="description" content="A voice assistant that you don't need to ask. An iPhone widget app that speaks info from lots of services to you. You can fully control what you want and how they represent." />
        <meta name="viewport" content="width=490" />

        <meta property="fb:app_id" content="1618663781777262"/>
        <meta property="og:url" content="http://triggeru.com">
        <meta property="og:type" content="website">
        <meta property="og:title" content="Trigger app for iOS">
        <meta property="og:description" content="An iOS widget app that speaks info from lots of services to you. You can fully control what you want and how they represent.">
        <meta property="og:image" content="http://triggeru.com/card.png" />
        <meta property="og:image:type" content="image/png"/>
        <meta property="og:image:width" content="1200"/>
        <meta property="og:image:height" content="630"/>

        <meta name="twitter:card" content="summary_large_image">
        <meta name="twitter:site" content="@trigger_service">
        <meta name="twitter:creator" content="@trigger_service">
        <meta name="twitter:title" content="Trigger app for iOS">
        <meta name="twitter:description" content="An iOS widget app that speaks info from lots of services to you. You can fully control what you want and how they represent.">
        <meta name="twitter:image" content="http://triggeru.com/card.png">

        <link rel="stylesheet" type="text/css" href="style.css" />
        <link rel="icon" type="image/png" href="images/favicon-32x32.png" sizes="32x32" />
        <link rel="icon" type="image/png" href="images/favicon-16x16.png" sizes="16x16" />
        <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','https://www.google-analytics.com/analytics.js','ga');

            ga('create', 'UA-81271235-1', 'auto');
            ga('send', 'pageview');

        </script>
        <script src="scripts/jquery-3.1.0.min.js" type="text/javascript"></script>
        <script>
            $(function() {
                var soundOn=0;

                $("#sound_button").click(function (evt) {
                    if(soundOn===0){
                        $("#sound_button_on").css('opacity','1');
                        $("#sound_button_off").css('opacity','0');
                        $("video").prop('muted', false);
                        soundOn=1;
                    }else{
                        $("#sound_button_on").css('opacity','0');
                        $("#sound_button_off").css('opacity','1');
                        $("video").prop('muted', true);
                        soundOn=0;
                    }
                });
                $("#health").hover(function(evt){$("#health").css('opacity','1');$('.output').html("Your daily health data");},function(evt){$("#health").css('opacity','0.3');});
                $("#gmail").hover(function(evt){$("#gmail").css('opacity','1');$('.output').html("Your loved Gmail");},function(evt){$("#gmail").css('opacity','0.3')});
                $("#twitterDM").hover(function(evt){$("#twitterDM").css('opacity','1');$('.output').html("Twitter direct messages from friends");},function(evt){$("#twitterDM").css('opacity','0.3')});
                $("#rss").hover(function(evt){$("#rss").css('opacity','1');$('.output').html("RSS reader for your news");},function(evt){$("#rss").css('opacity','0.3')});

                $("#gmailVIP").hover(function(evt){$("#gmailVIP").css('opacity','1');$('.output').html("Gmail from VIPs");},function(evt){$("#gmailVIP").css('opacity','0.3')});
                $("#gCal").hover(function(evt){$("#gCal").css('opacity','1');$('.output').html("Your events in Google calendars");},function(evt){$("#gCal").css('opacity','0.3')});
                $("#iReminder").hover(function(evt){$("#iReminder").css('opacity','1');$('.output').html("Your reminders in iCloud Reminder");},function(evt){$("#iReminder").css('opacity','0.3')});
                $("#weather").hover(function(evt){$("#weather").css('opacity','1');$('.output').html("Current weather info");},function(evt){$("#weather").css('opacity','0.3')});

                $("#weatherF").hover(function(evt){$("#weatherF").css('opacity','1');$('.output').html("Weather forecasts & bad weather finder");},function(evt){$("#weatherF").css('opacity','0.3')});
                $("#twitterM").hover(function(evt){$("#twitterM").css('opacity','1');$('.output').html("Your twitter mentions");},function(evt){$("#twitterM").css('opacity','0.3')});
                $("#iCal").hover(function(evt){$("#iCal").css('opacity','1');$('.output').html("Your events in iCloud calendars");},function(evt){$("#iCal").css('opacity','0.3')});
                $("#gTask").hover(function(evt){$("#gTask").css('opacity','1');$('.output').html("Your tasks in Google task");},function(evt){$("#gTask").css('opacity','0.3')});

                $("#clock").hover(function(evt){$("#clock").css('opacity','1');$('.output').html("A world clock");},function(evt){$("#clock").css('opacity','0.3')});
                $("#launcher").hover(function(evt){$("#launcher").css('opacity','1');$('.output').html("A launcher for common app");},function(evt){$("#launcher").css('opacity','0.3')});
                $("#triggerapp").hover(function(evt){$("#triggerapp").css('opacity','1');$('.output').html("Im the shortcut for trigger :D");},function(evt){$("#triggerapp").css('opacity','0.3')});
                $("#more").hover(function(evt){$("#more").css('opacity','1');$('.output').html("Working hard on more functions...");},function(evt){$("#more").css('opacity','0.3');$('.output').html("Have a good day !");});

            });
        </script>
    </head>
    <body>
        <img src="images/webLogo@2x.png" alt="Trigger app" id="logo">
        <h1>
            <span>🐈</span>
        </h1>
        <h1>
            <span>Voice assistant that you don't need to ask</span>
        </h1>
        <h4>
            <span>A widget app that gives you info from lots of services</span>
        </h4>
        <h4>
            <span>You can fully control what you want & how they represent</span>
        </h4>


        <div id="container">
            <div id="groups">
                <div>
                    <p class="output">Many possibilities</p>
                </div>
                <div>
                    <img src="images/health@2x.png" alt="Health" class="trigger" id="health">
                    <img src="images/gmail@2x.png" alt="Gmail" class="trigger" id="gmail">
                    <img src="images/twitterDM@2x.png" alt="Twitter Direct Messages" class="trigger" id="twitterDM">
                    <img src="images/rss@2x.png" alt="RSS" class="trigger" id="rss">
                </div>
                <div>
                    <img src="images/gmailVIP@2x.png" alt="Gmail VIP" class="trigger" id="gmailVIP">
                    <img src="images/googleCal@2x.png" alt="Google Calendar" class="trigger" id="gCal">
                    <img src="images/iosReminder@2x.png" alt="iCloud Reminder" class="trigger" id="iReminder">
                    <img src="images/weather@2x.png" alt="Weather" class="trigger" id="weather">
                </div>
                <div>
                    <img src="images/weatherF@2x.png" alt="Weather Forecast" class="trigger" id="weatherF">
                    <img src="images/twitterMen@2x.png" alt="Twitter Mentions" class="trigger" id="twitterM">
                    <img src="images/iosCal@2x.png" alt="iCloud Calendar" class="trigger" id="iCal">
                    <img src="images/googleTask@2x.png" alt="Google Task" class="trigger" id="gTask">
                </div>
                <div>
                    <img src="images/clock@2x.png" alt="World Clock" class="trigger" id="clock">
                    <img src="images/launcher@2x.png" alt="Launcher" class="trigger" id="launcher">
                    <img src="images/selfLauncher@2x.png" alt="Trigger App" class="trigger" id="triggerapp">
                    <img src="images/moreTrigger@2x.png" alt="More" class="trigger" id="more">
                </div>
                <div id="download">
                    <!--                <img src="../images/store135x40@2x.png" alt="Download at App Store" id="download">-->
                    <a href="https://itunes.apple.com/us/app/trigger-voice-assistant-that/id1127236369?ls=1&mt=8">
                        <span>Download at the App Store</span>
                    </a>
                    <h6>☀︎ Support iOS 8-11</h6>
                </div>

            </div>
            <div id="iphone">
                <video width="186" autoplay height="330" loop muted>
                    <source src="Trigger.mp4" type="video/mp4">
                    <source src="Trigger.ogv" type="video/ogg">
                </video>
            </div>
        </div>

        <div id="discuss">
            <h1>Featured on <a href="https://www.producthunt.com/tech/trigger-516525f9-346e-4c25-a5fb-94b9e3d06757">Product Hunt</a></h1>
            <p></p>
            <a href="https://www.producthunt.com/tech/trigger-516525f9-346e-4c25-a5fb-94b9e3d06757" id="producthunt"></a>
            <p></p>
            <h1>So many functions you can hear</h1>
            <div id="share">
            <a class="twitter-share-button"
               href="https://twitter.com/share"
               data-size="default"
               data-url="http://triggeru.com"
               data-via="trigger_service"
               data-hashtags="triggerapp"
               data-text="Trigger - Voice assistant that you don't need to ask">
                Tweet
            </a>
            <a href="https://twitter.com/trigger_service" class="twitter-follow-button" data-show-count="false">Follow us</a><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
            <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Ftriggeru.com%2F&width=106&layout=button_count&action=like&size=small&show_faces=false&share=true&height=46&appId=1618663781777262" width="106" height="20" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
        </div>
            <div id="disqus">
                <div id="disqus_thread"></div>
                <script>
                    var disqus_config = function () {
                        this.page.url = triggeru.com;
                        this.page.identifier = triggeru.com;
                    };

                    (function() {
                        var d = document, s = d.createElement('script');
                        s.src = '//triggerapp.disqus.com/embed.js';
                        s.setAttribute('data-timestamp', +new Date());
                        (d.head || d.body).appendChild(s);
                    })();
                </script>
                <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
                <script id="dsq-count-scr" src="//triggerapp.disqus.com/count.js" async></script>
            </div>
        </div>

        <div id="sound_button">
            <img src="images/webSoundOff@2x.png" alt="Sound Off" id="sound_button_off">
            <img src="images/webSoundOn@2x.png" alt="Sound On" id="sound_button_on">
        </div>

        <div id="footer">
            <ul id="footer-info">
                <li>&copy;<a href="/">Triggerapp.site</a> 2018 &nbsp;<a href="/privacy_policy.html">Privacy Policy</a></li>
                <li>Drop us a line at <a href="mailto:support@triggerapp.site">support@triggerapp.site</a></li>
            </ul>
        </div>
    </body>
</html>