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

Merge branch 'master' of gitlab.com:fabinfra/fabinfra-theme

Browse Source
This commit is contained in:
TheJoKlLa 2020-11-06 21:34:29 +01:00
commit 12266c8324
27 changed files with 83 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored Normal file
View File

@ -0,0 +1 @@
public/

2
LICENSE
View File

@ -1,6 +1,6 @@
MIT License MIT License
Copyright (c) 2018 Nathan Day, TheJoKlLa Copyright (c) 2018 TheJoKlLa
Permission is hereby granted, free of charge, to any person obtaining a copy Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal of this software and associated documentation files (the "Software"), to deal

3
README.md
View File

@ -4,3 +4,6 @@ Responsive Theme without Javascript
## Main Colors ## Main Colors
1. #00d4aa 1. #00d4aa
2. #3c474d 2. #3c474d
## Sponsors Logo
880px x 625px

8
layouts/partials/footer.html
View File

@ -1,15 +1,11 @@
<footer class="footer"> <footer class="footer">
{{ if .Params.sponsor }}
<div class="sponsor_placeholder"></div>
{{ end }}
<div class="text"> <div class="text">
<p>Powered by <a href="https://gohugo.io">Hugo</a>. Themed by <a href="https://gitlab.com/fabinfra/fabinfra-theme">FabInfra</a>.</p> <p>Powered by <a href="https://gohugo.io">Hugo</a>. Themed by <a href="https://gitlab.com/fabinfra/fabinfra-theme">FabInfra</a>.</p>
{{ if .Site.Home.AllTranslations}} {{ if .Site.Home.AllTranslations}}
<ul class="lang"> <ul class="lang">
{{ range $.Site.Home.AllTranslations }} {{ range $.Site.Home.AllTranslations }}
<li><a href="{{ .Permalink }}">{{ .Language.LanguageName }}</a></li> <li><a href="{{ replace $.Page.URL $.Page.Language.Lang .Language.Lang}}">{{ .Language.LanguageName }}</a></li>
{{ end }} {{ end }}
</ul> </ul>
{{ end }} {{ end }}
@ -17,6 +13,8 @@
{{ if .Params.sponsor }} {{ if .Params.sponsor }}
<img class="sponsor" src="{{ .Params.sponsor }}"/> <img class="sponsor" src="{{ .Params.sponsor }}"/>
{{else}}
<img class="sponsor" src="/img/sponsors/FabInfra.png"/>
{{ end }} {{ end }}
</footer> </footer>
</body> </body>

11
layouts/partials/head_meta.html
View File

@ -3,9 +3,20 @@
<meta charset="utf-8"/> <meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/color.css"> <link rel="stylesheet" href="/css/color.css">
<link rel="stylesheet" href="/css/size.css">
<link rel="stylesheet" href="/css/main.css"> <link rel="stylesheet" href="/css/main.css">
<link rel="stylesheet" href="/css/content.css"> <link rel="stylesheet" href="/css/content.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Mina"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Mina">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
<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="#3c474d">
<meta name="msapplication-TileColor" content="#3c474d">
<meta name="theme-color" content="#3c474d">
<title>{{ $.Site.Title }} - {{ $.Page.Title }}</title>
</head> </head>
<body> <body>

33
static/css/content.css
View File

@ -35,25 +35,34 @@ main .list-project .content {
} }
/* project sites */ /* project sites */
main .header-project .content{ main .header-project .content {
display: flex;
padding-top: 5px; padding-top: 5px;
margin-top: 10px; margin-top: 10px;
max-height: 200px; display: flex;
flex-direction: row;
justify-content: space-between;
} }
main .header-project .content .logo { main .header-project .content .logo {
width: 200px; align-self: center;
margin-left: auto; height: 200px;
margin-right: 20px;
} }
main .header-project .content .logo img { /* Change Grid Structure */
width: : 100%; @media (max-width: 30em) {
} main .header-project .content {
flex-direction: column-reverse;
justify-content: space-between;
}
@media (max-width: 35em) {
main .header-project .content .logo { main .header-project .content .logo {
display: none; align-self: center;
width: 200px;
} }
} }
/* images */
.text-justify img {
display: block;
margin: 50px auto;
}

50
static/css/main.css
View File

@ -117,14 +117,6 @@ body {
top:0; top:0;
} }
/* main */
main {
padding: 75px 30px 100px 30px;
font-family: Roboto, sans-serif;
}
/* 48em = 768px @ 16pt font */
@media (min-width: 48em) { @media (min-width: 48em) {
.header li { .header li {
float: left; float: left;
@ -140,6 +132,16 @@ main {
.header .menu-icon { .header .menu-icon {
display: none; display: none;
} }
}
/* main */
main {
padding: 75px 30px 150px 30px;
font-family: Roboto, sans-serif;
}
/* Change Padding for Mobile View */
@media (min-width: 48em) {
main { main {
padding: 75px 150px 100px 150px; padding: 75px 150px 100px 150px;
} }
@ -158,24 +160,32 @@ main {
bottom: 0; bottom: 0;
width: 100%; width: 100%;
padding: 20px 0px; padding: 20px 0px;
display: flex; display: grid;
grid-template-columns: 20px 100px 10px auto 10px 100px 20px;
} }
.footer .text{ .footer .text {
margin-right: auto; grid-column-start: 4;
margin-left: auto;
} }
.footer .sponsor{ .footer .sponsor {
height: 76px; grid-column-start: 6;
width: 115px; width: 100%;
margin: -15px 30px -15px auto;
} }
.footer .sponsor_placeholder{ /* Change Grid Structure */
height: 76px; @media (max-width: 48em) {
width: 115px; .footer {
margin: -15px auto -15px 30px; grid-template-columns: 10px auto 10px 100px 10px;
}
.footer .text {
grid-column-start: 2;
}
.footer .sponsor {
grid-column-start: 4;
}
} }
.footer p { .footer p {

4
static/css/size.css Normal file
View File

@ -0,0 +1,4 @@
:root {
--size-normal: 48em;
--size-small: 35em;
}

BIN
static/img/favicon/android-chrome-192x192.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 16 KiB

BIN
static/img/favicon/android-chrome-512x512.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 48 KiB

BIN
static/img/favicon/apple-touch-icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

2
static/img/favicon/browserconfig.xml
View File

@ -2,7 +2,7 @@
<browserconfig> <browserconfig>
<msapplication> <msapplication>
<tile> <tile>
<square150x150logo src="/mstile-150x150.png"/> <square150x150logo src="/img/favicon/mstile-150x150.png"/>
<TileColor>#3c474d</TileColor> <TileColor>#3c474d</TileColor>
</tile> </tile>
</msapplication> </msapplication>

BIN
static/img/favicon/favicon-16x16.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 926 B

After

Width:  |  Height:  |  Size: 926 B

BIN
static/img/favicon/favicon-32x32.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
static/img/favicon/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
static/img/favicon/logo_512x512.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 20 KiB

BIN
static/img/favicon/mstile-144x144.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.8 KiB

After

Width:  |  Height:  |  Size: 5.8 KiB

BIN
static/img/favicon/mstile-150x150.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.6 KiB

After

Width:  |  Height:  |  Size: 5.6 KiB

BIN
static/img/favicon/mstile-310x150.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.2 KiB

After

Width:  |  Height:  |  Size: 6.2 KiB

BIN
static/img/favicon/mstile-310x310.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

BIN
static/img/favicon/mstile-70x70.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.0 KiB

After

Width:  |  Height:  |  Size: 4.0 KiB

8
static/img/favicon/site.webmanifest
View File

@ -1,14 +1,14 @@
{ {
"name": "", "name": "FabInfra",
"short_name": "", "short_name": "FabInfra",
"icons": [ "icons": [
{ {
"src": "/android-chrome-192x192.png", "src": "/img/favicon/android-chrome-192x192.png",
"sizes": "192x192", "sizes": "192x192",
"type": "image/png" "type": "image/png"
}, },
{ {
"src": "/android-chrome-512x512.png", "src": "/img/favicon/android-chrome-512x512.png",
"sizes": "512x512", "sizes": "512x512",
"type": "image/png" "type": "image/png"
} }

BIN
static/img/sponsors/BMBF.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 108 KiB

BIN
static/img/sponsors/BMBF_DE.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 76 KiB

BIN
static/img/sponsors/BMBF_EN.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 68 KiB

BIN
static/img/sponsors/BMBF_ENG.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 71 KiB

BIN
static/img/sponsors/FabInfra.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 33 KiB