1
+ <!DOCTYPE html>
2
+ < html lang ="en ">
3
+
4
+ < head >
5
+ < meta charset ="UTF-8 ">
6
+ < title > Blog | </ title >
7
+ < meta name ="viewport " content ="width=device-width, initial-scale=1, shrink-to-fit=no ">
8
+
9
+ < link rel ="icon " type ="image/png " href ="/favicon.ico ">
10
+
11
+ < style >
12
+ : root {
13
+ /* Primary theme color */
14
+ --primary-color : # fff ; /* GitHub green for buttons and highlights */
15
+ /* Primary theme text color */
16
+ --primary-text-color : # 24292e ; /* GitHub dark gray for primary text */
17
+ --primary-text-color-over : # 0056b3 ; /* White text over primary color */
18
+ /* Primary theme link color */
19
+ --primary-link-color : # 0366d6 ; /* GitHub blue for links */
20
+ /* Secondary color: the background body color */
21
+ --secondary-color : # f6f8fa ; /* GitHub light gray background */
22
+ --secondary-text-color : # 586069 ; /* GitHub medium gray for secondary text */
23
+ /* Highlight text color for table of contents */
24
+ --toc-highlight-text-color : # a66cdc ; /* GitHub red for warnings */
25
+ /* Table of contents background color */
26
+ --toc-background-color : # ffffff ; /* White background for table of contents */
27
+ /* Code block text color */
28
+ --code-color : # 24292e ; /* Dark gray for code text */
29
+ /* Code block background color */
30
+ --code-background-color : # eeeeee ; /* Light gray background for code */
31
+ /* Shadow color for elements */
32
+ --shadow-color : rgba (27 , 31 , 35 , 0.15 ); /* Subtle shadow */
33
+ /* Font used for headers (h1 & h2) */
34
+ --header-font-family : "Fira Sans" , sans-serif;
35
+ /* Font used for text */
36
+ --text-font-family : "Fira Sans" , sans-serif;
37
+ /* Link hover and active states */
38
+ --link-hover-color : # 0056b3 ; /* Darker blue on hover */
39
+ --link-active-color : # 0056b3 ; /* Same color for active state */
40
+ /* Border and focus states */
41
+ --border-color : # e1e4e8 ; /* Light gray borders */
42
+ --focus-border-color : # 0366d6 ; /* Blue border for focus */
43
+ }
44
+ </ style >
45
+
46
+
47
+
48
+ < link href ="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap " rel ="stylesheet ">
49
+ < link href ="https://fonts.googleapis.com/css?family=Fira+Sans:400,500,600&display=swap " rel ="stylesheet ">
50
+
51
+ < link rel ="stylesheet " href ="/normalize.css ">
52
+ < link rel ="stylesheet " href ="https://rust-gpu.github.io/juice.css ">
53
+
54
+ < link rel ="stylesheet " href ="https://rust-gpu.github.io/custom.css ">
55
+ < link rel ="alternate " type ="application/atom+xml " title ="RSS " href ="https://rust-gpu.github.io/atom.xml ">
56
+
57
+ </ head >
58
+
59
+ < body >
60
+
61
+ < header class ="box-shadow ">
62
+
63
+
64
+ < a href ="https://rust-gpu.github.io/ ">
65
+ < div class ="logo ">
66
+ < img src ="https://rust-gpu.github.io " alt ="logo ">
67
+ Rust GPU
68
+ </ div >
69
+ </ a >
70
+
71
+ < nav >
72
+
73
+
74
+
75
+
76
+
77
+
78
+
79
+
80
+
81
+ < a class ="nav-item subtitle-text " href ="https://rust-gpu.github.io/rust-gpu/book/ "> Docs</ a >
82
+
83
+ < a class ="nav-item subtitle-text " href ="/blog/ "> Blog</ a >
84
+
85
+ < a class ="nav-item subtitle-text " href ="/ecosystem/ "> Ecosystem</ a >
86
+
87
+ < a class ="nav-item subtitle-text " href ="/changelog/ "> Changelog</ a >
88
+
89
+ < a class ="nav-item subtitle-text " href ="https://github.com/Rust-GPU/rust-gpu "> GitHub</ a >
90
+
91
+
92
+ </ nav >
93
+
94
+ </ header >
95
+
96
+
97
+ < main >
98
+
99
+
100
+
101
+
102
+
103
+ < div class ="content text ">
104
+
105
+ < div class ="blog ">
106
+ < div id ="features " class ="heading-text "> Blog</ div >
107
+ < p > Rust GPU announcements, tips and tricks, and community showcases.</ p >
108
+
109
+
110
+ < hr />
111
+
112
+
113
+
114
+ < article >
115
+ < h2 > 2024-08-12 - < a href ="https://rust-gpu.github.io/blog/transition-announcement/ "> Rust GPU Transitions to Community Ownership</ h2 >
116
+ < p > </ p >
117
+ </ article >
118
+
119
+
120
+ </ div >
121
+
122
+ </ div >
123
+
124
+
125
+
126
+ </ main >
127
+
128
+
129
+
130
+ </ body >
131
+ < script >
132
+ const scrollHandler = entries => {
133
+ // Find the first entry which intersecting and ratio > 0.9 to highlight.
134
+ let entry = entries . find ( entry => {
135
+ return entry . isIntersecting && entry . intersectionRatio > 0.9 ;
136
+ } ) ;
137
+ if ( ! entry ) return ;
138
+
139
+ document . querySelectorAll ( ".toc a" ) . forEach ( ( item ) => {
140
+ item . classList . remove ( "active" ) ;
141
+ } ) ;
142
+
143
+ // let url = new URL(`#${entry.target.id}`);
144
+ let link = document . querySelector ( `.toc a[href$="${ decodeURIComponent ( `#${ entry . target . id } ` ) } "]` )
145
+ if ( link ) {
146
+ link . classList . add ( "active" ) ;
147
+ link . scrollIntoView ( { behavior : "auto" , block : "nearest" } ) ;
148
+ }
149
+ } ;
150
+ // Set -100px root margin to improve highlight experience.
151
+ const observer = new IntersectionObserver ( scrollHandler , { threshold : 1 } ) ;
152
+ let items = document . querySelectorAll ( 'h1,h2,h3,h4,h5,h6' ) ;
153
+ items . forEach ( item => observer . observe ( item ) ) ;
154
+ </ script >
155
+
156
+ </ html >
0 commit comments