@ashawnbandy/resume-landing/dist/resume-landing/resume-landing.entry.js

Resume landing page web components.

const h = window.ResumeLanding.h;

class ResumeLanding {
    render() {
        return ([
            h("section", null,
                h("img", { class: "logo", src: "assets/landing/software-developer-logo-night.svg" })),
            h("header", null,
                h("span", { class: "logo" },
                    h("img", { src: 'assets/landing/run-shawn-run-arrow.svg' })),
                h("slot", { name: "header-items" }))
        ]);
    }
    static get is() { return "resume-landing"; }
    static get encapsulation() { return "shadow"; }
    static get style() { return "section {\n height: 100vh;\n background:url('assets/landing/ufo.jpg') no-repeat center;\n /* flex-box thing */\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n background-size: cover; \n}\n\nimg.logo {\n  height: auto;\n  width: 65%;\n}\n\nheader {\n  font-family: 'vincent';\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: row;\n  flex-direction: row;\n  -ms-flex-wrap: nowrap;\n  flex-wrap: nowrap;\n  -ms-flex-pack: distribute;\n  justify-content: space-around;\n  -ms-flex-align: stretch;\n  align-items: stretch;\n  font-size: 30px;\n  padding-left: 10px;\n  position: -webkit-sticky;\n  position: sticky;\n  top: 0px;\n  background-color: var(--night-trees-darkerer-olive);\n  z-index: 10000;\n}\n\nheader span.logo {\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  -ms-flex-negative: 1;\n  flex-shrink: 1;\n}\n\nheader span.logo img {\n  width: 200px;\n  height: auto;\n}\n\nheader span,\nslot[name=header-items]::slotted(a) {\n  margin-left: 30px;\n  margin-right: 30px;\n  -ms-flex-item-align: center;\n  align-self: center;\n  padding-top: 10px;\n  padding-bottom: 25px;\n}\n\nslot[name=header-items]::slotted(a:link) {\n  color: var(--color-light-grey);\n}\n\n\@media only screen and (max-width: 768px) {\n  header span.logo {\n    display: none;\n  }\n}"; }
}

export { ResumeLanding };