appview/pages: clean up copy on homepage #1101

+12 -12

appview/models/bsky.go

··· 8 8 ) 9 9 10 10 type BskyPost struct { 11 11 - Rkey string 12 12 - Text string 13 13 - CreatedAt time.Time 14 14 - Langs []string 15 15 - Tags []string 16 16 - Embed *apibsky.FeedDefs_PostView_Embed 17 17 - Facets []*apibsky.RichtextFacet 18 18 - Labels *apibsky.FeedPost_Labels 19 19 - Reply *apibsky.FeedPost_ReplyRef 20 20 - LikeCount int64 21 21 - ReplyCount int64 11 11 + Rkey string 12 12 + Text string 13 13 + CreatedAt time.Time 14 14 + Langs []string 15 15 + Tags []string 16 16 + Embed *apibsky.FeedDefs_PostView_Embed 17 17 + Facets []*apibsky.RichtextFacet 18 18 + Labels *apibsky.FeedPost_Labels 19 19 + Reply *apibsky.FeedPost_ReplyRef 20 20 + LikeCount int64 21 21 + ReplyCount int64 22 22 RepostCount int64 23 23 - QuoteCount int64 23 23 + QuoteCount int64 24 24 } 25 25 26 26 func NewBskyPostFromView(postView *apibsky.FeedDefs_PostView) (*BskyPost, error) {

+23 -16

appview/pages/templates/timeline/home.html

··· 149 149 <h1 class="{{ $titleStyle }}">Pull requests, reimagined</h1> 150 150 <p class="text-gray-600 dark:text-gray-400"> 151 151 Break down large features into small, reviewable chunks. Stack pull 152 152 - requests on top of each other and ship faster with better code 152 152 + requests on top of each other and ship faster with round-based code 153 153 reviews. Tangled natively supports stacking using Jujutsu. 154 154 </p> 155 155 <a href="https://blog.tangled.org/stacking" class="hover:no-underline inline-flex md:hidden items-center gap-2 text-sm text-black dark:text-white font-medium"> ··· 166 166 </div> 167 167 </div> 168 168 </div> 169 169 - <div class="{{ $imgContentStyle }} relative overflow-hidden flex items-center"> 170 170 - <div class="w-full md:w-full flex justify-center"> 171 171 - <img src="https://assets.tangled.network/home-page-prs.svg" class="w-[120%] md:w-full" /> 169 169 + <div class="{{ $imgContentStyle }} relative overflow-hidden flex items-center justify-center"> 170 170 + <div class="w-[120%] md:w-full flex"> 171 171 + <picture class="w-full"> 172 172 + <source srcset="https://assets.tangled.network/home-page-prs-dark.svg" media="(prefers-color-scheme: dark)" /> 173 173 + <img src="https://assets.tangled.network/home-page-prs-light.svg" class="w-full block" /> 174 174 + </picture> 172 175 </div> 173 176 </div> 174 177 <a href="https://blog.tangled.org/stacking" class="hover:no-underline hidden md:inline-flex absolute -bottom-6 -right-12 items-center gap-2 p-3 text-base btn"> ··· 201 204 </div> 202 205 </div> 203 206 </div> 204 204 - <div class="{{ $imgContentStyle }} relative overflow-hidden flex items-center"> 205 205 - <div class="w-full md:w-full flex justify-center"> 206 206 - <img src="https://assets.tangled.network/home-page-self-host.svg" class="w-[120%] md:w-full" /> 207 207 + <div class="{{ $imgContentStyle }} relative overflow-hidden flex items-center justify-center"> 208 208 + <div class="w-[120%] md:w-full flex"> 209 209 + <picture class="w-full"> 210 210 + <source srcset="https://assets.tangled.network/home-page-self-host-dark.svg" media="(prefers-color-scheme: dark)" /> 211 211 + <img src="https://assets.tangled.network/home-page-self-host-light.svg" class="w-full block" /> 212 212 + </picture> 207 213 </div> 208 214 </div> 209 215 <a href="https://docs.tangled.org/knot-self-hosting-guide.html#knot-self-hosting-guide" class="hover:no-underline hidden md:inline-flex absolute -bottom-6 -right-12 items-center gap-2 p-3 text-base btn"> ··· 238 244 </div> 239 245 </div> 240 246 </div> 241 241 - <div class="{{ $imgContentStyle }} flex items-end pb-0 overflow-hidden"> 242 242 - <div class="w-full md:w-full flex justify-center"> 243 243 - <img src="https://assets.tangled.network/home-page-ci.svg" class="w-[120%] md:w-full" /> 247 247 + <div class="{{ $imgContentStyle }} flex items-end justify-center pb-0 overflow-hidden"> 248 248 + <div class="w-[120%] md:w-full flex"> 249 249 + <picture class="w-full"> 250 250 + <source srcset="https://assets.tangled.network/home-page-ci-dark.svg" media="(prefers-color-scheme: dark)" /> 251 251 + <img src="https://assets.tangled.network/home-page-ci-light.svg" class="w-full block" /> 252 252 + </picture> 244 253 </div> 245 254 </div> 246 255 <a href="https://docs.tangled.org/spindles.html#pipelines" class="hover:no-underline hidden md:inline-flex absolute -bottom-6 -right-12 items-center gap-2 p-3 text-base btn"> ··· 289 298 if (activeProgress) { 290 299 activeProgress.classList.add('animate-progress'); 291 300 } 292 292 - }, 5000); 301 301 + }, 10000); 293 302 }); 294 303 </script> 295 304 {{ end }} ··· 312 321 <div class="{{ $contentStyle }}"> 313 322 <h3 class="{{ $titleStyle }}">Built on AT Protocol</h3> 314 323 <p class="{{ $descriptionStyle }}"> 315 315 - AT Protocol enables federated code-collaboration. Submit 324 324 + <a class="underline" href="https://atproto.com/">AT Protocol</a> enables federated code-collaboration. Submit 316 325 pull-requests or bug-reports to any repository hosted on any 317 326 server. 318 327 <br> ··· 347 356 <h3 class="{{ $titleStyle }}">Free and open source</h3> 348 357 <p class="{{ $descriptionStyle }}"> 349 358 All of Tangled is open source and built with the community! 350 350 - Check out the <a href="https://tangled.org/core">monorepo</a> and join in on the fun. 359 359 + Check out the <a class="underline" href="https://tangled.org/core">monorepo</a> and join in on the fun. 351 360 <br> 352 361 <br> 353 362 We welcome contributions however big or small. You can start contributing by picking up a 354 354 - <a href="https://tangled.org/tangled.org/core/issues">good-first-issue</a>. 363 363 + <a class="underline" href="https://tangled.org/tangled.org/core/issues">good-first-issue</a>. 355 364 </p> 356 365 <a href="{{ $moreLink }}" class="{{ $linkMobileStyle }}"> 357 366 View source ··· 513 522 <p class="text-xl text-gray-600 dark:text-gray-300"> 514 523 You can participate in the Tangled network with an AT account. If you 515 524 don't know what that is, you can sign up for one below. 516 516 - <br> 517 517 - <a href="https://docs.tangled.org/quick-start-guide.html#login-or-sign-up">Read more on the docs.</a> 518 525 </p> 519 526 <form class="flex gap-2 items-stretch w-full md:max-w-md mx-auto p-2 border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 rounded shadow-sm" method="get" action="/signup"> 520 527 <input

+1 -1

input.css

··· 308 308 } 309 309 310 310 .animate-progress { 311 311 - animation: progress 5s linear forwards; 311 311 + animation: progress 10s linear forwards; 312 312 } 313 313 314 314 @keyframes fadeIn {