-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·100 lines (91 loc) · 7.57 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Joker — chatbot/app</title>
<meta name="title" content="Joker – Chatbot for Telegram and App for Slack | by NRD" />
<meta name="description" content="Add this chatbot/App and fun!" />
<link rel="image_src" href="/images/notify_better_image.png" />
<link rel="shortcut icon" id="favicon" href="favicon.png">
<meta name="author" content="Roman Nikolaev">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Pacifico:400' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="jquery.onepage-scroll.js"></script>
<link href='css/onepage-scroll.css' rel='stylesheet' type='text/css'>
<link href='css/style.css' rel='stylesheet' type='text/css'>
<meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, minimum-scale=1, user-scalable=no">
<script>
$(document).ready(function(){
$(".main").onepage_scroll({
sectionContainer: "section",
easing: "cubic-bezier(0.680, -0.550, 0.265, 1.550)", // Easing options accepts the CSS3 easing animation such "ease", "linear", "ease-in",
// "ease-out", "ease-in-out", or even cubic bezier value such as "cubic-bezier(0.175, 0.885, 0.420, 1.310)"
animationTime: 600, // AnimationTime let you define how long each section takes to animate
responsiveFallback: 200, // You can fallback to normal page scroll by defining the width of the browser in which
// you want the responsive fallback to be triggered. For example, set this to 600 and whenever
pagination: true, // You can either show or hide the pagination. Toggle true for show, false for hide.
updateURL: true, // Toggle this true if you want the URL to be updated automatically when the user scroll to each page.
loop: false, // You can have the page loop back to the top/bottom when the user navigates at up/down on the first/last page.
keyboard: true // You can activate the keyboard controls
});
});
</script>
</head>
<body>
<div class="wrapper">
<div class="main">
<section class="page1">
<div class="page_container">
<h1>Joker (шутник)</h1>
<h2>Чат-бот для Slack / Telegram, который вас обязательно развеселит! <br /> Попробуйте его в деле прямо здесь → <br /> (например, напечатайте "шутка") </h2>
<p class="credit">Создал <a href="https://nikolaev-rd.slack.com/messages/@nikolaev.rd/">Роман Николаев</a> с помощью сервиса <a href="https://api.ai" target="_blank">API.AI</a>, с добавлением машинного обучения и щепотки магии.</p>
<div class="btns">
<a class="slack-button" href="https://slack.com/oauth/authorize?scope=bot&client_id=171873594226.173292505638"><img alt="Add to Slack" height="80" width="278" src="https://platform.slack-edge.com/img/add_to_slack.png" srcset="https://platform.slack-edge.com/img/add_to_slack@2x.png" /></a>
<script type="text/javascript">(function() {var script=document.createElement("script");script.type="text/javascript";script.async =true;script.src="https://telegram.im/widget-button/index.php?id=@j0kebot";document.getElementsByTagName("head")[0].appendChild(script);})();</script>
<a class="telegram-button telegramim_button telegramim_shadow" href="https://t.me/@j0kerbot" target="_blank" title="Joker chatbot"><i></i> Add to Telegram</a>
</div>
</div>
<iframe width="350" height="430" src="https://console.api.ai/api-client/demo/embedded/Joker"></iframe>
</section>
<section class="page2">
<div class="page_container">
<h1>Чат-бот полностью готов к работе!</h1>
<h2>Все, что вам нужно сделать – это добавить его в свой <a href="https://slack.com/oauth/authorize?scope=bot&client_id=171873594226.173292505638">Slack</a> / <a href="https://t.me/@j0kerbot">Telegram</a>.</h2>
<!--
<div class="capabilities">
<p>Вот что он умеет:</p>
<ul>
<li>Поддерживать несложную беседу</li>
<li>Цитировать героев из различных фильмов/сериалов/мульфильмов</li>
<li>Выдавать шутки с различных сайтов (напиши <b>шутка</b> или <b>joke</b>)</li>
</ul>
</div>
-->
<img src="img/screenshot_dialog.png" alt="Joker dialog" width="85%" height="auto" />
</div>
</section>
<section class="page3">
<div class="page_container">
<h1>Политика конфиденциальности</h1>
<h2>Все очень просто: ваши данные остаются вашими, и никуда не передаются. Можете поверить мне на слово :)</h2>
<div class="privacy_policy">
<p>Отправляя данные боту, Вы соглашаетесь с Политикой конфиденциальности и защиты информации.</p>
<br />
<h3>Защита данных</h3>
<p>Автор бота не может передать или раскрыть информацию, предоставленную пользователем (далее Пользователь) при использовании бота третьим лицам, кроме случаев, описанных законодательством страны, на территории которой пользователь ведет свою деятельность.</p>
<h3>Получение персональной информации</h3>
<p>Для работы бота не нужна никакая персональная информация. Так что не о чем волноваться.</p>
<h3>Использование персональной информации</h3>
<p>Т.к. бот не использует и не собирает персональную информацию, то тут также не о чем волноваться.</p>
<h3>Безопасность</h3>
<p>Да, самое важное. Все в безопасности, т.к. никаких персональных данных не собирается и не хранится.</p>
<h3>Уведомления об изменениях</h3>
<p>Автор оставляет за собой право вносить изменения в Политику конфиденциальности без дополнительных уведомлений. Нововведения вступают в силу с момента их опубликования. Пользователи могут отслеживать изменения в Политике конфиденциальности самостоятельно. Ну вы поняли, да?</p>
</div>
</div>
</section>
</div>
</div>
</body>
</html>