Skip to content

Commit e2be248

Browse files
soronposoronpo
authored
Merge pull request #227 from DFiantHDL/docsupdate7
v0.9.3 updates
2 parents 1969977 + 191e3e4 commit e2be248

File tree

18 files changed

+428
-238
lines changed

18 files changed

+428
-238
lines changed

‎docs/css/hdelk.css‎

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
:root {
2+
--node-highlight-fill-color-1: #FFF;
3+
--node-highlight-fill-color-2: #DDD;
4+
--node-highlight-fill-color-3: #4bF;
5+
--node-highlight-fill-color-4: #F88;
6+
--node-highlight-fill-color-5: #FE6;
7+
--node-highlight-fill-color-6: #7e0;
8+
--node-fill-color: #FFF;
9+
--node-stroke-color: #666;
10+
--node-name-text-color: #666;
11+
--node-highlight-name-text-color-1: #DDD;
12+
--node-highlight-name-text-color-2: #222;
13+
--node-highlight-name-text-color-3: #46C;
14+
--node-highlight-name-text-color-4: #922;
15+
--node-highlight-name-text-color-5: #A90;
16+
--node-highlight-name-text-color-6: #350;
17+
--node-type-text-color: #666;
18+
--node-port-name-text-color: #FFF;
19+
--node-port-fill-color: #777;
20+
--port-fill-color: #000;
21+
--port-text-color: #FFF;
22+
--port-highlight-fill-color-1: #DDD;
23+
--port-highlight-fill-color-2: #444;
24+
--port-highlight-fill-color-3: #06d;
25+
--port-highlight-fill-color-4: #C00;
26+
--port-highlight-fill-color-5: #980;
27+
--port-highlight-fill-color-6: #590;
28+
--edge-label-fill-color: #EEE;
29+
--edge-label-text-color: #777;
30+
--edge-label-highlight-fill-color-1: #DDD;
31+
--edge-label-highlight-fill-color-2: #222;
32+
--edge-label-highlight-fill-color-3: #46C;
33+
--edge-label-highlight-fill-color-4: #922;
34+
--edge-label-highlight-fill-color-5: #A90;
35+
--edge-label-highlight-fill-color-6: #350;
36+
--edge-color: #888;
37+
--edge-highlight-color-1: #DDD;
38+
--edge-highlight-color-2: #444;
39+
--edge-highlight-color-3: #06d;
40+
--edge-highlight-color-4: #C00;
41+
--edge-highlight-color-5: #980;
42+
--edge-highlight-color-6: #590;
43+
--edge-bus-color: #AAA;
44+
--edge-bus-highlight-color-1: #DDD;
45+
--edge-bus-highlight-color-2: #444;
46+
--edge-bus-highlight-color-3: #06d;
47+
--edge-bus-highlight-color-4: #C00;
48+
--edge-bus-highlight-color-5: #980;
49+
--edge-bus-highlight-color-6: #590;
50+
}

‎docs/javascripts/hdelk.js‎

Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -19,48 +19,48 @@ var hdelk = (function() {
1919
var node_min_width = 20;
2020
var node_min_height = 20;
2121

22-
var node_highlight_fill_color = ['#FFF', '#DDD', '#4bF','#F88', '#FE6','#7e0'];
23-
var node_fill_color = '#FFF';
24-
var node_stroke_color = '#666';
22+
var node_highlight_fill_color = ['var(--node-highlight-fill-color-1)', 'var(--node-highlight-fill-color-2)', 'var(--node-highlight-fill-color-3)', 'var(--node-highlight-fill-color-4)', 'var(--node-highlight-fill-color-5)', 'var(--node-highlight-fill-color-6)'];
23+
var node_fill_color = 'var(--node-fill-color)';
24+
var node_stroke_color = 'var(--node-stroke-color)';
2525
var node_highlight_stroke_width = 2;
2626
var node_stroke_width = 1;
27-
var node_name_text_color = '#666';
28-
var node_highlight_name_text_color = [ '#DDD', '#222', '#46C', '#922', '#A90', '#350' ];
27+
var node_name_text_color = 'var(--node-name-text-color)';
28+
var node_highlight_name_text_color = ['var(--node-highlight-name-text-color-1)', 'var(--node-highlight-name-text-color-2)', 'var(--node-highlight-name-text-color-3)', 'var(--node-highlight-name-text-color-4)', 'var(--node-highlight-name-text-color-5)', 'var(--node-highlight-name-text-color-6)'];
2929
var node_name_font_size = 16;
30-
var node_type_text_color = '#666';
30+
var node_type_text_color = 'var(--node-type-text-color)';
3131
var node_type_font_size = 12;
3232
var node_label_width_padding = 4;
3333
var node_label_height_padding = 4;
3434

3535
var node_port_name_font_size = 16;
3636
var node_port_height = 22;
3737
var node_port_width = 4;
38-
var node_port_name_text_color = '#FFF';
39-
var node_port_fill_color = '#777';
38+
var node_port_name_text_color = 'var(--node-port-name-text-color)';
39+
var node_port_fill_color = 'var(--node-port-fill-color)';
4040

4141
var node_constant_notch = 10;
4242
var port_height = 18;
4343
var port_width_padding = 10;
4444
var port_name_font_size = 12;
45-
var port_fill_color = '#000';
46-
var port_text_color = '#FFF';
47-
var port_highlight_fill_color = [ '#DDD', '#444', '#06d', '#C00', '#980', '#590' ];
45+
var port_fill_color = 'var(--port-fill-color)';
46+
var port_text_color = 'var(--port-text-color)';
47+
var port_highlight_fill_color = ['var(--port-highlight-fill-color-1)', 'var(--port-highlight-fill-color-2)', 'var(--port-highlight-fill-color-3)', 'var(--port-highlight-fill-color-4)', 'var(--port-highlight-fill-color-5)', 'var(--port-highlight-fill-color-6)'];
4848
var port_spacing = 4;
4949

5050
var edge_label_text_size = 12;
51-
var edge_label_fill_color = '#EEE';
52-
var edge_label_text_color = '#777';
51+
var edge_label_fill_color = 'var(--edge-label-fill-color)';
52+
var edge_label_text_color = 'var(--edge-label-text-color)';
5353
var edge_label_width_padding = 4;
5454
var edge_label_height_padding = 4;
55-
var edge_label_highlight_fill_color = [ '#DDD', '#222', '#46C', '#922', '#A90', '#350' ];
55+
var edge_label_highlight_fill_color = ['var(--edge-label-highlight-fill-color-1)', 'var(--edge-label-highlight-fill-color-2)', 'var(--edge-label-highlight-fill-color-3)', 'var(--edge-label-highlight-fill-color-4)', 'var(--edge-label-highlight-fill-color-5)', 'var(--edge-label-highlight-fill-color-6)'];
5656

5757
var edge_width = 1;
58-
var edge_color = '#888';
59-
var edge_highlight_color = [ '#DDD', '#444', '#06d', '#C00', '#980', '#590' ];
58+
var edge_color = 'var(--edge-color)';
59+
var edge_highlight_color = ['var(--edge-highlight-color-1)', 'var(--edge-highlight-color-2)', 'var(--edge-highlight-color-3)', 'var(--edge-highlight-color-4)', 'var(--edge-highlight-color-5)', 'var(--edge-highlight-color-6)'];
6060
var edge_highlight_width = 2;
6161
var edge_bus_width = 6;
62-
var edge_bus_color = '#AAA';
63-
var edge_bus_highlight_color = [ '#DDD', '#444', '#06d', '#C00', '#980', '#590' ];
62+
var edge_bus_color = 'var(--edge-bus-color)';
63+
var edge_bus_highlight_color = ['var(--edge-bus-highlight-color-1)', 'var(--edge-bus-highlight-color-2)', 'var(--edge-bus-highlight-color-3)', 'var(--edge-bus-highlight-color-4)', 'var(--edge-bus-highlight-color-5)', 'var(--edge-bus-highlight-color-6)'];
6464
var edge_bus_highlight_width = 6;
6565

6666
/**
@@ -451,7 +451,7 @@ var hdelk = (function() {
451451
var diagram = function(diagram_layout) {
452452
var draw = SVG(document.documentElement)
453453
.viewbox(0, 0, diagram_layout.width, diagram_layout.height)
454-
.size(diagram_layout.width, diagram_layout.height);
454+
.size('100%', '100%');
455455

456456
node(draw, diagram_layout, 0, 0);
457457

‎docs/javascripts/scastie.js‎

Lines changed: 16 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,19 @@ function updateScastieTheme() {
3737
scastie.Embedded('.scastie', settings);
3838
}
3939

40+
//simulate click event without changing the view
41+
function simulateClick(element) {
42+
const x = window.scrollX;
43+
const y = window.scrollY;
44+
var event = new MouseEvent('click', {
45+
view: window,
46+
bubbles: true,
47+
cancelable: true
48+
});
49+
element.dispatchEvent(event);
50+
window.scrollTo(x, y);
51+
}
52+
4053
function updateCodeBlocksAndDetails(preferredLanguage) {
4154
var codeBlocks = document.querySelectorAll('.scastie'); // Assuming all targeted code blocks have this class
4255
codeBlocks.forEach(function(codeBlock) {
@@ -67,7 +80,7 @@ function updateCodeBlocksAndDetails(preferredLanguage) {
6780
);
6881
tabLabels.forEach(label => {
6982
if (label.textContent.includes("Verilog")) {
70-
label.click();
83+
simulateClick(label);
7184
}
7285
});
7386
} else { // VHDL
@@ -85,7 +98,7 @@ function updateCodeBlocksAndDetails(preferredLanguage) {
8598
);
8699
tabLabels.forEach(label => {
87100
if (label.textContent.includes("VHDL")) {
88-
label.click();
101+
simulateClick(label);
89102
}
90103
});
91104
}
@@ -99,7 +112,7 @@ window.addEventListener("load", () => {
99112
);
100113
tabLabels.forEach(label => {
101114
if (label.textContent.includes(savedLanguage)) {
102-
label.click();
115+
simulateClick(label);
103116
}
104117
});
105118
});

‎docs/requirements.txt‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
pygments==2.19.1
22
mkdocs==1.6.1
3-
mkdocs-material==9.6.2
3+
mkdocs-material==9.6.3
44
pymdown-extensions==10.14.3
55
mkdocs-redirects==1.2.2
66
mkdocs-glightbox==0.4.0

0 commit comments

Comments
 (0)