Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <script>
- var paymentHandler = function (invoiceId, accountId) {
- console.log('click! cloudpayments loading...')
- //требуется библиотека jquery
- var widget = new cp.CloudPayments();
- var data = {};
- data.cloudPayments = {recurrent: { interval: 'Month', period: 1, amount: 150 }};
- widget.charge({ // options
- publicId: 'pk_8eb3e77dcf7f7175568342f091d6a',
- description: 'Оплата книжной рассылки',
- currency: 'RUB',
- amount: amountId,
- invoiceId: invoiceId, //номер заказа
- accountId: accountId, //плательщик
- data: data
- },
- function (options) { // success
- //действие при успешном платеже
- },
- function (reason, options) { // fail
- //действие при неуспешном платеже
- });
- };
- var $form = $('.js-Form')
- var $formEmailInput = $('.js-Form-email')
- var $formSubmitBtn = $('.js-Form-btn')
- var $formamountId = $('.js-Form-email')
- $form.on('submit', function(e) {
- e.preventDefault()
- var accountId = $formEmailInput.val()
- var invoiceId = Date.now() + '_' + accountId
- var amountId = <form>
- <input type="text" value="amount1"> 150
- <input type="text" value="amount2"> 700
- <input type="text" value="amount3"> 4500
- </form>
- // if email is empty, add error class and prevent form submission
- if (!accountId) {
- $formEmailInput.addClass('is-error')
- return
- }
- $formEmailInput.removeClass('is-error')
- paymentHandler(invoiceId, accountId, amountId)
- });
- </script>
- <html>
- <head>
- <title>Книжная рассылка Ивана Сурвилло</title>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <meta property="og:image" content="http://sourvillo.ru/pictures/falcon-new42-1.png">
- <meta property="og:description" content="Ивана Сурвилло пишет о книгах и техниках чтения. ">
- <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
- <script type="text/javascript" src="http://netdna.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
- <script src="http://widget.cloudpayments.ru/bundles/cloudpayments"></script>
- <link href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css"
- rel="stylesheet" type="text/css">
- <link href="http://pingendo.github.io/pingendo-bootstrap/themes/default/bootstrap.css"
- rel="stylesheet" type="text/css">
- <style>
- .Form-email,
- .Form-btn {
- font-family: 'PT Sans', sans-serif;
- -webkit-appearance: none;
- background: none;
- border: 0;
- -webkit-box-shadow: none;
- box-shadow: none;
- display: inline;
- font-size: inherit;
- text-align: left;
- text-decoration: none;
- }
- .Form-email {
- width: 46%;
- height: 45px;
- float: left;
- border: 1px solid #979797;
- border-radius: 2px;
- margin-right: 2%;
- font-size: 24px;
- padding-left: 25px;
- }
- .Form-email.is-error {
- }
- .button {
- width: 46%;
- height: 45px;
- float: left;
- cursor: pointer;
- background-image: linear-gradient(-180deg, #8CC724 0%, #358216 100%);
- border-radius: 2px;
- text-align: center;
- color: #fff;
- position: relative;
- font-size: 18px;
- }
- a {
- text-decoration: none;
- border-bottom: 1px solid rgba(51, 124, 187, 0.2);
- }
- a:hover,
- a:focus {
- color: #23547f;
- border-color: rgba(35, 84, 127, 0.5);
- text-decoration: none;
- }
- h1 {font-family: Georgia, Helvetica, Arial, Sans Serif; font-size: 50px; font-weight: bold; margin-bottom: 1%}
- h2 {font-family: Georgia, Helvetica, Arial, Sans Serif; font-size: 27px; font-weight: bold}
- .bordered {border: 1px solid #e2e2e2;} h4 {font-family: Georgia, Helvetica, Arial, Sans Serif; font-size: 30px; font-weight: bold}
- h3 {font-family: Georgia, Helvetica, Arial, Sans Serif; font-size: 33px; font-weight: bold; }
- .factoid {font-family: Georgia; color: #6F9E56; font-size: 50; margin-top: 35%; margin-bottom: 3%}
- .factoid1 {font-family: Georgia; color: #6F9E56; font-size: 60; margin-top: 30%; margin-bottom: 5%}
- p {font-family: Georgia, Helvetica, Arial, Sans Serif; }
- @import url(http://fonts.googleapis.com/css?family=Open+Sans);
- .skillbar {
- font-family: 'Helvetica', 'sans-serif';
- position:relative;
- display:block;
- margin-bottom:30px;
- margin-top:0px;
- width:90%;
- background:#eee;
- height:5px;
- -webkit-transition-property:width, background-color;
- -moz-transition-property:width, background-color;
- -ms-transition-property:width, background-color;
- -o-transition-property:width, background-color;
- transition-property:width, background-color;
- }
- .skillbar-bar {
- height:5px;
- width:0px;
- background:#df001a;
- text-align:center;
- }
- .skill-bar-percent {
- position:absolute;
- right:0.8em;
- top:0;
- font-size:16px;
- height:35px;
- line-height:35px;
- color:#000000;
- color:rgba(0, 0, 0, 0.8);
- }
- </style>
- </head>
- <body>
- <div class="cover1" style="background: #E3D5B5; ">
- <div class="container">
- <div class="row ">
- <div class="col-md-12">
- <img src="http://sourvillo.ru/pictures/falcon-new42-1.png
- " class="img-responsive" style="margin-top: 5%; margin-bottom: 5%; ">
- </div>
- </div>
- </div>
- <div class="container ">
- <div class="row ">
- <div class="col-md-7">
- <p style="margin-top: 5%; margin-bottom: 3%; font-size: 23; ">Друзья, я запускаю еженедельную платную книжную рассылку. По субботам
- буду присылать письмо с обзорами книг, сетевыми находками, рекомендациями
- и конспектами. Вот так выглядит одно письмо →</p>
- <p style="margin-top: 5%; margin-bottom: 2%; font-size: 23; ">Я решил завести расылку, потому что люблю читать и рекомендовать
- книги. За 2016 год прочитал 220 книг. Это четыре книги в неделю.
- Обычно, люди читают меньше.</p>
- <img src="http://sourvillo.ru/pictures/-2017-02-18--16.17.29.png
- " class="img-responsive" style="margin-top: 0%; margin-bottom: 0%; ">
- <p style="margin-top: 3%; margin-bottom: 3%; font-size: 23; ">Людям интересно читать лучшие книги, хотя мало кто может тратить пять-семь
- часов в день на чтение. Я понимаю, что у каждого свой
- ритм жизни. Поэтому я решил выступить книжным куратором. Я буду
- писать в рассылке о самых интересных книгах, буду писать свои
- впечатления от книг и рекомендовать книги.</p>
- <p style="margin-top: 3%; margin-bottom: 3%; font-size: 23; ">Я хочу помочь научиться читать быстро, запоминать много информации и внедрять
- идеи из книг в жизнь. За годы чтения я накопил много приёмов и техник,
- о которых тоже буду рассказывать в письмах. Знание — половина
- успеха.</p>
- <img src="http://sourvillo.ru/pictures/-2017-02-19--19.44.47.png
- " class="img-responsive" style="margin-top: 0%; margin-bottom: 0%; ">
- <p style="margin-top: 3%; margin-bottom: 3%; font-size: 23; ">Кайф рассылки в том, что это долгосрочный проект. Я планирую
- вести её многие годы. Она будет расти, меняться и улучшаться. Рассылку
- можно получить только подписавшись. Я не буду публиковать рассылку
- в блоге, Фейсбуке или оффлайн.</p>
- <p style="margin-top: 3%; margin-bottom: 3%; font-size: 23; ">Письма будут приходить раз в неделю по субботам. Их можно
- можно читать и пересылать друзьям. Тех, кто публикует письма, я исключаю
- из рассылки. Деньги в этом случае не возвращаются. Обсуждение,
- советы и холивары — в канале в Телеграме для тех, кто
- выберет такой вариант.</p>
- <p style="margin-top: 3%; margin-bottom: 3%; font-size: 23; ">Рассылка платная, потому что чтение книг, сбор информации и анализ —
- это труд. За 150 ₽ в месяц вы получите четыре письма.
- За 700 ₽ — их и доступ в телеграм-чат. За 4 500 ₽ —
- письма, доступ в чат и бумажную посылку с пятью лучшими книгами за месяц.
- Ещё в ней будет какой-нибудь сюрприз.</p>
- <p style="margin-top: 3%; margin-bottom: 3%; font-size: 23; ">Посылку отправлю из Москвы на ваш почтовый адрес. Чтобы его
- узнать — напишу вам письмо на электронную почту. В посылке
- будут лучшие книги за месяц. Книги выберу сам, схожу в магазин,
- куплю их, упакую, добавлю к ним сюрприз, положу всё в коробку
- и отправлю на ваш адрес. Если вы хотите, чтобы я отправил
- вам какую-то определённую книгу — напишите письмо на
- <a href="mailto:sourvillo@yandex.ru ">sourvillo@yandex.ru</a>.</p>
- <p style="margin-top: 3%; margin-bottom: 3%; font-size: 23; ">Сроки доставки посылки определяет почта России. Рассчитать их можно
- <a
- href="https://www.pochta.ru/parcels">на официальном сайте</a>. Я отправляю книги из Москвы.
- Если вы живёте в Москве, то можете сами забрать книги. Напишите
- напишите письмо на
- <a href="mailto:sourvillo@yandex.ru ">sourvillo@yandex.ru</a>, мы познакомимся лично :—)</p>
- <p style="margin-top: 3%; margin-bottom: 3%; font-size: 23; ">Оплата списывается автоматически с карточки читателей каждый месяц.
- Если вам не понравится рассылка, то можно вернуть всю стоимость
- в первые четыре недели после оплаты. После четырёх недель деньги не возвращаются.
- Если возникнут какие-то проблемы, то я пойду и решу их или
- верну деньги. Вы можете отписаться от рассылки в любой момент.</p>
- <p
- style="margin-top: 3%; margin-bottom: 3%; font-size: 23; ">Если письма не приходят — напишите на
- <a href="mailto:sourvillo@yandex.ru ">sourvillo@yandex.ru</a>. Настройте фильтр, чтобы все письма от sourvillo@sourvillo.ru попадали
- во входящие.</p>
- <p style="margin-top: 3%; margin-bottom: 3%; font-size: 23; ">Оферта — эта страница. Она адресована физическим и юридическим
- лицам. Ещё адресована индивидуальным предпринимателям. Предмет — рассылка
- электронных писем. Договор заключается с момента оплаты (это считается
- акцептом) и действует бессрочно. Вы можете отписаться от рассылки
- в любой момент. Если суд признает какой-то пункт оферты недействительным,
- это не значит, что другие условия тоже не действуют. Я могу
- изменить условия оферты, вы сами следите за изменениями.</p>
- </div>
- <div class="col-md-5">
- <img src="http://sourvillo.ru/pictures/_FilePane-letter-new1.png
- " class="img-responsive" style="margin-top: -1%; margin-bottom: 3%; ">
- </div>
- </div>
- </div>
- <div class="section">
- <div class="container">
- <div class="row">
- <div class="col-md-5">
- <img src="http://sourvillo.ru/pictures/falcon-right.png
- " class="img-responsive">
- </div>
- <div class="col-md-7">
- <form class="js-Form">
- <p style=" font-size: 26pt; font-weight: 700;" class="lead">Подписаться</p>
- <input class="Form-email js-Form-email" type="email" placeholder="Электронная почта"
- required="">
- <button class="button" id="payButton" type="submit">Подписаться за 150 ₽</button>
- </form>
- </div>
- </div>
- </div>
- <div class="container" style="margin-top: 5%; font-size: 12; ">
- <div class="row">
- <div class="col-md-6">
- <p>Досудебный порядок урегулирования споров обязателен. Все споры — по эл.
- почте, переписка юридически значима. Подсудность неурегулированных споров
- — Арбитражный суд города Москвы. Права по договору уступке не подлежат.
- Акты не подписываю.</p>
- </div>
- <div class="col-md-6">
- <p>ИП Иван Сурвилло, ОГРНИП 317774600060895 Применяет упрощенную систему
- налогообложения Эл. почта для связи:
- <a href="mailto:sourvillo@yandex.ru ">sourvillo@yandex.ru</a>
- </p>
- </div>
- </div>
- </div>
- </div>
- <div class="container">
- <div class="row">
- <div class="col-md-12">
- <p style="margin-top: 0%; margin-bottom: 2%; font-size: 20; ">Расскажите о рассылке всем, кто читает:</p>
- <div class="likely " style="margin-bottom: 15px; ">
- <div class="facebook ">Поделиться</div>
- <div class="twitter ">Чирикнуть</div>
- <div class="vkontakte ">Рассказать</div>
- <div class="telegram ">Отправить</div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <a>
- <script>
- var paymentHandler = function (invoiceId, accountId) {
- console.log('click! cloudpayments loading...')
- //требуется библиотека jquery
- var widget = new cp.CloudPayments();
- var data = {};
- data.cloudPayments = {recurrent: { interval: 'Month', period: 1, amount: 150 }};
- widget.charge({ // options
- publicId: 'pk_8eb3e77dcf7f7175568342f091d6a',
- description: 'Оплата книжной рассылки',
- currency: 'RUB',
- amount: amountId,
- invoiceId: invoiceId, //номер заказа
- accountId: accountId, //плательщик
- data: data
- },
- function (options) { // success
- //действие при успешном платеже
- },
- function (reason, options) { // fail
- //действие при неуспешном платеже
- });
- };
- var $form = $('.js-Form')
- var $formEmailInput = $('.js-Form-email')
- var $formSubmitBtn = $('.js-Form-btn')
- var $formamountId = $('.js-Form-email')
- $form.on('submit', function(e) {
- e.preventDefault()
- var accountId = $formEmailInput.val()
- var invoiceId = Date.now() + '_' + accountId
- var amountId = <form>
- <input type="text" value="amount1"> 150
- <input type="text" value="amount2"> 700
- <input type="text" value="amount3"> 4500
- </form>
- // if email is empty, add error class and prevent form submission
- if (!accountId) {
- $formEmailInput.addClass('is-error')
- return
- }
- $formEmailInput.removeClass('is-error')
- paymentHandler(invoiceId, accountId, amountId)
- });
- </script>
- <script src="http://blog.sourvillo.ru/likely/likely.js"></script>
- <link rel="stylesheet" href="http://blog.sourvillo.ru/likely/likely.css">
- </a>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
