{{ define "title" }}tangled · tightly-knit social coding{{ end }}

{{ define "extrameta" }}
    {{ $desc := "Collaborate on code with decentralized git hosting, modern contribution and review workflows, and lightweight CI/CD pipelines." }}
    {{ $title = "tangled · tightly-knit social coding" }}

    <meta name="description" content="{{ $desc }}" />
    <meta property="og:title" content="{{ $title }}" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://tangled.org" />
    <meta property="og:description" content="Decentralized git hosting with improved pull requests and lightweight CI/CD. Host repositories on your own infrastructure." />
    <meta property="og:image" content="https://assets.tangled.network/tangled_og.png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="{{ $title }}" />
    <meta name="twitter:description" content="{{ $desc }}" />
    <meta name="twitter:image" content="https://assets.tangled.network/tangled_og.png" />

    <!-- Enhanced Structured Data for Homepage -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "Tangled",
      "alternateName": "Tangled",
      "url": "https://tangled.org",
      "description": "{{ $desc }}",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://tangled.org/?q={search_term_string}",
        "query-input": "required name=search_term_string"
      }
    }
    </script>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "SoftwareApplication",
      "name": "Tangled",
      "applicationCategory": "DeveloperTool",
      "offers": {
        "@type": "Offer",
        "price": "0",
        "priceCurrency": "USD"
      },
      "operatingSystem": "Web",
      "description": "{{ $desc }}"
    }
    </script>
{{ end }}

{{ define "canonical" }}https://tangled.org{{ end }}


{{ define "content" }}
  <div class="flex flex-col gap-4">
    {{ template "timeline/fragments/hero" . }}
    {{ template "features" . }}
    {{ template "timeline/fragments/goodfirstissues" . }}
    {{ template "timeline/fragments/trending" . }}
    {{ template "timeline/fragments/timeline" . }}
    <div class="flex justify-end">
      <a href="/timeline" class="inline-flex items-center gap-2 text-gray-500 dark:text-gray-400">
        view more
        {{ i "arrow-right" "size-4" }}
      </a>
    </div>
  </div>
{{ end }}


{{ define "feature" }}
    {{ $info := index . 0 }}
    {{ $bullets := index . 1 }}
    <div class="flex flex-col items-center gap-6 md:flex-row md:items-top">
        <div class="flex-1">
            <h2 class="text-2xl font-bold text-black dark:text-white mb-6">{{ $info.title }}</h2>
            <ul class="leading-normal">
                {{ range $bullets }}
                    <li><p>{{ escapeHtml . }}</p></li>
                {{ end }}
            </ul>
        </div>
        <div class="flex-shrink-0 w-96 md:w-1/3">
          <a href="{{ $info.image }}">
            <img src="{{ $info.image }}" alt="{{ $info.alt }}" class="w-full h-auto rounded shadow-sm" />
          </a>
        </div>
    </div>
{{ end }}

{{ define "features" }}
  <div class="prose dark:text-gray-200 space-y-12 px-6 py-4 bg-white dark:bg-gray-800 rounded drop-shadow-sm">
    {{ template "feature" (list
        (dict
            "title" "lightweight git repo hosting"
            "image" "https://assets.tangled.network/what-is-tangled-repo.png"
            "alt" "A repository hosted on Tangled"
        )
        (list
            "Host your repositories on your own infrastructure using <em>knots</em>&mdash;tiny, headless servers that facilitate git operations."
            "Add friends to your knot or invite collaborators to your repository."
            "Guarded by fine-grained role-based access control."
            "Use SSH to push and pull."
        )
    ) }}

    {{ template "feature" (list
        (dict
            "title" "improved pull request model"
            "image" "https://assets.tangled.network/pulls.png"
            "alt" "Round-based pull requests."
        )
        (list
            "An intuitive and effective round-based pull request flow, with inter-diffing between rounds."
            "Stacked pull requests using Jujutsu's change IDs."
            "Paste a <code>git diff</code> or <code>git format-patch</code> for quick drive-by changes."
        )
    ) }}

    {{ template "feature" (list
        (dict
            "title" "run pipelines using spindles"
            "image" "https://assets.tangled.network/pipelines.png"
            "alt" "CI pipeline running on spindle"
        )
        (list
            "Run pipelines on your own infrastructure using <em>spindles</em>&mdash;lightweight CI runners."
            "Natively supports Nix for package management."
            "Easily extended to support different execution backends."
        )
    ) }}
  </div>
{{ end }}