@@ -28,7 +28,8 @@ export default function MainPage() {
28
28
}
29
29
30
30
function Hero ( ) {
31
- const container = tw `max-w-screen-lg mx-auto w-full h(48 sm:64) flex items-center tracking-tight` ;
31
+ const container = tw
32
+ `max-w-screen-lg mx-auto w-full h(48 sm:64) flex items-center tracking-tight` ;
32
33
const title = tw `text(4xl sm:5xl lg:6xl gray-900) font-extrabold` ;
33
34
const subtitle = tw `mt-4 text(xl sm:2xl gray-800) ` ;
34
35
@@ -45,16 +46,19 @@ function Hero() {
45
46
function Intro ( ) {
46
47
return (
47
48
< section
48
- class = { tw `max-w-screen-lg mx-auto mb-16 px(4 sm:6 md:8) space-y-4 tracking-tight` }
49
+ class = { tw
50
+ `max-w-screen-lg mx-auto mb-16 px(4 sm:6 md:8) space-y-4 tracking-tight` }
49
51
>
50
52
< p class = { tw `text(xl gray-800)` } >
51
- < b > pbkit</ b > is a collection of tools for modern web development with
52
- protocol buffers.
53
+ < b > pbkit</ b > { " " }
54
+ is a collection of tools for modern web development with protocol
55
+ buffers.
53
56
</ p >
54
57
< div class = { tw `grid sm:grid-cols-2 gap-4` } >
55
58
< a
56
59
href = "/docs/introduction"
57
- class = { tw `bg(white) shadow-lg hover:shadow-2xl active:shadow-xl transition-shadow p-4 rounded-md relative overflow-hidden` }
60
+ class = { tw
61
+ `bg(white) shadow-lg hover:shadow-2xl active:shadow-xl transition-shadow p-4 rounded-md relative overflow-hidden` }
58
62
>
59
63
< h1 class = { tw `text(2xl) font-bold` } > pb - Protobuf compiler</ h1 >
60
64
< p class = { tw `mt-4` } >
@@ -67,7 +71,8 @@ function Intro() {
67
71
</ a >
68
72
< a
69
73
href = "/docs/introduction"
70
- class = { tw `bg(white) shadow-lg hover:shadow-2xl active:shadow-xl transition-shadow p-4 rounded-md relative overflow-hidden` }
74
+ class = { tw
75
+ `bg(white) shadow-lg hover:shadow-2xl active:shadow-xl transition-shadow p-4 rounded-md relative overflow-hidden` }
71
76
>
72
77
< h1 class = { tw `text(2xl) font-bold` } > pollapo - Package manager</ h1 >
73
78
< p class = { tw `mt-4` } >
@@ -80,7 +85,8 @@ function Intro() {
80
85
</ a >
81
86
< a
82
87
href = "/docs/wrp"
83
- class = { tw `bg(white) shadow-lg hover:shadow-2xl active:shadow-xl transition-shadow p-4 rounded-md relative overflow-hidden` }
88
+ class = { tw
89
+ `bg(white) shadow-lg hover:shadow-2xl active:shadow-xl transition-shadow p-4 rounded-md relative overflow-hidden` }
84
90
>
85
91
< h1 class = { tw `text(2xl) font-bold` } >
86
92
wrp - RPC protocol for WebView
@@ -97,7 +103,8 @@ function Intro() {
97
103
< a
98
104
target = "_blank"
99
105
href = "https://marketplace.visualstudio.com/items?itemName=pbkit.vscode-pbkit"
100
- class = { tw `bg(white) shadow-lg hover:shadow-2xl active:shadow-xl transition-shadow p-4 rounded-md relative overflow-hidden` }
106
+ class = { tw
107
+ `bg(white) shadow-lg hover:shadow-2xl active:shadow-xl transition-shadow p-4 rounded-md relative overflow-hidden` }
101
108
>
102
109
< h1 class = { tw `text(2xl) font-bold` } > Editor extension</ h1 >
103
110
< h2 class = { tw `text(lg)` } > VSCode extension with language server</ h2 >
@@ -111,7 +118,8 @@ function Intro() {
111
118
< a
112
119
target = "_blank"
113
120
href = "https://chrome.google.com/webstore/detail/pbkit-devtools/fjacmiijeihblfhobghceofniolonhca"
114
- class = { tw `bg(white) shadow-lg hover:shadow-2xl active:shadow-xl transition-shadow p-4 rounded-md relative overflow-hidden` }
121
+ class = { tw
122
+ `bg(white) shadow-lg hover:shadow-2xl active:shadow-xl transition-shadow p-4 rounded-md relative overflow-hidden` }
115
123
>
116
124
< h1 class = { tw `text(2xl) font-bold` } > Chrome DevTools</ h1 >
117
125
< h2 class = { tw `text(lg)` } > Chrome DevTools for pbkit</ h2 >
0 commit comments