master

分支 (1)

管理

管理

master

day
/
index.html



1
<!DOCTYPE HTML><html lang="zh"><head><title>行动营Day01</title><meta charset="utf-8" /><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" /><meta name="description" content="行动营Day01" /><meta property="og:site_name" content="行动营Day01" /><meta property="og:title" content="行动营Day01" /><meta property="og:type" content="article" /><meta property="og:image" content="https://diyitian.carrd.co/assets/images/card.jpg?v53945102850251" /><meta property="og:description" content="行动营Day01" /><meta property="og:url" content="https://diyitian.carrd.co" /><meta property="twitter:card" content="summary_large_image" /><link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200italic,300,300italic" rel="stylesheet" type="text/css" /><style>html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}mark{background-color:transparent;color:inherit}input::-moz-focus-inner{border:0;padding:0}input[type="text"],input[type="email"],select,textarea{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none}*, *:before, *:after {box-sizing: border-box;}body {min-width: 320px;min-height: 100vh;line-height: 1.0;word-wrap: break-word;overflow-x: hidden;}strong {color: inherit;font-weight: bolder;}em {font-style: italic;}code {font-family: "Lucida Console", "Courier New", monospace;font-weight: normal;text-indent: 0;letter-spacing: 0;font-size: 0.9em;margin: 0 0.25em;padding: 0.25em 0.5em;background-color: rgba(144,144,144,0.25);border-radius: 0.25em;}mark {background-color: rgba(144,144,144,0.25);}a {-moz-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;-webkit-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;-ms-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;color: inherit;text-decoration: underline;}s {text-decoration: line-through;}body:before {content: '';display: block;position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;z-index: 0;-moz-pointer-events: none;-webkit-pointer-events: none;-ms-pointer-events: none;pointer-events: none;-moz-transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);background-image: linear-gradient(to top, transparent, transparent), url('assets/images/bg.jpg?v53945102850251');background-position: 0% 0%, center;background-repeat: repeat, no-repeat;background-size: auto, cover;background-attachment: scroll;background-color: #FFFFFF;}html {font-size: 18pt;}#wrapper {-webkit-overflow-scrolling: touch;display: -moz-flex;display: -webkit-flex;display: -ms-flex;display: flex;-moz-flex-direction: column;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-moz-align-items: stretch;-webkit-align-items: stretch;-ms-align-items: stretch;align-items: stretch;-moz-justify-content: center;-webkit-justify-content: center;-ms-justify-content: center;justify-content: center;min-height: 100vh;position: relative;z-index: 2;overflow: hidden;padding: 2.625rem 0 2.625rem 0;}#main {display: -moz-flex;display: -webkit-flex;display: -ms-flex;display: flex;position: relative;max-width: 100%;z-index: 1;-moz-align-items: center;-webkit-align-items: center;-ms-align-items: center;align-items: center;-moz-justify-content: center;-webkit-justify-content: center;-ms-justify-content: center;justify-content: center;-moz-flex-grow: 0;-webkit-flex-grow: 0;-ms-flex-grow: 0;flex-grow: 0;-moz-flex-shrink: 0;-webkit-flex-shrink: 0;-ms-flex-shrink: 0;flex-shrink: 0;text-align: center;background-color: rgba(47,49,61,0.929);}#main > .inner {position: relative;z-index: 1;border-radius: inherit;padding: 3.5rem 2.75rem;max-width: 100%;width: 42rem;}#main > .inner > * {margin-top: 1.25rem;margin-bottom: 1.25rem;-moz-transition: opacity 1.75s ease-in-out 0s;-webkit-transition: opacity 1.75s ease-in-out 0s;-ms-transition: opacity 1.75s ease-in-out 0s;transition: opacity 1.75s ease-in-out 0s;}#main > .inner > :first-child {margin-top: 0 !important;}#main > .inner > :last-child {margin-bottom: 0 !important;}#main > .inner > .full {margin-left: calc(-2.75rem);width: calc(100% + 5.5rem + 0.4725px);max-width: calc(100% + 5.5rem + 0.4725px);}#main > .inner > .full:first-child {margin-top: -3.5rem !important;border-top-left-radius: inherit;border-top-right-radius: inherit;}#main > .inner > .full:last-child {margin-bottom: -3.5rem !important;border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}#main > .inner > .full.screen {width: 100vw;max-width: 100vw;position: relative;border-radius: 0 !important;left: 50%;right: auto;margin-left: -50vw;}body.is-loading #main > .inner > * {opacity: 0;}.image {position: relative;overflow: hidden;max-width: 100%;display: block;}.image a, .image span {position: relative;max-width: 100%;display: inline-block;vertical-align: top;}.image a img, .image span img {display: block;}.image img {width: 100%;max-width: 100%;display: inline-block;vertical-align: top;}.image.full img {display: block;}.image.full:first-child img {border-top-left-radius: inherit;border-top-right-radius: inherit;}.image.full:last-child img {border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}.image.full a, .image.full span {display: block;}#image01 img {width: 6rem;}h1 br + br, h2 br + br, h3 br + br, p br + br {display: block;content: ' ';margin-top: 1.005rem;}h1 .li, h2 .li, h3 .li, p .li {display: list-item;padding-left: 0.5em;margin: 0.75em 0 0 1em;}#text02 br + br {margin-top: 0.78rem;}#text02 {color: #FFFFFF;line-height: 1.3;font-weight: 200;}#text01 {font-size: 1em;letter-spacing: 0;width: auto;}#credits {font-size: 0.8em;letter-spacing: 0;width: auto;cursor: default;margin-top: 1rem !important;}#credits a {text-decoration: underline;-moz-transition: opacity 0.25s ease;-webkit-transition: opacity 0.25s ease;-ms-transition: opacity 0.25s ease;transition: opacity 0.25s ease;opacity: 0.5;text-decoration: none !important;}#credits a:hover {text-decoration: none;opacity: 1;text-decoration: none !important;}h1, h2, h3, p {color: rgba(255,255,255,0.69);font-family: 'Source Sans Pro';letter-spacing: 0.025rem;width: calc(100% + 0.025rem);font-size: 2.375em;line-height: 1.675;font-weight: 300;}.links {cursor: default;padding: 0;line-height: 1.5;margin-left: -0.25rem;width: calc(100% + 0.525rem);font-family: 'Source Sans Pro';letter-spacing: 0.025rem;font-size: 2.375em;font-weight: 200;}.links li a {display: block;color: #FF000F;text-decoration: none;}#links01 li a:hover {text-decoration: underline;}.links li {display: inline-block;vertical-align: middle;margin: 0.25rem;}.buttons {cursor: default;padding: 0;letter-spacing: 0;}.buttons li a {text-decoration: none;text-align: center;white-space: nowrap;max-width: 100%;}#buttons01 {width: calc(100% + 0.75rem);margin-left: -0.375rem;}#buttons01 li {display: inline-block;vertical-align: middle;max-width: calc(100% - 0.75rem);margin: 0.375rem;}#buttons01 li a {display: block;width: 14rem;height: 3.25rem;line-height: 3.25rem;padding: 0 1.625rem;text-transform: uppercase;font-size: 0.75em;font-family: 'Source Sans Pro';letter-spacing: 0.325rem;padding-left: calc(0.325rem + 1.625rem);font-weight: 300;border-radius: 0.375rem;}#buttons01 .n01 {color: #FFFFFF;border: solid 1px #FFFFFF;}#buttons01 .n01:hover {color: #96E6FF;border-color: #96E6FF;}@media (max-width: 1680px) {html {font-size: 13pt;}}@media (max-width: 1280px) {html {font-size: 13pt;}}@media (max-width: 980px) {html {font-size: 11pt;}}@media (max-width: 736px) {html {font-size: 11pt;}#main > .inner {padding: 3.5rem 2rem;}#main > .inner > * {margin-top: 1.25rem;margin-bottom: 1.25rem;}#main > .inner > .full {margin-left: calc(-2rem);width: calc(100% + 4rem + 0.4725px);max-width: calc(100% + 4rem + 0.4725px);}#main > .inner > .full:first-child {margin-top: -3.5rem !important;}#main > .inner > .full:last-child {margin-bottom: -3.5rem !important;}#main > .inner > .full.screen {margin-left: -50vw;}#image01 img {width: 6rem;}}@media (max-width: 480px) {#main > .inner > * {margin-top: 1.09375rem;margin-bottom: 1.09375rem;}#buttons01 {margin-left: 0;width: 100%;padding: 0.375rem 0;}#buttons01 li {max-width: 100%;display: block;margin: 0.75rem 0;}#buttons01 li:first-child {margin-top: 0;}#buttons01 li:last-child {margin-bottom: 0;}#buttons01 li a {display: inline-block;width: 100%;max-width: 32rem;}}@media (max-width: 360px) {#main > .inner {padding: 2.625rem 1.5rem;}#main > .inner > * {margin-top: 0.9375rem;margin-bottom: 0.9375rem;}#main > .inner > .full {margin-left: calc(-1.5rem);width: calc(100% + 3rem + 0.4725px);max-width: calc(100% + 3rem + 0.4725px);}#main > .inner > .full:first-child {margin-top: -2.625rem !important;}#main > .inner > .full:last-child {margin-bottom: -2.625rem !important;}#main > .inner > .full.screen {margin-left: -50vw;}#text02 {font-size: 2em;}#links01 {margin-left: -0.1875rem;width: calc(100% + 0.4rem);}#links01 li {margin: 0.1875rem;}#buttons01 {width: calc(100% + 0.5625rem);margin-left: -0.28125rem;width: 100%;margin-left: 0;padding: 0.28125rem 0;}#buttons01 li {max-width: calc(100% - 0.5625rem);margin: 0.28125rem;max-width: 100%;margin: 0.5625rem 0;}}</style><noscript><style>body {overflow: auto !important;}#main > .inner > * {opacity: 1.0 !important;-moz-transform: none !important;-webkit-transform: none !important;-ms-transform: none !important;transform: none !important;-moz-transition: none !important;-webkit-transition: none !important;-ms-transition: none !important;transition: none !important;-moz-filter: none !important;-webkit-filter: none !important;-ms-filter: none !important;filter: none !important;}</style></noscript></head><body class="is-loading"><div id="wrapper"><div id="main"><div class="inner"><div id="image01" class="image"><img src="assets/images/image01.jpg?v53945102850251" alt="" /></div><h1 id="text02">Make the World a Better Place</h1><ul id="links01" class="links"><li><a href="http://www.baidu.com">晨读素材打卡</a></li></ul><p id="text01">Lorem ipsum dolor sit amet feugiat, sed amet adipiscing elit. Aliquam luctus sit amet leo et rutrum. Nam et metus cursus, vehicula dolor lorem ipsum feugiat veroeros.</p><ul id="buttons01" class="buttons"><li><a href="http://domain.tld" class="button n01">Get Started</a></li></ul><p id="credits"><a href="https://carrd.co">( Made with Carrd )</a></p></div></div></div><script>var on = addEventListener,$ = function(q) { return document.querySelector(q) },$$ = function(q) { return document.querySelectorAll(q) },$body = document.body,$inner = $('.inner'),client = (function() {var o = {browser: 'other',browserVersion: 0,os: 'other',osVersion: 0},ua = navigator.userAgent,a, i;a = [['firefox', /Firefox\/([0-9\.]+)/],['edge', /Edge\/([0-9\.]+)/],['safari', /Version\/([0-9\.]+).+Safari/],['chrome', /Chrome\/([0-9\.]+)/],['ie', /Trident\/.+rv:([0-9]+)/]];for (i=0; i < a.length; i++) {if (ua.match(a[i][1])) {o.browser = a[i][0];o.browserVersion = parseFloat(RegExp.$1);break;}}a = [['ios', /([0-9_]+) like Mac OS X/, function(v) { return v.replace('_', '.').replace('_', ''); }],['ios', /CPU like Mac OS X/, function(v) { return 0 }],['android', /Android ([0-9\.]+)/, null],['mac', /Macintosh.+Mac OS X ([0-9_]+)/, function(v) { return v.replace('_', '.').replace('_', ''); }],['windows', /Windows NT ([0-9\.]+)/, null]];for (i=0; i < a.length; i++) {if (ua.match(a[i][1])) {o.os = a[i][0];o.osVersion = parseFloat( a[i][2] ? (a[i][2])(RegExp.$1) : RegExp.$1 );break;}}return o;}()),trigger = function(t) {if (client.browser == 'ie') {var e = document.createEvent('Event');e.initEvent(t, false, true);dispatchEvent(e);} else dispatchEvent(new Event(t));};on('load', function() {setTimeout(function() {$body.className = $body.className.replace(/\bis-loading\b/, 'is-playing');setTimeout(function() {$body.className = $body.className.replace(/\bis-playing\b/, 'is-ready');}, 1750);}, 100);});var style, sheet, rule;style = document.createElement('style');style.appendChild(document.createTextNode(''));document.head.appendChild(style);sheet = style.sheet;if (client.os == 'android') {(function() {sheet.insertRule('body::after { }', 0);rule = sheet.cssRules[0];var f = function() {rule.style.cssText = 'height: ' + (Math.max(screen.width, screen.height)) + 'px';};on('load', f);on('orientationchange', f);on('touchmove', f);})();} else  if (client.os == 'ios') {(function() {sheet.insertRule('body::after { }', 0);rule = sheet.cssRules[0];rule.style.cssText = '-webkit-transform: scale(1.0)';})();(function() {sheet.insertRule('body.ios-focus-fix::before { }', 0);rule = sheet.cssRules[0];rule.style.cssText = 'height: calc(100% + 60px)';on('focus', function(event) {$body.classList.add('ios-focus-fix');}, true);on('blur', function(event) {$body.classList.remove('ios-focus-fix');}, true);})();} else  if (client.browser == 'ie') {(function() {var t, f;f = function() {var mh, h, s, xx, x, i;x = $('#wrapper');x.style.height = 'auto';if (x.scrollHeight <= innerHeight)x.style.height = '100vh';xx = $$('.container.full');for (i=0; i < xx.length; i++) {x = xx[i];s = getComputedStyle(x);x.style.minHeight = '';x.style.height = '';mh = s.minHeight;x.style.minHeight = 0;x.style.height = '';h = s.height;if (mh == 0)continue;x.style.height = (h > mh ? 'auto' : mh);}};(f)();on('resize', function() {clearTimeout(t);t = setTimeout(f, 250);});on('load', f);})();}</script></body></html>