From 8198d50b5267450929f43006f16e9b9aecf07b03 Mon Sep 17 00:00:00 2001
From: Lars Bilke <lars.bilke@ufz.de>
Date: Mon, 11 Dec 2017 11:02:30 +0100
Subject: [PATCH] [web] Use FontAwesome for icons.
---
web/README.md | 2 ++
web/layouts/partials/header.html | 10 ++++------
2 files changed, 6 insertions(+), 6 deletions(-)
diff --git a/web/README.md b/web/README.md
index 2fa4e69e0f3..d6890ca84c8 100644
--- a/web/README.md
+++ b/web/README.md
@@ -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
diff --git a/web/layouts/partials/header.html b/web/layouts/partials/header.html
index 03107aeed5d..d7481ce750b 100644
--- a/web/layouts/partials/header.html
+++ b/web/layouts/partials/header.html
@@ -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 }}
--
GitLab