CB/ui: change "powered by" on landing page to forgejo (!52)

fixes https://codeberg.org/Codeberg/Community/issues/884 the forgejo logo is also clickable, leading to the Forgejo project page, which is hosted on Codeberg! Reviewed-on: https://codeberg.org/Codeberg/forgejo/pulls/52 Co-authored-by: crystal <crystal@noreply.codeberg.org> Co-committed-by: crystal <crystal@noreply.codeberg.org>
Codeberg-org · Feb 23, 2023 · bb4d79b · bb4d79b
1 parent ec6611b
commit bb4d79b
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 23 deletions.
diff --git a/templates/home.tmpl b/templates/home.tmpl
@@ -1,5 +1,5 @@
 {{template "base/head" .}}
-<link rel="stylesheet" href="{{AssetUrlPrefix}}/css/homepage.css">
+<link rel="stylesheet" href="{{AssetUrlPrefix}}/css/homepage.css?v={{AssetVersion}}">
 <style>
 	header {
 		background-image: url('{{AssetUrlPrefix}}/img/codeberg-landingpage-intro-background.jpg');
@@ -111,18 +111,30 @@
 			</div>
 			<div>
 				<h4>POWERED BY</h4>
-				<p class="powered-by-gitea">
-					<svg viewBox="0 0 640 640" role="img" aria-hidden="true" focusable="false">
-						<g fill="currentColor">
-							<path
-								d="M622.7 149.8c-4.1-4.1-9.6-4-9.6-4s-117.2 6.6-177.9 8c-13.3.3-26.5.6-39.6.7v117.2c-5.5-2.6-11.1-5.3-16.6-7.9 0-36.4-.1-109.2-.1-109.2-29 .4-89.2-2.2-89.2-2.2s-141.4-7.1-156.8-8.5c-9.8-.6-22.5-2.1-39 1.5-8.7 1.8-33.5 7.4-53.8 26.9C-4.9 212.4 6.6 276.2 8 285.8c1.7 11.7 6.9 44.2 31.7 72.5 45.8 56.1 144.4 54.8 144.4 54.8s12.1 28.9 30.6 55.5c25 33.1 50.7 58.9 75.7 62 63 0 188.9-.1 188.9-.1s12 .1 28.3-10.3c14-8.5 26.5-23.4 26.5-23.4S547 483 565 451.5c5.5-9.7 10.1-19.1 14.1-28 0 0 55.2-117.1 55.2-231.1-1.1-34.5-9.6-40.6-11.6-42.6zM125.6 353.9c-25.9-8.5-36.9-18.7-36.9-18.7S69.6 321.8 60 295.4c-16.5-44.2-1.4-71.2-1.4-71.2s8.4-22.5 38.5-30c13.8-3.7 31-3.1 31-3.1s7.1 59.4 15.7 94.2c7.2 29.2 24.8 77.7 24.8 77.7s-26.1-3.1-43-9.1zm300.3 107.6s-6.1 14.5-19.6 15.4c-5.8.4-10.3-1.2-10.3-1.2s-.3-.1-5.3-2.1l-112.9-55s-10.9-5.7-12.8-15.6c-2.2-8.1 2.7-18.1 2.7-18.1L322 273s4.8-9.7 12.2-13c.6-.3 2.3-1 4.5-1.5 8.1-2.1 18 2.8 18 2.8L467.4 315s12.6 5.7 15.3 16.2c1.9 7.4-.5 14-1.8 17.2-6.3 15.4-55 113.1-55 113.1z"
-							/>
-							<path
-								d="M326.8 380.1c-8.2.1-15.4 5.8-17.3 13.8-1.9 8 2 16.3 9.1 20 7.7 4 17.5 1.8 22.7-5.4 5.1-7.1 4.3-16.9-1.8-23.1l24-49.1c1.5.1 3.7.2 6.2-.5 4.1-.9 7.1-3.6 7.1-3.6 4.2 1.8 8.6 3.8 13.2 6.1 4.8 2.4 9.3 4.9 13.4 7.3.9.5 1.8 1.1 2.8 1.9 1.6 1.3 3.4 3.1 4.7 5.5 1.9 5.5-1.9 14.9-1.9 14.9-2.3 7.6-18.4 40.6-18.4 40.6-8.1-.2-15.3 5-17.7 12.5-2.6 8.1 1.1 17.3 8.9 21.3 7.8 4 17.4 1.7 22.5-5.3 5-6.8 4.6-16.3-1.1-22.6 1.9-3.7 3.7-7.4 5.6-11.3 5-10.4 13.5-30.4 13.5-30.4.9-1.7 5.7-10.3 2.7-21.3-2.5-11.4-12.6-16.7-12.6-16.7-12.2-7.9-29.2-15.2-29.2-15.2s0-4.1-1.1-7.1c-1.1-3.1-2.8-5.1-3.9-6.3 4.7-9.7 9.4-19.3 14.1-29-4.1-2-8.1-4-12.2-6.1-4.8 9.8-9.7 19.7-14.5 29.5-6.7-.1-12.9 3.5-16.1 9.4-3.4 6.3-2.7 14.1 1.9 19.8l-24.6 50.4z"
-							/>
-						</g>
-					</svg>
-					Gitea
+				<p class="powered-by-forgejo">
+					<a href="https://codeberg.org/forgejo/forgejo" aria-label="Forgejo">
+						<svg viewBox="0 0 800 300" role="img" aria-hidden="true" focusable="false">
+							<g fill="currentColor">
+								<path
+									d="M547.14 242.25q-18.81 0-33.32-7.71-14.28-7.93-22.44-21.76-7.93-13.83-7.93-31.5 0-17.69 7.7-31.51 7.7-13.83 21.08-21.54 13.6-7.93 30.83-7.93 16.32 0 29.24 7.25 12.92 7.26 20.63 20.4 7.93 12.92 8.38 30.38l-101.77 19.94-.9-13.82 91.57-17.68-7.03 9.97q0-11.33-5.21-20.4-5-9.07-14.06-14.28-9.06-5.44-20.85-5.44-12.01 0-21.53 5.44-9.3 5.44-14.51 15.19-5.21 9.74-5.21 22.89 0 13.83 5.66 24.25 5.9 10.2 16.1 15.87 10.42 5.44 24.02 5.44 10.88 0 19.95-3.63 9.07-3.85 15.64-11.56l10.43 12.24q-7.71 9.52-19.72 14.51-12.02 4.99-26.75 4.99zm170.2-.27q-17.69 0-31.74-7.7-13.83-7.94-21.99-21.76-7.93-13.83-7.93-31.51 0-17.9 7.93-31.5 8.16-13.83 21.99-21.54 13.83-7.93 31.73-7.93 17.68 0 31.5 7.93 14.06 7.7 22 21.53 7.93 13.6 7.93 31.51 0 17.68-7.93 31.5-7.94 13.83-22 21.77-13.82 7.7-31.5 7.7zm0-16.54q12.23 0 21.75-5.44 9.52-5.67 14.96-15.64 5.67-10.2 5.67-23.35 0-13.37-5.67-23.35-5.44-9.97-14.96-15.41-9.52-5.44-21.76-5.44-12.24 0-21.76 5.44-9.52 5.44-15.18 15.41-5.44 9.98-5.44 23.35 0 13.15 5.44 23.35 5.66 9.97 15.18 15.64 9.52 5.44 21.76 5.44zm-115.48 60.52c-4.98 0-9.74-.6-14.28-1.82-4.53-1.2-8.3-3.1-11.33-5.66l6.35-14.28c4.68 3.77 10.72 5.66 18.13 5.66 6.04 0 10.65-1.81 13.83-5.44 3.32-3.62 4.98-9.06 4.98-16.32V141.17h19.04V248.1c0 11.64-3.17 20.86-9.52 27.66-6.34 6.8-15.41 10.2-27.2 10.2zm-196.71 0c-10.88 0-21.46-1.59-31.74-4.76-10.12-3.03-18.43-7.4-24.93-13.15l9.52-14.73c5.6 4.98 12.47 8.91 20.63 11.78a78.59 78.59 0 0 0 25.84 4.31c14.66 0 25.46-3.48 32.41-10.43 6.95-6.8 9.4-17.34 10.43-31.5l2-27.43 2.26-22.21-1.58-22.22 8.72-9.74c11.18 15.47 7.41 50.81 7.41 79.56 0 20.85-5.14 36.11-15.41 45.78-10.28 9.83-25.46 14.74-45.56 14.74zm1.28-49.87c-11.49 0-21.84-2.42-31.06-7.25a56.49 56.49 0 0 1-21.53-20.63c-5.29-8.76-7.93-18.89-7.93-30.37 0-11.49 2.64-21.54 7.93-30.15a54.83 54.83 0 0 1 21.53-20.4c9.22-4.84 19.57-7.25 31.06-7.25 10.42 0 23.8 2.19 32.1 6.57 8.47 4.23 15.2 10.65 20.18 19.27 5.14 8.61 5.7 19.26 5.7 31.96 0 12.84-4.56 23.57-9.7 32.18-4.99 8.62-11.71 15.11-20.18 19.5-8.3 4.38-17.68 6.57-28.1 6.57zm-.19-16.77c8.46 0 15.94-1.74 22.44-5.22a37.96 37.96 0 0 0 15.19-14.5c3.78-6.35 5.66-13.6 5.66-21.76 0-8.16-1.88-15.34-5.66-21.54a36.45 36.45 0 0 0-15.19-14.28c-6.5-3.47-13.98-5.21-22.44-5.21-8.31 0-15.71 1.74-22.21 5.21a37.95 37.95 0 0 0-15.42 14.28c-3.62 6.2-5.44 13.38-5.44 21.54 0 8.16 1.82 15.41 5.44 21.76a39.56 39.56 0 0 0 15.42 14.5c6.5 3.48 13.9 5.22 22.21 5.22zm-126.39 21.53V121.17h18.13v32.64l-1.8-7.03q4.98-12.92 16.76-19.72 11.8-7.02 29.24-7.02v18.58q-1.13-.22-2.26-.22-1.14-.23-2.27-.23-17.9 0-28.33 11.1-10.43 10.89-10.43 31.29v60.29Zm-77.52 1.13q-17.68 0-31.74-7.7-13.82-7.94-21.98-21.76-7.94-13.83-7.94-31.51 0-17.9 7.94-31.5 8.16-13.83 21.98-21.54 13.83-7.93 31.74-7.93 17.68 0 31.5 7.93 14.06 7.7 21.99 21.53 7.93 13.6 7.93 31.51 0 17.68-7.93 31.5-7.93 13.83-21.99 21.77-13.82 7.7-31.5 7.7zm0-16.54q12.24 0 21.76-5.44 9.52-5.67 14.96-15.64 5.66-10.2 5.66-23.35 0-13.37-5.66-23.35-5.44-9.97-14.96-15.41-9.52-5.44-21.76-5.44-12.24 0-21.76 5.44-9.52 5.44-15.19 15.41-5.44 9.98-5.44 23.35 0 13.15 5.44 23.35 5.67 9.97 15.19 15.64 9.52 5.44 21.76 5.44z"
+								/>
+							</g>
+							<g fill="none" stroke="currentColor">
+								<path
+									style="stroke-width:27"
+									d="M34.15 206.65V166.4a57.5 57.5 0 0 1 57.5-57.5h23m-80.5 97.75v-115a57.5 57.5 0 0 1 57.5-57.5h23"
+								/>
+								<path
+									style="stroke-width:16"
+									d="M53.15 218.15a19 19 0 0 1-19 19 19 19 0 0 1-19-19 19 19 0 0 1 19-19 19 19 0 0 1 19 19Zm92-109.25a19 19 0 0 1-19 19 19 19 0 0 1-19-19 19 19 0 0 1 19-19 19 19 0 0 1 19 19Zm0-74.75a19 19 0 0 1-19 19 19 19 0 0 1-19-19 19 19 0 0 1 19-19 19 19 0 0 1 19 19Z"
+								/>
+								<path
+									style="stroke-width:14"
+									d="M645.25 108.9A17.25 17.25 0 0 1 628 126.15a17.25 17.25 0 0 1-17.25-17.25A17.25 17.25 0 0 1 628 91.65a17.25 17.25 0 0 1 17.25 17.25Z"
+								/>
+							</g>
+						</svg>
+					</a>
 				</p>
 			</div>
 		</div>

diff --git a/web_src/less/homepage.less b/web_src/less/homepage.less
@@ -398,17 +398,13 @@ main {
           margin: .1em 0 0;
           line-height: 1;
 
-          &.powered-by-gitea {
-            white-space: nowrap;
-
-            svg {
-              @media screen and (max-width: 420px) {
-                display: none;
-              }
-
+          &.powered-by-forgejo {          
+            &, & svg {
               height: 1em;
-              float: left;
-              margin-right: 6px;
+            }
+
+            a {
+              color: inherit;
             }
           }
         }