Interaction Designer, Creative Technologist, Professor and Researcher
titulo = html`Preservação de Softwares Editoriais`
emulacao = html`
${emula(selected)}
<br><br>`
opcoes = html`<p><b>Softwares</b></p><div class="blocoopcoes">${custombuttonsduo(
softwares
)}</div><br><br><br>
${mostrarevistas(revistasO)}`
viewof revistasO = Inputs.search(revistas, {
label: "revistasO",
placeholder: "Nenhum filtro",
query: filtros + "_desktoppublishing",
disabled: true
})
stijl = `<style>
h1 {
opacity: 1 !important;
border: 3px solid var(--cor-leve, #89a1a8) !important;
color: var(--cor-leve, #89a1a8) !important;
font-size: 32px !important;
line-height: 36px !important;
background-color: white !important;
margin-bottom: 28px !important;
}
.custombutton {
display: inline-block;
font-size: 16px;
line-height: 26px;
height: 26px;
border: 3px solid white;
padding-left: 10px;
padding-right: 10px;
background-color: grey;
cursor: pointer;
margin-right: 6px;
color: white;
}
.custombutton:hover {
background-color: var(--cor-hv1, #12a3cb);
border: 3px solid var(--cor-hv1, #12a3cb);
}
.blocoopcoes {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
gap: 16px 16px;
width: 100%;
}
.blocosoftware {
width: 100%;
cursor: pointer;
var(--cor-hv1, #12a3cb);
}
.blocosoftware:hover {
background-color: var(--cor-hv1, #12a3cb);
color: var(--cor-invert, #FFFFFF);
}
.blocosoftwaretexto {
font-size: 12px;
margin-bottom: 8px;
padding-left: 8px;
padding-right: 8px;
}
.blocosoftware:hover {
background-color:
}
.softwarescreen {
background-repeat: no-repeat;
background-size: cover;
background-posiiton: top left;
width: 100%;
aspect-ratio: 4/3;
border: 1px solid green;
margin-bottom: 8px;
}
</style>`
acionabuttons = function (nome) {
set(viewof filtros, nome);
}
acionasearch = function (nome) {
set(viewof qualsoftware, nome);
}
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.
