oleh/olehomelchenko.com
1
0
Fork 0
mirror of https://github.com/olehomelchenko/olehomelchenko.com.git synced 2026-02-05 02:54:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: move posts to qmd

Browse Source
This commit is contained in:
Oleh Omelchenko
2026-01-10 04:54:45 +02:00
parent 97659578d9
commit ef6a991a4c
16 changed files with 156 additions and 215 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
styles.css
View File

@@ -1,5 +1,18 @@
/* Minimal custom styling for olehomelchenko.com */
/* Vega-Lite visualization container */
.vega-viz-container {
margin: 20px 0;
}
/* Reverse order to put filters on top of canvas */
.chart-wrapper {
display: flex;
flex-direction: column-reverse;
align-items: center;
gap: 20px;
}
/* Vega-Lite visualization styling - center and add subtle shadow */
.vega-embed {
justify-content: center;
@@ -10,3 +23,52 @@
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
margin: 10px;
}
/* Style the interactive parameter filters */
/* Hide when empty, style only when it has content */
.vega-bindings:empty {
display: none;
}
.vega-bindings:not(:empty) {
background: #f8f9fa;
border: 1px solid #dee2e6;
border-radius: 8px;
padding: 15px 20px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
width: fit-content;
}
.vega-bindings label {
display: inline-flex;
align-items: center;
gap: 10px;
margin-right: 20px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 14px;
color: #495057;
font-weight: 500;
}
.vega-bindings input,
.vega-bindings select {
padding: 6px 12px;
border: 1px solid #ced4da;
border-radius: 4px;
background: white;
font-size: 14px;
color: #495057;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.vega-bindings input:focus,
.vega-bindings select:focus {
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.vega-bindings select {
cursor: pointer;
min-width: 150px;
}