Monorepo for Tangled tangled.org

appview/pages: clean up copy on homepage

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

oppi.li 0fcad2ab 12f1a9d9

verified
+23 -16
+22 -15
appview/pages/templates/timeline/home.html
··· 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 {