CatAClock/forgejo
1
0
Fork 0
mirror of https://codeberg.org/forgejo/forgejo.git synced 2025-04-24 20:47:30 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 10

feat(ui): redesign migration selection screen (#6795)

Browse source 
Ref https://codeberg.org/forgejo/design/issues/9.

Changes:
* Updated SVGs which had inconsistent paddings making them look off
* Better usability on mobile
* Better space efficiency on desktop, up to 4 columns
* Nice responsive design
* Less bland look on desktop. The borders were already here but invisible in Forgejo dark theme

Preview:
* https://codeberg.org/attachments/3c9e10ae-3315-46e5-b8bb-8021f6fd8936
* https://codeberg.org/attachments/8196ad89-5ab6-443a-98ce-a70dcc75bca9
* https://codeberg.org/attachments/24f52a14-2ac4-4949-8108-55c34bd3c650

Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/6795
Reviewed-by: Beowulf <beowulf@beocode.eu>
Reviewed-by: Otto <otto@codeberg.org>
This commit is contained in:
0ko 2025-04-19 13:51:35 +00:00
parent 78e56ee2f7
commit a0c9e81611
17 changed files with 149 additions and 94 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
public/assets/img/svg/gitea-forgejo.svg generated
View file

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="gitea-forgejo__forgejo-logo svg gitea-forgejo" viewBox="0 0 256 256" width="16" height="16"><g fill="none" transform="translate(28 28)"><path stroke="#f60" stroke-width="25" d="M58 168V70a50 50 0 0 1 50-50h20"/><path stroke="#d40000" stroke-width="25" d="M58 168v-30a50 50 0 0 1 50-50h20"/><circle cx="142" cy="20" r="18" stroke="#f60" stroke-width="15"/><circle cx="142" cy="88" r="18" stroke="#d40000" stroke-width="15"/><circle cx="58" cy="180" r="18" stroke="#d40000" stroke-width="15"/></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="gitea-forgejo__forgejo-logo svg gitea-forgejo" viewBox="0 0 212 212" width="16" height="16"><g fill="none" transform="translate(6 6)"><path stroke="#f60" stroke-width="25" d="M58 168V70a50 50 0 0 1 50-50h20"/><path stroke="#d40000" stroke-width="25" d="M58 168v-30a50 50 0 0 1 50-50h20"/><circle cx="142" cy="20" r="18" stroke="#f60" stroke-width="15"/><circle cx="142" cy="88" r="18" stroke="#d40000" stroke-width="15"/><circle cx="58" cy="180" r="18" stroke="#d40000" stroke-width="15"/></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 567 B

After

Width:  |  Height:  |  Size: 565 B

2
public/assets/img/svg/gitea-git.svg generated
View file

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="svg gitea-git" width="16" height="16" aria-hidden="true"><path d="M42.2 22.1 25.9 5.8c-.5-.5-1.2-.8-1.9-.8s-1.4.3-1.9.8l-3.5 3.5 4.1 4.1c.4-.2.8-.3 1.3-.3 1.7 0 3 1.3 3 3 0 .5-.1.9-.3 1.3l4 4c.4-.2.8-.3 1.3-.3 1.7 0 3 1.3 3 3s-1.3 3-3 3-3-1.3-3-3c0-.5.1-.9.3-1.3l-4-4c-.1 0-.2.1-.3.1v10.4c1.2.4 2 1.5 2 2.8 0 1.7-1.3 3-3 3s-3-1.3-3-3c0-1.3.8-2.4 2-2.8V18.8c-1.2-.4-2-1.5-2-2.8 0-.5.1-.9.3-1.3l-4.1-4.1L5.8 22.1c-.5.5-.8 1.2-.8 1.9s.3 1.4.8 1.9l16.3 16.3c.5.5 1.2.8 1.9.8s1.4-.3 1.9-.8l16.3-16.3c.5-.5.8-1.2.8-1.9s-.3-1.4-.8-1.9"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="svg gitea-git" width="16" height="16" aria-hidden="true"><path d="M46.99 21.6 26.4 1.01A3.45 3.45 0 0 0 24 0c-.884 0-1.768.379-2.4 1.01l-4.421 4.422 5.179 5.179A3.5 3.5 0 0 1 24 10.23c2.147 0 3.79 1.643 3.79 3.79 0 .632-.127 1.137-.38 1.642l5.053 5.053a3.5 3.5 0 0 1 1.642-.38c2.148 0 3.79 1.643 3.79 3.79s-1.642 3.79-3.79 3.79c-2.147 0-3.79-1.642-3.79-3.79 0-.631.127-1.137.38-1.642l-5.053-5.052c-.126 0-.253.126-.379.126v13.137c1.516.505 2.526 1.894 2.526 3.537 0 2.147-1.642 3.79-3.789 3.79s-3.79-1.643-3.79-3.79c0-1.643 1.011-3.032 2.527-3.537V17.432c-1.516-.506-2.526-1.895-2.526-3.537 0-.632.126-1.137.378-1.642l-5.178-5.18L1.01 21.6A3.45 3.45 0 0 0 0 24c0 .884.379 1.768 1.01 2.4L21.6 46.99A3.45 3.45 0 0 0 24 48c.884 0 1.768-.379 2.4-1.01L46.99 26.4A3.45 3.45 0 0 0 48 24c0-.884-.379-1.768-1.01-2.4"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 603 B

After

Width:  |  Height:  |  Size: 882 B

2
public/assets/img/svg/gitea-gogs.svg generated
View file

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 67.733 67.733" class="svg gitea-gogs" width="16" height="16" aria-hidden="true"><g style="display:inline"><path d="M28.764 62.186c-.212-.03-.436-.106-.498-.17-.143-.149-.325-.78-.89-3.087-.248-1.01-.506-1.976-.574-2.146-.149-.372-.48-.586-2.138-1.376-1.849-.882-3.864-2.103-5.63-3.413l-.753-.56-2.322.68c-1.278.372-2.658.75-3.069.839l-.745.161-.352-.536c-.952-1.453-3.563-5.958-4.626-7.978l-.557-1.06.483-.591c.266-.326 1.293-1.418 2.282-2.427l1.8-1.835-.181-1.039c-.161-.925-.18-1.32-.183-3.624-.002-2.082.026-2.778.143-3.58l.146-.994-2.063-2.035c-1.532-1.51-2.104-2.127-2.22-2.393-.154-.353-.154-.361.003-.767.476-1.232 4.42-7.981 5.186-8.876l.257-.3.484.125c.267.07 1.586.437 2.93.818l2.445.691.43-.26c.236-.144.845-.565 1.352-.936 1.305-.955 2.69-1.762 4.708-2.743 1.875-.912 1.839-.883 2.124-1.683.066-.184.337-1.17.602-2.193.265-1.022.573-2.136.685-2.476.176-.534.233-.623.422-.665.484-.106 3.97-.15 7.292-.093l3.52.061.43 1.748c.51 2.069.91 3.48 1.128 3.991.174.407.008.309 2.594 1.536 1.355.643 2.654 1.424 4.307 2.59.702.497 1.338.945 1.413.996.11.075.503-.016 1.995-.464a91 91 0 0 1 3.022-.85l1.163-.295.145.192c.933 1.235 5.325 8.9 5.325 9.293 0 .334-.488.915-2.54 3.027l-1.894 1.948.158.96c.228 1.383.275 3.127.159 5.922l-.102 2.451 1.51 1.495c1.55 1.535 2.471 2.55 2.683 2.959.116.223.104.265-.329 1.131-1.29 2.583-4.51 8.106-4.924 8.445-.23.187-.907.06-3.362-.636-1.264-.358-2.428-.67-2.585-.693-.255-.038-.378.02-1.095.52-2.75 1.915-3.396 2.301-5.615 3.357-.864.41-1.587.808-1.713.941-.28.295-.5 1.01-1.142 3.71l-.508 2.141-1.894.05c-2.516.066-8.338.064-8.822-.004zm7.858-12.12c2.091-.389 5.175-1.724 6.867-2.974 1.797-1.327 4.758-4.883 4.977-5.976.047-.236.02-.268-.545-.647-.9-.603-2.188-1.377-5.078-3.05-4.184-2.421-4.523-2.676-4.524-3.398-.001-1.34-1.22-3.278-2.424-3.858-1.79-.861-3.842-.522-5.214.864-.315.318-.68.79-.821 1.058-1.356 2.595.091 5.559 3.005 6.155.886.181 1.73.074 2.913-.372l.88-.332 2.022 1.158c2.672 1.531 3.619 2.123 4.1 2.561.34.31.392.395.347.573-.077.304-.674 1.002-1.394 1.63-1.608 1.404-3.353 2.267-5.547 2.743-1.178.256-3.523.256-4.7 0-1.21-.262-1.987-.533-3.065-1.07a12.46 12.46 0 0 1-6.83-9.635c-.156-1.255-.067-3.198.201-4.38 1.025-4.512 4.41-7.971 8.972-9.169 1.369-.359 1.99-.43 3.327-.382 1.261.046 1.954.168 3.54.625.566.162 1.095.26 1.455.268.495.012.62-.018 1.01-.236 1.08-.605 1.36-1.855.603-2.693-1.318-1.458-6.683-2.214-10.374-1.462-2.483.506-5.054 1.805-6.994 3.535-2.575 2.295-4.26 4.712-5.127 7.353-.924 2.816-1.025 6.141-.275 9.11.774 3.063 2.55 5.963 4.958 8.095 2.442 2.162 5.767 3.672 8.928 4.055 1.089.132 3.735.05 4.807-.15z" style="display:inline;fill:#d75547;fill-opacity:1;fill-rule:evenodd;stroke:#428f29;stroke-width:.0190672;paint-order:markers fill stroke"/></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 67.725 67.725" class="svg gitea-gogs" width="16" height="16" aria-hidden="true"><g style="display:inline"><path d="M27.943 67.653c-.253-.035-.52-.127-.595-.205-.17-.176-.389-.932-1.065-3.691-.296-1.21-.605-2.364-.686-2.567-.178-.445-.575-.7-2.558-1.646-2.212-1.055-4.622-2.517-6.734-4.083l-.902-.67-2.778.812c-1.528.447-3.18.899-3.67 1.005l-.892.193-.42-.642c-1.14-1.738-4.263-7.126-5.535-9.544l-.666-1.266.578-.708c.318-.39 1.547-1.696 2.73-2.903l2.152-2.195-.216-1.243c-.192-1.107-.216-1.578-.219-4.335-.002-2.491.031-3.324.172-4.283l.175-1.19-2.47-2.434c-1.831-1.806-2.516-2.544-2.655-2.862-.184-.423-.184-.432.004-.918.57-1.473 5.287-9.547 6.203-10.617l.308-.36.58.15c.319.084 1.896.524 3.505.979l2.924.827.514-.312c.283-.171 1.011-.675 1.618-1.12 1.56-1.142 3.218-2.107 5.631-3.28 2.243-1.091 2.2-1.057 2.542-2.014.079-.22.402-1.4.72-2.623.316-1.222.685-2.555.82-2.961.21-.64.278-.747.504-.796.579-.127 4.75-.18 8.723-.111l4.21.073.515 2.09c.61 2.475 1.087 4.164 1.349 4.774.209.488.01.37 3.103 1.837 1.621.77 3.175 1.704 5.152 3.1.84.593 1.601 1.13 1.691 1.19.132.09.601-.019 2.387-.554 1.222-.367 2.849-.825 3.614-1.018l1.392-.352.173.23c1.116 1.476 6.37 10.647 6.37 11.116 0 .4-.584 1.095-3.04 3.621l-2.264 2.33.19 1.15c.272 1.654.327 3.74.188 7.083l-.121 2.932L63 41.431c1.854 1.836 2.956 3.05 3.21 3.539.139.266.124.317-.393 1.353-1.543 3.09-5.396 9.697-5.891 10.102-.274.224-1.084.07-4.022-.761-1.512-.429-2.904-.802-3.093-.83-.304-.044-.451.026-1.309.623-3.29 2.291-4.062 2.753-6.717 4.015-1.034.492-1.898.967-2.05 1.127-.334.353-.598 1.209-1.365 4.438l-.608 2.561-2.265.06c-3.01.079-9.974.076-10.554-.005zm9.4-14.499c2.502-.465 6.191-2.062 8.215-3.557 2.15-1.588 5.692-5.842 5.953-7.15.057-.28.024-.32-.651-.773-1.076-.722-2.617-1.647-6.075-3.648-5.005-2.897-5.411-3.202-5.412-4.065-.001-1.603-1.458-3.921-2.9-4.615-2.141-1.03-4.595-.624-6.236 1.034-.377.38-.815.944-.983 1.266-1.621 3.103.11 6.649 3.595 7.362 1.06.217 2.07.088 3.485-.445l1.053-.397 2.418 1.386c3.197 1.831 4.33 2.538 4.906 3.063.407.37.468.472.414.685-.092.364-.806 1.199-1.668 1.95-1.924 1.68-4.01 2.711-6.635 3.281-1.41.306-4.215.306-5.622.001-1.449-.315-2.378-.639-3.666-1.28a14.9 14.9 0 0 1-8.17-11.527c-.188-1.501-.081-3.825.24-5.24 1.225-5.397 5.274-9.535 10.732-10.967 1.637-.43 2.38-.515 3.98-.457 1.509.055 2.338.2 4.235.747.677.194 1.31.311 1.74.321.593.014.743-.021 1.208-.282 1.292-.725 1.626-2.22.721-3.221-1.576-1.745-7.993-2.65-12.41-1.75-2.97.606-6.045 2.16-8.365 4.229-3.08 2.746-5.096 5.636-6.133 8.796-1.107 3.368-1.227 7.346-.33 10.896.926 3.665 3.05 7.134 5.931 9.685 2.92 2.586 6.899 4.393 10.68 4.851 1.303.158 4.467.06 5.75-.179z" style="display:inline;fill:#d75547;fill-opacity:1;fill-rule:evenodd;stroke:#428f29;stroke-width:.0190659;paint-order:markers fill stroke"/></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

3
services/webhook/default.go
View file

@ -36,8 +36,7 @@ func (dh defaultHandler) Type() webhook_module.HookType {
func (dh defaultHandler) Icon(size int) template.HTML {
if dh.forgejo {
// forgejo.svg is not in web_src/svg/, so svg.RenderHTML does not work
return shared.ImgIcon("forgejo.svg", size)
return svg.RenderHTML("gitea-forgejo", size, "img")
}
return svg.RenderHTML("gitea-gitea", size, "img")
}

45
templates/repo/migrate/migrate.tmpl
View file

@ -1,31 +1,26 @@
{{template "base/head" .}}
<div role="main" aria-label="{{.Title}}" class="page-content repository new migrate">
<div class="ui middle very relaxed page grid">
<div class="column">
{{template "repo/migrate/helper" .}}
<div class="ui cards migrate-entries">
{{range .Services}}
<a class="ui card migrate-entry tw-flex tw-items-center" href="{{AppSubUrl}}/repo/migrate?service_type={{.}}&org={{$.Org}}&mirror={{$.Mirror}}">
{{if eq .Name "github"}}
{{svg "octicon-mark-github" 184 "tw-p-4"}}
{{else if eq .Name "gitlab"}}
{{svg "gitea-gitlab" 184 "tw-p-4"}}
{{else if eq .Name "gitbucket"}}
{{svg "gitea-gitbucket" 184 "tw-p-4"}}
{{else}}
{{svg (printf "gitea-%s" .Name) 184}}
{{end}}
<div class="content">
<div class="header tw-text-center">
{{.Title}}
</div>
<div class="description tw-text-center">
{{ctx.Locale.Tr (printf "repo.migrate.%s.description" .Name)}}
</div>
<div class="ui container">
<h2 class="tw-mt-4">Migrate repository</h1>
{{template "repo/migrate/helper" .}}
<div class="migrate-entries">
{{range .Services}}
<a class="migrate-entry tw-items-center" href="{{AppSubUrl}}/repo/migrate?service_type={{.}}&org={{$.Org}}&mirror={{$.Mirror}}">
{{if eq .Name "github"}}
{{svg "octicon-mark-github" 184}}
{{else}}
{{svg (printf "gitea-%s" .Name) 184}}
{{end}}
<div class="content">
<h3>
{{.Title}}
</h3>
<div class="description">
{{ctx.Locale.Tr (printf "repo.migrate.%s.description" .Name)}}
</div>
</a>
{{end}}
</div>
</div>
</a>
{{end}}
</div>
</div>
</div>

18
tests/e2e/repo-migrate.test.e2e.ts
View file

@ -7,6 +7,24 @@ import {test, save_visual, test_context, dynamic_id} from './utils_e2e.ts';
test.use({user: 'user2'});
test('Migration type seleciton screen', async ({page}) => {
await page.goto('/repo/migrate');
// For branding purposes, it is desired that `gitea-` prefixes in SVGs are
// replaced with something like `productlogo-`.
await expect(page.locator('svg.gitea-git')).toBeVisible();
await expect(page.locator('svg.octicon-mark-github')).toBeVisible();
await expect(page.locator('svg.gitea-gitlab')).toBeVisible();
await expect(page.locator('svg.gitea-forgejo')).toBeVisible();
await expect(page.locator('svg.gitea-gitea')).toBeVisible();
await expect(page.locator('svg.gitea-gogs')).toBeVisible();
await expect(page.locator('svg.gitea-onedev')).toBeVisible();
await expect(page.locator('svg.gitea-gitbucket')).toBeVisible();
await expect(page.locator('svg.gitea-codebase')).toBeVisible();
await save_visual(page);
});
test('Migration Repo Name detection', async ({page}, workerInfo) => {
test.skip(workerInfo.project.name === 'Mobile Safari', 'Flaky actionability checks on Mobile Safari');

5
web_src/css/base.css
View file

@ -18,6 +18,7 @@
/* other variables */
--border-radius: 4px;
--border-radius-medium: 6px;
--border-radius-large: 25px;
--border-radius-full: 99999px; /* TODO: use calc(infinity * 1px) */
--opacity-disabled: 0.55;
--height-loading: 16rem;
@ -1282,10 +1283,6 @@ svg.text.purple,
width: 100%;
}
.migrate .svg.gitea-git {
color: var(--color-git);
}
.color-icon {
display: inline-block;
border-radius: var(--border-radius-full);

1
web_src/css/index.css
View file

@ -75,6 +75,7 @@
@import "./explore.css";
@import "./review.css";
@import "./actions.css";
@import "./migrate.css";
@tailwind utilities;
@import "./helpers.css";

68
web_src/css/migrate.css Normal file
View file

@ -0,0 +1,68 @@
.migrate .svg.gitea-git {
--git-logo-color: #f05133;
color: var(--git-logo-color);
}
.migrate-entries {
display: grid;
/* Limited to 4 cols by 1280px container */
grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
gap: 1.5rem;
}
.migrate-entry svg {
padding: 1.5rem;
}
.migrate-entry {
display: flex;
flex-direction: column;
color: var(--color-text);
background: var(--color-card);
border: 1px solid var(--fancy-card-border);
border-radius: var(--border-radius-large);
transition: all 0.1s ease-in-out;
}
.migrate-entry:hover {
transform: scale(105%);
box-shadow: 0 0.5rem 1rem var(--color-shadow);
color: var(--color-text);
}
.migrate-entry .content {
width: 100%;
margin-top: .5rem;
padding: 1rem;
flex: 1;
}
.migrate-entry .description {
margin-top: .5rem;
text-wrap: balance;
}
/* Desktop layout features */
@media (min-width: 599.98px) {
.migrate-entry .content {
text-align: center;
border-top: 1px solid var(--fancy-card-border);
border-radius: 0 0 var(--border-radius-large) var(--border-radius-large);
background: var(--fancy-card-bg);
}
}
/* Mobile layout features */
@media (max-width: 600px) {
.migrate-entries {
grid-template-columns: repeat(1, 1fr);
}
.migrate-entry {
flex-direction: row;
}
.migrate-entry svg {
height: 100%;
width: 100%;
max-width: 128px;
}
}

31
web_src/css/repo.css
View file

@ -2764,37 +2764,6 @@ tbody.commit-list {
border-left: 1px solid var(--color-secondary);
}
.migrate-entries {
display: grid !important;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
margin: 0 !important;
}
@media (max-width: 767.98px) {
.migrate-entries {
grid-template-columns: repeat(1, 1fr);
}
}
.migrate-entry {
transition: all 0.1s ease-in-out;
box-shadow: none !important;
border: 1px solid var(--color-secondary);
color: var(--color-text) !important;
width: auto !important;
margin: 0 !important;
}
.migrate-entry:hover {
transform: scale(105%);
box-shadow: 0 0.5rem 1rem var(--color-shadow) !important;
}
.migrate-entry .description {
text-wrap: balance;
}
.commits-table .commits-table-right form {
display: flex;
align-items: center;

3
web_src/css/themes/theme-forgejo-dark.css
View file

@ -196,7 +196,6 @@
--color-orange-badge: #ea580c;
--color-orange-badge-bg: #ea580c22;
--color-orange-badge-hover-bg: #ea580c44;
--color-git: #f05133;
/* Icon colors (PR/Issue/...) */
--color-icon-green: #3fb950;
--color-icon-red: #f85149;
@ -228,6 +227,8 @@
--color-active: var(--steel-650);
--color-menu: var(--steel-700);
--color-card: var(--steel-700);
--fancy-card-bg: var(--steel-650);
--fancy-card-border: var(--steel-600);
--color-markup-table-row: #ffffff06;
--color-markup-code-block: var(--steel-800);
--color-markup-code-inline: var(--steel-850);

3
web_src/css/themes/theme-forgejo-light.css
View file

@ -212,7 +212,6 @@
--color-orange-badge: #ea580c;
--color-orange-badge-bg: #ea580c22;
--color-orange-badge-hover-bg: #ea580c44;
--color-git: #f05133;
/* Icon colors (PR/Issue/...) */
--color-icon-green: var(--color-green-light);
--color-icon-red: var(--color-red-light);
@ -244,6 +243,8 @@
--color-active: #d4d4d8aa;
--color-menu: var(--zinc-100);
--color-card: var(--zinc-50);
--fancy-card-bg: var(--zinc-100);
--fancy-card-border: var(--zinc-200);
--color-markup-table-row: #ffffff06;
--color-markup-code-block: var(--zinc-150);
--color-markup-code-inline: var(--zinc-200);

3
web_src/css/themes/theme-gitea-dark.css
View file

@ -179,7 +179,6 @@
--color-orange-badge: #f2711c;
--color-orange-badge-bg: #f2711c1a;
--color-orange-badge-hover-bg: #f2711c4d;
--color-git: #f05133;
/* Icon colors (PR/Issue/...) */
--color-icon-green: var(--color-green);
--color-icon-red: var(--color-red);
@ -209,6 +208,8 @@
--color-active: #e8e8ff24;
--color-menu: #151a1e;
--color-card: #151a1e;
--fancy-card-bg: #14171a;
--fancy-card-border: #3b444a;
--color-markup-table-row: #e8e8ff0f;
--color-markup-code-block: #e8e8ff12;
--color-markup-code-inline: #e8e8ff28;

3
web_src/css/themes/theme-gitea-light.css
View file

@ -179,7 +179,6 @@
--color-orange-badge: #f2711c;
--color-orange-badge-bg: #f2711c1a;
--color-orange-badge-hover-bg: #f2711c4d;
--color-git: #f05133;
/* Icon colors (PR/Issue/...) */
--color-icon-green: var(--color-green);
--color-icon-red: var(--color-red);
@ -209,6 +208,8 @@
--color-active: #00001714;
--color-menu: #f8f9fb;
--color-card: #f8f9fb;
--fancy-card-bg: #ffffff;
--fancy-card-border: #d0d7de;
--color-markup-table-row: #0030600a;
--color-markup-code-block: #00306010;
--color-markup-code-inline: #00306012;

4
web_src/svg/gitea-forgejo.svg
View file

@ -1,5 +1,5 @@
<svg width="64" height="64" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" class="forgejo-logo" aria-hidden="true">
<g transform="translate(28,28)">
<svg width="64" height="64" viewBox="0 0 212 212" xmlns="http://www.w3.org/2000/svg" class="forgejo-logo" aria-hidden="true">
<g transform="translate(6,6)">
<path d="M58 168 v-98 a50 50 0 0 1 50-50 h20" fill="none" stroke="#ff6600" stroke-width="25" />
<path d="M58 168 v-30 a50 50 0 0 1 50-50 h20" fill="none" stroke="#d40000" stroke-width="25" />
<circle cx="142" cy="20" r="18" fill="none" stroke="#ff6600" stroke-width="15" />

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 633 B

After

Width:  |  Height:  |  Size: 631 B

4
web_src/svg/gitea-git.svg
View file

@ -1 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="64px" height="64px"><path d="M42.2,22.1L25.9,5.8C25.4,5.3,24.7,5,24,5c0,0,0,0,0,0c-0.7,0-1.4,0.3-1.9,0.8l-3.5,3.5l4.1,4.1c0.4-0.2,0.8-0.3,1.3-0.3c1.7,0,3,1.3,3,3c0,0.5-0.1,0.9-0.3,1.3l4,4c0.4-0.2,0.8-0.3,1.3-0.3c1.7,0,3,1.3,3,3s-1.3,3-3,3c-1.7,0-3-1.3-3-3c0-0.5,0.1-0.9,0.3-1.3l-4-4c-0.1,0-0.2,0.1-0.3,0.1v10.4c1.2,0.4,2,1.5,2,2.8c0,1.7-1.3,3-3,3s-3-1.3-3-3c0-1.3,0.8-2.4,2-2.8V18.8c-1.2-0.4-2-1.5-2-2.8c0-0.5,0.1-0.9,0.3-1.3l-4.1-4.1L5.8,22.1C5.3,22.6,5,23.3,5,24c0,0.7,0.3,1.4,0.8,1.9l16.3,16.3c0,0,0,0,0,0c0.5,0.5,1.2,0.8,1.9,0.8s1.4-0.3,1.9-0.8l16.3-16.3c0.5-0.5,0.8-1.2,0.8-1.9C43,23.3,42.7,22.6,42.2,22.1z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="50.667px" height="50.667px">
<path d="M 46.989474,21.6 26.399999,1.0105263 C 25.768421,0.3789474 24.884211,0 24,0 c 0,0 0,0 0,0 -0.884211,0 -1.768421,0.3789474 -2.400001,1.0105263 l -4.421052,4.4210527 5.178947,5.178947 C 22.863158,10.357895 23.368422,10.231579 24,10.231579 c 2.147368,0 3.789474,1.642105 3.789474,3.789474 0,0.631579 -0.126316,1.136842 -0.378947,1.642105 l 5.052631,5.052632 c 0.505264,-0.252632 1.010526,-0.378948 1.642106,-0.378948 2.147368,0 3.789473,1.642105 3.789473,3.789474 0,2.147368 -1.642105,3.789474 -3.789473,3.789474 -2.14737,0 -3.789474,-1.642106 -3.789474,-3.789474 0,-0.631579 0.126316,-1.136842 0.378947,-1.642105 l -5.052631,-5.052632 c -0.126316,0 -0.252633,0.126316 -0.378947,0.126316 v 13.136842 c 1.515788,0.505263 2.526315,1.894737 2.526315,3.536842 0,2.147368 -1.642106,3.789474 -3.789474,3.789474 -2.147368,0 -3.789474,-1.642106 -3.789474,-3.789474 0,-1.642105 1.010527,-3.031579 2.526316,-3.536842 V 17.431579 c -1.515789,-0.505263 -2.526316,-1.894737 -2.526316,-3.536842 0,-0.631579 0.126316,-1.136842 0.378947,-1.642105 L 15.410526,7.073684 1.0105264,21.6 C 0.3789474,22.231579 0,23.11579 0,24 c 0,0.884211 0.3789474,1.768421 1.0105264,2.4 L 21.599999,46.989474 c 0,0 0,0 0,0 C 22.231579,47.621053 23.115789,48 24,48 c 0.884211,0 1.768421,-0.378947 2.399999,-1.010526 L 46.989474,26.4 C 47.621053,25.768421 48,24.884211 48,24 48,23.11579 47.621053,22.231579 46.989474,21.6 Z" />
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 687 B

After

Width:  |  Height:  |  Size: 1.5 KiB

46
web_src/svg/gitea-gogs.svg
View file

@ -1,19 +1,19 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="67.73333mm"
height="67.73333mm"
viewBox="0 0 67.73333 67.73333"
width="64mm"
height="64mm"
viewBox="0 0 67.724868 67.724868"
version="1.1"
id="svg8"
inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
sodipodi:docname="gitea-gogs.svg">
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
sodipodi:docname="gitea-gogs.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs2" />
<sodipodi:namedview
@ -24,17 +24,20 @@
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="2.4352161"
inkscape:cx="145.15203"
inkscape:cy="129.56614"
inkscape:cx="122.57639"
inkscape:cy="137.97543"
inkscape:document-units="mm"
inkscape:current-layer="layer3"
inkscape:document-rotation="0"
showgrid="false"
inkscape:window-width="1920"
inkscape:window-height="1006"
inkscape:window-x="1200"
inkscape:window-y="444"
inkscape:window-maximized="1" />
inkscape:window-width="2327"
inkscape:window-height="1238"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:showpageshadow="2"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1" />
<metadata
id="metadata5">
<rdf:RDF>
@ -43,7 +46,6 @@
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
@ -53,8 +55,8 @@
inkscape:label="Layer 3"
style="display:inline">
<path
style="display:inline;fill:#d75547;fill-opacity:1;fill-rule:evenodd;stroke:#428f29;stroke-width:0.0190672;paint-order:markers fill stroke"
d="M 28.763808,62.186078 C 28.552224,62.156588 28.3282,62.079645 28.265977,62.01509 28.123377,61.867145 27.941284,61.235718 27.375971,58.928893 27.128273,57.918138 26.870167,56.952588 26.8024,56.783223 26.653428,56.410912 26.321729,56.197407 24.664484,55.407125 22.815394,54.525354 20.800132,53.303558 19.034519,51.99383 l -0.753641,-0.55905 -2.322335,0.678345 c -1.277286,0.37309 -2.657942,0.75099 -3.068125,0.839774 l -0.745787,0.161424 -0.351437,-0.536616 C 10.841488,51.124528 8.2297585,46.620395 7.1670955,44.599636 L 6.6102577,43.540752 7.0934858,42.948695 c 0.2657754,-0.325634 1.2926661,-1.41771 2.2819797,-2.426837 l 1.7987515,-1.834779 -0.180416,-1.038637 c -0.160803,-0.925735 -0.180684,-1.319661 -0.182886,-3.623976 -0.002,-2.082515 0.02593,-2.77882 0.143552,-3.580102 L 11.100491,29.449609 9.0366642,27.414662 C 7.5050421,25.904473 6.9326263,25.287565 6.8169034,25.02237 6.6626002,24.668764 6.6626297,24.660735 6.8197249,24.254845 7.2963868,23.023252 11.239804,16.273894 12.005659,15.378857 l 0.257067,-0.300427 0.484759,0.125942 c 0.266618,0.06927 1.585016,0.43706 2.929773,0.817315 l 2.445013,0.691373 0.429771,-0.260466 c 0.236371,-0.143253 0.844892,-0.564341 1.352266,-0.935741 1.30433,-0.954784 2.690014,-1.762213 4.707543,-2.74306 1.87475,-0.911433 1.838916,-0.883043 2.124645,-1.683256 0.06563,-0.1838 0.336217,-1.1703787 0.601305,-2.1923981 0.26509,-1.0220196 0.573575,-2.1360624 0.685518,-2.4756513 0.17614,-0.5343091 0.23295,-0.623873 0.421984,-0.6652627 0.483669,-0.1058996 3.97054,-0.1502609 7.292057,-0.092772 l 3.518704,0.060902 0.430989,1.7479767 c 0.510047,2.0686117 0.909017,3.4804444 1.127722,3.9906574 0.174557,0.407221 0.0081,0.308631 2.593742,1.53554 1.3556,0.643225 2.654323,1.424602 4.307061,2.591347 0.702523,0.495943 1.33877,0.943783 1.413882,0.995202 0.109699,0.0751 0.502152,-0.01615 1.994813,-0.463793 1.022033,-0.306501 2.381778,-0.689488 3.021651,-0.85108 l 1.163411,-0.293805 0.145052,0.19205 c 0.93221,1.234241 5.324678,8.900157 5.324678,9.292846 0,0.333447 -0.488016,0.914807 -2.540796,3.02678 l -1.893181,1.947777 0.15824,0.960735 c 0.227755,1.382822 0.274355,3.126299 0.15827,5.921847 l -0.101763,2.450639 1.510118,1.495377 c 1.549811,1.534681 2.47101,2.550338 2.683271,2.958414 0.115947,0.22291 0.103768,0.264805 -0.328833,1.13109 -1.289906,2.583039 -4.510781,8.106197 -4.924647,8.444791 -0.229142,0.187467 -0.906252,0.05936 -3.361841,-0.636096 -1.264388,-0.358089 -2.427812,-0.66997 -2.585382,-0.693076 -0.254259,-0.03729 -0.377393,0.02128 -1.094426,0.520539 -2.75021,1.914888 -3.396183,2.301016 -5.615132,3.356412 -0.864328,0.4111 -1.586938,0.808234 -1.713456,0.94169 -0.279925,0.295269 -0.499881,1.010417 -1.141053,3.709893 l -0.508517,2.140988 -1.893589,0.04981 c -2.516342,0.0662 -8.338233,0.06367 -8.822539,-0.0038 z m 7.858077,-12.120535 c 2.091378,-0.388455 5.175143,-1.723813 6.867427,-2.973786 1.796481,-1.326945 4.757949,-4.883235 4.97652,-5.976082 0.04707,-0.23538 0.0195,-0.268126 -0.544626,-0.646577 -0.89966,-0.603557 -2.187787,-1.377201 -5.078243,-3.049968 -4.184205,-2.421491 -4.52345,-2.676285 -4.524118,-3.397889 -0.0011,-1.340016 -1.219035,-3.278179 -2.4241,-3.858035 -1.790528,-0.861573 -3.841611,-0.52172 -5.213619,0.863866 -0.315085,0.318202 -0.680808,0.789483 -0.82133,1.058382 -1.355657,2.59418 0.09164,5.558218 3.005202,6.154597 0.886416,0.181439 1.72976,0.07365 2.913276,-0.372328 l 0.879991,-0.331607 2.02184,1.158352 c 2.672299,1.531012 3.61875,2.12207 4.1007,2.560884 0.340094,0.309652 0.391458,0.394601 0.346398,0.57285 -0.0768,0.303803 -0.673843,1.002125 -1.394132,1.630629 -1.608465,1.403495 -3.352982,2.265892 -5.547142,2.742214 -1.178042,0.255735 -3.523379,0.256058 -4.699639,6.79e-4 -1.211182,-0.262989 -1.987409,-0.533958 -3.06492,-1.06991 -3.757271,-1.868855 -6.310115,-5.470633 -6.829909,-9.636234 -0.156607,-1.255046 -0.06748,-3.197221 0.200967,-4.379595 1.024517,-4.512371 4.409288,-7.971423 8.971948,-9.168835 1.368354,-0.359109 1.98948,-0.43042 3.32699,-0.381966 1.261093,0.04568 1.953923,0.167871 3.540434,0.624377 0.565292,0.162659 1.094549,0.260446 1.454278,0.268701 0.495297,0.01136 0.620752,-0.01798 1.009916,-0.236201 1.079693,-0.605431 1.3594,-1.855128 0.602683,-2.692712 -1.317562,-1.458359 -6.682213,-2.214558 -10.373764,-1.462279 -2.483279,0.506053 -5.053495,1.805105 -6.993517,3.534699 -2.575021,2.295712 -4.259712,4.711906 -5.127071,7.353271 -0.924677,2.815913 -1.025226,6.141317 -0.275431,9.109059 0.774038,3.063694 2.549965,5.963534 4.958139,8.095943 2.441521,2.161939 5.76675,3.672334 8.927653,4.055148 1.089179,0.13191 3.734827,0.04956 4.807199,-0.149613 z"
style="display:inline;fill:#d75547;fill-opacity:1;fill-rule:evenodd;stroke:#428f29;stroke-width:0.0190659;paint-order:markers fill stroke"
d="m 27.943159,67.65302 c -0.253104,-0.03528 -0.521089,-0.127319 -0.595523,-0.204541 -0.170583,-0.176978 -0.388409,-0.932313 -1.064657,-3.69182 -0.296305,-1.209101 -0.60506,-2.364126 -0.686126,-2.566727 -0.178205,-0.445372 -0.574995,-0.700774 -2.557451,-1.646137 -2.211948,-1.054807 -4.622676,-2.516363 -6.734766,-4.083106 l -0.901532,-0.668755 -2.778061,0.81146 c -1.527934,0.446304 -3.1795254,0.898361 -3.6702011,1.004568 l -0.8921367,0.1931 -0.4204017,-0.641919 C 6.503839,54.420798 3.3795946,49.032794 2.1083992,46.61549 L 1.4422899,45.348815 2.0203446,44.640574 C 2.3382746,44.25104 3.566678,42.94466 4.7501303,41.737505 L 6.9018612,39.542677 6.6860413,38.300222 C 6.4936827,37.192826 6.4699004,36.721598 6.4672666,33.965093 c -0.0024,-2.491179 0.031018,-3.324124 0.171722,-4.282646 L 6.8136674,28.492485 4.3448441,26.058209 C 2.512663,24.251667 1.8279188,23.5137 1.6894868,23.196464 1.5049038,22.773468 1.5049391,22.763863 1.692862,22.278323 2.2630621,20.805047 6.9803188,12.731224 7.8964618,11.660549 l 0.3075125,-0.359381 0.5798865,0.150655 c 0.3189377,0.08286 1.8960532,0.522828 3.5047002,0.977702 l 2.924811,0.827045 0.514108,-0.311579 c 0.282756,-0.171364 1.01069,-0.675085 1.617629,-1.119367 1.560286,-1.142146 3.217891,-2.1080228 5.631331,-3.2813469 2.242643,-1.0902889 2.199778,-1.0563282 2.541577,-2.0135714 0.0785,-0.2198676 0.402195,-1.4000482 0.719302,-2.6226247 0.31711,-1.2225764 0.686131,-2.5552343 0.820041,-2.96146271 0.210706,-0.63915956 0.278663,-0.74629918 0.504792,-0.79581102 0.578583,-0.12668086 4.749702,-0.17974745 8.72302,-0.11097715 l 4.209199,0.07285291 0.515565,2.09099227 c 0.610136,2.4745478 1.087398,4.1634318 1.349022,4.7737672 0.20881,0.487132 0.0097,0.3691952 3.102726,1.8368677 1.621618,0.7694493 3.175196,1.7041608 5.15226,3.0998638 0.840384,0.593265 1.601485,1.128986 1.691337,1.190496 0.131226,0.08983 0.600692,-0.01932 2.386266,-0.554806 1.222593,-0.366648 2.849169,-0.82479 3.614607,-1.018092 l 1.391714,-0.351461 0.173517,0.229738 c 1.115143,1.476443 6.36957,10.646686 6.36957,11.116435 0,0.398881 -0.583782,1.094324 -3.039391,3.620742 l -2.264691,2.33 0.189292,1.149266 c 0.272449,1.654181 0.328193,3.739791 0.189329,7.083925 l -0.121733,2.931542 1.806457,1.788824 c 1.85394,1.835839 2.955911,3.050805 3.209825,3.53896 0.138699,0.266653 0.12413,0.316769 -0.393361,1.35305 -1.543033,3.089924 -5.395959,9.696923 -5.89104,10.101962 -0.274108,0.224254 -1.08409,0.071 -4.021554,-0.760921 -1.512507,-0.428359 -2.904235,-0.801442 -3.092726,-0.829082 -0.304154,-0.04461 -0.451452,0.02546 -1.309192,0.622687 -3.2899,2.290657 -4.062636,2.752557 -6.717022,4.01506 -1.033939,0.491772 -1.898352,0.966838 -2.049698,1.126483 -0.334855,0.353211 -0.597975,1.208697 -1.364967,4.437907 l -0.608307,2.561126 -2.265179,0.05959 c -3.010138,0.07919 -9.974492,0.07617 -10.553837,-0.0045 z m 9.400113,-14.499017 c 2.501781,-0.464684 6.190692,-2.062087 8.215062,-3.55735 2.149015,-1.587338 5.691629,-5.8415 5.953092,-7.148802 0.05631,-0.28157 0.02333,-0.320742 -0.651502,-0.773458 -1.076206,-0.721997 -2.617109,-1.647457 -6.074776,-3.648482 -5.005295,-2.896673 -5.411113,-3.201467 -5.411912,-4.064676 -0.0013,-1.602975 -1.458253,-3.921475 -2.899794,-4.615119 -2.141895,-1.030644 -4.595473,-0.6241 -6.236718,1.033387 -0.376916,0.380645 -0.814407,0.944408 -0.982504,1.266075 -1.621686,3.10325 0.109622,6.648939 3.59493,7.362349 1.060362,0.217044 2.0692,0.0881 3.484964,-0.445392 l 1.052677,-0.39668 2.418598,1.385662 c 3.196699,1.831451 4.328878,2.538496 4.905404,3.063421 0.406832,0.370416 0.468276,0.472035 0.414374,0.685263 -0.09187,0.36342 -0.806076,1.198778 -1.667711,1.950617 -1.924104,1.678911 -4.010957,2.710541 -6.63569,3.280334 -1.409216,0.305919 -4.214792,0.306306 -5.621876,8.13e-4 -1.44886,-0.314597 -2.37741,-0.63874 -3.666367,-1.279865 -4.494582,-2.235591 -7.548385,-6.544167 -8.170181,-11.527208 -0.187339,-1.501331 -0.08072,-3.82463 0.240404,-5.239028 1.225563,-5.397859 5.274548,-9.535701 10.732564,-10.968088 1.636875,-0.429579 2.379888,-0.514884 3.979865,-0.456921 1.508564,0.05465 2.337352,0.200813 4.235194,0.746902 0.676222,0.194578 1.309338,0.311554 1.739659,0.321429 0.592492,0.01359 0.742566,-0.02151 1.208098,-0.282552 1.291567,-0.724238 1.626162,-2.21917 0.72095,-3.221118 -1.576114,-1.744541 -7.993501,-2.649134 -12.409467,-1.749231 -2.970586,0.605359 -6.045171,2.159331 -8.365895,4.228334 -3.080333,2.746212 -5.09562,5.63655 -6.133185,8.796246 -1.106132,3.368495 -1.226413,7.346462 -0.329481,10.896582 0.925932,3.6649 3.05036,7.133792 5.931103,9.684656 2.920634,2.586189 6.898393,4.392977 10.679578,4.850913 1.302915,0.157795 4.467734,0.05929 5.750543,-0.178972 z"
id="path851" />
</g>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.2 KiB

After

Width:  |  Height:  |  Size: 6.3 KiB