Favicon?

[01micko]

I don't know if you're interested in this at this stage - I was just having a play!

git diff

diff --git a/blog.html b/blog.html
index cc0ff45..afef4d1 100644
--- a/blog.html
+++ b/blog.html
@@ -5,6 +5,13 @@
 <meta charset="utf-8" />
 <meta name="description" content="Teallach - a micro Desktop Environment"/>
 <meta name="viewport" content="width=device-width">
+<link rel="icon" type="image/png" href="images/bang-dark.png">
+<!-- Open Graph protocol -->
+<meta property="og:title" content="teallach" />
+<meta property="og:type" content="website" />
+<meta property="og:image" content="https://teallach.github.io/images/teallach2.png" />
+<meta property="og:url" content="https://teallach.github.io" />
+<meta property="og:description" content="Teallach is a Desktop Environment (DE) trying to offer a blend of speed, style and substance." />
 <style>
 body {
 	overflow-y: scroll;
diff --git a/index.html b/index.html
index dfcaecc..dbffe55 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,13 @@
 <meta charset="utf-8" />
 <meta name="description" content="Teallach - a micro Desktop Environment"/>
 <meta name="viewport" content="width=device-width">
+<link rel="icon" type="image/png" href="images/bang-dark.png">
+<!-- Open Graph protocol -->
+<meta property="og:title" content="teallach" />
+<meta property="og:type" content="website" />
+<meta property="og:image" content="https://teallach.github.io/images/teallach2.png" />
+<meta property="og:url" content="https://teallach.github.io" />
+<meta property="og:description" content="Teallach is a Desktop Environment (DE) trying to offer a blend of speed, style and substance." />
 <style>
 body {
 	overflow-y: scroll;
diff --git a/manual.html b/manual.html
index a71ed32..42e7ee2 100644
--- a/manual.html
+++ b/manual.html
@@ -5,6 +5,13 @@
 <meta charset="utf-8" />
 <meta name="description" content="Teallach - a micro Desktop Environment"/>
 <meta name="viewport" content="width=device-width">
+<link rel="icon" type="image/png" href="images/bang-dark.png">
+<!-- Open Graph protocol -->
+<meta property="og:title" content="teallach" />
+<meta property="og:type" content="website" />
+<meta property="og:image" content="https://teallach.github.io/images/teallach2.png" />
+<meta property="og:url" content="https://teallach.github.io" />
+<meta property="og:description" content="Teallach is a Desktop Environment (DE) trying to offer a blend of speed, style and substance." />
 <style>
 body {
 	overflow-y: scroll;
diff --git a/src/template_pre.html b/src/template_pre.html
index 583a83a..6406c7e 100644
--- a/src/template_pre.html
+++ b/src/template_pre.html
@@ -5,6 +5,13 @@
 <meta charset="utf-8" />
 <meta name="description" content="Teallach - a micro Desktop Environment"/>
 <meta name="viewport" content="width=device-width">
+<link rel="icon" type="image/png" href="images/bang-dark.png">
+<!-- Open Graph protocol -->
+<meta property="og:title" content="teallach" />
+<meta property="og:type" content="website" />
+<meta property="og:image" content="https://teallach.github.io/images/teallach2.png" />
+<meta property="og:url" content="https://teallach.github.io" />
+<meta property="og:description" content="Teallach is a Desktop Environment (DE) trying to offer a blend of speed, style and substance." />
 <style>
 body {
 	overflow-y: scroll;
diff --git a/tint.1.html b/tint.1.html
index 660576b..d862a0d 100644
--- a/tint.1.html
+++ b/tint.1.html
@@ -5,6 +5,13 @@
 <meta charset="utf-8" />
 <meta name="description" content="Teallach - a micro Desktop Environment"/>
 <meta name="viewport" content="width=device-width">
+<link rel="icon" type="image/png" href="images/bang-dark.png">
+<!-- Open Graph protocol -->
+<meta property="og:title" content="teallach" />
+<meta property="og:type" content="website" />
+<meta property="og:image" content="https://teallach.github.io/images/teallach2.png" />
+<meta property="og:url" content="https://teallach.github.io" />
+<meta property="og:description" content="Teallach is a Desktop Environment (DE) trying to offer a blend of speed, style and substance." />
 <style>
 body {
 	overflow-y: scroll;

screenshot with falkon

Works similarly in firefox and the chomium clones however I use dark gtk themes, as I'm using kvantum gnome-dark which of course falkon picks up.

The open graph stuff is just directly copied from labwc.github.io then edited accordingly, just for demonstration purposes.

It's possibly worth considering making an extra png file for bang-dark with a dark background, specifically for the favicon, so it doesn't get washed out in light themes.