FabInfra-Mirror/fabinfra-theme
1
0
Fork 0
mirror of https://gitlab.com/fabinfra/fabinfra-theme.git synced 2025-03-12 14:41:51 +01:00
Code Issues Packages Projects Releases Wiki Activity

Changed: Project List && Changed: Project Sites

Browse Source
This commit is contained in:
TheJoKlLa 2020-03-07 03:16:11 +01:00
parent 19d3d37981
commit aa4fc48483
5 changed files with 57 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
layouts/index.html
View File

@ -1,20 +1,18 @@
{{ partial "header" . }}
<main class = "content-box">
<div class="intro">
<div class="avatar">
<img class="img-responsive" src="{{ .Site.BaseURL }}/img/{{ .Site.Params.logo }}" alt="Whoopsies, this is my bad side!" style = "margin: 0 auto;">
<h1>{{ .Title }}</h1>
<img class="img-responsive" src="/img/favicon/logo_256x256.png" alt="Logo no found" style = "margin: 0 auto;">
<h1>{{ .Site.Title }}</h1>
</div>
<div style = "margin-top: 50px">
<h2>{{ .Site.Params.description }}</h2>
<h2>{{ .Site.Params.Description }}</h2>
</div>
<br>
<br>
<div class="text-justify">{{ .Content }}</div>
</div>
</main>
{{ partial "footer" . }}

9
layouts/partials/header-project.html
View File

@ -8,12 +8,13 @@
{{ printf "https://gitlab.com/%s/%s/" $.Site.Params.gitlabUsername . | $.Scratch.Set "link" }}
{{ end }}
{{ end }}
{{ with .Params.link }} {{ $.Scratch.Set "link" . }} {{ end }}
{{ with .Description }} {{ $.Scratch.Set "subtitle" . }} {{ end }}
<h4><a href="{{ .Scratch.Get "link" }}">{{ .Title }}</a></h4>
<h5>{{ $.Scratch.Get "subtitle" }}</h5>
<a href="{{ .Scratch.Get "link" }}">
<img class="logo" src="../{{ .Params.logo }}">
<h1>{{ .Title }}</h1>
</a>
<h4>{{ $.Scratch.Get "subtitle" }}</h4>
{{ range.Params.categories }}

10
layouts/partials/header.html
View File

@ -10,11 +10,11 @@
<link href="{{ with .OutputFormats.Get "RSS" }}{{ .RelPermalink }}{{ end }}" rel="feed" type="application/rss+xml" title="{{ .Site.Title }}" />
<!-- Favicons - https://realfavicongenerator.net/ -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#00d4aa">
<link rel="apple-touch-icon" sizes="180x180" href="/img/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16x16.png">
<link rel="manifest" href="/img/favicon/site.webmanifest">
<link rel="mask-icon" href="/img/favicon/safari-pinned-tab.svg" color="#00d4aa">
<meta name="msapplication-TileColor" content="#3c474d">
<meta name="theme-color" content="#3c474d">
</head>

20
layouts/partials/list-item-project.html
View File

@ -1,12 +1,14 @@
<div class="list-item">
{{ with .Permalink }} {{ $.Scratch.Set "link" . }} {{ end }}
{{ with .Description }} {{ $.Scratch.Set "subtitle" . }} {{ end }}
{{ with .ReadingTime }} {{ $.Scratch.Set "read_time" . }} {{ end }}
<h4><a href="{{ .Scratch.Get "link" }}">{{ .Title }}</a></h4>
<h5>{{ $.Scratch.Get "subtitle" }}</h5>
<div class="list-logo">
<a href="{{ .Permalink }}">
<img src="{{ .Params.logo }}">
</a>
</div>
<div class="list-content">
<a href="{{ .Permalink }}">
<h4>{{ .Title }}</h4>
</a>
<h5>{{ .Description }}</h5>
{{ range.Params.categories }}
<a href="{{"/categories/"|relLangURL }}{{.|urlize}}">
<kbd class="item-cat"> {{ . }} </kbd>
@ -17,5 +19,5 @@
<kbd class="item-tag"> {{ . }} </kbd>
</a>
{{ end }}
</div>
</div>

31
static/css/main.css
View File

@ -18,13 +18,11 @@ main {
}
/*footer*/
.copyright {
margin: 15px 0;
}
/*home page*/
.intro {
/* transform: translateY(80%); */
}
@ -46,7 +44,6 @@ main {
}
/*apply accent colour to links*/
a:link, a:visited {
color: #555555;
}
@ -66,7 +63,6 @@ a:link, a:visited {
/*paginator at bottom of list view*/
.pages {
padding: 15px 0;
}
@ -76,9 +72,10 @@ a:link, a:visited {
}
/*list item for posts and projects*/
.item {
padding: 10px 0;
.list-item {
display: flex;
padding-top: 5px;
margin-top: 10px;
}
.item-cat {
@ -97,8 +94,22 @@ a:link, a:visited {
list-style-type: none;
}
/*navigation bar icons*/
.list-logo {
flex: 0 0 20%;
}
.list-content {
text-align: left;
margin-left: 10px;
flex: 1;
}
/* project sites */
.item-header .logo {
width: 150px;
}
/*navigation bar icons*/
.navbar-icon {
font-size: 120%;
display: inline-block !important;
@ -202,7 +213,3 @@ img {
background-color: var(--accent) !important;
color: #f8f8f8 !important;
}
.list-item {
padding-top: 5px;
margin-top: 10px;
}