1+ <!DOCTYPE html>
2+ < html lang ="en ">
3+
4+ < head >
5+ < meta charset ="UTF-8 ">
6+ < title > Community | rustic - fast, encrypted, and deduplicated backups </ title >
7+ < meta name ="viewport " content ="width=device-width, initial-scale=1, shrink-to-fit=no ">
8+
9+ < link rel ="icon " type ="image/svg " href ="https://rustic.cli.rs/assets/rustic.svg ">
10+
11+ < style >
12+ : root {
13+ /* Primary theme color */
14+ --primary-color : # FEB33F ;
15+ /* Primary theme text color */
16+ --primary-text-color : # 543631 ;
17+ --primary-text-color-over : # 000 ;
18+ /* Primary theme link color */
19+ --primary-link-color : # d09a07 ;
20+ /* Secondary color: the background body color */
21+ --secondary-color : # fcfaf6 ;
22+ --secondary-text-color : # 303030 ;
23+ /* Highlight text color of table of content */
24+ --toc-highlight-text-color : # d46e13 ;
25+ --toc-background-color : white;
26+ --code-color : # 4a4a4a ;
27+ --code-background-color : white;
28+
29+ --shadow-color : # 7a7a7a ;
30+
31+ /* Font used for headers (h1 & h2) */
32+ --header-font-family : "Fira Sans" , sans-serif;
33+ /* Font used for text */
34+ --text-font-family : "Fira Sans" , sans-serif;
35+ }
36+
37+ @media (prefers-color-scheme : dark) {
38+ : root {
39+ --primary-color : # 382929 ;
40+ --primary-text-color : # d7d7d7 ;
41+ --primary-text-color-over : # FFF ;
42+ --primary-link-color : # 9b9b9b ;
43+ --secondary-color : # 282828 ;
44+ --secondary-text-color : # f2f2f2 ;
45+ --navbar-background-color-hover : # 362525 ;
46+ --toc-highlight-text-color : # f2f2f2 ;
47+ --toc-background-color : # 3a3a3a ;
48+ --code-color : black;
49+ --code-background-color : white;
50+
51+ --shadow-color : # 202020 ;
52+ --header-font-family : "Fira Sans" , sans-serif;
53+ --text-font-family : "Fira Sans" , sans-serif;
54+ }
55+ }
56+ </ style >
57+
58+ < link rel ="stylesheet " href ="https://rustic.cli.rs/fonts.css ">
59+
60+ < link rel ="stylesheet " href ="https://rustic.cli.rs/rustic.css ">
61+ < script async defer src ="https://rustic.cli.rs/js/buttons.js "> </ script >
62+
63+
64+ </ head >
65+
66+ < body class ="layout ">
67+ < header >
68+ < div class ="header-menu ">
69+
70+
71+
72+ < div class ="navbar-logo ">
73+ < a href ="https://rustic.cli.rs/ ">
74+ < img src ="https://rustic.cli.rs/assets/rustic.svg " alt ="logo " /> rustic
75+ </ a >
76+ </ div >
77+
78+ < nav >
79+
80+ < div class ="menu-items ">
81+
82+
83+
84+ < div class ="nav-item ">
85+ < a class ="subtitle-text " href ="https://rustic.cli.rs/learn/ ">
86+ Learn
87+ </ a >
88+ </ div >
89+
90+
91+
92+
93+ < div class ="nav-item ">
94+ < a class ="subtitle-text " href ="https://rustic.cli.rs/community/ ">
95+ Community
96+ </ a >
97+ </ div >
98+
99+
100+
101+ </ div >
102+ < div class ="menu-items-hamburger ">
103+
104+
105+
106+ < div class ="nav-item ">
107+ < a class ="subtitle-text " href ="https://rustic.cli.rs/learn/ ">
108+ Learn
109+ </ a >
110+ </ div >
111+
112+
113+
114+
115+ < div class ="nav-item ">
116+ < a class ="subtitle-text " href ="https://rustic.cli.rs/community/ ">
117+ Community
118+ </ a >
119+ </ div >
120+
121+
122+
123+ </ div >
124+ < div class ="hamburger ">
125+ < div class ="hamburg ">
126+ < span class ="line "> </ span >
127+ < span class ="line "> </ span >
128+ < span class ="line "> </ span >
129+ </ div >
130+ </ div >
131+ < script >
132+ var hamburger = document . querySelector ( ".hamburg" ) ;
133+ var hamburger_menu = document . querySelector ( ".hamburger" ) ;
134+ var menu_items_hamburger = document . querySelector ( ".menu-items-hamburger" ) ;
135+ hamburger_menu . onclick = function ( ) {
136+ hamburger . classList . toggle ( "checked" ) ;
137+ if ( hamburger . classList . contains ( "checked" ) ) {
138+ menu_items_hamburger . setAttribute ( "style" , "display: flex;" ) ;
139+ } else {
140+ menu_items_hamburger . setAttribute ( "style" , "display: none;" ) ;
141+ }
142+ }
143+ </ script >
144+
145+ </ nav >
146+
147+
148+ </ div >
149+
150+ </ header >
151+ < main >
152+
153+
154+ < section class ="main-content ">
155+
156+
157+
158+
159+
160+
161+
162+
163+ < div class ="content text ">
164+
165+ < div class ="heading-text "> 📣 Community</ div >
166+ < p > You can ask questions in the < a href ="https://github.com/rustic-rs/rustic/discussions "> Discussions</ a > or have a look at the
167+ < a href ="https://rustic.cli.rs/docs/FAQ.html "> FAQ</ a > .</ p >
168+ < div class ="flex-row ">
169+
170+ < a href ="https://discord.gg/WRUWENZnzQ ">
171+ < div class ="ecosystem-gallery ">
172+ < img src ="/assets/discord-mark-white.svg " />
173+ < div class ="desc "> Discord</ div >
174+
175+ </ div >
176+ </ a >
177+
178+ < a href ="https://github.com/rustic-rs/rustic/discussions ">
179+ < div class ="ecosystem-gallery ">
180+ < img src ="/assets/GitHub_Logo_White.png " />
181+ < div class ="desc "> Discussions</ div >
182+
183+ </ div >
184+ </ a >
185+
186+ < a href ="https://github.com/rustic-rs/rustic/issues ">
187+ < div class ="ecosystem-gallery ">
188+ < img src ="/assets/GitHub_Logo_White.png " />
189+ < div class ="desc "> Issues</ div >
190+
191+ </ div >
192+ </ a >
193+
194+ </ div >
195+
196+ </ div >
197+
198+ </ section >
199+ </ main >
200+
201+
202+
203+ < footer >
204+ < div class ="subtext ">
205+ < a href ="https://github.com/rustic-rs "> rustic © 2023</ a >
206+ </ div >
207+ < div class ="remark ">
208+ < a href ="https://github.com/huhu/juice " target ="_blank "> Based on Juice theme</ a >
209+ </ div >
210+ </ footer >
211+
212+ </ body >
213+ < script >
214+ const scrollHandler = entries => {
215+ // Find the first entry which intersecting and ratio > 0.9 to highlight.
216+ let entry = entries . find ( entry => {
217+ return entry . isIntersecting && entry . intersectionRatio > 0.9 ;
218+ } ) ;
219+ if ( ! entry ) return ;
220+
221+ document . querySelectorAll ( ".toc a" ) . forEach ( ( item ) => {
222+ item . classList . remove ( "active" ) ;
223+ } ) ;
224+
225+ // let url = new URL(`#${entry.target.id}`);
226+ let link = document . querySelector ( `.toc a[href$="${ decodeURIComponent ( `#${ entry . target . id } ` ) } "]` )
227+ if ( link ) {
228+ link . classList . add ( "active" ) ;
229+ link . scrollIntoView ( { behavior : "auto" , block : "nearest" } ) ;
230+ }
231+ } ;
232+ // Set -100px root margin to improve highlight experience.
233+ const observer = new IntersectionObserver ( scrollHandler , { threshold : 1 } ) ;
234+ let items = document . querySelectorAll ( 'h1,h2,h3,h4,h5,h6' ) ;
235+ items . forEach ( item => observer . observe ( item ) ) ;
236+ </ script >
237+
238+ </ html >
0 commit comments