Add Matrix link (#105)

- Add Matrix link to header.
- Switch to [Fork-Awesome](https://forkaweso.me/Fork-Awesome/), as it
includes a matrix icon. This requires the inclusion from `header.html`
to change the otherwise hardcoded Font-Awesome style.

Reviewed-on: https://gitea.com/gitea/website/pulls/105
Reviewed-by: Lunny Xiao <xiaolunwen@gmail.com>
Reviewed-by: 6543 <6543@obermui.de>
Co-authored-by: Gusted <williamzijl7@hotmail.com>
Co-committed-by: Gusted <williamzijl7@hotmail.com>
This commit is contained in:
Gusted 2022-02-01 07:10:39 +08:00 committed by 6543
parent 09f8270864
commit c9bdf22531
6 changed files with 145 additions and 7 deletions

1
.gitignore vendored
View File

@ -1,2 +1,3 @@
.hugo_build.lock
public/
themes/

View File

@ -20,6 +20,7 @@ params:
description: Git with a cup of tea
author: The Gitea Authors
website: https://gitea.io
custom_css: ['css/custom.css']
menu:
page:
@ -56,18 +57,27 @@ menu:
url: https://github.com/go-gitea/
weight: 60
pre: github
- name: Discord Chat
url: https://discord.gg/Gitea
weight: 70
pre: comment
- name: Forum
url: https://discourse.gitea.io/
weight: 80
weight: 70
pre: group
- name: Twitter
url: https://twitter.com/giteaio
weight: 90
weight: 80
pre: twitter
- name: Chatroom
weight: 90
pre: caret-down
- name: Discord Chat
url: https://discord.gg/Gitea
weight: 100
pre: comment
parent: Chatroom
- name: Matrix
url: https://matrix.to/#/#gitea:matrix.org
weight: 110
pre: matrix-org
parent: Chatroom
languages:
en-us:
@ -124,6 +134,10 @@ languages:
url: https://twitter.com/giteaio
weight: 90
pre: twitter
- name: Matrix
url: https://matrix.to/#/#gitea:matrix.org
weight: 100
pre: matrix-org
zh-tw:
weight: 2
@ -175,6 +189,10 @@ languages:
url: https://twitter.com/giteaio
weight: 90
pre: twitter
- name: Matrix
url: https://matrix.to/#/#gitea:matrix.org
weight: 100
pre: matrix-org
pt-br:
weight: 3
@ -226,6 +244,10 @@ languages:
url: https://twitter.com/giteaio
weight: 90
pre: twitter
- name: Matrix
url: https://matrix.to/#/#gitea:matrix.org
weight: 100
pre: matrix-org
nl-nl:
weight: 4
@ -277,6 +299,10 @@ languages:
url: https://twitter.com/giteaio
weight: 90
pre: twitter
- name: Matrix
url: https://matrix.to/#/#gitea:matrix.org
weight: 100
pre: matrix-org
ko-kr:
weight: 5
@ -328,6 +354,10 @@ languages:
url: https://twitter.com/giteaio
weight: 90
pre: twitter
- name: Matrix
url: https://matrix.to/#/#gitea:matrix.org
weight: 100
pre: matrix-org
ja-jp:
weight: 6
@ -379,6 +409,10 @@ languages:
url: https://twitter.com/giteaio
weight: 90
pre: twitter
- name: Matrix
url: https://matrix.to/#/#gitea:matrix.org
weight: 100
pre: matrix-org
ru-ru:
weight: 7
@ -430,3 +464,7 @@ languages:
url: https://twitter.com/giteaio
weight: 90
pre: twitter
- name: Matrix
url: https://matrix.to/#/#gitea:matrix.org
weight: 100
pre: matrix-org

View File

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta property="og:title" content="{{ if not .IsHome }}{{ .Title }} - {{ end }}{{ .Site.Title }}"></meta>
{{ if .IsPage }}
<meta property="og:description" content="{{ if .IsPage }}{{ .Description }}{{end}}" />
{{ end }}
<meta property="og:type" content="{{ if .IsPage }}article{{ else }}website{{ end }}"></meta>
<meta property="og:url" content="{{ .Permalink }}"></meta>
<meta property="og:image" content="https://docs.gitea.io/images/gitea.png"></meta>
{{ hugo.Generator }}
<title>{{ if and (not .IsHome) .Title }}{{ .Title }} - {{ end }}{{ .Site.Title }}</title>
{{ with .Params.goimport }}<meta name="go-import" content="{{ . }}">{{ end }}
{{ with .Params.gosource }}<meta name="go-source" content="{{ . }}">{{ end }}
{{ with .OutputFormats.Get "RSS" }}
<link href="{{ .RelPermalink }}" rel="alternate" type="application/rss+xml" title="{{ $.Site.Title }}" />
<link href="{{ .RelPermalink }}" rel="feed" type="application/rss+xml" title="{{ $.Site.Title }}" />
{{ end }}
<link rel="canonical" href="{{ .Permalink }}">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css" />
<link rel="stylesheet" href="{{ .Site.BaseURL }}styles/main.css">
{{ range .Site.Params.custom_css }}
<link rel="stylesheet" href="{{ . | absURL }}"></script>
{{ end }}
<link rel="shortcut icon" type="image/x-icon" href="{{ .Site.BaseURL }}images/favicon.png">
<link rel="icon" type="image/x-icon" href="{{ .Site.BaseURL }}images/favicon.png">
</head>
<body>

View File

@ -0,0 +1,22 @@
<span class="navbar-item logo"><img src="{{ .Site.BaseURL }}images/gitea.png" alt="{{ .Site.Title }}"></span>
{{ range .Site.Menus.page }}
{{ if .HasChildren }}
<div class="navbar-item dropdown">
<i class="fa fa-{{ .Pre }}"></i>&nbsp;
<span>{{ .Name }}</span>
<div class="dropdown-content">
{{ range .Children }}
<a class="navbar-item" href="{{ .URL }}">
<i class="fa fa-{{ .Pre }}"></i>&nbsp;
{{ .Name }}
</a>
{{ end }}
</div>
</div>
{{ else }}
<a class="navbar-item" href="{{ .URL }}">
<i class="fa fa-{{ .Pre }}"></i>&nbsp;
{{ .Name }}
</a>
{{ end }}
{{ end }}

View File

@ -1,5 +1,5 @@
/*
Content-Security-Policy: default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' https://fonts.googleapis.com https://cdnjs.cloudflare.com; font-src 'self' data: https://cdnjs.cloudflare.com https://fonts.gstatic.com
Content-Security-Policy: default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' https://fonts.googleapis.com https://cdn.jsdelivr.net; font-src 'self' data: https://cdn.jsdelivr.net https://fonts.gstatic.com
X-Frame-Options: DENY
X-Xss-Protection: 1; mode=block
X-Content-Type-Options: nosniff

39
static/css/custom.css Normal file
View File

@ -0,0 +1,39 @@
.dropdown-content {
background-color: #f9f9f9;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
display: none;
margin-left: -15px;
margin-top: 145px;
min-width: 160px;
position: absolute;
}
.dropdown:hover .dropdown-content {
display: block;
}
.hero.is-primary .navbar .navbar-item.dropdown:not(.non_existent) {
color: inherit;
cursor: pointer;
}
.hero.is-primary .navbar-item:hover {
background-color: #e5eaec;
}
@media screen and (max-width: 1023px) {
.dropdown-content {
background-color: #395068;
margin-left: -15px;
margin-top: 0;
}
.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-primary div.dropdown:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current) {
color: rgb(241, 234, 234);
}
.hero.is-primary a.navbar-item:hover,
.hero.is-primary div.navbar-item:hover {
background-color: #225164;
}
}