konrad
/
gitea-design
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Added header

This commit is contained in:
kolaente 2019-02-08 17:40:20 +01:00
parent f6a3a9a1a3
commit 808adbbfc7
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
4 changed files with 141 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
repo.html
View File

@ -104,6 +104,66 @@
</div>
<div class="column">
<!-- The actual repo content -->
<div class="repo-content">
<div class="header">
<span class="icon">
<i class="far fa-file-code"></i>
</span>
<h1 class="title">go-gitea/gitea</h1>
<h4 class="subtitle">forked from <a href="#">github.com/go-gitea/gitea</a></h4>
<div class="level">
<div class="level-left">
<p>
Git with a cup of tea, painless self-hosted git service. <a href="#">https://gitea.io</a>
</p>
</div>
<div class="level-right">
<span class="tag">devops</span>
<span class="tag">golang</span>
<span class="tag">git</span>
<span class="tag">gitea</span>
<span class="tag">gogs</span>
</div>
</div>
</div>
<!-- repository stats -->
<div class="level stats">
<div class="level-item has-text-centered">
<span class="icon">
<i class="fas fa-clock"></i>
</span>
<div>
<p class="title">3,456</p>
<p class="heading">Commits</p>
</div>
</div>
<div class="level-item has-text-centered">
<span class="icon">
<i class="fas fa-code-branch"></i>
</span>
<div>
<p class="title">8</p>
<p class="heading">Branches</p>
</div>
</div>
<div class="level-item has-text-centered">
<span class="icon">
<i class="fas fa-users"></i>
</span>
<div>
<p class="title">1,234</p>
<p class="heading">Contributors</p>
</div>
</div>
</div>
<!-- The repo content is listed here -->
<div class="box">
stuff is here
</div>
</div>
</div>
</div>

43
src/main.scss
View File

@ -3,11 +3,13 @@
}
$dark: #26262A;
$box-radius: 3px;
@import "../node_modules/bulma/bulma";
$fa-font-path: "../node_modules/@fortawesome/fontawesome-free/webfonts";
@import "../node_modules/@fortawesome/fontawesome-free/scss/fontawesome";
@import "../node_modules/@fortawesome/fontawesome-free/scss/solid";
@import "../node_modules/@fortawesome/fontawesome-free/scss/regular";
body {
background: lighten($white-bis, 10%);
@ -20,6 +22,7 @@ body {
.sidemenu{
padding: 0;
}
.menu {
background: $dark;
color: $white;
@ -58,4 +61,44 @@ body {
padding-top: 6px;
}
}
.repo-content{
max-width: 1100px;
margin: 0 auto;
.header {
margin-bottom: 2rem;
.subtitle{
font-size: $size-6;
margin-bottom: 0.75rem;
}
.icon{
float: left;
height: 4rem;
font-size: $size-1;
width: auto;
margin:0 0.5rem;
}
.tag {
margin: 0 0.2rem;
border: 1px solid $green;
background: lighten($green, 50%);
}
}
.stats .level-item{
.title {
font-size: $size-4;
}
.icon{
font-size: $size-4;
margin: 0 0.8rem;
color: lighten($body-color, 10%);
}
}
}
}

38
styles/main.css
View File

@ -1097,7 +1097,7 @@ a.has-text-danger:hover, a.has-text-danger:focus {
.box {
background-color: white;
border-radius: 6px;
border-radius: 3px;
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
color: #4a4a4a;
display: block;
@ -10997,6 +10997,18 @@ readers do not read off random characters that represent icons */
font-family: 'Font Awesome 5 Free';
font-weight: 900; }
@font-face {
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 400;
font-display: auto;
src: url("../node_modules/@fortawesome/fontawesome-free/webfonts/fa-regular-400.eot");
src: url("../node_modules/@fortawesome/fontawesome-free/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../node_modules/@fortawesome/fontawesome-free/webfonts/fa-regular-400.woff2") format("woff2"), url("../node_modules/@fortawesome/fontawesome-free/webfonts/fa-regular-400.woff") format("woff"), url("../node_modules/@fortawesome/fontawesome-free/webfonts/fa-regular-400.ttf") format("truetype"), url("../node_modules/@fortawesome/fontawesome-free/webfonts/fa-regular-400.svg#fontawesome") format("svg"); }
.far {
font-family: 'Font Awesome 5 Free';
font-weight: 400; }
body {
background: white; }
@ -11030,5 +11042,29 @@ body {
color: #c2c2c2;
font-size: 0.75rem;
padding-top: 6px; }
.repo .repo-content {
max-width: 1100px;
margin: 0 auto; }
.repo .repo-content .header {
margin-bottom: 2rem; }
.repo .repo-content .header .subtitle {
font-size: 1rem;
margin-bottom: 0.75rem; }
.repo .repo-content .header .icon {
float: left;
height: 4rem;
font-size: 3rem;
width: auto;
margin: 0 0.5rem; }
.repo .repo-content .header .tag {
margin: 0 0.2rem;
border: 1px solid #23d160;
background: #f6fef9; }
.repo .repo-content .stats .level-item .title {
font-size: 1.5rem; }
.repo .repo-content .stats .level-item .icon {
font-size: 1.5rem;
margin: 0 0.8rem;
color: #636363; }
/*# sourceMappingURL=main.css.map */

2
styles/main.css.map
View File

File diff suppressed because one or more lines are too long