Monorepo for Tangled

appview/pages: clean up copy on homepage

Signed-off-by: oppiliappan <me@oppi.li>

authored by

oppiliappan and committed by tangled.org 5186fbfb bfc1319e

+36 -29
+12 -12
appview/models/bsky.go
··· 8 8 ) 9 9 10 10 type BskyPost struct { 11 - Rkey string 12 - Text string 13 - CreatedAt time.Time 14 - Langs []string 15 - Tags []string 16 - Embed *apibsky.FeedDefs_PostView_Embed 17 - Facets []*apibsky.RichtextFacet 18 - Labels *apibsky.FeedPost_Labels 19 - Reply *apibsky.FeedPost_ReplyRef 20 - LikeCount int64 21 - ReplyCount int64 11 + Rkey string 12 + Text string 13 + CreatedAt time.Time 14 + Langs []string 15 + Tags []string 16 + Embed *apibsky.FeedDefs_PostView_Embed 17 + Facets []*apibsky.RichtextFacet 18 + Labels *apibsky.FeedPost_Labels 19 + Reply *apibsky.FeedPost_ReplyRef 20 + LikeCount int64 21 + ReplyCount int64 22 22 RepostCount int64 23 - QuoteCount int64 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 - requests on top of each other and ship faster with better code 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 - <div class="{{ $imgContentStyle }} relative overflow-hidden flex items-center"> 170 - <div class="w-full md:w-full flex justify-center"> 171 - <img src="https://assets.tangled.network/home-page-prs.svg" class="w-[120%] md:w-full" /> 169 + <div class="{{ $imgContentStyle }} relative overflow-hidden flex items-center justify-center"> 170 + <div class="w-[120%] md:w-full flex"> 171 + <picture class="w-full"> 172 + <source srcset="https://assets.tangled.network/home-page-prs-dark.svg" media="(prefers-color-scheme: dark)" /> 173 + <img src="https://assets.tangled.network/home-page-prs-light.svg" class="w-full block" /> 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 - <div class="{{ $imgContentStyle }} relative overflow-hidden flex items-center"> 205 - <div class="w-full md:w-full flex justify-center"> 206 - <img src="https://assets.tangled.network/home-page-self-host.svg" class="w-[120%] md:w-full" /> 207 + <div class="{{ $imgContentStyle }} relative overflow-hidden flex items-center justify-center"> 208 + <div class="w-[120%] md:w-full flex"> 209 + <picture class="w-full"> 210 + <source srcset="https://assets.tangled.network/home-page-self-host-dark.svg" media="(prefers-color-scheme: dark)" /> 211 + <img src="https://assets.tangled.network/home-page-self-host-light.svg" class="w-full block" /> 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 - <div class="{{ $imgContentStyle }} flex items-end pb-0 overflow-hidden"> 242 - <div class="w-full md:w-full flex justify-center"> 243 - <img src="https://assets.tangled.network/home-page-ci.svg" class="w-[120%] md:w-full" /> 247 + <div class="{{ $imgContentStyle }} flex items-end justify-center pb-0 overflow-hidden"> 248 + <div class="w-[120%] md:w-full flex"> 249 + <picture class="w-full"> 250 + <source srcset="https://assets.tangled.network/home-page-ci-dark.svg" media="(prefers-color-scheme: dark)" /> 251 + <img src="https://assets.tangled.network/home-page-ci-light.svg" class="w-full block" /> 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 - }, 5000); 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 - AT Protocol enables federated code-collaboration. Submit 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 - Check out the <a href="https://tangled.org/core">monorepo</a> and join in on the fun. 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 - <a href="https://tangled.org/tangled.org/core/issues">good-first-issue</a>. 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 - <br> 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 - animation: progress 5s linear forwards; 311 + animation: progress 10s linear forwards; 312 312 } 313 313 314 314 @keyframes fadeIn {