Ad5001/omegamma
Ad5001/omegamma
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Porting all CSS to SCSS for easier maintainance, checking on all best practices.

Browse source
This commit is contained in:
Adsooi 2021-07-14 00:18:53 +02:00
parent 4f5089655b
commit bdded822bd
Signed by: Ad5001
GPG key ID: EF45F9C6AFE20160
37 changed files with 1115 additions and 424 deletions

6
layouts/partials/footer.html
View file

@ -1,9 +1,7 @@
<footer>
<br><br>
<div class="columns-container">
<div class="col3 footer-social-list">
&nbsp;
&nbsp;
<div class="col3 footer-social-list grid padding-container-3">
{{ range .Site.Menus.social }}
<a role="button" alt="{{ .Name }}" title="{{ .Name }}" href={{ .URL }}>
{{ .Pre }}
@ -13,7 +11,7 @@
<div class="text-center col3">
{{ .Site.Copyright }}
</div>
<div class="col3 text-right">
<div class="col3 text-right padding-container-3">
{{ .Site.Params.usingTheme }} <a href="/omegamma">Omegamma</a><br>
{{ .Site.Params.poweredBy }} <a href="https://gohugo.io">Hugo</a>
</div>

22
layouts/partials/head.html
View file

@ -1,19 +1,19 @@
<head>
<title>{{ .Site.Title }} - {{ .Title }}</title>
<link rel="stylesheet" href="/css/blocks.css">
<link rel="stylesheet" href="/css/common.css">
<link rel="stylesheet" href="/css/custom.css">
<link rel="stylesheet" href="/css/header.css">
<link rel="stylesheet" href="/css/footer.css">
<link rel="stylesheet" href="/css/sections.css">
<link rel="stylesheet" href="/css/font.css">
{{ $mainstyle := resources.Get "/scss/main.scss" | toCSS | minify | fingerprint }}
<link rel="stylesheet" href="{{ $mainstyle.Permalink }}">
{{ if .Site.Params.includeAppsStyle }}
{{ $appsstyle := resources.Get "/scss/apps.scss" | toCSS | minify | fingerprint }}
<link rel="stylesheet" href="{{ $appsstyle.Permalink }}">
{{ end }}
<link rel="icon" href="/img/icon.png">
{{ hugo.Generator }}
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="{{ .Page.Description }}">
{{ if .IsTranslated }}
{{ range .Translations }}
<link rel="alternate" hreflang="{{ .Language.Lang }}" href="{{ .Permalink }}" title="{{ .Language.LanguageName }}">
{{ end }}
{{ range .Translations }}
<link rel="alternate" hreflang="{{ .Language.Lang }}" href="{{ .Permalink }}" title="{{ .Language.LanguageName }}">
{{ end }}
<script src="/js/header.js"></script>
{{ end }}
<script src="/js/header.js" async></script>
</head>

52
layouts/partials/header.html
View file

@ -2,14 +2,14 @@
<nav class="{{ if $white }}text-white{{ end }}">
<div class="center nav-flex">
{{ $currentPage := . }}
<div class="nav-mobile ">
<div class="nav-mobile">
<a class="navbar-brand" href="{{ .Site.Params.brandWebsite }}" role="button">
<img src="/img/icon.png" class="icon-brand" alt=""/>
<img src="/img/icon.png" class="icon-brand" alt="Ad5001's icon"/>
Ad5001
</a>
<button id="navbar-toggler">
<img src="/icons/menu.svg" class="icon-monochrome"/>
<img src="/icons/menu.svg" class="icon-monochrome" alt="Menu icon"/>
</button>
</div>
@ -17,52 +17,50 @@
<ul class="navbar-list">
{{ range .Site.Menus.main.ByWeight }}
{{ if .HasChildren }}
<div class="menu-with-sub">
<a href="#" role="button">
<li class="{{ if $currentPage.HasMenuCurrent "main" . }}active{{ end }}">
<li class="menu-with-sub">
<li class="{{ if $currentPage.HasMenuCurrent "main" . }}active{{ end }}">
<a href="#" role="button">
{{ .Pre }}
<span>{{ .Name }}</span>
</li>
</a>
</a>
</li>
<ul class="sub-menu">
{{ range .Children }}
<a href="{{ .URL }}" role="button">
<li class="{{ if $currentPage.IsMenuCurrent "main" . }}active{{ end }} background">
<li class="{{ if $currentPage.IsMenuCurrent "main" . }}active{{ end }} background">
<a href="{{ .URL }}" role="button">
{{ .Name }}
</li>
</a>
</a>
</li>
{{ end }}
</ul>
</div>
</li>
{{ else }}
<a href="{{ .URL }}" role="button">
<li class="{{ if $currentPage.IsMenuCurrent "main" . }}active{{ end }}">
<li class="{{ if $currentPage.IsMenuCurrent "main" . }}active{{ end }}">
<a href="{{ .URL }}" role="button">
{{ .Pre }}
<span>{{ .Name }}</span>
</li>
</a>
</a>
</li>
{{ end }}
{{ end }}
{{ $currentLang := .Site.Language }}
{{ if .IsTranslated }}
<div class="menu-with-sub">
<li class="menu-with-sub">
<a href="#" role="button">
<li>
<img src="/icons/lang.svg" class="icon-as-text icon-monochrome"/>
<span>{{ i18n "language" }}</span>
</li>
<img src="/icons/lang.svg" class="icon-as-text icon-monochrome" alt="{{ i18n "language" }} language flag"/>
<span>{{ i18n "language" }}</span>
</a>
<ul class="sub-menu center">
{{ range .Translations }}
<a href="{{ .Permalink }}" role="button">
<li class="background">
<li class="background">
<a href="{{ .Permalink }}" role="button">
<img src="/icons/flag/{{ .Language.Lang }}.svg" class="icon-as-text"/>
{{ .Language.LanguageName }}
</li>
</a>
</a>
</li>
{{ end }}
</ul>
</div>
</li>
{{ end }}
</ul>
</div>

6
layouts/partials/section-app-header.html
View file

@ -4,7 +4,7 @@
{{ with .Data }}
<section style="background: {{ .Background | safeCSS }};" class="section-header">
<div class="columns-container">
<div class="column col3 text-right vertical-center {{ if .TextWhite }}text-white{{ end }}">
<div class="column col3 center text-right vertical-center {{ if .TextWhite }}text-white{{ end }}">
<br>
<h1 class="flex flex-right">&nbsp;<img src="/icons/apps/{{ .AppIndex | safeHTML }}.png" class="icon-larger-text" alt=""/>{{ $appdata.name | safeHTML }}</h1>
<h2>{{ $appdata.description | safeHTML }}</h2>
@ -24,8 +24,8 @@
</div>
<br>
</div>
<div class="column col2-3 flex">
<img class="vertical-center-img" src="/img/full/{{ .AppIndex }}.png"/>
<div class="column col2-3 center flex">
<img class="vertical-center-img" alt="{{ $appdata.name | safeHTML }} preview" src="/img/full/{{ .AppIndex }}.png"/>
</div>
</div>
<div class="section-end-triangle"></div>

1
layouts/partials/section-main-header.html Normal file
View file

@ -0,0 +1 @@