techfromsage · mrliptontea · Oct 8, 2025 · Oct 8, 2025
diff --git a/build.sh b/build.sh
@@ -18,6 +18,6 @@ docker run --rm \
     composer/satis:latest \
     build --ansi -vv satis.json dist
 
-cp tfs-theme/favicon.ico dist/
+cp talis-theme/favicon.ico dist/
 
 echo "Done! Open dist/index.html to see the result"
diff --git a/satis.json b/satis.json
@@ -1,6 +1,6 @@
 {
     "name": "techfromsage/composer",
-    "description": "TfS Composer repository",
+    "description": "Talis Composer repository",
     "homepage": "https://composer.talis.io/",
     "repositories": [
         {
@@ -67,5 +67,5 @@
     "require-all": true,
     "require-dependencies": true,
     "require-dev-dependencies": false,
-    "twig-template": "tfs-theme/index.html.twig"
+    "twig-template": "talis-theme/index.html.twig"
 }
diff --git a/tfs-theme/build/app.js → talis-theme/build/app.js b/tfs-theme/build/app.js → talis-theme/build/app.js
diff --git a/tfs-theme/build/entrypoints.json → talis-theme/build/entrypoints.json b/tfs-theme/build/entrypoints.json → talis-theme/build/entrypoints.json
diff --git a/tfs-theme/build/manifest.json → talis-theme/build/manifest.json b/tfs-theme/build/manifest.json → talis-theme/build/manifest.json
diff --git a/tfs-theme/build/style.css → talis-theme/build/style.css b/tfs-theme/build/style.css → talis-theme/build/style.css
diff --git a/talis-theme/favicon.ico b/talis-theme/favicon.ico
diff --git a/talis-theme/index.html.twig b/talis-theme/index.html.twig
@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="robots" content="noindex,nofollow" />
+    <title>{{ name|default('Composer repository') }}</title>
+    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap" rel="stylesheet">
+    <style type="text/css">
+        {% include 'build/style.css' %}
+        body { font-family: "Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; }
+        a { color: #017d87; }
+        a:hover { color: #c5197d; }
+        code { color: #c5197d; }
+        .bg-primary { background-color: #017d87 !important; }
+        .border-primary { border-color: #017d87 !important; }
+        .bg-danger { background-color: #c42129 !important; }
+        .border-danger { border-color: #c42129 !important; }
+        .form-control:focus { border-color: #017d87; box-shadow: 0 0 0 1px #017d87; outline: 0; }
+        pre.file { padding: .5rem .75rem; border-left: 3px solid #ffc943 !important; }
+    </style>
+</head>
+
+<body>
+
+<div class="container">
+    <header class="mt-3">
+        <div class="d-flex justify-content-between align-items-center">
+            <a href="{{ url }}">
+                <h1>
+                    <span class="sr-only">{{ name|default('Composer repository') }}</span>
+                    <svg width="80" height="33" aria-hidden="true"><path d="M34.24 24.97c0 1.23-.46 2.85-4.48 2.85-4.22 0-4.71-1.7-4.71-2.98 0-2.9 5.94-2.94 6-2.94 1.18 0 2.27.06 3.2.17v2.9zM29.3 8.7c-2.53 0-5.69.54-7.95 1.36l-.51.19v5.03l1.06-.35a24.07 24.07 0 016.8-1.18c3.95 0 5.14 1.3 5.46 3.57a33.1 33.1 0 00-3.3-.16c-7.25 0-11.58 2.89-11.58 7.73 0 1.88.75 8.03 10.48 8.03 4.03 0 6.95-1.1 8.68-3.24a7.46 7.46 0 001.61-4.66v-6.35c0-6.33-3.91-9.97-10.75-9.97zm42.35 8.9c-2.16-.62-3.47-1.05-3.47-1.82 0-.67 0-2.06 3.75-2.06 1.65 0 3.39.41 5.31 1.26l1.13.5v-5.15l-.44-.21c-2.1-1-4.34-1.53-6.5-1.53-3.01 0-5.35.77-6.95 2.31a6.86 6.86 0 00-2.07 5.01c0 4.76 4.06 5.95 7.32 6.91 2.69.8 4.34 1.36 4.34 2.92 0 1.21-1.42 1.97-3.7 1.97-2.15 0-4.13-.5-6.04-1.54l-1.18-.64v5.41l.41.22a14.92 14.92 0 007 1.64c6.88 0 9.32-3.9 9.32-7.24 0-5.58-4.76-6.95-8.23-7.95M43.47 32.08h2.22c2.05 0 3.7-1.64 3.7-3.66V.28h-5.92v31.8M11.56 9.94H9.98V.04H4.1v9.9H0v5.1h4.1v10.54c0 2.31.71 4.13 2.11 5.4 1.4 1.28 2.86 1.92 5.3 1.92 1.66 0 4.38-.5 5.62-1.05l.26-.11-1.25-5.32-.67.39c-.37.2-.83.37-1.38.5a6.63 6.63 0 01-1.58.21c-.96 0-1.62-.21-1.97-.63-.37-.46-.56-1.24-.56-2.33v-9.52H13.78c2.04 0 3.7-1.63 3.7-3.65V9.93h-5.92m41.83-1.27l.01 23.42h2.22c2.04 0 3.7-1.64 3.7-3.66V8.65h-5.93m-.14-2.69h6.2V.16h-6.2z" fill="#017D87" fill-rule="evenodd"/></svg>
+                </h1>
+            </a>
+            <span class="ml-auto badge badge-light m-1" title="{{ "now"|date(constant('\DateTime::COOKIE')) }}">
+                Last updated: <br class="d-md-none"> <time datetime="{{ "now"|date(constant('\DateTime::RFC3339')) }}">{{ "now"|date('l, d M Y H:i:s T') }}</time>
+            </span>
+            <a href="https://github.com/talis/composer" rel="noopener" class="ml-1" aria-label="Source repository">
+                <svg class="text-secondary" viewBox="0 0 16 16" version="1.1" width="32" height="32" aria-hidden="true"><path fill="currentColor" fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>
+            </a>
+        </div>
+
+        {% if description %}
+            <p class="lead">{{ description|raw }}</p>
+        {% endif %}
+    </header>
+
+    <form class="my-3">
+        <div class="form-group">
+            <label for="search" class="sr-only">Filter packages</label>
+            <input type="text"
+                id="search"
+                class="form-control"
+                placeholder="Filter packages"
+                autocomplete="off"
+                autofocus>
+        </div>
+    </form>
+
+    <div id="repo-help" class="my-3">
+        <p>
+            This is a private Composer repository.
+            To use it, you have to <a title="Check how to add this repository to your project" data-toggle="collapse" href="#repo-config">add this repository</a> to your <code>composer.json</code> file.
+        </p>
+
+        <div id="repo-config" class="my-3 card card-outline collapse">
+            <div class="card-body">
+                <h5 class="card-title">Setting up this repository in your projects</h5>
+                <p>
+                    Add this <a href="https://getcomposer.org/" title="Visit getcomposer.org">Composer</a>
+                    repository to your project's <code>composer.json</code>
+                    file, then you can require these private packages just like you would with
+                    one from <a href="https://packagist.org">Packagist</a>.
+                </p>
+                <pre class="file my-3">{
+    "repositories": [
+        {
+            "type": "composer",
+            "url": "{{ url }}"
+        }
+    ]
+}</pre>
+            <p class="small mb-0">Read more on <a href="https://getcomposer.org/doc/articles/handling-private-packages-with-satis.md">how to handle composer private packages</a>.</p>
+            </div>
+        </div>
+    </div>
+
+    <div id="package-list">
+        {% for name, package in packages %}{% include 'package.html.twig' %}{% endfor %}
+    </div>
+
+    <div id="ft">
+        <p class="text-center"><small>This Composer repository is powered by <a href="https://github.com/composer/satis">Satis</a> {{ constant('Composer\\Satis\\Satis::VERSION') }}</small></p>
+    </div>
+</div>
+
+<script type="text/javascript">
+{{ source('build/app.js') }}
+</script>
+<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
+    <symbol id="octicon-link" viewBox="0 0 16 16">
+        <path fill="currentColor" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path>
+    </symbol>
+</svg>
+</body>
+</html>
diff --git a/tfs-theme/package.html.twig → talis-theme/package.html.twig b/tfs-theme/package.html.twig → talis-theme/package.html.twig
@@ -16,7 +16,7 @@
             <strong>Abandoned!</strong>
             Package is abandoned, you should avoid using it.
             {% if package.replacement %}
-                Use <code>{{ package.replacement }}</code> instead.
+                Use <code class="text-white">{{ package.replacement }}</code> instead.
             {% else %}
                 No replacement was suggested.
             {% endif %}

diff --git a/tfs-theme/favicon.ico b/tfs-theme/favicon.ico