html Cloudpages中的Ical脚本

ical script.html
<script type="text/javascript">
    /*! ics.js Wed Aug 20 2014 17:23:02 */
    var saveAs=saveAs||function(e){"use strict";if(typeof e==="undefined"||typeof navigator!=="undefined"&&/MSIE [1-9]\./.test(navigator.userAgent)){return}var t=e.document,n=function(){return e.URL||e.webkitURL||e},r=t.createElementNS("http://www.w3.org/1999/xhtml","a"),o="download"in r,a=function(e){var t=new MouseEvent("click");e.dispatchEvent(t)},i=/constructor/i.test(e.HTMLElement)||e.safari,f=/CriOS\/[\d]+/.test(navigator.userAgent),u=function(t){(e.setImmediate||e.setTimeout)(function(){throw t},0)},s="application/octet-stream",d=1e3*40,c=function(e){var t=function(){if(typeof e==="string"){n().revokeObjectURL(e)}else{e.remove()}};setTimeout(t,d)},l=function(e,t,n){t=[].concat(t);var r=t.length;while(r--){var o=e["on"+t[r]];if(typeof o==="function"){try{o.call(e,n||e)}catch(a){u(a)}}}},p=function(e){if(/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(e.type)){return new Blob([String.fromCharCode(65279),e],{type:e.type})}return e},v=function(t,u,d){if(!d){t=p(t)}var v=this,w=t.type,m=w===s,y,h=function(){l(v,"writestart progress write writeend".split(" "))},S=function(){if((f||m&&i)&&e.FileReader){var r=new FileReader;r.onloadend=function(){var t=f?r.result:r.result.replace(/^data:[^;]*;/,"data:attachment/file;");var n=e.open(t,"_blank");if(!n)e.location.href=t;t=undefined;v.readyState=v.DONE;h()};r.readAsDataURL(t);v.readyState=v.INIT;return}if(!y){y=n().createObjectURL(t)}if(m){e.location.href=y}else{var o=e.open(y,"_blank");if(!o){e.location.href=y}}v.readyState=v.DONE;h();c(y)};v.readyState=v.INIT;if(o){y=n().createObjectURL(t);setTimeout(function(){r.href=y;r.download=u;a(r);h();c(y);v.readyState=v.DONE});return}S()},w=v.prototype,m=function(e,t,n){return new v(e,t||e.name||"download",n)};if(typeof navigator!=="undefined"&&navigator.msSaveOrOpenBlob){return function(e,t,n){t=t||e.name||"download";if(!n){e=p(e)}return navigator.msSaveOrOpenBlob(e,t)}}w.abort=function(){};w.readyState=w.INIT=0;w.WRITING=1;w.DONE=2;w.error=w.onwritestart=w.onprogress=w.onwrite=w.onabort=w.onerror=w.onwriteend=null;return m}(typeof self!=="undefined"&&self||typeof window!=="undefined"&&window||this.content);if(typeof module!=="undefined"&&module.exports){module.exports.saveAs=saveAs}else if(typeof define!=="undefined"&&define!==null&&define.amd!==null){define("FileSaver.js",function(){return saveAs})}
​
    var ics=function(e,t){"use strict";{if(!(navigator.userAgent.indexOf("MSIE")>-1&&-1==navigator.userAgent.indexOf("MSIE 10"))){void 0===e&&(e="default"),void 0===t&&(t="Calendar");var r=-1!==navigator.appVersion.indexOf("Win")?"\r\n":"\n",n=[],i=["BEGIN:VCALENDAR","PRODID:"+t,"VERSION:2.0"].join(r),o=r+"END:VCALENDAR",a=["SU","MO","TU","WE","TH","FR","SA"];return{events:function(){return n},calendar:function(){return i+r+n.join(r)+o},addEvent:function(t,i,o,l,u,s){if(void 0===t||void 0===i||void 0===o||void 0===l||void 0===u)return!1;if(s&&!s.rrule){if("YEARLY"!==s.freq&&"MONTHLY"!==s.freq&&"WEEKLY"!==s.freq&&"DAILY"!==s.freq)throw"Recurrence rrule frequency must be provided and be one of the following: 'YEARLY', 'MONTHLY', 'WEEKLY', or 'DAILY'";if(s.until&&isNaN(Date.parse(s.until)))throw"Recurrence rrule 'until' must be a valid date string";if(s.interval&&isNaN(parseInt(s.interval)))throw"Recurrence rrule 'interval' must be an integer";if(s.count&&isNaN(parseInt(s.count)))throw"Recurrence rrule 'count' must be an integer";if(void 0!==s.byday){if("[object Array]"!==Object.prototype.toString.call(s.byday))throw"Recurrence rrule 'byday' must be an array";if(s.byday.length>7)throw"Recurrence rrule 'byday' array must not be longer than the 7 days in a week";s.byday=s.byday.filter(function(e,t){return s.byday.indexOf(e)==t});for(var c in s.byday)if(a.indexOf(s.byday[c])<0)throw"Recurrence rrule 'byday' values must include only the following: 'SU', 'MO', 'TU', 'WE', 'TH', 'FR', 'SA'"}}var g=new Date(l),d=new Date(u),f=new Date,S=("0000"+g.getFullYear().toString()).slice(-4),E=("00"+(g.getMonth()+1).toString()).slice(-2),v=("00"+g.getDate().toString()).slice(-2),y=("00"+g.getHours().toString()).slice(-2),A=("00"+g.getMinutes().toString()).slice(-2),T=("00"+g.getSeconds().toString()).slice(-2),b=("0000"+d.getFullYear().toString()).slice(-4),D=("00"+(d.getMonth()+1).toString()).slice(-2),N=("00"+d.getDate().toString()).slice(-2),h=("00"+d.getHours().toString()).slice(-2),I=("00"+d.getMinutes().toString()).slice(-2),R=("00"+d.getMinutes().toString()).slice(-2),M=("0000"+f.getFullYear().toString()).slice(-4),w=("00"+(f.getMonth()+1).toString()).slice(-2),L=("00"+f.getDate().toString()).slice(-2),O=("00"+f.getHours().toString()).slice(-2),p=("00"+f.getMinutes().toString()).slice(-2),Y=("00"+f.getMinutes().toString()).slice(-2),U="",V="";y+A+T+h+I+R!=0&&(U="T"+y+A+T,V="T"+h+I+R);var B,C=S+E+v+U,j=b+D+N+V,m=M+w+L+("T"+O+p+Y);if(s)if(s.rrule)B=s.rrule;else{if(B="rrule:FREQ="+s.freq,s.until){var x=new Date(Date.parse(s.until)).toISOString();B+=";UNTIL="+x.substring(0,x.length-13).replace(/[-]/g,"")+"000000Z"}s.interval&&(B+=";INTERVAL="+s.interval),s.count&&(B+=";COUNT="+s.count),s.byday&&s.byday.length>0&&(B+=";BYDAY="+s.byday.join(","))}(new Date).toISOString();var H=["BEGIN:VEVENT","UID:"+n.length+"@"+e,"CLASS:PUBLIC","DESCRIPTION:"+i,"DTSTAMP;VALUE=DATE-TIME:"+m,"DTSTART;VALUE=DATE-TIME:"+C,"DTEND;VALUE=DATE-TIME:"+j,"LOCATION:"+o,"SUMMARY;LANGUAGE=en-us:"+t,"TRANSP:TRANSPARENT","END:VEVENT"];return B&&H.splice(4,0,B),H=H.join(r),n.push(H),H},download:function(e,t){if(n.length<1)return!1;t=void 0!==t?t:".ics",e=void 0!==e?e:"calendar";var a,l=i+r+n.join(r)+o;if(-1===navigator.userAgent.indexOf("MSIE 10"))a=new Blob([l]);else{var u=new BlobBuilder;u.append(l),a=u.getBlob("text/x-vCalendar;charset="+document.characterSet)}return saveAs(a,e+t),l},build:function(){return!(n.length<1)&&i+r+n.join(r)+o}}}console.log("Unsupported Browser")}};
  </script>
​
<script type="text/javascript">
  $.urlParam = function(name){
       var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
       return results[1] || 0;
   }
  
  $(document).ready(function(){
       var cal_single = ics();
       cal_single.addEvent(decodeURI($.urlParam('subject')), decodeURI($.urlParam('description')), decodeURI($.urlParam('loc')), $.urlParam('startDate'), $.urlParam('endDate'));
       cal_single.download();   
  });
</script>

html 实用程序脚本

utils
<head>
  <link rel="stylesheet" type="text/css" href="https://cdn2.offerspace.com/scripts/css/utils.min.css">
</head>
<body>
  
<script src="https://cdn2.offerspace.com/scripts/js/utils.min.js" defer></script>
<script>
  window.addEventListener('DOMContentLoaded', function () {
    // Use utils
  })
</script>
</body>

html Utils Stock Counter

util-stock-counter
<div id="StockCounter"></div>
<script>
    // Default options. Selector: #StockCounter, Minimum quantity: 18
    window.Stock.enable()

    // custom selector and minimum stock to display set to 5
    window.Stock.enable('#StockCounter', 5)
</script>

html Utils Exit Pop

utils-fomo
<img src="https://cdn.offerspace.com/conceptweb/keto/universal/exit-order_eval1.gif" style="display:none; max-width:800px;" id="ExitPop" border="0">
<script>
    window.Exit.enable(url, elementSelector, redirect, enableMouseOut, enableMobileLeave, enableMobileFlick)
    
    // Custom name and with image
    window.Exit.enable("https://google.com", "#ExitPop", false, false)
</script>

html Utils Fomo消息

utils-fomo
<script>
    // Default options. Product: Bottle(s) and no image
    window.Fomo.enable()
    
    // Custom name and with image
    window.Fomo.enable('Keto Bottle(s)', 'http://image.org/path/to/product/image.png')
</script>

html Utils倒计时

offer-countdown
<div id="CountDown"></div>
<div id="custom-selector"></div>
<script>
    // Default options. 900 seconds and #CountDown selector
    window.Countdown.enable()

    // Count down from 2 minutes. Number is in seconds
    window.Countdown.enable(120)

    // With custom selector
    window.Countdown.enable(null, '#custom-selector')
</script>

html Utils地址自动完成

address-autocomplete
<script>
    window.addEventListener('DOMContentLoaded', function () {
        window.Address.enable()
    });
</script>

html TigerConnect推荐书

在HTML Box中插入。 <br/> <br/>推荐的HTML Box在桌面上是885x230

testimonials
<link rel="stylesheet" href="//cdn.jsdelivr.net/jquery.slick/1.5.9/slick.css">
<script src="//cdn.jsdelivr.net/jquery.slick/1.5.9/slick.min.js"></script>

<style>
    .slick-slide {
        outline: none;
        -webkit-font-smoothing: auto;
        text-align: left;
    }

    .slide-container>img {
        height: 100%;
        margin-right: 2rem;
        margin-bottom: 1.5rem;
    }

    .quote {
        font-family: inherit;
        font-size: 1rem;
        color: #fff;
        line-height: 1.8rem;
        word-spacing: -1px;
    }

    .author {
        font-size: 0.875rem;
        color: rgb(221, 221, 222);
        line-height: 1.625rem;
        margin-top: 1rem;
    }

    .author p:last-child {
        margin-top: 0.375rem;
        width: 90%;
    }

    .slick-dots {
        display: flex;
        justify-content: center;
        margin-left: -3rem;
        list-style-type: none;
        padding-top: 0 !important;
        margin-top: 0.45rem;
    }

    .slick-dots li {
        margin: 0 0.875rem;
    }

    .slick-dots button {
        display: block;
        width: 1.4rem;
        height: 1.4rem;
        padding: 0;
        border: 2px solid #fff;
        border-radius: 100%;
        text-indent: -9999px;
        background: transparent;
        outline: none;
        cursor: pointer;
    }

    .slick-dots li.slick-active button {
        background-color: #fff;
    }

    @media only screen and (min-width: 768px) {
        .slide-container {
            margin-top: 0.35rem;
            display: flex;
        }

        .quote {
            font-size: 1.1875rem;
            line-height: 2rem;
        }

        .author {
            font-size: 1rem;
            line-height: 1.625rem;
        }

        .author p:last-child {
            margin-top: 0;
            width: 100%;
        }

        .slick-dots {
            margin-top: 0.5rem;
        }

        .slick-dots button {
            width: 1.25rem;
            height: 1.25rem;
        }
    }
</style>

<div class="slider">
    <div class="slide">
        <div class="slide-container">
            <img
                src="//d9hhrg4mnvzow.cloudfront.net/www.tigerconnect.com/tigertext-essentials-free-demo/8dee7af4-quotation-mark-left-3x_00w00s00w00s000000001.png" />
            <div class="text">
                <div class="quote">
                    When we started using this tool —and really tracking these patients — we were able to see that with
                    these real-time interventions beginning in the waiting room, we were able to decrease the number of
                    times these patients were presenting to the emergency room by at least 70 percent.
                </div>
                <div class="author">
                    <p>Maryann Lauletta, M.D.</p>
                    <p>Vice President of Medical Operations, Kennedy Health</p>
                </div>
            </div>
        </div>
    </div>

    <div class="slide">
        <div class="slide-container">
            <img
                src="//d9hhrg4mnvzow.cloudfront.net/www.tigerconnect.com/tigertext-essentials-free-demo/8dee7af4-quotation-mark-left-3x_00w00s00w00s000000001.png" />
            <div class="text">
                <div class="quote">
                    TigerConnect mimics the existing workflow of a hospital. We strongly feel that we’re not inventing
                    anything new. You never want your technology to invent a new process. You want your technology to
                    make your process work better, which TigerConnect does.
                </div>
                <div class="author">
                    <p>Jonathan Berkowitz, M.D.
                        <p />
                        <p>Medical Director of Interfacility Transfer, Regional Emergency Services, and Disaster
                            Medicine of Westchester Medical Center</p>
                </div>
            </div>
        </div>
    </div>

    <div class="slide">
        <div class="slide-container">
            <img
                src="//d9hhrg4mnvzow.cloudfront.net/www.tigerconnect.com/tigertext-essentials-free-demo/8dee7af4-quotation-mark-left-3x_00w00s00w00s000000001.png" />
            <div class="text">
                <div class="quote">
                    After several months of using TigerConnect, having gone through the implementation and looking at
                    every secure messaging product on the market, I'm now convinced more than ever that TigerConnect was
                    the right decision for us.
                </div>
                <div class="author">
                    <p>David Yi, M.D.
                        <p />
                        <p>Chief Medical Information Officer, Mary Washington Healthcare</p>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    $(".slider").slick({
        slidesToShow: 1,
        infinite: true,
        speed: 400,
        arrows: false,
        dots: true,
        fade: true,
        responsive: [

            {
                breakpoint: 768,
                settings: {
                    slidesToShow: 1,
                    slidesToScroll: 1,
                    dots: true,
                    arrows: false
                }
            }

        ]

    });
</script>

html Мессенджеры

page.html
<!-- для перехода к диалогу Telegram -->
<a href="tg://resolve?domain=only_to_top">Telegram</a>

<!-- Telegram через браузер  -->
<a href="https://telegram.me/only_to_top">Telegram</a>

<!-- ссылка на WhatsApp -->
<a href="whatsapp://send?phone=+120345678910">WhatsApp</a>
<a href="https://wa.me/120345678910">WhatsApp</a>

<!-- ссылка на Viber для ПК -->
<a href="viber://chat?number=+120345678910">Viber</a>
<a href="viber://pa?chatURI=+120345678910">Viber</a>

<!-- ссылка на Viber для мобильных -->
<a href="viber://add?number=+120345678910">Viber мобила</a>

<!-- открыть диалог для Skype переписки -->
<a href="skype:nikname?chat">Skype</a>

<!-- открыть диалог в Facebook Messenger -->
<a href="https://www.messenger.com/t/Username">Facebook Messenger</a>

html HTML中的网页

WebPageTemplate.html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8"/>
    <meta name="description" content="OPIS ZAWARTOŚCI STRONY"/>
    <meta name="keywords" content="SŁOWO KLUCZOWE 1, SŁOWO KLUCZOWE 2"/>

    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>

    <link rel="stylesheet" href="NAZWA_PLIKU.css" type="text/css"/>

    /* FONTY GOOGLE'A */
    <link href="https://fonts.googleapis.com/css?family=Josefin+Sans|Lato&display=swap" rel="stylesheet">
    
    /* FONTY ZE STRONY FONTAWESOME */
    <script src="https://kit.fontawesome.com/ec84398b49.js"></script>
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
    
    /* STYLE BOOTSWATCH */
    <link rel="stylesheet" href="https://bootswatch.com/4/yeti/bootstrap.min.css" >
    
    <title>Tytuł strony</title>

</head>

<body>

    <script src="app.js"></script>
</body>

</html