diff --git a/assets/built/author.css b/assets/built/author.css new file mode 100644 index 0000000..06437c2 --- /dev/null +++ b/assets/built/author.css @@ -0,0 +1,2 @@ +.author-profile-image,.avatar-wrapper{display:block;width:100%;height:100%;background:#e3e9ed;border-radius:100%;object-fit:cover}.post-card-meta .avatar-wrapper,.post-card-meta .profile-image-wrapper{position:relative}.author-list{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse;margin:0;padding:0;list-style:none}.author-list-item{position:relative;-ms-flex-negative:0;flex-shrink:0;margin:0;padding:0}.author-list-item:first-child{z-index:10}.author-list-item:nth-child(2){z-index:9}.author-list-item:nth-child(3){z-index:8}.author-list-item:nth-child(4){z-index:7}.author-list-item:nth-child(5){z-index:6}.author-list-item:nth-child(6){z-index:5}.author-list-item:nth-child(7){z-index:4}.author-list-item:nth-child(8){z-index:3}.author-list-item:nth-child(9){z-index:2}.author-list-item:nth-child(10){z-index:1}.static-avatar{margin:0 -5px;width:34px;height:34px}.moving-avatar,.static-avatar{display:block;overflow:hidden;border:2px solid #fff;border-radius:100%}.moving-avatar{margin:0 -6px;width:56px;height:56px;transition:all .5s cubic-bezier(.4,.01,.165,.99) .7s}@media (min-width:800px){.author-list:hover .moving-avatar{margin:0;transition:all .3s cubic-bezier(.4,.01,.165,.99)}}.author-name-tooltip{position:absolute;bottom:105%;z-index:12;display:block;padding:2px 8px;color:#fff;font-size:1.2rem;letter-spacing:.2px;white-space:nowrap;background:#15171a;border-radius:3px;box-shadow:0 12px 26px rgba(39,44,49,.08),1px 3px 8px rgba(39,44,49,.03);opacity:0;transition:all .3s cubic-bezier(.4,.01,.165,.99);transform:translateY(6px);pointer-events:none}.author-list-item:hover .author-name-tooltip{opacity:1;transform:translateY(0)}@media (max-width:650px){.author-name-tooltip{display:none}}.reading-time{-ms-flex-negative:0;flex-shrink:0;margin-left:20px;color:#738a94;font-size:1.2rem;line-height:33px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.author-card{display:-ms-flexbox;display:flex}.author-card .author-profile-image,.author-card .avatar-wrapper{width:60px;height:60px}.author-card-name{margin:8px 0 2px;padding:0;font-size:2rem}.author-card-name a{color:#15171a;font-weight:700}.author-card-name a:hover{text-decoration:none}.author-card-content p{margin:0;color:#738a94;line-height:1.3em}.post-full-footer-right{-ms-flex-negative:0;flex-shrink:0;margin-left:20px}.author-card-button{display:block;padding:9px 16px;border:1px solid #aebbc1;color:#738a94;font-size:1.2rem;line-height:1;font-weight:500;border-radius:20px;transition:all .2s ease}.author-card-button:hover{border-color:#3eb0ef;color:#3eb0ef;text-decoration:none}.post-full-authors{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin-top:20px;padding-top:40px;border-top:1px solid #e3e9ed}.post-full-authors-content{margin-bottom:20px}.post-full-authors-content p{margin-bottom:0;color:#738a94;font-size:1.4rem;letter-spacing:.2px;text-align:center;text-transform:uppercase}.post-full-authors-content a{display:inline-block;color:#424852;font-size:1.4rem;font-weight:600;text-transform:uppercase}.post-full-footer .author-list{-ms-flex-pack:center;justify-content:center;padding:10px 20px}.author-card .author-profile-image,.author-card .avatar-wrapper{position:relative;margin-right:15px}.author-list-item .author-card{position:absolute;bottom:130%;left:50%;z-index:11;display:block;margin-left:-160px;width:320px;font-size:1.4rem;letter-spacing:.2px;background:#fff;border-radius:6px;box-shadow:0 12px 26px rgba(39,44,49,.08),1px 3px 8px rgba(39,44,49,.03);opacity:0;transition:all .3s cubic-bezier(.4,.01,.165,.99);transform:scale(.98) translateY(15px);pointer-events:none}.author-list-item .author-card:before{content:"";position:absolute;top:100%;left:50%;display:block;margin-left:-12px;width:0;height:0;border-top:12px solid #fff;border-right:12px solid transparent;border-left:12px solid transparent}.author-list-item .author-card.hovered{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.author-card .basic-info{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;padding:30px 20px 20px;color:#fff;background:#15171a;border-radius:6px 6px 0 0}.author-card .basic-info h2{margin:1em 0 .5em}.author-card .bio{padding:20px 20px 0}@media (max-width:650px){.author-list-item .author-card{display:none}}.basic-info .author-profile-image,.basic-info .avatar-wrapper{margin:0;width:88px;height:88px;border:none}.basic-info .avatar-wrapper{position:relative;background:rgba(229,239,245,.1)}.basic-info .avatar-wrapper svg{margin:0;width:88px;height:88px;opacity:.15} +/*# sourceMappingURL=author.css.map */ diff --git a/assets/built/author.css.map b/assets/built/author.css.map new file mode 100644 index 0000000..94ab430 --- /dev/null +++ b/assets/built/author.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["author.css"],"names":[],"mappings":"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","file":"author.css","sourcesContent":["\n:root {\n /* Colours */\n --blue: #3eb0ef;\n --green: #a4d037;\n --purple: #ad26b4;\n --yellow: #fecd35;\n --red: #f05230;\n --darkgrey: #15171A;\n --midgrey: #738a94;\n --lightgrey: #c5d2d9;\n --whitegrey: #e5eff5;\n --pink: #fa3a57;\n --brown: #a3821a;\n}\n\n.author-profile-image,\n.avatar-wrapper {\n display: block;\n width: 100%;\n height: 100%;\n background: color(var(--lightgrey) l(+10%));\n border-radius: 100%;\n\n object-fit: cover;\n}\n\n.post-card-meta .profile-image-wrapper,\n.post-card-meta .avatar-wrapper {\n position: relative;\n}\n\n.author-list {\n display: flex;\n flex-wrap: wrap-reverse;\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.author-list-item {\n position: relative;\n flex-shrink: 0;\n margin: 0;\n padding: 0;\n}\n\n.author-list-item:nth-child(1) {\n z-index: 10;\n}\n.author-list-item:nth-child(2) {\n z-index: 9;\n}\n.author-list-item:nth-child(3) {\n z-index: 8;\n}\n.author-list-item:nth-child(4) {\n z-index: 7;\n}\n.author-list-item:nth-child(5) {\n z-index: 6;\n}\n.author-list-item:nth-child(6) {\n z-index: 5;\n}\n.author-list-item:nth-child(7) {\n z-index: 4;\n}\n.author-list-item:nth-child(8) {\n z-index: 3;\n}\n.author-list-item:nth-child(9) {\n z-index: 2;\n}\n.author-list-item:nth-child(10) {\n z-index: 1;\n}\n\n.static-avatar {\n display: block;\n overflow: hidden;\n margin: 0 -5px;\n width: 34px;\n height: 34px;\n border: #fff 2px solid;\n border-radius: 100%;\n}\n\n.moving-avatar {\n display: block;\n overflow: hidden;\n margin: 0 -6px;\n width: 56px;\n height: 56px;\n border: #fff 2px solid;\n border-radius: 100%;\n transition: all 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.7s;\n}\n\n@media (min-width: 800px) {\n .author-list:hover .moving-avatar {\n margin: 0;\n transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);\n }\n}\n\n.author-name-tooltip {\n position: absolute;\n bottom: 105%;\n z-index: 999;\n display: block;\n padding: 2px 8px;\n color: white;\n font-size: 1.2rem;\n letter-spacing: 0.2px;\n white-space: nowrap;\n background: var(--darkgrey);\n border-radius: 3px;\n box-shadow: rgba(39,44,49,0.08) 0 12px 26px, rgba(39, 44, 49, 0.03) 1px 3px 8px;\n opacity: 0;\n transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);\n transform: translateY(6px);\n pointer-events: none;\n}\n\n.author-list-item:hover .author-name-tooltip {\n opacity: 1.0;\n transform: translateY(0px);\n}\n\n@media (max-width: 650px) {\n .author-name-tooltip {\n display: none;\n }\n}\n\n.reading-time {\n flex-shrink: 0;\n margin-left: 20px;\n color: var(--midgrey);\n font-size: 1.2rem;\n line-height: 33px;\n font-weight: 500;\n letter-spacing: 0.5px;\n text-transform: uppercase;\n}\n\n.author-card {\n display: flex;\n}\n\n.author-card .author-profile-image,\n.author-card .avatar-wrapper {\n margin-right: 15px;\n width: 60px;\n height: 60px;\n}\n\n.author-card-name {\n margin: 8px 0 2px 0;\n padding: 0;\n font-size: 2rem;\n}\n\n.author-card-name a {\n color: var(--darkgrey);\n font-weight: 700;\n}\n\n.author-card-name a:hover {\n text-decoration: none;\n}\n\n.author-card-content p {\n margin: 0;\n color: var(--midgrey);\n line-height: 1.3em;\n}\n\n.post-full-footer-right {\n flex-shrink: 0;\n margin-left: 20px;\n}\n\n.author-card-button {\n display: block;\n padding: 9px 16px;\n border: color(var(--midgrey) l(+20%)) 1px solid;\n color: var(--midgrey);\n font-size: 1.2rem;\n line-height: 1;\n font-weight: 500;\n border-radius: 20px;\n transition: all ease 0.2s;\n}\n\n.author-card-button:hover {\n border-color: var(--blue);\n color: var(--blue);\n text-decoration: none;\n}\n\n/* 7.2.2 Multiple Author Byline\n/* ---------------------------------------------------------- */\n\n.post-full-authors {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 20px;\n padding-top: 40px;\n border-top: color(var(--lightgrey) l(+10%)) 1px solid;\n}\n\n.post-full-authors-content {\n margin-bottom: 20px;\n}\n\n.post-full-authors-content p {\n margin-bottom: 0;\n color: var(--midgrey);\n font-size: 1.4rem;\n letter-spacing: 0.2px;\n text-align: center;\n text-transform: uppercase;\n}\n\n.post-full-authors-content a {\n display: inline-block;\n color: color(var(--darkgrey) l(+20%));\n font-size: 1.4rem;\n font-weight: 600;\n text-transform: uppercase;\n}\n\n.post-full-footer .author-list {\n justify-content: center;\n padding: 10px 20px;\n}\n\n.author-card .author-profile-image,\n.author-card .avatar-wrapper {\n position: relative;\n margin-right: 15px;\n}\n\n.author-list-item .author-card {\n position: absolute;\n bottom: 130%;\n left: 50%;\n z-index: 300;\n display: block;\n margin-left: -160px;\n width: 320px;\n font-size: 1.4rem;\n letter-spacing: 0.2px;\n background: white;\n border-radius: 6px;\n box-shadow: rgba(39,44,49,0.08) 0 12px 26px, rgba(39, 44, 49, 0.03) 1px 3px 8px;\n opacity: 0;\n transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);\n transform: scale(0.98) translateY(15px);\n pointer-events: none;\n}\n\n.author-list-item .author-card:before {\n content: \"\";\n position: absolute;\n top: 100%;\n left: 50%;\n display: block;\n margin-left: -12px;\n width: 0;\n height: 0;\n border-top: 12px solid #fff;\n border-right: 12px solid transparent;\n border-left: 12px solid transparent;\n}\n\n.author-list-item .author-card.hovered {\n opacity: 1.0;\n transform: scale(1) translateY(0px);\n pointer-events: auto;\n}\n\n.author-card .basic-info {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 30px 20px 20px 20px;\n color: #fff;\n background: var(--darkgrey);\n border-radius: 6px 6px 0 0;\n}\n\n.author-card .basic-info h2 {\n margin: 1em 0 0.5em;\n}\n\n.author-card .bio {\n padding: 20px 20px 0;\n}\n\n@media (max-width: 650px) {\n .author-list-item .author-card {\n display: none;\n }\n}\n\n.basic-info .author-profile-image {\n margin: 0;\n width: 88px;\n height: 88px;\n border: none;\n}\n\n.basic-info .avatar-wrapper {\n position: relative;\n margin: 0;\n width: 88px;\n height: 88px;\n border: none;\n background: rgba(229, 239, 245, 0.1);\n}\n\n.basic-info .avatar-wrapper svg {\n margin: 0;\n width: 88px;\n height: 88px;\n opacity: 0.15;\n}\n"],"sourceRoot":"/source/"} \ No newline at end of file diff --git a/assets/css/author.css b/assets/css/author.css new file mode 100644 index 0000000..8653fb0 --- /dev/null +++ b/assets/css/author.css @@ -0,0 +1,332 @@ + +:root { + /* Colours */ + --blue: #3eb0ef; + --green: #a4d037; + --purple: #ad26b4; + --yellow: #fecd35; + --red: #f05230; + --darkgrey: #15171A; + --midgrey: #738a94; + --lightgrey: #c5d2d9; + --whitegrey: #e5eff5; + --pink: #fa3a57; + --brown: #a3821a; +} + +.author-profile-image, +.avatar-wrapper { + display: block; + width: 100%; + height: 100%; + background: color(var(--lightgrey) l(+10%)); + border-radius: 100%; + + object-fit: cover; +} + +.post-card-meta .profile-image-wrapper, +.post-card-meta .avatar-wrapper { + position: relative; +} + +.author-list { + display: flex; + flex-wrap: wrap-reverse; + margin: 0; + padding: 0; + list-style: none; +} + +.author-list-item { + position: relative; + flex-shrink: 0; + margin: 0; + padding: 0; +} + +.author-list-item:nth-child(1) { + z-index: 10; +} +.author-list-item:nth-child(2) { + z-index: 9; +} +.author-list-item:nth-child(3) { + z-index: 8; +} +.author-list-item:nth-child(4) { + z-index: 7; +} +.author-list-item:nth-child(5) { + z-index: 6; +} +.author-list-item:nth-child(6) { + z-index: 5; +} +.author-list-item:nth-child(7) { + z-index: 4; +} +.author-list-item:nth-child(8) { + z-index: 3; +} +.author-list-item:nth-child(9) { + z-index: 2; +} +.author-list-item:nth-child(10) { + z-index: 1; +} + +.static-avatar { + display: block; + overflow: hidden; + margin: 0 -5px; + width: 34px; + height: 34px; + border: #fff 2px solid; + border-radius: 100%; +} + +.moving-avatar { + display: block; + overflow: hidden; + margin: 0 -6px; + width: 56px; + height: 56px; + border: #fff 2px solid; + border-radius: 100%; + transition: all 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.7s; +} + +@media (min-width: 800px) { + .author-list:hover .moving-avatar { + margin: 0; + transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99); + } +} + +.author-name-tooltip { + position: absolute; + bottom: 105%; + z-index: 999; + display: block; + padding: 2px 8px; + color: white; + font-size: 1.2rem; + letter-spacing: 0.2px; + white-space: nowrap; + background: var(--darkgrey); + border-radius: 3px; + box-shadow: rgba(39,44,49,0.08) 0 12px 26px, rgba(39, 44, 49, 0.03) 1px 3px 8px; + opacity: 0; + transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99); + transform: translateY(6px); + pointer-events: none; +} + +.author-list-item:hover .author-name-tooltip { + opacity: 1.0; + transform: translateY(0px); +} + +@media (max-width: 650px) { + .author-name-tooltip { + display: none; + } +} + +.reading-time { + flex-shrink: 0; + margin-left: 20px; + color: var(--midgrey); + font-size: 1.2rem; + line-height: 33px; + font-weight: 500; + letter-spacing: 0.5px; + text-transform: uppercase; +} + +.author-card { + display: flex; +} + +.author-card .author-profile-image, +.author-card .avatar-wrapper { + margin-right: 15px; + width: 60px; + height: 60px; +} + +.author-card-name { + margin: 8px 0 2px 0; + padding: 0; + font-size: 2rem; +} + +.author-card-name a { + color: var(--darkgrey); + font-weight: 700; +} + +.author-card-name a:hover { + text-decoration: none; +} + +.author-card-content p { + margin: 0; + color: var(--midgrey); + line-height: 1.3em; +} + +.post-full-footer-right { + flex-shrink: 0; + margin-left: 20px; +} + +.author-card-button { + display: block; + padding: 9px 16px; + border: color(var(--midgrey) l(+20%)) 1px solid; + color: var(--midgrey); + font-size: 1.2rem; + line-height: 1; + font-weight: 500; + border-radius: 20px; + transition: all ease 0.2s; +} + +.author-card-button:hover { + border-color: var(--blue); + color: var(--blue); + text-decoration: none; +} + +/* 7.2.2 Multiple Author Byline +/* ---------------------------------------------------------- */ + +.post-full-authors { + flex-grow: 1; + display: flex; + flex-direction: column; + align-items: center; + margin-top: 20px; + padding-top: 40px; + border-top: color(var(--lightgrey) l(+10%)) 1px solid; +} + +.post-full-authors-content { + margin-bottom: 20px; +} + +.post-full-authors-content p { + margin-bottom: 0; + color: var(--midgrey); + font-size: 1.4rem; + letter-spacing: 0.2px; + text-align: center; + text-transform: uppercase; +} + +.post-full-authors-content a { + display: inline-block; + color: color(var(--darkgrey) l(+20%)); + font-size: 1.4rem; + font-weight: 600; + text-transform: uppercase; +} + +.post-full-footer .author-list { + justify-content: center; + padding: 10px 20px; +} + +.author-card .author-profile-image, +.author-card .avatar-wrapper { + position: relative; + margin-right: 15px; +} + +.author-list-item .author-card { + position: absolute; + bottom: 130%; + left: 50%; + z-index: 300; + display: block; + margin-left: -160px; + width: 320px; + font-size: 1.4rem; + letter-spacing: 0.2px; + background: white; + border-radius: 6px; + box-shadow: rgba(39,44,49,0.08) 0 12px 26px, rgba(39, 44, 49, 0.03) 1px 3px 8px; + opacity: 0; + transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99); + transform: scale(0.98) translateY(15px); + pointer-events: none; +} + +.author-list-item .author-card:before { + content: ""; + position: absolute; + top: 100%; + left: 50%; + display: block; + margin-left: -12px; + width: 0; + height: 0; + border-top: 12px solid #fff; + border-right: 12px solid transparent; + border-left: 12px solid transparent; +} + +.author-list-item .author-card.hovered { + opacity: 1.0; + transform: scale(1) translateY(0px); + pointer-events: auto; +} + +.author-card .basic-info { + display: flex; + flex-direction: column; + align-items: center; + padding: 30px 20px 20px 20px; + color: #fff; + background: var(--darkgrey); + border-radius: 6px 6px 0 0; +} + +.author-card .basic-info h2 { + margin: 1em 0 0.5em; +} + +.author-card .bio { + padding: 20px 20px 0; +} + +@media (max-width: 650px) { + .author-list-item .author-card { + display: none; + } +} + +.basic-info .author-profile-image { + margin: 0; + width: 88px; + height: 88px; + border: none; +} + +.basic-info .avatar-wrapper { + position: relative; + margin: 0; + width: 88px; + height: 88px; + border: none; + background: rgba(229, 239, 245, 0.1); +} + +.basic-info .avatar-wrapper svg { + margin: 0; + width: 88px; + height: 88px; + opacity: 0.15; +} diff --git a/default.hbs b/default.hbs index e88c959..bcb5932 100644 --- a/default.hbs +++ b/default.hbs @@ -15,6 +15,7 @@ {{!-- Styles'n'Scripts --}} + diff --git a/dist/ketchwebsite2.9.4.zip b/dist/ketchwebsite2.9.4.zip new file mode 100644 index 0000000..d717d92 Binary files /dev/null and b/dist/ketchwebsite2.9.4.zip differ diff --git a/package.json b/package.json index 13c2363..2143013 100644 --- a/package.json +++ b/package.json @@ -1,4 +1,86 @@ { + "name": "ketchwebsite3.0.0", + "description": "The default personal blogging theme for Ghost. Beautiful, minimal and responsive.", + "demo": "https://demo.ghost.io", + "version": "3.0.0", + "engines": { + "ghost": ">=2.0.0", + "ghost-api": "v2" + }, + "license": "MIT", + "screenshots": { + "desktop": "assets/screenshot-desktop.jpg", + "mobile": "assets/screenshot-mobile.jpg" + }, + "scripts": { + "dev": "gulp", + "zip": "gulp zip", + "test": "gscan ." + }, + "author": { + "name": "Ghost Foundation", + "email": "hello@ghost.org", + "url": "https://ghost.org" + }, + "gpm": { + "type": "theme", + "categories": [ + "Minimal", + "Magazine" + ] + }, + "keywords": [ + "ghost", + "theme", + "ghost-theme" + ], + "repository": { + "type": "git", + "url": "https://github.com/TryGhost/Casper.git" + }, + "bugs": "https://github.com/TryGhost/Casper/issues", + "contributors": "https://github.com/TryGhost/Casper/graphs/contributors", + "devDependencies": { + "autoprefixer": "6.3.6", + "beeper": "^1.1.1", + "cssnano": "3.7.1", + "gscan": "^2.0.0", + "gulp": "3.9.1", + "gulp-filter": "5.1.0", + "gulp-livereload": "3.8.1", + "gulp-postcss": "6.1.1", + "gulp-sourcemaps": "1.6.0", + "gulp-uglify": "3.0.1", + "gulp-watch": "4.3.8", + "gulp-zip": "4.0.0", + "postcss-color-function": "2.0.1", + "postcss-custom-properties": "5.0.1", + "postcss-easy-import": "1.0.1", + "pump": "3.0.0" + }, + "config": { + "posts_per_page": 25, + "image_sizes": { + "xxs": { + "width": 30 + }, + "xs": { + "width": 100 + }, + "s": { + "width": 300 + }, + "m": { + "width": 600 + }, + "l": { + "width": 1000 + }, + "xl": { + "width": 2000 + } + } +======= "name": "ketchwebsite3.0", "description": "The default personal blogging theme for Ghost. Beautiful, minimal and responsive.", "demo": "https://demo.ghost.io", @@ -79,6 +161,7 @@ "xl": { "width": 2000 } +>>>>>>> 0d0c4492f68da23b03c4b5c624132a50a206ae36 } } } diff --git a/page-about.hbs b/page-about.hbs index 12507a8..8ec010a 100644 --- a/page-about.hbs +++ b/page-about.hbs @@ -203,6 +203,32 @@ into the {body} of the default.hbs template --}} +
+
+
+ Nelly Reguera +
+
+

+ Nelly Reguera +

+

+ Sr. SAP Project Manager & WM Consultant +

+

+ Nelly has over 20 years experience in numerous operations positions in Mexico, France, and the United States. She has nearly 10 years experience in leading SAP teams and has extensive functional experience in SAP’s Warehouse Management (WM) module. +

+
+
+
+ + + + +
+
+ + @@ -282,7 +308,7 @@ into the {body} of the default.hbs template --}}
- SAP Services Partner + SAP Services Partner