Skip to content
Snippets Groups Projects
Commit 8198d50b authored by Lars Bilke's avatar Lars Bilke
Browse files

[web] Use FontAwesome for icons.

parent 4661069c
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
web/README.md
+ 2
− 0
View file @ 8198d50b
......@@ -47,9 +47,11 @@ This fetches articles from the CMS to e.g. `ogs/web/data/news.json`.
- [Hugo](https://gothugo.com) - Static site generator for technical documentation
- [Contenful](https://www.contentful.com/) - API-based CMS for news, articles, ..
- [flexboxgrid](http://flexboxgrid.com/) - CSS grid
- [Tachyons](http://tachyons.io) - CSS framework
- [vtk.js](https://kitware.github.io/vtk-js/) - 3D Visualizations
- [webpack](https://webpack.github.io/) - Packaging JavaScript
- [gulp](http://gulpjs.com/) - Automation toolkit
- [FontAwesome](https://fontawesome.com) - Icons, see [icon search](https://fontawesome.com/icons?d=gallery)
## How-Tos
......
web/layouts/partials/header.html
+ 4
− 6
View file @ 8198d50b
......@@ -18,6 +18,7 @@
<script type="text/javascript" async
src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_CHTML">
</script>
<script defer src="https://use.fontawesome.com/releases/v5.0.1/js/all.js"></script>
<title>{{ .Title }}</title>
</head>
......@@ -25,18 +26,15 @@
<body>
<div class="container">
<nav>
<a href="/" class="black b">opengeosys.org</a>
<a href="/" class="black b">benchmarks.opengeosys.org</a>
{{ $currentPage := . }}
{{ range .Site.Menus.main }}
<a href="{{ .URL }}" {{if $currentPage.IsMenuCurrent "main" . }} class="active"{{end}}>{{ .Name }}</a>
{{ end }}
</nav>
{{ if .Site.Params.alert }}
<div class="flex items-center justify-center pa2 bg-lightest-blue navy">
<svg class="w1" data-icon="info" viewBox="0 0 32 32" style="fill:currentcolor">
<title>info icon</title>
<path d="M16 0 A16 16 0 0 1 16 32 A16 16 0 0 1 16 0 M19 15 L13 15 L13 26 L19 26 z M16 6 A3 3 0 0 0 16 12 A3 3 0 0 0 16 6"></path>
</svg>
<div class="f6 flex items-center justify-center pa2 bg-lightest-blue navy">
<i class="fas fa-exclamation-triangle"></i>
<span class="lh-title ml3">{{ .Site.Params.alert | safeHTML }}</span>
</div>
{{ end }}
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment