@@ -97,48 +97,48 @@ h2[class*="title"]
9797
9898.sub-web-home-link ::before {
9999 content : '' ;
100- width : 26 px ;
101- height : 26 px ;
100+ width : 1 em ;
101+ height : 1 em ;
102102 display : inline-flex;
103- vertical-align : top ;
103+ vertical-align : baseline ;
104104 padding-right : 0.5em ;
105- background : url ("/img/web.svg" ) no-repeat;
105+ background : url ("/img/web-globe .svg" ) no-repeat;
106106}
107107
108108[data-theme = 'dark' ] .sub-web-home-link ::before {
109109 content : '' ;
110- width : 26 px ;
111- height : 26 px ;
110+ width : 1 em ;
111+ height : 1 em ;
112112 display : inline-flex;
113- vertical-align : top ;
113+ vertical-align : baseline ;
114114 padding-right : 0.5em ;
115- background : url ("/img/web-dark.svg" ) no-repeat;
115+ background : url ("/img/web-globe- dark.svg" ) no-repeat;
116116}
117117
118118.sub-web-github-link ::before {
119119 content : '' ;
120- width : 24 px ;
121- height : 24 px ;
120+ width : 1 em ;
121+ height : 1 em ;
122122 display : inline-flex;
123- vertical-align : top ;
123+ vertical-align : baseline ;
124124 padding-right : 0.5em ;
125- background : url ("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E" ) no-repeat;
125+ background : url ("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E" ) no-repeat;
126126}
127127
128128[data-theme = 'dark' ] .sub-web-github-link ::before {
129129 content : '' ;
130- width : 24 px ;
131- height : 24 px ;
130+ width : 1 em ;
131+ height : 1 em ;
132132 display : inline-flex;
133- vertical-align : top ;
133+ vertical-align : baseline ;
134134 padding-right : 0.5em ;
135- background : url ("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff ' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E" ) no-repeat;
135+ background : url ("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white ' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E" ) no-repeat;
136136}
137137
138138.getting-started-link ::before {
139139 content : '' ;
140- width : 36 px ;
141- height : 36 px ;
140+ width : 1.5 em ;
141+ height : 1.5 em ;
142142 display : inline-flex;
143143 vertical-align : bottom;
144144 margin-right : 0.5em ;
@@ -147,8 +147,8 @@ h2[class*="title"]
147147
148148.getting-started-link ::after {
149149 content : '\0000a0 ' ;
150- width : 36 px ;
151- height : 36 px ;
150+ width : 1.5 em ;
151+ height : 1.5 em ;
152152 display : inline-flex;
153153 vertical-align : bottom;
154154 margin-left : 0.5em ;
@@ -157,8 +157,8 @@ h2[class*="title"]
157157
158158[data-theme = 'dark' ] .getting-started-link ::before {
159159 content : '' ;
160- width : 36 px ;
161- height : 36 px ;
160+ width : 1.5 em ;
161+ height : 1.5 em ;
162162 display : inline-flex;
163163 vertical-align : bottom;
164164 margin-right : 0.5em ;
@@ -167,8 +167,8 @@ h2[class*="title"]
167167
168168[data-theme = 'dark' ] .getting-started-link ::after {
169169 content : '\0000a0 ' ;
170- width : 36 px ;
171- height : 36 px ;
170+ width : 1.5 em ;
171+ height : 1.5 em ;
172172 display : inline-flex;
173173 vertical-align : bottom;
174174 margin-left : 0.5em ;
@@ -195,6 +195,132 @@ h2[class*="title"]
195195 no-repeat;
196196}
197197
198+
199+ .platform-windows ::before {
200+ content : '' ;
201+ width : 1em ;
202+ height : 1em ;
203+ display : inline-flex;
204+ vertical-align : baseline;
205+ padding-right : 0.5em ;
206+ background : url ("/img/windows-svgrepo-com.svg" ) no-repeat;
207+ }
208+
209+ [data-theme = 'dark' ] .platform-windows ::before {
210+ content : '' ;
211+ width : 1em ;
212+ height : 1em ;
213+ display : inline-flex;
214+ vertical-align : baseline;
215+ padding-right : 0.5em ;
216+ background : url ("/img/windows-svgrepo-com-dark.svg" ) no-repeat;
217+ }
218+
219+ .platform-apple ::before {
220+ content : '' ;
221+ width : 1em ;
222+ height : 1em ;
223+ display : inline-flex;
224+ vertical-align : baseline;
225+ padding-right : 0.5em ;
226+ background : url ("/img/apple-svgrepo-com.svg" ) no-repeat;
227+ }
228+
229+ [data-theme = 'dark' ] .platform-apple ::before {
230+ content : '' ;
231+ width : 1em ;
232+ height : 1em ;
233+ display : inline-flex;
234+ vertical-align : baseline;
235+ padding-right : 0.5em ;
236+ background : url ("/img/apple-svgrepo-com-dark.svg" ) no-repeat;
237+ }
238+
239+ .platform-linux ::before {
240+ content : '' ;
241+ width : 1em ;
242+ height : 1em ;
243+ display : inline-flex;
244+ vertical-align : baseline;
245+ padding-right : 0.5em ;
246+ background : url ("/img/linux-svgrepo-com.svg" ) no-repeat;
247+ }
248+
249+ [data-theme = 'dark' ] .platform-linux ::before {
250+ content : '' ;
251+ width : 1em ;
252+ height : 1em ;
253+ display : inline-flex;
254+ vertical-align : baseline;
255+ padding-right : 0.5em ;
256+ background : url ("/img/linux-svgrepo-com-dark.svg" ) no-repeat;
257+ }
258+
259+ .tagline-platform-windows ::before {
260+ content : '' ;
261+ width : 1em ;
262+ height : 1em ;
263+ display : inline-flex;
264+ vertical-align : baseline;
265+ padding-right : 0.5em ;
266+ background : url ("/img/windows-svgrepo-com-dark.svg" ) no-repeat;
267+ }
268+
269+ [data-theme = 'dark' ] .tagline-platform-windows ::before {
270+ content : '' ;
271+ width : 1em ;
272+ height : 1em ;
273+ display : inline-flex;
274+ vertical-align : baseline;
275+ padding-right : 0.5em ;
276+ background : url ("/img/windows-svgrepo-com.svg" ) no-repeat;
277+ }
278+
279+ .tagline-platform-apple ::before {
280+ content : '' ;
281+ width : 1em ;
282+ height : 1em ;
283+ display : inline-flex;
284+ vertical-align : baseline;
285+ padding-right : 0.5em ;
286+ background : url ("/img/apple-svgrepo-com-dark.svg" ) no-repeat;
287+ }
288+
289+ [data-theme = 'dark' ] .tagline-platform-apple ::before {
290+ content : '' ;
291+ width : 1em ;
292+ height : 1em ;
293+ display : inline-flex;
294+ vertical-align : baseline;
295+ padding-right : 0.5em ;
296+ background : url ("/img/apple-svgrepo-com.svg" ) no-repeat;
297+ }
298+
299+ .tagline-platform-linux ::before {
300+ content : '' ;
301+ width : 1em ;
302+ height : 1em ;
303+ display : inline-flex;
304+ vertical-align : baseline;
305+ padding-right : 0.5em ;
306+ background : url ("/img/linux-svgrepo-com-dark.svg" ) no-repeat;
307+ }
308+
309+ [data-theme = 'dark' ] .tagline-platform-linux ::before {
310+ content : '' ;
311+ width : 1em ;
312+ height : 1em ;
313+ display : inline-flex;
314+ vertical-align : baseline;
315+ padding-right : 0.5em ;
316+ background : url ("/img/linux-svgrepo-com.svg" ) no-repeat;
317+ }
318+
319+ .margin-left-platforms ::before {
320+ content : ' ' ;
321+ margin-left : 0.6em ;
322+ }
323+
198324img .mac-stadium-img {
199325 float : right;
200326 width : 200px ;
0 commit comments