@@ -50,20 +50,74 @@ Drawer drawer(| startOpen = {page?.Get<string>("openDrawer") == "Source Generati
5050 </">
5151 )
5252
53- if ({drawer.GetNullable<bool>("open") ?? drawer.Get<bool>("startOpen")}
53+ if({drawer.GetNullable<bool>("open") ?? drawer.Get<bool>("startOpen")}
5454
5555 <>
5656 SourceGenTabs()
57- p(| class = {"my-4"} |
57+
58+ p(| class = {"mt-4 mb-4"} |
5859 <">
5960 The developer can build large portions of the application codebase from
6061 succinct lines leveraging structured generation patterns.
6162 </">
6263 )
64+
65+ h5(<">Language Server with Visual Studio integration</">)
66+ center(
67+ img(|
68+ src = {"images/sg/language-server.png"},
69+ alt = {"Language server and Visual Studio 2022"},
70+ style = {"max-width: 100%;height: auto;"},
71+ class = {"mt-4 mb-2"}
72+ |)
73+ br()
74+ i(| class = {"mb-5"} |
75+ <">(above: source generation language server running next to Visual Studio 2022)</">
76+ )
77+ )
78+ p(| class = {"mb-5"} |)
79+
80+ h5(<">Syntax highlighting and validation</">)
81+ center(
82+ img(|
83+ src = {"images/sg/vs-view-highlighting.png"},
84+ alt = {"Custom syntax highlighting"},
85+ style = {"max-width: 100%;height: auto;"},
86+ class = {"mt-4 mb-2"}
87+ |)
88+ br()
89+ i(| class = {"mb-5"} |
90+ <">(above: custom syntax highlighting extension with semantic colors)</">
91+ )
92+ )
93+ center(
94+ img(|
95+ src = {"images/sg/syntax-invalid.png"},
96+ alt = {"Rudimentary syntax error messages"},
97+ style = {"max-width: 100%;height: auto;"},
98+ class = {"mt-4 mb-2"}
99+ |)
100+ br()
101+ i(| class = {"mb-5"} |
102+ <">(above: simple validation messages for syntax correctness)</">
103+ )
104+ )
105+ p(| class = {"mb-4"} |)
63106 </>
64107
65- div(| style = {"height: 4.5rem;overflow: hidden;pointer-events: none;"} |
66- SourceGenTabs()
108+ div(| style = {"position: relative;"} |
109+
110+ div(|
111+ style = {"position: absolute;z-index: 1;width: 100%;height: 12.5rem;cursor: pointer;"
112+ + "background: linear-gradient(0deg, rgba(255,255,255,0.2) 0%, rgb(119 119 119 / 15%) 19%, rgba(255,255,255,0) 100%);"},
113+ onclick = {"dispatch(this.closest('._Drawer'), 'Toggle');"},
114+ title = {"Click for more"}
115+ |)
116+
117+ div(| style = {"height: 12.5rem;overflow: hidden;pointer-events: none;"} |
118+ SourceGenTabs()
119+ )
120+
67121 )
68122 )
69123 </>
0 commit comments