New logo and color

2026-07-01 08:34:19 +00:00 · 2020-12-27 18:55:55 -03:00
parent ac8e344173
commit 777645888a
6 changed files with 36 additions and 8 deletions
--- a/docs/Logo.png
+++ b/docs/Logo.png
--- a/docs/README.md
+++ b/docs/README.md
@@ -1,5 +1,9 @@
 # Task

+<div align="center">
+  <img id="logo" src="/Logo.png" height="250px" width="250px" />
+</div>
+
 Task is a task runner / build tool that aims to be simpler and easier to use
 than, for example, [GNU Make][make].

--- a/docs/Taskfile.yml
+++ b/docs/Taskfile.yml
@@ -10,3 +10,8 @@ tasks:
    desc: Serves the documentation site locally
    cmds:
      - docsify serve .
+
+  ico:
+    desc: Generate favicon.ico from Logo.png
+    cmds:
+      - convert -background transparent "Logo.png" -define icon:auto-resize=16,24,32,48,64,72,96,128,256 "favicon.ico"
--- a/docs/favicon.ico
+++ b/docs/favicon.ico
--- a/docs/index.html
+++ b/docs/index.html
@@ -8,6 +8,19 @@
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify-themeable/dist/css/theme-simple.css">
    <meta name="google-site-verification" content="VGAYkbdmuaciIDGkBe-eAg9yfZg0C6ostgonbGxxOa0" />
+    <style>
+      #logo {
+        transition: all 0.7s ease;
+      }
+      #logo:hover {
+        -webkit-transform: rotateZ(360deg);
+        -ms-transform: rotateZ(360deg);
+        transform: rotateZ(360deg);
+      }
+      .app-name-link img {
+        width: 125px;
+      }
+    </style>
  </head>
  <body>
    <div id="app"></div>
@@ -15,7 +28,8 @@
      window.$docsify = {
        name: 'Task',
        repo: 'go-task/task',
-        themeColor: '#00add8',
+        logo: 'Logo.png',
+        themeColor: '#29beb0',
        loadSidebar: true,
        auto2top: true,
        maxLevel: 3,