// Generated by CoffeeScript 1.12.7 (function() { var codeTime, commentTime, finalStyle, isOn, openComment, skip, styles, writeStyleChar, writeStyles; styles = "/*\n * \"my love gift\"💕\n */\n\nbody {\n background-color: #1a1c24; color: #fff;\n font-size: 1.0rem; line-height: 1.4;\n -webkit-font-smoothing: subpixel-antialiased;\n}\n\n/*\n * ...\n * ...hello?\n * 大家好！我是 chengluffy！~\n * 接下来我要送给亲爱的帆帆一颗小心心~\n * 可是~要怎么做呢~\n * 首先做一个框框来放我们的代码吧ww\n * 那么~开动啦！！\n */\n\npre {\n position: fixed;\n top: 30px; bottom: 30px;\n transition: left 500ms;\n overflow: auto;\n background-color: #313744; color: #a6c3d4;\n border: 1px solid rgba(0,0,0,0.2);\n padding: 24px 12px;\n box-sizing: border-box;\n border-radius: 3px;\n box-shadow: 0px 4px 0px 2px rgba(0,0,0,0.1);\n}\n\n/*\n * 不行不行，全是白色看代码都要看昏了\n * 我需要语法高亮~那我们就动手实现一下它吧~\n * Colors based on Base16 Ocean Dark\n */\n\npre em:not(.comment) { font-style: normal; }\n\n.comment { color: #707e84; }\n.selector { color: #c66c75; }\n.selector .key { color: #c66c75; }\n.key { color: #c7ccd4; }\n.value { color: #d5927b; }\n\n\n/*\n * 呦吼你看~代码高亮实现啦~接下来我们开工吧！\n * 首先我们把这个代码框移一下吧~它太占地方啦\n * 由于是响应式布局~所以在手机上和电脑上有不同的显示效果呦\n */\n\n@media screen and (max-width: 768px) {\n pre { left: 6%;right: 6%;top: 50%; }\n}\n\n@media screen and (min-width: 768px) {\n pre { width: 48%;left: 50%;bottom: 30px; }\n}\n\n/*\n * 用代码做一颗小心心！\n */\n\n@media screen and (max-width: 768px) {\n #heart, #echo {\n position: fixed;\n width: 300px; height: 300px;\n margin: 30px auto;\n left: 0; right: 0;\n text-align: center;\n -webkit-transform: scale(0.95);\n transform: scale(0.95);\n }\n}\n\n@media screen and (min-width: 768px) {\n #heart, #echo {\n position: fixed;\n width: 300px; height: 300px;\n top: calc(50% - 150px); left: calc(25% - 150px);\n text-align: center;\n -webkit-transform: scale(0.95);\n transform: scale(0.95);\n }\n}\n\n#heart { z-index: 8; }\n#echo { z-index: 7; }\n\n#heart::before, #heart::after, #echo::before, #echo::after {\n content: '';\n position: absolute;\n top: 40px;\n width: 150px; height: 240px;\n background: #c66c75;\n border-radius: 150px 150px 0 0;\n -webkit-transform: rotate(-45deg);\n transform: rotate(-45deg);\n -webkit-transform-origin: 0 100%;\n transform-origin: 0 100%;\n}\n\n#heart::before, #echo::before {\n left: 150px;\n}\n\n#heart::after, #echo::after {\n left: 0;\n -webkit-transform: rotate(45deg);\n transform: rotate(45deg);\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n}\n\n/* 给它加上一点阴影ww */\n\n#heart::after {\n box-shadow:\n inset -6px -6px 0px 6px rgba(255,255,255,0.1);\n}\n\n#heart::before {\n box-shadow:\n inset 6px 6px 0px 6px rgba(255,255,255,0.1);\n}\n\n/*\n * 这可是~我的小心心~\n * 我要给它签上我的名字！\n * >v<\n */\n\n#heart i::before {\n content: 'chengluffy';\n position: absolute;\n z-index: 9;\n width: 100%;\n top: 35%; left: 0;\n font-style: normal;\n color: rgba(255,255,255,0.8);\n font-weight: 100;\n font-size: 30px;\n text-shadow: -1px -1px 0px rgba(0,0,0,0.2);\n}\n\n/*\n * 接下来做什么呢~\n * 我们让这颗心跳起来吧！\n */\n\n@-webkit-keyframes heartbeat {\n 0%, 100% {\n -webkit-transform: scale(0.95);\n transform: scale(0.95);\n }\n 50% {\n -webkit-transform: scale(1.00);\n transform: scale(1.00);\n }\n}\n\n@keyframes heartbeat {\n 0%, 100% { transform: scale(0.95); }\n 50% { transform: scale(1.00); }\n}\n\n@-webkit-keyframes echo {\n 0% {\n opacity: 0.1;\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n 100% {\n opacity: 0;\n -webkit-transform: scale(1.4);\n transform: scale(1.4);\n }\n}\n\n@keyframes echo {\n 0% {\n opacity: 0.1;\n transform: scale(1);\n }\n 100% {\n opacity: 0;\n transform: scale(1.4);\n }\n}\n\n/*\n * 好哒！接下来准备让它跳起来吧ww\n */\n\n#heart, #echo {\n -webkit-animation-duration: 2000ms;\n animation-duration: 2000ms;\n -webkit-animation-timing-function:\n cubic-bezier(0, 0, 0, 1.74);\n animation-timing-function:\n cubic-bezier(0, 0, 0, 1.74);\n -webkit-animation-delay: 500ms;\n animation-delay: 500ms;\n -webkit-animation-iteration-count: infinite;\n animation-iteration-count: infinite;\n -webkit-animation-play-state: paused;\n animation-play-state: paused;\n}\n\n#heart {\n -webkit-animation-name: heartbeat;\n animation-name: heartbeat;\n}\n#echo {\n -webkit-animation-name: echo;\n animation-name: echo;\n}\n\n/*\n * 准备好了嘛~！\n */\n\n#heart, #echo {\n\n/*\n * ...3...\n *\n * ...2...\n *\n * ...1...\n *\n * 再等一下~略略略~\n *\n */\n\n -webkit-animation-play-state: running;\n animation-play-state: running;\n\n/*\n * ...来啦!\n */\n\n}\n\n/*\n * 诶嘿~~\n * 这样我们的小心心就做好啦~\n * 怎么样~ >v< 还好看吗~~\n * 亲爱哒！希望你每一天都快乐！\n * 爱你哦！\n *\n */\n\n/*\n * \"my love gift\" v0.0.1\n * Robot rights protected under BOT License & Apache2 license\n * Inspired by pen#PwLXXP\n * 谨以此网页献给我的亲爱的妻子帆帆💕\n * 你最可爱ww\n */"; finalStyle = styles; openComment = false; isOn = true; writeStyleChar = function(which) { if (which === '/' && openComment === false) { openComment = true; styles = $('#style-text').html() + which; } else if (which === '/' && openComment === true) { openComment = false; styles = $('#style-text').html().replace(/(\/[^\/]*\*)$/, '$1/'); } else if (which === ':') { styles = $('#style-text').html().replace(/([a-zA-Z- ^\n]*)$/, '$1:'); } else if (which === ';') { styles = $('#style-text').html().replace(/([^:]*)$/, '$1;'); } else if (which === '{') { styles = $('#style-text').html().replace(/(.*)$/, '$1{'); } else { styles = $('#style-text').html() + which; } $('#style-text').html(styles); return $('#style-tag').append(which); }; writeStyles = function(message, index, interval) { var pre; if (index < message.length) { pre = document.getElementById('style-text'); pre.scrollTop = pre.scrollHeight; writeStyleChar(message[index++]); if (isOn) { return setTimeout((function() { return writeStyles(message, index, openComment ? commentTime : codeTime); }), interval); } } }; skip = function() { isOn = false; return setTimeout((function() { var pre; $('#style-text').html(finalStyle); $('#style-tag').html(finalStyle); pre = document.getElementById('style-text'); return pre.scrollTop = pre.scrollHeight; }), 2 * commentTime); }; $('body').append(" \n\n\n
\n  
\n    跳过动画\n    重新播放\n    项目地址\n    我的博客\n  微信 Emoji 对照表\n  
");

    commentTime = 60;

    codeTime = 20;

    $(document).on('ready page:load', function() {
        return $('#skipAnimation').click(function() {
            return skip();
        });
    });

    writeStyles(styles, 0, commentTime);

}).call(this);