1+ <!DOCTYPE html>
2+ < html lang ="en ">
3+ < head >
4+ < meta charset ="UTF-8 ">
5+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
6+ < title > Reference - C++ Mode for Processing</ title >
7+ < style >
8+ * { margin : 0 ; padding : 0 ; box-sizing : border-box; }
9+ body { font-family : -apple-system, BlinkMacSystemFont, "Segoe UI" , sans-serif; color : # 111 ; background : # fff ; }
10+ a { color : # 111 ; text-decoration : none; }
11+ nav { border-bottom : 1px solid # e0e0e0 ; padding : 0 3rem ; display : flex; align-items : center; justify-content : space-between; height : 60px ; }
12+ .nav-logo { display : flex; align-items : center; gap : 10px ; color : # 111 ; }
13+ .nav-logo img { width : 28px ; height : 28px ; }
14+ .nav-logo span { font-size : 15px ; font-weight : 500 ; }
15+
16+ .layout { display : flex; min-height : calc (100vh - 60px ); }
17+ .sidebar {
18+ width : 180px ; min-width : 180px ;
19+ border-right : 1px solid # e0e0e0 ;
20+ padding : 2rem 1.5rem ;
21+ display : flex; flex-direction : column; gap : 0.25rem ;
22+ }
23+ .sidebar a { font-size : 14px ; color : # 555 ; padding : 0.35rem 0 ; display : block; }
24+ .sidebar a : hover { color : # 111 ; }
25+ .sidebar a .active { color : # 111 ; font-weight : 500 ; }
26+ .page-content { flex : 1 ; max-width : 720px ; padding : 4rem 3rem ; }
27+
28+ .page-content h1 { font-size : 2rem ; font-weight : 600 ; margin-bottom : 1rem ; }
29+ .page-content p { color : # 555 ; line-height : 1.8 ; }
30+ footer { border-top : 1px solid # e0e0e0 ; padding : 2rem ; text-align : center; font-size : 13px ; color : # 888 ; }
31+ </ style >
32+ </ head >
33+ < body >
34+ < nav >
35+ < a href ="index.html " class ="nav-logo ">
36+ < img src ="assets/cpp-logo.png " alt ="C++ Mode ">
37+ < span > C++ Mode</ span >
38+ </ a >
39+ </ nav >
40+ < div class ="layout ">
41+ < div class ="sidebar ">
42+ < a href ="reference.html " class ='active '> Reference</ a >
43+ < a href ="examples.html " > Examples</ a >
44+ < a href ="about.html " > About</ a >
45+ </ div >
46+ < div class ="page-content ">
47+ < h1 > Reference</ h1 >
48+ < p > Full API reference coming soon.</ p >
49+ </ div >
50+ </ div >
51+ < footer > < p > C++ Mode for Processing</ p > </ footer >
52+ </ body >
53+ </ html >
0 commit comments