scientist
Published
Edited
Dec 5, 2019
1 star
md`# Test: attached CSS attached background Image`
md`## attachments ..`
logo = FileAttachment("favicon-512.png")
logo.url()
style = FileAttachment("style.css")
md`## content of attached CCS style.css`
style.text()
md`## (1) <link attached stylesheet style.css>`
html`<link href=${ await FileAttachment("style.css").url() } rel='stylesheet' type='text/css'>`
md`## (2) img with attached CSS + attached background image`
html`<img id='logo'>`
md`## (3) img with attached image`
html`<img src=${ await FileAttachment("favicon-512.png").url() }>`
md`## (4) img with internal CSS + attached background image`
{
html`
#logo{
width : 512px;
height : 512px;
background-image : url( ${ logo.url() } );
background-repeat : no-repeat;
}`
const img = html`<img id='logo'>`
return img
}
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
