Update dark theme (#72)

* Add gitignore and static icons

* Add social icons bar

* Add more social icons, fix styling for header

* Fix dark theme bug

* Remove AWS icon

* Add math typesetting to readme features

* Templatize social icons

* Add documentation and fix menu icon

* Add more icons in example site

* Fix lang in code blocks

* Fix codeblocks lang and use twitch icon

* Reduce spacing around and between social icons

* Fix icon sizing

* Hard code width and height

* Fix language in code blocks

* Update language

* Update Readme

* Add screenshot

* Update screenshots

* Update dark theme primary color

* Fixes related to dark theme

Co-authored-by: Yash Mehrotra <yashmehrotra95@gmail.com>
This commit is contained in:
Avijit Gupta
2021-09-07 19:40:35 +02:00
committed by GitHub
parent 808cd0ffb9
commit e381d33542
4 changed files with 17 additions and 23 deletions

View File

@@ -125,16 +125,3 @@ Tables aren't part of the core Markdown spec, but Hugo supports them out-of-the-
* Dairy
* Milk
* Cheese
## Other Elements — abbr, sub, sup, kbd, mark
<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.
H<sub>2</sub>O
X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
Press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> to end the session.
Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.

View File

@@ -112,10 +112,10 @@ Add your own JavaScript or CSS by putting them in the `static/` folder and impor
```toml
[params]
customHeadHTML = """
customHeadHTML = '''
<script>console.log("Custom script or import");</script>
<script src="/js/custom.js"></script>
"""
'''
```
### Analytics
@@ -128,9 +128,9 @@ Giving users the freedom to add anything in the HTML via config.toml seemed like
```toml
[params]
customHeadHTML = """
customHeadHTML = '''
<script async defer data-website-id="website-id" src="https://analytics.example.com/script.js"></script>
"""
'''
```
### Katex
@@ -139,7 +139,7 @@ Katex is a math typesetting library for the web which lets you write beautiful e
```toml
[params]
customHeadHTML = """
customHeadHTML = '''
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.13.16/dist/katex.min.css" integrity="sha384-6LkG2wmY8FK9E0vU9OOr8UvLwsaqUg9SETfpq4uTCN1agNe8HRdE9ABlk+fVx6gZ" crossorigin="anonymous">
<!-- The loading of KaTeX is deferred to speed up page rendering -->
@@ -148,7 +148,7 @@ Katex is a math typesetting library for the web which lets you write beautiful e
<!-- To automatically render math in text elements, include the auto-render extension: -->
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.13.16/dist/contrib/auto-render.min.js" integrity="sha384-vZTG03m+2yp6N6BNi5iM4rW4oIwk5DfcNdFfxkk9ZWpDriOkXX8voJBFrAO7MpVl" crossorigin="anonymous"
onload="renderMathInElement(document.body);"></script>
"""
'''
```
> Note: Make sure you use the latest version of katex and use the correct script tags as described in [their documentation](https://katex.org/docs/browser.html)