chore: update brand materials

README.md

@@ -1,23 +1,29 @@
-# ngx-echarts
-
-<!-- Badges section here. -->
-
-[![npm](https://img.shields.io/npm/v/ngx-echarts.svg)][npm-badge-url]
-[![npm](https://img.shields.io/npm/dm/ngx-echarts.svg)][npm-badge-url]
-[![Build Status](https://github.com/xieziyu/ngx-echarts/actions/workflows/ci.yaml/badge.svg)][ci-url]
-
-Angular directive for [Apache ECharts (incubating)](https://github.com/apache/incubator-echarts)
-(version >= 3.x) (The project is renamed from **angular2-echarts**)
-
-- [Online Demo](https://xieziyu.github.io/ngx-echarts)
-- [Online Docs](https://xieziyu.github.io/ngx-echarts/api-doc)
-- [Starter Project](https://github.com/xieziyu/ngx-echarts-starter)
-- [Changelog](https://xieziyu.github.io/ngx-echarts/#/changelogs)
+<div align="center">
+  <a href="https://xieziyu.github.io/ngx-echarts">
+    <img src="./src/assets/img/logo.svg" alt="Logo" width="80">
+  </a>
+  <h3 align="center">NGX-ECHARTS</h3>
+  <p align="center">
+    Angular directive for <a href="https://github.com/apache/incubator-echarts">Apache ECharts</a>
+  </p>
+  <p align="center">
+    <a href="https://xieziyu.github.io/ngx-echarts">Online Demo</a> |
+    <a href="https://github.com/xieziyu/ngx-echarts-starter">Starter</a>
+  </p>
+  <p align="center">
+    <a href="https://www.npmjs.com/package/ngx-echarts">
+      <img alt="npm" src="https://img.shields.io/npm/v/ngx-echarts.svg">
+    </a>
+    <a href="https://www.npmjs.com/package/ngx-echarts">
+      <img alt="downloads" src="https://img.shields.io/npm/dm/ngx-echarts.svg">
+    </a>
+    <a href="https://github.com/xieziyu/ngx-echarts/actions/workflows/ci.yaml">
+      <img alt="build" src="https://github.com/xieziyu/ngx-echarts/actions/workflows/ci.yaml/badge.svg">
+    </a>
+  </p>
+</div>
 
 ## Table of contents
-
-- [ngx-echarts](#ngx-echarts)
-  - [Table of contents](#table-of-contents)
 - [Getting Started](#getting-started)
 - [Latest Update](#latest-update)
 - [Installation](#installation)
@@ -581,6 +587,3 @@ yarn demo
 ```
 
 The demo page server is listening on: http://localhost:4202
-
-[npm-badge-url]: https://www.npmjs.com/package/ngx-echarts
-[ci-url]: https://github.com/xieziyu/ngx-echarts/actions/workflows/ci.yaml

src/app/app.component.html

@@ -8,8 +8,7 @@
     [nzTrigger]="null">
     <div class="sidebar-logo">
       <a href="https://xieziyu.github.io/ngx-echarts" target="_blank">
-        <img src="assets/img/angular.svg" alt="logo" />
-        <h1>ngx-echarts</h1>
+        <img src="assets/img/brand.svg" alt="logo" />
       </a>
     </div>
     <app-menu [isCollapsed]="isCollapsed"></app-menu>

src/app/app.component.scss

@@ -39,18 +39,7 @@
 
 .sidebar-logo img {
   display: inline-block;
-  height: 32px;
-  width: 32px;
-  vertical-align: middle;
-}
-
-.sidebar-logo h1 {
-  display: inline-block;
-  margin: 0 0 0 20px;
-  color: #fff;
-  font-weight: 600;
-  font-size: 25px;
-  font-family: Avenir,Helvetica Neue,Arial,Helvetica,sans-serif;
+  height: 40px;
   vertical-align: middle;
 }
 

src/app/pages/welcome/welcome.component.html

@@ -1,8 +1,8 @@
 <div class="text-center">
-  <h1>
-    <!-- <img src="assets/img/ngx-echarts-logo.png" alt="version" width="40px"> -->
-    ngx-echarts
-  </h1>
+  <a href="https://xieziyu.github.io/ngx-echarts">
+    <img src="assets/img/logo.svg" alt="Logo" width="80" />
+  </a>
+  <h1 align="center">NGX-ECHARTS</h1>
   <p>
     <img src="https://img.shields.io/npm/v/ngx-echarts.svg" alt="version" class="mr-2" />
     <img src="https://img.shields.io/npm/dm/ngx-echarts.svg" alt="downloads" />
@@ -11,11 +11,6 @@ <h1>
     ngx-echarts is an <strong class="text-danger">Angular</strong>(ver >= 2.x) directive for
     <strong class="text-danger">ECharts</strong> (ver >= 3.x)
   </p>
-  <p>
-    <img src="assets/img/angular.svg" width="32px" height="32px" />
-    <strong><i nz-icon nzType="plus" nzTheme="outline" style="margin: 0 24px"></i></strong>
-    <img src="assets/img/echarts-logo.png" width="24px" height="24px" />
-  </p>
   <p>
     <a
       href="https://github.com/xieziyu/ngx-echarts"