diff --git a/cache/cyanine-custom.css b/cache/cyanine-custom.css index 31b5d68..5bc7cc2 100644 --- a/cache/cyanine-custom.css +++ b/cache/cyanine-custom.css @@ -1,3 +1,206 @@ +.demolink{ + display:block; + font-size: .8em; + text-decoration:none; + margin-top: 20px; +} +/* +.landingpageintro h1{ +display: inline-block; +background: white; +padding: 4px 10px 10px; +margin: 15px; +} +*/ +.landingpageintro .dim:focus, .landingpageintro .dim:hover { + opacity: .8; +} +.landingpageintro figure { + display: block; + margin: 0em auto; + padding: 0; + font-weight: 500; +} +.landingpageintro figure img { + display: inline; + vertical-align: baseline; + width: 18px; +} + + +.landingpageintro h1{ + font-size: 2.5em; +} + +.landingpageintro p{ +/* display: inline; */ +/* background: white; */ +/* line-height: 2.1rem; + padding: 6px 4px 4px; */ + + font-weight: 500; +} +.landingpageintro p a{ + color: white; + font-size: .8em; +} + +.introbg.pa4{ + padding: 0; +} +@media screen and (min-width:60em) { +/* + .landingpageintro h1{ + font-size: 4.5rem; + } +*/ + .introbg.pa4{ + padding: 2rem; + } +} + .landingpageinfo ol{ - text-align:left; -} \ No newline at end of file + text-align: left; + list-style: none; + counter-reset: item; +} +.landingpageinfo ol li{ + padding:.5rem 0; + counter-increment: item; +} +.landingpageinfo ol li:before { + content: counter(item); + margin-right: 10px; + background: lightseagreen; + border-radius: 100%; + color: white; + text-align: center; + display: inline-block; + margin-left: -40px; + font-size: .8em; + line-height: 30px; + width: 30px; + font-weight: 400; +} +.landingpageinfo ol a{ + color:lightseagreen; +} + + #mlb2-10705438.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-block-form .ml-form-embedPermissions, +#mlb2-10705438.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-block-form .ml-form-embedSubmit{ + float:none; + } + .ml-form-embedBody{ + width:100%; + background-color:white; + } + #mlb2-10705438.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody, #mlb2-10705438.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody{ + padding: 40px 40px 40px 40px!important; + } + +@media screen and (min-width: 50em) { + .ml-form-embedBody{ + width:60%; + } + +} + +/*paddle*/ +.mt-auto{ + margin-top:auto; +} +.paddlebox h2{ + margin-top:1em; +} +.paddlebox a, +.paddlebox a:link, +.paddlebox a:hover, +.paddlebox a:focus, +.paddlebox a:active, +.paddlebox a:visited{ + text-decoration: none; +} + +.paddlebox strong{ + position: relative; + background-color: RGBA(32, 178, 170, .2); + font-size: 1.2em; + padding: 1px; +} +.paddlebox strong:before{ + content:""; + left:0em; + top:0em; + border-width:3px; + border-style:solid; + border-color:lightseagreen; + position:absolute; + border-right-color:transparent; + width:100%; + height:1.1em; + transform:rotate(2deg); + opacity:0.5; + border-radius:0.25em; +} + +.paddlebox strong:after{ + content:""; + left:0em; + top:0em; + border-width:4px; + border-style:solid; + border-color:lightseagreen; + border-left-color:transparent; + border-top-color:transparent; + position:absolute; + width:100%; + height:1em; + transform:rotate(-1deg); + opacity:0.5; + border-radius:0.25em; +} +.paddlebox ul{ + list-style-type: "✓ "; + padding-left:1em; +} +.paddle_button{ + font-family: monospace; +} + +.myclassbox p{ + background:lightseagreen; + color: white; +} + +@keyframes slideUp { +0% { + transform: translateY(0); +} +20% { + transform: translateY(-100%); +} +40% { + transform: translateY(-200%); +} +60% { + transform: translateY(-300%); +} +80% { + transform: translateY(-400%); +} +100% { + transform: translateY(0); +} +} + +.slide-up { +/* animation: slideUp 1s ease-in-out; */ + animation: slideUp 8s infinite; + will-change: transform; + animation-delay: 3s; +} + +.figureborder figure { + border: 1px solid lightgray; +} + diff --git a/system/typemill/author/js/vue-forms.js b/system/typemill/author/js/vue-forms.js index ee4295e..35db691 100644 --- a/system/typemill/author/js/vue-forms.js +++ b/system/typemill/author/js/vue-forms.js @@ -103,22 +103,25 @@ app.component('component-codearea', { update($event, name) { this.highlight($event.target.value); - this.resizeCodearea(); eventBus.$emit('forminput', {'name': name, 'value': $event.target.value}); + + this.$nextTick(() => { + this.resizeCodearea(); + }); }, - resizeCodearea() - { - let codeeditor = this.$refs["editor"]; + resizeCodearea() { + let codeeditor = this.$refs.editor; + const scrollPosition = codeeditor.scrollTop; // Store the current scroll position window.requestAnimationFrame(() => { - codeeditor.style.height = '200px'; - if (codeeditor.scrollHeight > 200) + if (codeeditor.scrollHeight > codeeditor.clientHeight) { codeeditor.style.height = `${codeeditor.scrollHeight + 2}px`; } + codeeditor.scrollTop = scrollPosition; // Restore the scroll position }); }, - highlight(code) + highlight(code) { if(code === undefined) { diff --git a/themes/cyanine/landingpage.twig b/themes/cyanine/landingpage.twig index 237d88f..4b55796 100644 --- a/themes/cyanine/landingpage.twig +++ b/themes/cyanine/landingpage.twig @@ -48,20 +48,16 @@ {% set pagelist = getPageList(navigation, item.thisChapter.urlRelWoF, base_url) %} -