commit fd66928ff7c24b3f85613e26eab8db5189f97aa2 · julien.rbrt.fr/tangled-core

+38 -35
appview/pages/templates/layouts/footer.html
···

       1
       1
        
       {{ define "layouts/footer" }}

     

       2
       2
        
       <div class="w-full p-4 md:p-8 bg-white dark:bg-gray-800 rounded-t drop-shadow-sm">

     

       3
       3
       -
           <div class="container mx-auto max-w-7xl px-4">

     

       4
       4
       -
               <div class="flex flex-col lg:flex-row justify-between items-start text-gray-600 dark:text-gray-400 text-sm gap-8">

     

       5
       5
       -
                   <div class="mb-4 md:mb-0">

     

       6
       6
       -
                       <a href="/" hx-boost="true" class="flex gap-2 font-semibold italic">

     

       7
       7
       -
                         tangled<sub>alpha</sub>

     

       8
       8
       -
                       </a>

     

       9
       9
       -
                   </div>

     

       3
       3
       +
         <div class="container mx-auto max-w-7xl px-4">

     

       4
       4
       +
           <div class="flex flex-col lg:flex-row justify-between items-start text-gray-600 dark:text-gray-400 text-sm gap-8">

     

       5
       5
       +
             <div class="mb-4 md:mb-0">

     

       6
       6
       +
               <a href="/" hx-boost="true" class="flex gap-2 font-semibold italic">

     

       7
       7
       +
                 tangled<sub>alpha</sub>

     

       8
       8
       +
               </a>

     

       9
       9
       +
             </div>

     

       10
       10
        
       

     

       11
       11
       -
                   <div class="grid grid-cols-1 sm:grid-cols-1 md:grid-cols-4 sm:gap-6 md:gap-2 gap-6 flex-1">

     

       12
       12
       -
                       <div class="flex flex-col gap-1">

     

       13
       13
       -
                           <div class="font-medium text-xs uppercase tracking-wide mb-1">legal</div>

     

       14
       14
       -
                           <a href="/terms" class="hover:text-gray-900 dark:hover:text-gray-200 hover:underline flex gap-1 items-center">{{ i "file-text" "w-4 h-4 flex-shrink-0" }} terms of service</a>

     

       15
       15
       -
                           <a href="/privacy" class="hover:text-gray-900 dark:hover:text-gray-200 hover:underline inline-flex gap-1 items-center">{{ i "shield" "w-4 h-4 flex-shrink-0" }} privacy policy</a>

     

       16
       16
       -
                       </div>

     

       11
       11
       +
             {{ $headerStyle := "text-gray-900 dark:text-gray-200 font-bold text-xs uppercase tracking-wide mb-1" }}

     

       12
       12
       +
             {{ $linkStyle := "text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-200 hover:underline inline-flex gap-1 items-center" }}

     

       13
       13
       +
             {{ $iconStyle := "w-4 h-4 flex-shrink-0" }}

     

       14
       14
       +
             <div class="grid grid-cols-1 sm:grid-cols-1 md:grid-cols-4 sm:gap-6 md:gap-2 gap-6 flex-1">

     

       15
       15
       +
               <div class="flex flex-col gap-1">

     

       16
       16
       +
                 <div class="{{ $headerStyle }}">legal</div>

     

       17
       17
       +
                 <a href="/terms" class="{{ $linkStyle }}">{{ i "file-text" $iconStyle }} terms of service</a>

     

       18
       18
       +
                 <a href="/privacy" class="{{ $linkStyle }}">{{ i "shield" $iconStyle }} privacy policy</a>

     

       19
       19
       +
               </div>

     

       17
       20
        
       

     

       18
       18
       -
                       <div class="flex flex-col gap-1">

     

       19
       19
       -
                           <div class="font-medium text-xs uppercase tracking-wide mb-1">resources</div>

     

       20
       20
       -
                           <a href="https://blog.tangled.sh" class="hover:text-gray-900 dark:hover:text-gray-200 hover:underline inline-flex gap-1 items-center" target="_blank" rel="noopener noreferrer">{{ i "book-open" "w-4 h-4 flex-shrink-0" }} blog</a>

     

       21
       21
       -
                           <a href="https://tangled.sh/@tangled.sh/core/tree/master/docs" class="hover:text-gray-900 dark:hover:text-gray-200 hover:underline inline-flex gap-1 items-center">{{ i "book" "w-4 h-4 flex-shrink-0" }} docs</a>

     

       22
       22
       -
                           <a href="https://tangled.sh/@tangled.sh/core" class="hover:text-gray-900 dark:hover:text-gray-200 hover:underline inline-flex gap-1 items-center">{{ i "code" "w-4 h-4 flex-shrink-0" }} source</a>

     

       23
       23
       -
                       </div>

     

       21
       21
       +
               <div class="flex flex-col gap-1">

     

       22
       22
       +
                 <div class="{{ $headerStyle }}">resources</div>

     

       23
       23
       +
                 <a href="https://blog.tangled.sh" class="{{ $linkStyle }}" target="_blank" rel="noopener noreferrer">{{ i "book-open" $iconStyle }} blog</a>

     

       24
       24
       +
                 <a href="https://tangled.sh/@tangled.sh/core/tree/master/docs" class="{{ $linkStyle }}">{{ i "book" $iconStyle }} docs</a>

     

       25
       25
       +
                 <a href="https://tangled.sh/@tangled.sh/core" class="{{ $linkStyle }}">{{ i "code" $iconStyle }} source</a>

     

       26
       26
       +
               </div>

     

       24
       27
        
       

     

       25
       25
       -
                       <div class="flex flex-col gap-1">

     

       26
       26
       -
                           <div class="font-medium text-xs uppercase tracking-wide mb-1">social</div>

     

       27
       27
       -
                           <a href="https://chat.tangled.sh" class="hover:text-gray-900 dark:hover:text-gray-200 hover:underline inline-flex gap-1 items-center" target="_blank" rel="noopener noreferrer">{{ i "message-circle" "w-4 h-4 flex-shrink-0" }} discord</a>

     

       28
       28
       -
                           <a href="https://web.libera.chat/#tangled" class="hover:text-gray-900 dark:hover:text-gray-200 hover:underline inline-flex gap-1 items-center" target="_blank" rel="noopener noreferrer">{{ i "hash" "w-4 h-4 flex-shrink-0" }} irc</a>

     

       29
       29
       -
                           <a href="https://bsky.app/profile/tangled.sh" class="hover:text-gray-900 dark:hover:text-gray-200 hover:underline inline-flex gap-1 items-center" target="_blank" rel="noopener noreferrer">{{ template "user/fragments/bluesky" "w-4 h-4 flex-shrink-0 hover:text-gray-900 dark:hover:text-gray-200dark:text-white" }} bluesky</a>

     

       30
       30
       -
                       </div>

     

       31
       31
       -
       

     

       32
       32
       -
                       <div class="flex flex-col gap-1">

     

       33
       33
       -
                           <div class="font-medium text-xs uppercase tracking-wide mb-1">contact</div>

     

       34
       34
       -
                           <a href="mailto:team@tangled.sh" class="hover:text-gray-900 dark:hover:text-gray-200 hover:underline inline-flex gap-1 items-center">{{ i "mail" "w-4 h-4 flex-shrink-0" }} team@tangled.sh</a>

     

       35
       35
       -
                           <a href="mailto:security@tangled.sh" class="hover:text-gray-900 dark:hover:text-gray-200 hover:underline inline-flex gap-1 items-center">{{ i "shield-check" "w-4 h-4 flex-shrink-0" }} security@tangled.sh</a>

     

       36
       36
       -
                       </div>

     

       37
       37
       -
                   </div>

     

       28
       28
       +
               <div class="flex flex-col gap-1">

     

       29
       29
       +
                 <div class="{{ $headerStyle }}">social</div>

     

       30
       30
       +
                 <a href="https://chat.tangled.sh" class="{{ $linkStyle }}" target="_blank" rel="noopener noreferrer">{{ i "message-circle" $iconStyle }} discord</a>

     

       31
       31
       +
                 <a href="https://web.libera.chat/#tangled" class="{{ $linkStyle }}" target="_blank" rel="noopener noreferrer">{{ i "hash" $iconStyle }} irc</a>

     

       32
       32
       +
                 <a href="https://bsky.app/profile/tangled.sh" class="{{ $linkStyle }}" target="_blank" rel="noopener noreferrer">{{ template "user/fragments/bluesky" $iconStyle }} bluesky</a>

     

       33
       33
       +
               </div>

     

       38
       34
        
       

     

       39
       39
       -
                   <div class="text-center lg:text-right flex-shrink-0">

     

       40
       40
       -
                       <div class="text-xs">&copy; 2025 Tangled Labs Oy. All rights reserved.</div>

     

       41
       41
       -
                   </div>

     

       35
       35
       +
               <div class="flex flex-col gap-1">

     

       36
       36
       +
                 <div class="{{ $headerStyle }}">contact</div>

     

       37
       37
       +
                 <a href="mailto:team@tangled.sh" class="{{ $linkStyle }}">{{ i "mail" "w-4 h-4 flex-shrink-0" }} team@tangled.sh</a>

     

       38
       38
       +
                 <a href="mailto:security@tangled.sh" class="{{ $linkStyle }}">{{ i "shield-check" "w-4 h-4 flex-shrink-0" }} security@tangled.sh</a>

     

       42
       39
        
               </div>

     

       40
       40
       +
             </div>

     

       41
       41
       +
       

     

       42
       42
       +
             <div class="text-center lg:text-right flex-shrink-0">

     

       43
       43
       +
               <div class="text-xs">&copy; 2025 Tangled Labs Oy. All rights reserved.</div>

     

       44
       44
       +
             </div>

     

       43
       45
        
           </div>

     

       46
       46
       +
         </div>

     

       44
       47
        
       </div>

     

       45
       48
        
       {{ end }}