Added header
This commit is contained in:
parent
f6a3a9a1a3
commit
808adbbfc7
60
repo.html
60
repo.html
|
@ -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>
|
||||
|
||||
|
|
|
@ -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%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
|
@ -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 */
|
||||
|
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user