appview/pages: display home page to logged out users #551

appview/db/timeline.go

This file has not been changed.

appview/pages/pages.go

This file has not been changed.

appview/pages/templates/timeline/fragments/timeline.html

This file has not been changed.

appview/pages/templates/timeline/fragments/trending.html

This file has not been changed.

+10 -38

appview/pages/templates/timeline/home.html

··· 10 10 11 11 {{ define "content" }} 12 12 <div class="flex flex-col gap-4"> 13 13 - {{ block "hero" $ }}{{ end }} 14 14 - {{ block "features" $ }}{{ end }} 15 15 - {{ block "timeline/fragments/trending" $ }}{{ end }} 16 16 - {{ block "timeline/fragments/timeline" $ }}{{ end }} 13 13 + {{ template "timeline/fragments/hero" . }} 14 14 + {{ template "features" . }} 15 15 + {{ template "timeline/fragments/trending" . }} 16 16 + {{ template "timeline/fragments/timeline" . }} 17 17 + <div class="flex justify-end"> 18 18 + <a href="/timeline" class="inline-flex items-center gap-2 text-gray-500 dark:text-gray-400"> 19 19 + view more 20 20 + {{ i "arrow-right" "size-4" }} 21 21 + </a> 22 22 + </div> 17 23 </div> 18 24 {{ end }} 19 25 20 20 - 21 21 - {{ define "hero" }} 22 22 - <div class="mx-auto max-w-[100rem] flex flex-col text-black dark:text-white px-6 py-4 gap-6 items-center md:flex-row"> 23 23 - <div class="flex flex-col gap-6"> 24 24 - <h1 class="font-bold text-4xl">tightly-knit<br>social coding.</h1> 25 25 - 26 26 - <p class="text-lg"> 27 27 - tangled is new social-enabled git collaboration platform built on <a class="underline" href="https://atproto.com/">atproto</a>. 28 28 - </p> 29 29 - <p class="text-lg"> 30 30 - we envision a place where developers have complete ownership of their 31 31 - code, open source communities can freely self-govern and most 32 32 - importantly, coding can be social and fun again. 33 33 - </p> 34 34 - 35 35 - <div class="flex gap-6 items-center"> 36 36 - <a href="/signup" class="no-underline hover:no-underline "> 37 37 - <button class="btn-create flex gap-2 px-4 items-center"> 38 38 - join now {{ i "arrow-right" "size-4" }} 39 39 - </button> 40 40 - </a> 41 41 - </div> 42 42 - </div> 43 43 - 44 44 - <figure class="w-full hidden md:block md:w-auto"> 45 45 - <a href="https://tangled.sh/@tangled.sh/core" class="block"> 46 46 - <img src="https://assets.tangled.network/hero-repo.png" alt="Screenshot of the Tangled monorepo." class="max-w-md mx-auto md:max-w-none w-full md:w-[30vw] h-auto shadow-sm rounded hover:shadow-md transition-shadow" /> 47 47 - </a> 48 48 - <figcaption class="text-sm text-gray-600 dark:text-gray-400 mt-2 text-center"> 49 49 - Monorepo for Tangled, built in the open with the community. 50 50 - </figcaption> 51 51 - </figure> 52 52 - </div> 53 53 - {{ end }} 54 26 55 27 {{ define "feature" }} 56 28 {{ $info := index . 0 }}

+2 -1

appview/pages/templates/timeline/timeline.html

··· 10 10 {{ define "content" }} 11 11 {{ if .LoggedInUser }} 12 12 {{ else }} 13 13 - {{ block "hero" $ }}{{ end }} 13 13 + {{ template "timeline/fragments/hero" . }} 14 14 {{ end }} 15 15 + 15 16 {{ template "timeline/fragments/trending" . }} 16 17 {{ template "timeline/fragments/timeline" . }} 17 18 {{ end }}

appview/state/router.go

This file has not been changed.

appview/state/state.go

This file has not been changed.

+34

appview/pages/templates/timeline/fragments/hero.html

··· 1 1 + {{ define "timeline/fragments/hero" }} 2 2 + <div class="mx-auto max-w-[100rem] flex flex-col text-black dark:text-white px-6 py-4 gap-6 items-center md:flex-row"> 3 3 + <div class="flex flex-col gap-6"> 4 4 + <h1 class="font-bold text-4xl">tightly-knit<br>social coding.</h1> 5 5 + 6 6 + <p class="text-lg"> 7 7 + tangled is new social-enabled git collaboration platform built on <a class="underline" href="https://atproto.com/">atproto</a>. 8 8 + </p> 9 9 + <p class="text-lg"> 10 10 + we envision a place where developers have complete ownership of their 11 11 + code, open source communities can freely self-govern and most 12 12 + importantly, coding can be social and fun again. 13 13 + </p> 14 14 + 15 15 + <div class="flex gap-6 items-center"> 16 16 + <a href="/signup" class="no-underline hover:no-underline "> 17 17 + <button class="btn-create flex gap-2 px-4 items-center"> 18 18 + join now {{ i "arrow-right" "size-4" }} 19 19 + </button> 20 20 + </a> 21 21 + </div> 22 22 + </div> 23 23 + 24 24 + <figure class="w-full hidden md:block md:w-auto"> 25 25 + <a href="https://tangled.sh/@tangled.sh/core" class="block"> 26 26 + <img src="https://assets.tangled.network/hero-repo.png" alt="Screenshot of the Tangled monorepo." class="max-w-md mx-auto md:max-w-none w-full md:w-[30vw] h-auto shadow-sm rounded hover:shadow-md transition-shadow" /> 27 27 + </a> 28 28 + <figcaption class="text-sm text-gray-600 dark:text-gray-400 mt-2 text-center"> 29 29 + Monorepo for Tangled, built in the open with the community. 30 30 + </figcaption> 31 31 + </figure> 32 32 + </div> 33 33 + {{ end }} 34 34 +