cgit - the repository which powers this website

<div class="text-4xl"><a href="{{ cgit_rooturl()|attr }}" class="hover:text-[#73D0FF] hover:underline">{{ ctx.cfg.root_title }}</a> / <a href="{! cgit_shared_repolink_url(NULL, NULL, NULL); !}" class="font-semibold hover:text-[#73D0FF] hover:underline">{{ ctx.repo->name }}</a></div>

</div>

</header>

@@ -49,12 +49,12 @@

{# Repo navigation panel #}

{! repo_summary_bar_current_branch(); !}

- <a href="{! cgit_shared_repolink_url("log", ctx.qry.head, NULL); !}" class="flex gap-x-1 py-1.5 px-3 ml-3 rounded-md hover:bg-[#333A45]">

+ <!-- <a href="{! cgit_shared_repolink_url("log", ctx.qry.head, NULL); !}" class="flex gap-x-1 py-1.5 px-3 ml-3 rounded-md hover:bg-[#333A45]">

{# Heroicons micro clock #}

{! int num_commits = get_num_commits(); !}

<span class="font-semibold">{{ num_commits|%d }}</span><span class="font-semibold text-[#a3a29c]">Commit{% if num_commits != 1 %}s{% endif %}</span>

- </a>

+ </a> -->

{# Heroicons micro list-bullet #}

@@ -112,15 +112,24 @@

</button>

</div>

+ <div class="flex outline-1 outline-[#333A45] rounded-lg mb-2 has-[input:focus-within]:outline-2 has-[input:focus-within]:outline-[#73D0FF]">

+ {# Clone URL box #}

+ <span class="whitespace-pre py-1.5 px-2 text-sm text-[#a3a29c] bg-[#262F3F] border-r border-[#333A45]">SSH </span>

+ <input type="text" value="[email protected]/{! html_attr(ctx.repo->url); !}" class="ssh-repo-clone-url flex-1 py-1.5 pl-2 text-sm focus:outline-none bg-[#1F2430] text-[#CCCAC2]" onfocus="this.select();" readonly>

+ <button class="py-1.5 px-2 cursor-pointer" onclick="document.querySelector('.ssh-repo-clone-url').select();document.execCommand('copy');">

+ {# Heroicons micro clipboard #}

+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="size-4 text-[#a3a29c]"><path fill-rule="evenodd" d="M10.986 3H12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h1.014A2.25 2.25 0 0 1 7.25 1h1.5a2.25 2.25 0 0 1 2.236 2ZM9.5 4v-.75a.75.75 0 0 0-.75-.75h-1.5a.75.75 0 0 0-.75.75V4h3Z" clip-rule="evenodd" /></svg>

+ </button>

+ </div>

{# Heroicons micro arrow-top-right-on-square #}

Open with VS Code

</a>

- <a href="vscodium://vscode.git/clone?url={! cgit_add_clone_urls(html_url_arg); !}" class="flex items-center gap-x-1 hover:text-[#73D0FF] hover:underline mb-2">

+ <!-- <a href="vscodium://vscode.git/clone?url={! cgit_add_clone_urls(html_url_arg); !}" class="flex items-center gap-x-1 hover:text-[#73D0FF] hover:underline mb-2">

Open with VSCodium

- </a>

+ </a> -->

</div>

</nav>

@@ -133,7 +142,7 @@

{# cgit footer #}

generated by

- <a href="https://git-scm.com/" class="hover:text-[#73D0FF] hover:underline">git {{ git_version_string }}</a>)

+ (<a href="https://git-scm.com/" class="hover:text-[#73D0FF] hover:underline">git {{ git_version_string }}</a>)

</div>

diff --git a/themed/commit.html b/themed/commit.html
index d5f95c77..9c535b10 100644
--- a/themed/commit.html
+++ b/themed/commit.html

@@ -19,7 +19,7 @@

{! page_start(); !}

{! repo_header(); !}

- <main class="max-w-[1280px] mx-auto py-4">{# Main content #}

+ <main class="max-w-7xl mx-auto py-4 pl-2 pr-2">{# Main content #}

{! repo_description_panel(); !}

{! repo_summary_bar(); !}

@@ -37,7 +37,7 @@

</div>

- <img src="{! gravatar_url(info->author_email); !}?s=24">

+ <img class="gravatar" src="{! gravatar_url(info->author_email); !}?s=24">

<span class="font-semibold text-sm">{{ info->author }}</span>

<span class="text-[#a3a29c] text-sm">{! cgit_print_age_themed(info->committer_date, info->committer_tz, TM_MONTH * 12); !}</span>

diff --git a/themed/index.html b/themed/index.html
index 88fb6abc..997d367b 100644
--- a/themed/index.html
+++ b/themed/index.html

@@ -5,12 +5,14 @@

{! page_start(); !}

{# Repo header #}

- <div class="max-w-7xl mx-auto py-4 flex gap-x-1 items-center">

- <img width="40px" height="40px" src="/favicon.ico"></img>

- <a href="{{ cgit_rooturl()|attr }}" class="text-4xl text-[#CCCAC2] hover:text-[#73D0FF] hover:underline">{{ ctx.cfg.root_title }}</a>

+ <div class="pl-2 max-w-7xl mx-auto py-4 flex gap-x-1 items-center">

+ <a href="{{ cgit_rooturl()|attr }}"><img width="40px" height="40px" src="/favicon.ico"></img></a>

+ <a href="{{ cgit_rooturl()|attr }}" class="text-4xl text-[#CCCAC2] hover:text-[#73D0FF] hover:underline">

+ {{ ctx.cfg.root_title }}

+ </a>

</div>

</header>

- <main class="max-w-7xl mx-auto py-4">

+ <main class="max-w-7xl mx-auto py-4 pl-2 pr-2">

{# Main content #}

{# Search box #}

@@ -28,13 +30,13 @@

{! if (!cgit_repolist_is_visible(ctx.repo)) { continue; } !}

<div{% if i > 0 %} class="border-t border-[#333A45] pt-2 mt-2"{% endif %}>

{# Heroicons outline cube #}

- <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 text-[#a3a29c]"><path stroke-linecap="round" stroke-linejoin="round" d="m21 7.5-9-5.25L3 7.5m18 0-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9" /></svg>

+

</div>

- <div class="{% if i > 0 %}border-t border-[#333A45] pt-2 mt-2 {% endif %}pl-2">

+ <div class="{% if i > 0 %}border-t border-[#333A45] pt-2 mt-2 {% endif %}">

{! char *repourl = cgit_repourl(ctx.repo->url); !}

- <div><a href="{{ repourl|attr }}" class="font-semibold text-[#73D0FF] hover:text-[#4CB3FF] hover:underline">{{ ctx.repo->name }}</a></div>

+ <div><a href="{{ repourl|attr }}" class="text-lg font-bold text-[#73D0FF] hover:text-[#4CB3FF] hover:underline">{{ ctx.repo->name }}</a></div>

{! free(repourl); !}

- <div class="text-sm text-[#a3a29c]">{{ ctx.repo->desc }}</div>

+ <div class="text-sm text-[#CCCAC2]">{{ ctx.repo->desc }}</div>

<div class="text-sm text-[#a3a29c]">Updated {! cgit_repolist_print_modtime_themed(ctx.repo); !}</div>

</div>

{% endfor %}

diff --git a/themed/log.html b/themed/log.html
index ff8370a2..8446150d 100644
--- a/themed/log.html
+++ b/themed/log.html

@@ -1,7 +1,7 @@

{% page cgit_print_log %}

{! page_start(); !}

{! repo_header(); !}

- <main class="max-w-7xl mx-auto py-4">{# Main content #}

+ <main class="max-w-7xl mx-auto py-4 pl-2 pr-2">{# Main content #}

{! repo_description_panel(); !}

{! repo_summary_bar(); !}

@@ -31,7 +31,7 @@

<div><a href="{! cgit_shared_reporevlink_url("commit", ctx.qry.head, oid_to_hex(&commit->object.oid), ctx.qry.vpath); !}" class="hover:text-[#73D0FF] hover:underline">{{ info->subject }}</a></div>

- <img src="{! gravatar_url(info->author_email); !}?s=16">

+ <img class="gravatar" src="{! gravatar_url(info->author_email); !}?s=16">

{{ info->author }} committed {! cgit_print_age_themed(info->committer_date, info->committer_tz, TM_MONTH * 12); !}

</div>

diff --git a/themed/refs.html b/themed/refs.html
index 9267d1bc..c5e1b68d 100644
--- a/themed/refs.html
+++ b/themed/refs.html

@@ -36,7 +36,7 @@

{% if ref->object->type == OBJ_COMMIT %}

{{ info->subject }} · Updated {! cgit_print_age_themed(info->committer_date, info->committer_tz, TM_MONTH * 12); !}

- <img src="{! gravatar_url(info->author_email); !}?s=24" class="mt-[-0.2rem]">

+ <img class="gravatar" src="{! gravatar_url(info->author_email); !}?s=24" class="mt-[-0.2rem]">

</div>

{% endif %}

@@ -89,14 +89,14 @@

Updated {! cgit_print_age_themed(info->tagger_date, info->tagger_tz, TM_MONTH * 12); !}

{% endif %}

{% if info->tagger %}

- <img src="{! gravatar_url(info->tagger_email); !}?s=24" class="mt-[-0.2rem]">

+ <img class="gravatar" src="{! gravatar_url(info->tagger_email); !}?s=24" class="mt-[-0.2rem]">

{% endif %}

</div>

{% elif ref->object->type == OBJ_COMMIT %}

Updated {! cgit_print_age_themed(ref->commit->commit->date, 0, TM_MONTH * 12); !}

- <img src="{! gravatar_url(ref->commit->author_email); !}?s=24" class="mt-[-0.2rem]">

+ <img class="gravatar" src="{! gravatar_url(ref->commit->author_email); !}?s=24" class="mt-[-0.2rem]">

</div>

{% endif %}

diff --git a/themed/summary.html b/themed/summary.html
index 26342d53..a18983a6 100644
--- a/themed/summary.html
+++ b/themed/summary.html

@@ -10,7 +10,7 @@

{% block cgit_print_summary_impl %}

{! page_start(); !}

{! repo_header(); !}

- <main class="max-w-7xl mx-auto py-4">{# Main content #}

+ <main class="max-w-7xl mx-auto py-4 pl-2 pr-2">{# Main content #}

{! repo_description_panel(); !}

{! repo_summary_bar(); !}

@@ -29,8 +29,8 @@

}

struct commitinfo *info = cgit_parse_commit(commit);

- <div class="col-span-4 rounded-t-md bg-[#262F3F] px-3 py-2 flex gap-x-1">

- <img src="{! gravatar_url(info->author_email); !}?s=24">

+ <div class="col-span-4 rounded-t-md bg-[#262F3F] px-3 py-2 flex gap-x-1 items-center">

+ <img class="gravatar" src="{! gravatar_url(info->author_email); !}?s=32">

<span class="font-semibold">{{ info->author }}</span>

<a href="{! cgit_shared_reporevlink_url("commit", ctx.qry.head, oid_to_hex(&commit->object.oid), ctx.qry.vpath); !}" class="ml-2 text-[#a3a29c] hover:text-[#73D0FF] hover:underline">{{ info->subject }}</a>

@@ -41,6 +41,12 @@

{! cgit_print_age_themed(info->committer_date, info->committer_tz, TM_MONTH * 12); !}

</span>

+ <a href="{! cgit_shared_repolink_url("log", ctx.qry.head, NULL); !}" class="flex gap-x-1 py-1.5 px-3 ml-3 rounded-md hover:bg-[#333A45]">

+ {# Heroicons micro clock #}

+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="size-4 self-center text-[#a3a29c]"><path fill-rule="evenodd" d="M1 8a7 7 0 1 1 14 0A7 7 0 0 1 1 8Zm7.75-4.25a.75.75 0 0 0-1.5 0V8c0 .414.336.75.75.75h3.25a.75.75 0 0 0 0-1.5h-2.5v-3.5Z" clip-rule="evenodd" /></svg>

+ {! int num_commits = get_num_commits(); !}

+ <span class="font-semibold">{{ num_commits|%d }}</span><span class="font-semibold text-[#a3a29c]">Commit{% if num_commits != 1 %}s{% endif %}</span>

+ </a>

</div>

{! cgit_free_commitinfo(info); !}

{# Files #}

diff --git a/themed/themed.in.css b/themed/themed.in.css
index 646ad259..d274ef08 100644
--- a/themed/themed.in.css
+++ b/themed/themed.in.css

@@ -166,3 +166,7 @@

color: #F27983;

}

+.gravatar {

+ border-radius: 50%;

+} \ No newline at end of file

diff --git a/themed/tree.html b/themed/tree.html
index eaa2b4a4..516afc17 100644
--- a/themed/tree.html
+++ b/themed/tree.html

@@ -135,7 +135,7 @@

{! page_start(); !}

{! repo_header(); !}

- <main class="max-w-7xl mx-auto py-4">{# Main content #}

+ <main class="max-w-7xl mx-auto py-4 pl-2 pr-2">{# Main content #}

{! repo_description_panel(); !}

char *hex = ctx.qry.oid;