Added header
This commit is contained in:
parent
f6a3a9a1a3
commit
808adbbfc7
60
repo.html
60
repo.html
|
@ -104,6 +104,66 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<!-- The actual repo content -->
|
<!-- 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>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -3,11 +3,13 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
$dark: #26262A;
|
$dark: #26262A;
|
||||||
|
$box-radius: 3px;
|
||||||
|
|
||||||
@import "../node_modules/bulma/bulma";
|
@import "../node_modules/bulma/bulma";
|
||||||
$fa-font-path: "../node_modules/@fortawesome/fontawesome-free/webfonts";
|
$fa-font-path: "../node_modules/@fortawesome/fontawesome-free/webfonts";
|
||||||
@import "../node_modules/@fortawesome/fontawesome-free/scss/fontawesome";
|
@import "../node_modules/@fortawesome/fontawesome-free/scss/fontawesome";
|
||||||
@import "../node_modules/@fortawesome/fontawesome-free/scss/solid";
|
@import "../node_modules/@fortawesome/fontawesome-free/scss/solid";
|
||||||
|
@import "../node_modules/@fortawesome/fontawesome-free/scss/regular";
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background: lighten($white-bis, 10%);
|
background: lighten($white-bis, 10%);
|
||||||
|
@ -20,6 +22,7 @@ body {
|
||||||
.sidemenu{
|
.sidemenu{
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu {
|
.menu {
|
||||||
background: $dark;
|
background: $dark;
|
||||||
color: $white;
|
color: $white;
|
||||||
|
@ -58,4 +61,44 @@ body {
|
||||||
padding-top: 6px;
|
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%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
|
@ -1097,7 +1097,7 @@ a.has-text-danger:hover, a.has-text-danger:focus {
|
||||||
|
|
||||||
.box {
|
.box {
|
||||||
background-color: white;
|
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);
|
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
|
||||||
color: #4a4a4a;
|
color: #4a4a4a;
|
||||||
display: block;
|
display: block;
|
||||||
|
@ -10997,6 +10997,18 @@ readers do not read off random characters that represent icons */
|
||||||
font-family: 'Font Awesome 5 Free';
|
font-family: 'Font Awesome 5 Free';
|
||||||
font-weight: 900; }
|
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 {
|
body {
|
||||||
background: white; }
|
background: white; }
|
||||||
|
|
||||||
|
@ -11030,5 +11042,29 @@ body {
|
||||||
color: #c2c2c2;
|
color: #c2c2c2;
|
||||||
font-size: 0.75rem;
|
font-size: 0.75rem;
|
||||||
padding-top: 6px; }
|
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 */
|
/*# sourceMappingURL=main.css.map */
|
||||||
|
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user