Use same style as docs.fenicsproject.org (#230)

* use same style as docs.fenicsproject.org

* better commit message

* add favicon

* link to docs, not github

.github/workflows/pythonapp.yml

@@ -121,5 +121,5 @@ jobs:
           git config --global user.email "[email protected]"
           git config --global user.name "FEniCS GitHub Actions"
           git add --all
-          git commit --allow-empty -m "C++ FEniCS/basix@${{ github.sha }}"
+          git commit --allow-empty -m "Update Basix docs FEniCS/basix@${{ github.sha }}"
           git push

doc/assets/sty.css

@@ -1,27 +1,16 @@
-.basixmain, .basixhead {margin-left:auto;margin-right:auto;max-width:900px;padding:20px;}
-.basixmain {background-color:#FFFFFF}
-.basixheadwrapper {background-color:#E6F2FF;}
+.fenicsmain, .fenicshead {padding:20px;}
+.fenicsheadwrapper {border-bottom:2px solid black;min-height:100px;
+    background-image: url(https://fenicsproject.org/pub/graphics/fenics_logo.svg);
+    background-size:70px; background-repeat:no-repeat;padding:0px 70px;
+    background-position-y: center;}
 
-.basixtitle, .basixnav {line-height:normal;font-weight:normal;font-family:Lato, sans-serif}
+.fenicstitle, .fenicsnav {line-height:normal;font-weight:normal;}
 
-body {padding:0px;margin:0px}
+.fenicshead .fenicstitle {font-size:60px;text-align:center}
+.fenicshead .fenicstitle .fenicsversion {font-size:30px}
 
-.basixhead .basixtitle {font-size:60px;text-align:center}
-.basixhead a, .basixhead a:link, .basixhead a:visited, .basixhead a:active
- {text-decoration:none;color:black}
-.basixhead a:hover
- {text-decoration:underline;color:#FF8400}
+.fenicstitle, .fenicsnav,
+.fenicshead {font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif}
 
-a, a:link, a:visited, a:active
- {text-decoration:underline;color:blue}
-a:hover
- {color:#FF8400}
+.fenicsnav {display:inline-block;font-size:20px;padding:0px 15px}
 
-p, li {font-family:sans-serif}
-
-h1,h2,h3,h4,h5,h6 {font-weight:bold;color:#000000}
-
-.basixhead,
-h1,h2,h3,h4,h5,h6 {font-family:Lato, sans-serif;}
-
-.basixnav {display:inline-block;font-size:20px;padding:0px 15px}

doc/index.md

@@ -1,6 +1,6 @@
 Basix is a finite element definition and tabulation runtime library.
-It is part of [FEniCSx](https://fenicsproject.org),
-alongside [FFCx](https://github.com/FEniCS/ffcx) and [DOLFINx](https://github.com/FEniCS/dolfinx),
+It is part of [FEniCSx](https://docs.fenicsproject.org),
+alongside [FFCx](https://docs.fenicsproject.org/ffcx) and [DOLFINx](https://docs.fenicsproject.org/dolfinx/cpp),
 
 The main functionality of Basix is written in C++. Documentation of the C++ functionality of Basix can be found
 at {{link:URL/cpp}}.

doc/template/navbar.html

@@ -1,8 +1,8 @@
-<div class='basixheadwrapper'>
-<div class='basixhead'>
-<div class='basixtitle'><a href='{{URL}}/index.html'>Basix {{VERSION}}</a></div>
-<a class='basixnav' href='{{URL}}/index.html'>Home</a>
-<a class='basixnav' href='{{URL}}/install.html'>Installation</a>
-<a class='basixnav' href='{{URL}}/cpp'>C++ docs</a>
-<a class='basixnav' href='{{URL}}/python'>Python docs</a>
+<div class='fenicsheadwrapper'>
+<div class='fenicshead'>
+<div class='fenicstitle'><a href='{{URL}}/index.html'>Basix <span class='fenicsversion'>{{VERSION}}</span></a></div>
+<a class='fenicsnav' href='{{URL}}/index.html'>Home</a>
+<a class='fenicsnav' href='{{URL}}/install.html'>Installation</a>
+<a class='fenicsnav' href='{{URL}}/cpp'>C++ docs</a>
+<a class='fenicsnav' href='{{URL}}/python'>Python docs</a>
 </div></div>

doc/template/stylesheets.html

@@ -1,3 +1,3 @@
-<link rel="preconnect" href="https://fonts.gstatic.com">
-<link href="https://fonts.googleapis.com/css2?family=Lato&display=swap" rel="stylesheet">
+<link href="https://docs.fenicsproject.org/pandoc.css" rel="stylesheet" type="text/css" />
 <link href="{{URL}}/assets/sty.css" rel="stylesheet" type="text/css" />
+<link rel="shortcut icon" type="image/x-icon" href="https://fenicsproject.org/favicon.ico"/>