Merge pull request #8 from go-gitea/bootstrap-v4

Bootstrap v4
This commit is contained in:
Thomas Boerger 2016-12-07 10:43:07 +01:00 committed by GitHub
commit edeb2ed7ac
30 changed files with 439 additions and 30 deletions

2
.gitignore vendored Normal file
View File

@ -0,0 +1,2 @@
/node_modules/
/static/styles/

6
archetypes/default.md Normal file
View File

@ -0,0 +1,6 @@
---
date: "2016-11-08T16:00:00+02:00"
title: "Title"
weight: 10
draft: false
---

8
archetypes/docs.md Normal file
View File

@ -0,0 +1,8 @@
---
date: "2016-11-08T16:00:00+02:00"
title: "Title"
weight: 10
toc: true
draft: false
type: "docs"
---

8
archetypes/page.md Normal file
View File

@ -0,0 +1,8 @@
---
date: "2016-11-08T16:00:00+02:00"
title: "Title"
weight: 10
toc: true
draft: false
type: "page"
---

8
archetypes/post.md Normal file
View File

@ -0,0 +1,8 @@
---
date: "2016-11-08T16:00:00+02:00"
author: "go-gitea"
title: "Title"
tags: ["tag"]
draft: false
type: "post"
---

17
gulpfile.js Normal file
View File

@ -0,0 +1,17 @@
var gulp = require('gulp');
var sass = require('gulp-sass');
var sourcemaps = require('gulp-sourcemaps');
gulp.task('default', ['sass']);
gulp.task('sass', function () {
return gulp.src('./src/main.scss')
.pipe(sourcemaps.init())
.pipe(sass().on('error', sass.logError))
.pipe(sourcemaps.write('.'))
.pipe(gulp.dest('./static/styles'));
});
gulp.task('watch', function () {
gulp.watch('./src/*.scss', ['sass']);
});

29
i18n/de.yaml Normal file
View File

@ -0,0 +1,29 @@
- id: navbar_menu
translation: "Menü"
- id: toplink_website
translation: "Website"
- id: toplink_blog
translation: "Blog"
- id: toplink_docs
translation: "Doku"
- id: toplink_code
translation: "Quelltext"
- id: toplink_downloads
translation: "Downloads"
- id: toplink_github
translation: "GitHub"
- id: read_more
translation: "Mehr..."
- id: page_prev
translation: "Vorherige"
- id: page_next
translation: "Nächste"

32
i18n/en.yaml Normal file
View File

@ -0,0 +1,32 @@
- id: navbar_menu
translation: "Menu"
- id: toplink_website
translation: "Website"
- id: toplink_blog
translation: "Blog"
- id: toplink_docs
translation: "Docs"
- id: toplink_code
translation: "Import"
- id: toplink_downloads
translation: "Downloads"
- id: toplink_github
translation: "GitHub"
- id: read_more
translation: "More..."
- id: authored_by
translation: "by"
- id: page_prev
translation: "Previous"
- id: page_next
translation: "Next"

View File

@ -1,7 +1,12 @@
{{ partial "header" . }}
{{ partial "navbar" . }}
<h1>
Page not found
</h1>
<div class="container content">
<div class="row">
<div class="col-xs-12">
<h1>Oops. We're sorry, but this page does not exist.</h1>
</div>
</div>
</div>
{{ partial "footer" . }}

View File

@ -1,3 +1,12 @@
{{ partial "header" . }}
{{ .Content }}
{{ partial "footer" . }}
{{ partial "header.html" . }}
{{ partial "navbar.html" . }}
<div class="container content">
<div class="row">
<div class="col-xs-12">
{{ .Content }}
</div>
</div>
</div>
{{ partial "footer.html" . }}

0
layouts/docs/list.html Normal file
View File

15
layouts/docs/single.html Normal file
View File

@ -0,0 +1,15 @@
{{ partial "header.html" . }}
{{ partial "navbar.html" . }}
<div class="container content">
<div class="row">
<div class="col-sm-3">
{{ partial "menu" . }}
</div>
<div class="col-sm-8">
{{ .Content }}
</div>
</div>
</div>
{{ partial "footer.html" . }}

View File

@ -1,7 +1,17 @@
{{ partial "header" . }}
{{ partial "navbar" . }}
{{ range where .Site.Pages "Type" "index" }}
{{ .Content }}
{{ end }}
<div class="container content">
<div class="row">
<div class="col-sm-4 col-md-3">
{{ partial "menu" . }}
</div>
<div class="col-sm-8 col-md-9">
{{ range where .Site.Pages "Type" "index" }}
{{ .Content }}
{{ end }}
</div>
</div>
</div>
{{ partial "footer" . }}

0
layouts/page/list.html Normal file
View File

15
layouts/page/single.html Normal file
View File

@ -0,0 +1,15 @@
{{ partial "header.html" . }}
{{ partial "navbar.html" . }}
<div class="container content">
<div class="row">
<div class="col-sm-4">
{{ partial "menu" . }}
</div>
<div class="col-sm-8">
{{ .Content }}
</div>
</div>
</div>
{{ partial "footer.html" . }}

View File

@ -1,2 +1,31 @@
</body>
<footer class="footer">
<div class="container">
<!--<div class="row">-->
<!--<div class="col-xs-12">-->
<!--<ul class="nav navbar-nav">-->
<!--{{ partial "toplinks.html" . }}-->
<!--</ul>-->
<!--</div>-->
<!--</div>-->
<div class="row">
<div class="col-xs-12 col-md-8 text-xs-center text-md-left">
<p>
Copyright &copy; 2016 <a href="{{ .Site.Params.Website }}">{{ .Site.Params.Author }}</a>. All rights
reserved.
</p>
</div>
<div class="col-xs-12 col-md-4 text-xs-center text-md-right">
<p>
Made with <i class="fa fa-heart" aria-hidden="true"></i> and <a href="https://gohugo.io">Hugo</a>
</p>
</div>
</div>
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.5/js/bootstrap.min.js"></script>
<script src="{{.Site.BaseURL}}scripts/main.js"></script>
</body>
</html>

View File

@ -1,23 +1,24 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>{{ if not .IsHome }}{{ .Title }} - {{ end }}{{ .Site.Title }}</title>
{{ .Hugo.Generator }}
<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">
{{ .Hugo.Generator }}
{{ with .Params.goimport }}<meta name="go-import" content="{{ . }}">{{ end }}
{{ with .Params.gosource }}<meta name="go-source" content="{{ . }}">{{ end }}
<title>{{ if not .IsHome }}{{ .Title }} - {{ end }}{{ .Site.Title }}</title>
{{ with .Params.goimport }}
<meta name="go-import" content="{{ . }}">
{{ end }}
<link rel="canonical" href="{{ .Permalink }}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css" />
<link rel="stylesheet" href="{{ .Site.BaseURL }}styles/main.css">
<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">
{{ with .Params.gosource }}
<meta name="go-source" content="{{ . }}">
{{ end }}
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
<link rel="icon" type="image/x-icon" href="images/favicon.png">
<link rel="stylesheet" href="styles/main.css">
<script type="text/javascript" src="scripts/main.js"></script>
</head>
<body>
{{ partial "navbar" . }}
{{ with .RSSLink }}
<link href="{{ . }}" rel="alternate" type="application/rss+xml" title="{{ $.Site.Title }}" />
<link href="{{ . }}" rel="feed" type="application/rss+xml" title="{{ $.Site.Title }}" />
{{ end }}
</head>
<body>

View File

@ -0,0 +1,2 @@
{{ partial "pages.html" . }}
{{ partial "toc.html" . }}

View File

@ -1 +1,12 @@
{{ partial "menu" . }}
<nav class="navbar navbar-light bg-faded">
<button class="navbar-toggler hidden-md-up float-xs-right" type="button" data-toggle="collapse" data-target="#navbarResponsive"
aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"></button>
<a class="navbar-brand" href="{{ .Site.BaseURL }}">
<img src="{{ .Site.BaseURL }}images/gitea.png" alt="{{ .Site.Title }}">
</a>
<div class="collapse navbar-toggleable-sm" id="navbarResponsive" style="clear: right">
<ul class="nav navbar-nav float-xs-left float-md-right">
{{ partial "toplinks.html" . }}
</ul>
</div>
</nav>

View File

@ -0,0 +1,12 @@
<section>
<ul>
{{ $currentNode := . }}{{ range .Site.Menus.sidebar.ByWeight }}
<li class="{{ if $currentNode.IsMenuCurrent "sidebar" . }}active{{ end }}">
<a href="{{ .URL }}">
{{ .Pre }}
{{ .Name }}
</a>
</li>
{{ end }}
</ul>
</section>

View File

@ -0,0 +1,5 @@
{{ if .Params.toc }}
<section>
{{ .TableOfContents }}
</section>
{{ end }}

View File

@ -0,0 +1,36 @@
<li class="nav-item{{ if eq .Site.Params.Toplink "website" }} active{{ end }}">
<a class="nav-link" href="https://gitea.io">
<i class="fa fa-home"></i>
{{ i18n "toplink_website" }}
</a>
</li>
<li class="nav-item{{ if eq .Site.Params.Toplink "blog" }} active{{ end }}">
<a class="nav-link" href="https://blog.gitea.io">
<i class="fa fa-rss"></i>
{{ i18n "toplink_blog" }}
</a>
</li>
<li class="nav-item{{ if eq .Site.Params.Toplink "docs" }} active{{ end }}">
<a class="nav-link" href="https://docs.gitea.io">
<i class="fa fa-question"></i>
{{ i18n "toplink_docs" }}
</a>
</li>
<li class="nav-item{{ if eq .Site.Params.Toplink "redirects" }} active{{ end }}">
<a class="nav-link" href="https://code.gitea.io">
<i class="fa fa-code"></i>
{{ i18n "toplink_code" }}
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://dl.gitea.io">
<i class="fa fa-download"></i>
{{ i18n "toplink_downloads" }}
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://github.com/go-gitea" target="_blank">
<i class="fa fa-github"></i>
{{ i18n "toplink_github" }}
</a>
</li>

51
layouts/post/list.html Normal file
View File

@ -0,0 +1,51 @@
{{ partial "header.html" . }}
{{ partial "navbar.html" . }}
<div class="container content">
<div class="row">
<div class="col-xs-12">
{{ $paginator := .Paginate (where .Data.Pages "Type" "post") }}{{ range $paginator.Pages }}
<article>
<header>
<h2>
<a href="{{ .Permalink }}">
{{ .Title }}
</a>
</h2>
<p>
<i>{{ .Date.Format "Mon Jan 2, 2006" }}</i>
{{ i18n "authored_by" }}
<b>{{ .Params.author | default .Site.Params.author }}</b>
</p>
</header>
{{ .Summary }}
<a href="{{ .Permalink }}">
{{ i18n "read_more" }}
</a>
</article>
{{ end }}
{{ if or (.Paginator.HasPrev) (.Paginator.HasNext) }}
<div>
{{ if and (.Paginator.HasPrev) (.Paginator.HasNext) }}
<a class="btn" href="{{ .Paginator.Prev.URL }}" role="button">{{ i18n "page_prev" }}</a>
<a class="btn" href="{{ .Paginator.Next.URL }}" role="button">{{ i18n "page_next" }}</a>
{{ end }}
{{ if and (.Paginator.HasPrev) (not .Paginator.HasNext) }}
<a class="btn" href="{{ .Paginator.Prev.URL }}" role="button">{{ i18n "page_prev" }}</a>
<a class="btn disabled" href="#" role="button" aria-disabled="true">{{ i18n "page_next" }}</a>
{{ end }}
{{ if and (not .Paginator.HasPrev) (.Paginator.HasNext) }}
<a class="btn disabled" href="#" role="button" aria-disabled="true">{{ i18n "page_prev" }}</a>
<a class="btn" href="{{ .Paginator.Next.URL }}" role="button">{{ i18n "page_next" }}</a>
{{ end }}
</div>
{{ end }}
</div>
</div>
</div>
{{ partial "footer.html" . }}

27
layouts/post/single.html Normal file
View File

@ -0,0 +1,27 @@
{{ partial "header.html" . }}
{{ partial "navbar.html" . }}
<div class="container content">
<div class="row">
<div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
<article>
<header>
<h2>
<a href="{{ .Permalink }}">
{{ .Title }}
</a>
</h2>
<p>
<i>{{ .Date.Format "Mon Jan 2, 2006" }}</i>
{{ i18n "authored_by" }}
<b>{{ .Params.author | default .Site.Params.author }}</b>
</p>
</header>
{{ .Content }}
</article>
</div>
</div>
</div>
{{ partial "footer.html" . }}

22
package.json Normal file
View File

@ -0,0 +1,22 @@
{
"name": "gitea-theme",
"description": "This is a Hugo theme that gets used within all of our websites like our blog, documentation and also the redirects.",
"repository": {
"type": "git",
"url": "git+https://github.com/go-gitea/theme.git"
},
"author": "The Gitea Authors",
"license": "Apache-2.0",
"bugs": {
"url": "https://github.com/go-gitea/theme/issues"
},
"homepage": "https://github.com/go-gitea/theme#readme",
"dependencies": {
"bootstrap": "^4.0.0-alpha.5"
},
"devDependencies": {
"gulp": "^3.9.1",
"gulp-sass": "^2.3.2",
"gulp-sourcemaps": "^1.9.1"
}
}

14
src/colors.scss Normal file
View File

@ -0,0 +1,14 @@
//Palette generated by Material Palette
//materialpalette.com/light-green/orange
$primary-color-dark: #689F38;
$primary-color: #8BC34A;
$primary-color-light: #DCEDC8;
$primary-color-text: #212121;
$accent-color: #FF9800;
$primary-text-color: #212121;
$secondary-text-color: #757575;
$divider-color: #BDBDBD;
//Set bootstrap colors
$brand-primary: $primary-color;
$body-color: $primary-text-color;

36
src/main.scss Normal file
View File

@ -0,0 +1,36 @@
@import "colors";
@import "../node_modules/bootstrap/scss/bootstrap";
.navbar {
padding: 21px 32px;
border-bottom: 1px solid $accent-color;
}
.navbar-brand {
padding: 0;
img {
height: 38px;
}
}
.footer {
width: 100%;
padding: 32px 0;
background-color: #f7f7f9;
p {
margin: 0;
padding: 16px 0;
}
}
.content {
margin: 64px auto;
blockquote{
@extend .blockquote;
}
}

BIN
static/images/gitea.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 80 KiB

View File

@ -3,7 +3,6 @@ license = "Apache-2.0"
licenselink = "https://github.com/go-gitea/theme/blob/master/LICENSE"
description = "General theme for Gitea pages"
homepage = "https://github.com/go-gitea/theme"
tags = []
[author]
name = "The Gitea Authors"