!9 add trans/lang_French.ts.

Merge pull request !9 from App4Deepin/N/A
add trans/lang_French.ts.
2025-12-15 05:12:04 +08:00 · 2020-10-06 09:33:16 +08:00 · 2020-10-05 23:34:27 +08:00 · 2020-10-05 22:11:38 +08:00 · 2020-10-05 22:04:13 +08:00 · 2020-10-05 19:49:37 +08:00
79 changed files with 4894 additions and 1499 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1 @@
+spark-store.pro.user*
--- a/Logo-Spark.png
+++ b/Logo-Spark.png
--- a/Logo-Spark.png.bak
+++ b/Logo-Spark.png.bak
--- a/README.md
+++ b/README.md
@@ -9,11 +9,38 @@ web页面部分正在开发当中，详情请见[web仓库](https://gitee.com/de
 当前服务器线路列表（项目中包含）：

 ```
-http://dcstore.shenmo.tech/
-http://store.shenmo.tech/
-http://store2.shenmo.tech/
+http://sucdn.jerrywang.top/
+http://store.jerrywang.top/
+http://dcstore.spark-app.store/
 ```

+#### 参数
+
+参数只有一个Url，该url应当遵循这种格式：`spk://<任意合法字符>/web分类/包名`
+
+例如:
+
+[spk://abcdefg/network/firefox-zh](spk://abcdefg/network/firefox-zh)
+
+[spk://higklmn/network/firefox-zh](spk://higklmn/network/firefox-zh)
+
+可选的web分类：
+
+| 分类名称 | web分类   　    |
+| -------- | -------------- |
+| 网络应用 | network        |
+| 社交沟通 | chat           |
+| 音乐欣赏 | music          |
+| 视频播放 | video          |
+| 图形图像 | image_graphics |
+| 游戏娱乐 | games          |
+| 办公学习 | office         |
+| 阅读翻译 | reading        |
+| 编程开发 | development    |
+| 系统工具 | tools          |
+| 主题美化 | themes         |
+| 其他应用 | others         |
+
 #### 目录结构

 安装软件过程中产生的包，图标，截图等被储存到`/tmp/deepin-community-store/`中。
@@ -22,6 +49,25 @@ http://store2.shenmo.tech/

 线路文件：新版的线路文件被放置于源服务器中，可随时刷新更新源列表

+#### 如何编译
+
+Deepin V20/UOS 系统下, 安装依赖
+
+```shell
+sudo apt install qt5-default libdtkcore-dev libdtkwidget-dev qtwebengine5-dev
+```
+
+```shell
+git clone https://gitee.com/deepin-community-store/spark-store.git
+cd spark-store
+mkdir build
+cd build
+qmake ..
+make -j
+```
+
+./build文件下的spark-store即为可执行文件
+
 #### 参与贡献

 1.  Fork 本仓库
--- a/big_image.cpp
+++ b/big_image.cpp
@@ -0,0 +1,37 @@
+#include "big_image.h"
+#include <QHBoxLayout>
+#include <QtConcurrent>
+big_image::big_image(DBlurEffectWidget *parent) : DBlurEffectWidget(parent)
+{
+//    m_image->setParent(this);
+    QHBoxLayout *layout=new QHBoxLayout;
+    setLayout(layout);
+    layout->addWidget(m_image);
+    layout->setMargin(0);
+    m_image->setAlignment(Qt::AlignCenter);
+//    m_image->setMaximumSize(1360,768);
+    setWindowFlags(this->windowFlags() | Qt::WindowStaysOnTopHint);//设置图片对话框总在最前
+    setRadius(0);
+    setMaskAlpha(60);
+    setMaskColor(QColor("#000000"));
+
+
+
+}
+
+void big_image::mousePressEvent(QMouseEvent *)
+{
+    hide();
+    m_image->clear();
+}
+
+void big_image::setimage(QPixmap image)
+{
+    m_image->setPixmap(image);
+}
+
+void big_image::focusOutEvent(QFocusEvent *)
+{
+    hide();
+    m_image->clear();
+}
--- a/big_image.h
+++ b/big_image.h
@@ -0,0 +1,25 @@
+#ifndef BIG_IMAGE_H
+#define BIG_IMAGE_H
+
+#include <QWidget>
+#include <DBlurEffectWidget>
+#include <QMouseEvent>
+#include <QLabel>
+DWIDGET_USE_NAMESPACE
+
+class big_image : public DBlurEffectWidget
+{
+    Q_OBJECT
+public:
+    explicit big_image(DBlurEffectWidget *parent = nullptr);
+    void mousePressEvent(QMouseEvent *event);
+    QLabel *m_image=new QLabel;
+    void setimage(QPixmap);
+    void focusOutEvent(QFocusEvent *event);
+
+signals:
+
+public slots:
+};
+
+#endif // BIG_IMAGE_H
--- a/downloadlist.cpp
+++ b/downloadlist.cpp
@@ -1,10 +1,12 @@
 #include "downloadlist.h"
 #include "ui_downloadlist.h"
+#include "widget.h"
 #include <QDebug>
 #include <QIcon>
 #include <QPixmap>
 #include <QtConcurrent>
 #include <QProcess>
+#include <QTextBrowser>
 bool downloadlist::isInstall=false;

 downloadlist::downloadlist(QWidget *parent) :
@@ -12,12 +14,32 @@ downloadlist::downloadlist(QWidget *parent) :
    ui(new Ui::downloadlist)
 {
    ui->setupUi(this);
-    ui->pushButton->setEnabled(false);
+    ui->pushButton_install->setEnabled(false);
    ui->progressBar->setValue(0);
    ui->label_filename->hide();
-    ui->pushButton->hide();
+    ui->pushButton_install->hide();
    ui->pushButton_3->hide();
-    ui->label->setStyleSheet("color:#000000");
+    ui->widget_spinner->start();
+    ui->widget_spinner->hide();
+    action_dpkg->setText(tr("dpkg"));
+    action_gdebi->setText(tr("gdebi"));
+    action_deepin->setText(tr("deepin deb installer"));
+    connect(action_dpkg,&QAction::triggered,[=](){downloadlist::install(1);});
+    connect(action_gdebi,&QAction::triggered,[=](){downloadlist::install(0);});
+    connect(action_deepin,&QAction::triggered,[=](){downloadlist::install(2);});
+    menu_install->addAction(action_gdebi);
+    //ssinstall命令存在时再加入该选项
+    QFile ssinstall("/bin/ssinstall");
+    ssinstall.open(QIODevice::ReadOnly);
+    if(ssinstall.isOpen()){
+        menu_install->addAction(action_dpkg);
+    }
+    QFile deepin("/bin/deepin-deb-installer");
+    deepin.open(QIODevice::ReadOnly);
+    if(deepin.isOpen()){
+        menu_install->addAction(action_deepin);
+    }
+
 }

 downloadlist::~downloadlist()
@@ -27,16 +49,16 @@ downloadlist::~downloadlist()

 void downloadlist::setValue(long long value)
 {
-    ui->progressBar->setValue(value);
-    ui->label_2->setText(QString::number((double)value/100)+"% ("+speed+")");
-    if(ui->label_2->text()=="100%"){
-        ui->label_2->setText("已完成，等待安装");
+    ui->progressBar->setValue(int(value));
+    ui->label_2->setText(QString::number(double(value)/100)+"% ("+speed+")");
+    if(ui->label_2->text().left(4)=="100%"){
+        ui->label_2->setText(tr("Downloaded, waiting to install"));
    }
 }

 void downloadlist::setMax(long long max)
 {
-    ui->progressBar->setMaximum(max);
+    ui->progressBar->setMaximum(int(max));
 }

 void downloadlist::setName(QString name)
@@ -51,24 +73,26 @@ QString downloadlist::getName()

 void downloadlist::readyInstall()
 {
+    if(ui->progressBar->value()!= ui->progressBar->maximum() && !close){
+        ui->progressBar->hide();
+        ui->pushButton_install->show();
+        ui->pushButton_2->hide();
+        Widget::sendNotification(tr("Failed to download %1").arg(ui->label->text()), 5000,
+                                 "/tmp/spark-store/icon_"+QString::number(num).toUtf8()+".png");
+        ui->label_2->setText(tr("Download Failed，Check Your Connection"));
+        ui->pushButton_install->setEnabled(false);
+        return;
+
+    }
    if(!close){
        ui->progressBar->hide();
-        ui->pushButton->setEnabled(true);
-        ui->pushButton->show();
+        ui->pushButton_install->setEnabled(true);
+        ui->pushButton_install->show();
        ui->pushButton_2->hide();
-        system("notify-send \""+ui->label->text().toUtf8()+"下载完成，等待安装\"" +" --icon=/tmp/deepin-community-store/icon_"+QString::number(num).toUtf8()+".png");
+        Widget::sendNotification(tr("Finished downloading %1, awaiting to install").arg(ui->label->text()), 5000,
+                                    "/tmp/spark-store/icon_"+QString::number(num).toUtf8()+".png");
    }
-}

-void downloadlist::choose(bool isChoosed)
-{
-    if(isChoosed){
-        ui->label->setStyleSheet("color:#FFFFFF");
-        ui->label_2->setStyleSheet("color:#FFFFFF");
-    }else {
-        ui->label->setStyleSheet("color:#000000");
-        ui->label_2->setStyleSheet("color:#000000");
-    }
 }

 void downloadlist::setFileName(QString fileName)
@@ -91,58 +115,92 @@ void downloadlist::setSpeed(QString s)
    speed=s;
 }

-void downloadlist::on_pushButton_clicked()
+void downloadlist::install(int t)
 {
    if(!isInstall){
        isInstall=true;
-        ui->pushButton->setEnabled(false);
-        ui->label_2->setText("正在安装，请稍候");
+        ui->pushButton_install->hide();
+        ui->widget_spinner->show();
+        qDebug()<<"/tmp/spark-store/"+ui->label_filename->text().toUtf8();
+        ui->label_2->setText(tr("Installing..."));
        QtConcurrent::run([=](){
            QProcess installer;
-            if(reinstall){
-                installer.start("pkexec apt reinstall -y /tmp/deepin-community-store/"+ui->label_filename->text().toUtf8());
+            if(!reinstall){
+                switch (t) {
+                case 0:
+                    installer.start("pkexec gdebi -n /tmp/spark-store/"+ui->label_filename->text().toUtf8());
+                    break;
+                case 1:
+                    installer.start("pkexec ssinstall /tmp/spark-store/"+ui->label_filename->text().toUtf8());
+                    break;
+                case 2:
+                    installer.start("deepin-deb-installer /tmp/spark-store/"+ui->label_filename->text().toUtf8());
+                    break;
+                }
            }else {
-                installer.start("pkexec apt install -y /tmp/deepin-community-store/"+ui->label_filename->text().toUtf8());
+                switch (t) {
+                case 0:
+                    installer.start("pkexec gdebi -n /tmp/spark-store/"+ui->label_filename->text().toUtf8());
+                    break;
+                case 1:
+                    installer.start("pkexec ssinstall /tmp/spark-store/"+ui->label_filename->text().toUtf8());
+                    break;
+                case 2:
+                    installer.start("deepin-deb-installer /tmp/spark-store/"+ui->label_filename->text().toUtf8());
+                    break;
+                }
            }
-
-            installer.waitForFinished();
-            QString error=QString::fromStdString(installer.readAllStandardError().toStdString());
-            out=installer.readAllStandardOutput();
-            QStringList everyError=error.split("\n");
            bool haveError=false;
            bool notRoot=false;
-            for (int i=0;i<everyError.size();i++) {
-                qDebug()<<everyError[i].left(2);
-                if(everyError[i].left(2)=="E:"){
+            installer.waitForFinished();
+            out=installer.readAllStandardOutput();
+            QStringList everyOut=out.split("\n");
+            for (int i=0;i<everyOut.size();i++) {
+                if(everyOut[i].left(2)=="E:"){
                    haveError=true;
                }
-                if(everyError[i].right(14)=="Not authorized"){
+                if(everyOut[i].right(14)=="Not authorized"){
                    notRoot=true;
                }
            }
-            if(!haveError && !notRoot){
-                ui->pushButton->hide();
-                ui->label_2->setText("安装完成");
+            QProcess isInstall;
+            isInstall.start("dpkg -s "+pkgName);
+            isInstall.waitForFinished();
+            int error=QString::fromStdString(isInstall.readAllStandardError().toStdString()).length();
+            if(error==0){
+                ui->pushButton_install->hide();
+                ui->label_2->setText(tr("Finish"));
                ui->pushButton_3->show();
-            }else if(haveError){
-                ui->pushButton->hide();
-                ui->label_2->setText("安装出现错误");
-                ui->pushButton_3->show();
-
            }else {
-                ui->label_2->setText("安装被终止");
-                ui->pushButton->setEnabled(true);
+                ui->pushButton_install->show();
+                ui->pushButton_install->setText(tr("Retry"));
+                ui->label_2->setText(tr("Error happened in dpkg progress , you can try it again"));
+                ui->pushButton_3->show();
            }
-            isInstall=false;
+            if(notRoot){
+                ui->label_2->setText(tr("dpkg progress had been aborted，you can retry installation"));
+                ui->pushButton_install->show();
+                ui->pushButton_3->hide();
+            }
+            ui->widget_spinner->hide();
+            downloadlist::isInstall=false;
+
        });
+
        qDebug()<<ui->label_filename->text().toUtf8();
    }

 }

+void downloadlist::on_pushButton_install_clicked()
+{
+    //弹出菜单
+    menu_install->exec(cursor().pos());
+}
+
 void downloadlist::on_pushButton_2_clicked()
 {
-    ui->label_2->setText("已取消下载");
+    ui->label_2->setText(tr("Download canceled"));
    ui->pushButton_2->setEnabled(false);
    ui->progressBar->hide();
    close=true;
@@ -150,6 +208,12 @@ void downloadlist::on_pushButton_2_clicked()

 void downloadlist::on_pushButton_3_clicked()
 {
-    output_w.setoutput(out);
+    output_w.layout()->addWidget(textbrowser);
+    textbrowser->setLineWidth(0);
+    textbrowser->setText(out);
+    output_w.layout()->setMargin(20);
+    output_w.setTitle(ui->label->text());
+    output_w.setMinimumHeight(600);
+    output_w.setAttribute(Qt::WA_TranslucentBackground);
    output_w.show();
 }
--- a/downloadlist.h
+++ b/downloadlist.h
@@ -2,7 +2,11 @@
 #define DOWNLOADLIST_H

 #include <QWidget>
-#include <outputwindow.h>
+#include <DDialog>
+#include <QTextBrowser>
+#include <QMenu>
+#include <QAction>
+DWIDGET_USE_NAMESPACE
 namespace Ui {
 class downloadlist;
 }
@@ -19,7 +23,6 @@ public:
    void setName(QString);
    QString getName();
    void readyInstall();
-    void choose(bool);
    bool free;
    void setFileName(QString);
    void seticon(const QPixmap);
@@ -28,14 +31,19 @@ public:
    int num;
    bool close=false;
    QString out;
-    outputwindow output_w;
+    DDialog output_w;
+    QTextBrowser *textbrowser=new QTextBrowser;
    bool reinstall=false;
+    QString pkgName;
+    QMenu *menu_install=new QMenu;
+    QAction *action_gdebi=new QAction;
+    QAction *action_dpkg=new QAction;
+    QAction *action_deepin=new QAction;
+    void install(int);
 private slots:
-    void on_pushButton_clicked();
-
+    void on_pushButton_install_clicked();
+//    void on_pushButton_maninst_clicked();
    void on_pushButton_2_clicked();
-
-
    void on_pushButton_3_clicked();

 private:
--- a/downloadlist.ui
+++ b/downloadlist.ui
@@ -6,10 +6,16 @@
   <rect>
    <x>0</x>
    <y>0</y>
-    <width>786</width>
+    <width>666</width>
    <height>54</height>
   </rect>
  </property>
+  <property name="maximumSize">
+   <size>
+    <width>16777215</width>
+    <height>54</height>
+   </size>
+  </property>
  <property name="windowTitle">
   <string>Form</string>
  </property>
@@ -17,11 +23,26 @@
   <string notr="true"/>
  </property>
  <layout class="QHBoxLayout" name="horizontalLayout">
+   <property name="spacing">
+    <number>2</number>
+   </property>
+   <property name="leftMargin">
+    <number>4</number>
+   </property>
+   <property name="topMargin">
+    <number>4</number>
+   </property>
+   <property name="rightMargin">
+    <number>4</number>
+   </property>
+   <property name="bottomMargin">
+    <number>4</number>
+   </property>
   <item>
    <widget class="QLabel" name="label_3">
     <property name="maximumSize">
      <size>
-       <width>40</width>
+       <width>48</width>
       <height>16777215</height>
      </size>
     </property>
@@ -33,6 +54,22 @@
     </property>
    </widget>
   </item>
+   <item>
+    <spacer name="horizontalSpacer">
+     <property name="orientation">
+      <enum>Qt::Horizontal</enum>
+     </property>
+     <property name="sizeType">
+      <enum>QSizePolicy::Fixed</enum>
+     </property>
+     <property name="sizeHint" stdset="0">
+      <size>
+       <width>20</width>
+       <height>20</height>
+      </size>
+     </property>
+    </spacer>
+   </item>
   <item>
    <widget class="QLabel" name="label_filename">
     <property name="maximumSize">
@@ -50,7 +87,7 @@
    <widget class="QLabel" name="label">
     <property name="minimumSize">
      <size>
-       <width>150</width>
+       <width>80</width>
       <height>0</height>
      </size>
     </property>
@@ -66,12 +103,12 @@
      </font>
     </property>
     <property name="text">
-      <string>名称</string>
+      <string>Name</string>
     </property>
    </widget>
   </item>
   <item>
-    <spacer name="horizontalSpacer">
+    <spacer name="horizontalSpacer_2">
     <property name="orientation">
      <enum>Qt::Horizontal</enum>
     </property>
@@ -80,7 +117,7 @@
     </property>
     <property name="sizeHint" stdset="0">
      <size>
-       <width>40</width>
+       <width>20</width>
       <height>20</height>
      </size>
     </property>
@@ -90,7 +127,7 @@
    <widget class="QWidget" name="widget" native="true">
     <property name="minimumSize">
      <size>
-       <width>350</width>
+       <width>280</width>
       <height>0</height>
      </size>
     </property>
@@ -123,7 +160,7 @@
        </property>
        <property name="minimumSize">
         <size>
-          <width>350</width>
+          <width>300</width>
          <height>0</height>
         </size>
        </property>
@@ -149,7 +186,7 @@
         </font>
        </property>
        <property name="text">
-         <string>等待开始下载</string>
+         <string>Waiting to download</string>
        </property>
        <property name="alignment">
         <set>Qt::AlignCenter</set>
@@ -160,7 +197,7 @@
    </widget>
   </item>
   <item>
-    <spacer name="horizontalSpacer_2">
+    <spacer name="horizontalSpacer_3">
     <property name="orientation">
      <enum>Qt::Horizontal</enum>
     </property>
@@ -176,7 +213,17 @@
    </spacer>
   </item>
   <item>
-    <widget class="QPushButton" name="pushButton">
+    <widget class="DSpinner" name="widget_spinner" native="true">
+     <property name="minimumSize">
+      <size>
+       <width>30</width>
+       <height>0</height>
+      </size>
+     </property>
+    </widget>
+   </item>
+   <item>
+    <widget class="QPushButton" name="pushButton_install">
     <property name="minimumSize">
      <size>
       <width>60</width>
@@ -190,7 +237,7 @@
      </size>
     </property>
     <property name="text">
-      <string>安装</string>
+      <string>Install</string>
     </property>
    </widget>
   </item>
@@ -209,7 +256,7 @@
      </size>
     </property>
     <property name="text">
-      <string>取消</string>
+      <string>Cancel</string>
     </property>
    </widget>
   </item>
@@ -228,12 +275,20 @@
      </size>
     </property>
     <property name="text">
-      <string>详情</string>
+      <string>Info</string>
     </property>
    </widget>
   </item>
  </layout>
 </widget>
+ <customwidgets>
+  <customwidget>
+   <class>DSpinner</class>
+   <extends>QWidget</extends>
+   <header location="global">dspinner.h</header>
+   <container>1</container>
+  </customwidget>
+ </customwidgets>
 <resources/>
 <connections/>
 </ui>
--- a/icons.qrc
+++ b/icons.qrc
@@ -0,0 +1,66 @@
+<RCC>
+    <qresource prefix="/icons">
+        <file>icons/category_chat_dark.svg</file>
+        <file>icons/category_chat.svg</file>
+        <file>icons/category_develop_dark.svg</file>
+        <file>icons/category_develop.svg</file>
+        <file>icons/category_game_dark.svg</file>
+        <file>icons/category_game.svg</file>
+        <file>icons/category_graphic_dark.svg</file>
+        <file>icons/category_graphic.svg</file>
+        <file>icons/category_music_dark.svg</file>
+        <file>icons/category_music.svg</file>
+        <file>icons/category_network_dark.svg</file>
+        <file>icons/category_network.svg</file>
+        <file>icons/category_office_dark.svg</file>
+        <file>icons/category_office.svg</file>
+        <file>icons/category_others_dark.svg</file>
+        <file>icons/category_others.svg</file>
+        <file>icons/category_reading_dark.svg</file>
+        <file>icons/category_reading.svg</file>
+        <file>icons/category_system_dark.svg</file>
+        <file>icons/category_system.svg</file>
+        <file>icons/category_video_dark.svg</file>
+        <file>icons/category_video.svg</file>
+        <file>icons/downloads-symbolic_dark.svg</file>
+        <file>icons/downloads-symbolic.svg</file>
+        <file>icons/theme-symbolic_dark.svg</file>
+        <file>icons/theme-symbolic.svg</file>
+        <file>icons/homepage.svg</file>
+        <file>icons/homepage_dark.svg</file>
+        <file>icons/category_active_dark.svg</file>
+        <file>icons/category_active.svg</file>
+        <file>icons/refresh-page-dark.svg</file>
+        <file>icons/refresh-page.svg</file>
+    </qresource>
+    <qresource prefix="/">
+        <file>Logo-Spark.png</file>
+        <file>big_image.cpp</file>
+        <file>big_image.h</file>
+        <file>downloadlist.cpp</file>
+        <file>downloadlist.h</file>
+        <file>image_show.cpp</file>
+        <file>image_show.h</file>
+        <file>main.cpp</file>
+        <file>progressload.cpp</file>
+        <file>progressload.h</file>
+        <file>widget.cpp</file>
+        <file>widget.h</file>
+        <file>tags/a2d.png</file>
+        <file>tags/community.svg</file>
+        <file>tags/deepin.svg</file>
+        <file>tags/logo_icon.svg</file>
+        <file>tags/uos.svg</file>
+        <file>tags/a2d-small.png</file>
+        <file>tags/community-small.png</file>
+        <file>tags/deepin-small.png</file>
+        <file>tags/dtk-small.png</file>
+        <file>tags/uos-small.png</file>
+        <file>tags/community.png</file>
+        <file>tags/ubuntu-small.png</file>
+        <file>tags/ubuntu.png</file>
+        <file>tags/dwine5-small.png</file>
+        <file>tags/dwine5.svg</file>
+        <file>tags/dwine2-small.png</file>
+    </qresource>
+</RCC>
--- a/icons/category_active.svg
+++ b/icons/category_active.svg
@@ -0,0 +1,125 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16px"
+   height="16px"
+   viewBox="0 0 16 16"
+   version="1.1"
+   id="svg22"
+   sodipodi:docname="category_active_16px_l.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata26">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>category_active_16px</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="987"
+     id="namedview24"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="-4"
+     inkscape:cy="8"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg22" />
+  <!-- Generator: Sketch 3.6.1 (26313) - http://www.bohemiancoding.com/sketch -->
+  <title
+     id="title2">category_active_16px</title>
+  <desc
+     id="desc4">Created with Sketch.</desc>
+  <defs
+     id="defs6" />
+  <g
+     id="Page-1"
+     stroke="none"
+     stroke-width="1"
+     fill="none"
+     fill-rule="evenodd"
+     style="fill:#000000;fill-opacity:0.94999999">
+    <g
+       id="category_active_16px"
+       style="fill:#000000;fill-opacity:0.94999999">
+      <rect
+         id="Rectangle-1-Copy-44"
+         fill="#747568"
+         opacity="0"
+         x="0"
+         y="0"
+         width="16"
+         height="16"
+         style="fill:#000000;fill-opacity:0.94999999" />
+      <g
+         id="Group-2"
+         transform="translate(2.000000, 2.000000)"
+         fill="#FFFFFF"
+         style="fill:#000000;fill-opacity:0.94999999">
+        <rect
+           id="Rectangle-94"
+           x="0"
+           y="0"
+           width="2"
+           height="2"
+           style="fill:#000000;fill-opacity:0.94999999" />
+        <rect
+           id="Rectangle-97"
+           x="3"
+           y="0"
+           width="9"
+           height="2"
+           style="fill:#000000;fill-opacity:0.94999999" />
+        <rect
+           id="rect11"
+           x="0"
+           y="5"
+           width="2"
+           height="2"
+           style="fill:#000000;fill-opacity:0.94999999" />
+        <rect
+           id="rect13"
+           x="3"
+           y="5"
+           width="9"
+           height="2"
+           style="fill:#000000;fill-opacity:0.94999999" />
+        <rect
+           id="rect15"
+           x="0"
+           y="10"
+           width="2"
+           height="2"
+           style="fill:#000000;fill-opacity:0.94999999" />
+        <rect
+           id="rect17"
+           x="3"
+           y="10"
+           width="9"
+           height="2"
+           style="fill:#000000;fill-opacity:0.94999999" />
+      </g>
+    </g>
+  </g>
+</svg>
--- a/icons/category_active_dark.svg
+++ b/icons/category_active_dark.svg
@@ -0,0 +1,124 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16px"
+   height="16px"
+   viewBox="0 0 16 16"
+   version="1.1"
+   id="svg22"
+   sodipodi:docname="category_active_16px.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata26">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="987"
+     id="namedview24"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="8"
+     inkscape:cy="8"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg22" />
+  <!-- Generator: Sketch 3.6.1 (26313) - http://www.bohemiancoding.com/sketch -->
+  <title
+     id="title2">category_active_16px</title>
+  <desc
+     id="desc4">Created with Sketch.</desc>
+  <defs
+     id="defs6" />
+  <g
+     id="Page-1"
+     stroke="none"
+     stroke-width="1"
+     fill="none"
+     fill-rule="evenodd"
+     style="fill:#ffffff;fill-opacity:0.60000002">
+    <g
+       id="category_active_16px"
+       style="fill:#ffffff;fill-opacity:0.60000002">
+      <rect
+         id="Rectangle-1-Copy-44"
+         fill="#747568"
+         opacity="0"
+         x="0"
+         y="0"
+         width="16"
+         height="16"
+         style="fill:#ffffff;fill-opacity:0.60000002" />
+      <g
+         id="Group-2"
+         transform="translate(2.000000, 2.000000)"
+         fill="#FFFFFF"
+         style="fill:#ffffff;fill-opacity:0.60000002">
+        <rect
+           id="Rectangle-94"
+           x="0"
+           y="0"
+           width="2"
+           height="2"
+           style="fill:#ffffff;fill-opacity:0.60000002" />
+        <rect
+           id="Rectangle-97"
+           x="3"
+           y="0"
+           width="9"
+           height="2"
+           style="fill:#ffffff;fill-opacity:0.60000002" />
+        <rect
+           id="rect11"
+           x="0"
+           y="5"
+           width="2"
+           height="2"
+           style="fill:#ffffff;fill-opacity:0.60000002" />
+        <rect
+           id="rect13"
+           x="3"
+           y="5"
+           width="9"
+           height="2"
+           style="fill:#ffffff;fill-opacity:0.60000002" />
+        <rect
+           id="rect15"
+           x="0"
+           y="10"
+           width="2"
+           height="2"
+           style="fill:#ffffff;fill-opacity:0.60000002" />
+        <rect
+           id="rect17"
+           x="3"
+           y="10"
+           width="9"
+           height="2"
+           style="fill:#ffffff;fill-opacity:0.60000002" />
+      </g>
+    </g>
+  </g>
+</svg>
--- a/icons/category_chat.svg
+++ b/icons/category_chat.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M0.09791679,7.31479943 C0.09791679,3.53173257 3.65198565,0.5 8,0.5 C12.3485596,0.5 15.9020832,3.53150012 15.9020832,7.31479943 C15.9020832,11.0972813 12.3485704,14.127954 8,14.127954 C7.06316558,14.127954 6.1471898,13.9862478 5.28311727,13.7134084 L2.55321759,15.327403 C2.15529088,15.5626687 1.67860204,15.1782665 1.82419813,14.7395213 L2.62951677,12.3127412 C1.03368368,11.0385392 0.09791679,9.24513974 0.09791679,7.31479943 Z M4.7455,6.9148 C4.7455,6.2248 4.1855,5.6648 3.4955,5.6648 C2.8055,5.6648 2.2455,6.2248 2.2455,6.9148 C2.2455,7.6048 2.8055,8.1648 3.4955,8.1648 C4.1855,8.1648 4.7455,7.6048 4.7455,6.9148 Z M9.2504,6.9148 C9.2504,6.2248 8.6904,5.6648 8.0004,5.6648 C7.3104,5.6648 6.7504,6.2248 6.7504,6.9148 C6.7504,7.6048 7.3104,8.1648 8.0004,8.1648 C8.6904,8.1648 9.2504,7.6048 9.2504,6.9148 Z M13.766,6.9148 C13.766,6.2248 13.206,5.6648 12.516,5.6648 C11.826,5.6648 11.266,6.2248 11.266,6.9148 C11.266,7.6048 11.826,8.1648 12.516,8.1648 C13.206,8.1648 13.766,7.6048 13.766,6.9148 Z"/>
+</svg>
--- a/icons/category_chat_dark.svg
+++ b/icons/category_chat_dark.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path fill="#FFF" fill-opacity=".6" fill-rule="evenodd" d="M0.09791679,7.31479943 C0.09791679,3.53173257 3.65198565,0.5 8,0.5 C12.3485596,0.5 15.9020832,3.53150012 15.9020832,7.31479943 C15.9020832,11.0972813 12.3485704,14.127954 8,14.127954 C7.06316558,14.127954 6.1471898,13.9862478 5.28311727,13.7134084 L2.55321759,15.327403 C2.15529088,15.5626687 1.67860204,15.1782665 1.82419813,14.7395213 L2.62951677,12.3127412 C1.03368368,11.0385392 0.09791679,9.24513974 0.09791679,7.31479943 Z M4.7455,6.9148 C4.7455,6.2248 4.1855,5.6648 3.4955,5.6648 C2.8055,5.6648 2.2455,6.2248 2.2455,6.9148 C2.2455,7.6048 2.8055,8.1648 3.4955,8.1648 C4.1855,8.1648 4.7455,7.6048 4.7455,6.9148 Z M9.2504,6.9148 C9.2504,6.2248 8.6904,5.6648 8.0004,5.6648 C7.3104,5.6648 6.7504,6.2248 6.7504,6.9148 C6.7504,7.6048 7.3104,8.1648 8.0004,8.1648 C8.6904,8.1648 9.2504,7.6048 9.2504,6.9148 Z M13.766,6.9148 C13.766,6.2248 13.206,5.6648 12.516,5.6648 C11.826,5.6648 11.266,6.2248 11.266,6.9148 C11.266,7.6048 11.826,8.1648 12.516,8.1648 C13.206,8.1648 13.766,7.6048 13.766,6.9148 Z"/>
+</svg>
--- a/icons/category_develop.svg
+++ b/icons/category_develop.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M3,2 L13,2 C14.1045695,2 15,2.8954305 15,4 L15,12 C15,13.1045695 14.1045695,14 13,14 L3,14 C1.8954305,14 1,13.1045695 1,12 L1,4 C1,2.8954305 1.8954305,2 3,2 Z M3.76776695,5.35355339 L6.03553391,7.62132034 L3.76776695,9.8890873 L4.47487373,10.5961941 L7.44974747,7.62132034 L4.47487373,4.64644661 L3.76776695,5.35355339 Z M5.91666667,12 L11.0833333,12 L11.0833333,11 L5.91666667,11 L5.91666667,12 Z"/>
+</svg>
--- a/icons/category_develop_dark.svg
+++ b/icons/category_develop_dark.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path fill="#FFF" fill-opacity=".6" fill-rule="evenodd" d="M3,2 L13,2 C14.1045695,2 15,2.8954305 15,4 L15,12 C15,13.1045695 14.1045695,14 13,14 L3,14 C1.8954305,14 1,13.1045695 1,12 L1,4 C1,2.8954305 1.8954305,2 3,2 Z M3.76776695,5.35355339 L6.03553391,7.62132034 L3.76776695,9.8890873 L4.47487373,10.5961941 L7.44974747,7.62132034 L4.47487373,4.64644661 L3.76776695,5.35355339 Z M5.91666667,12 L11.0833333,12 L11.0833333,11 L5.91666667,11 L5.91666667,12 Z"/>
+</svg>
--- a/icons/category_game.svg
+++ b/icons/category_game.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M11.3114315,3 C13.357501,3 15.0067163,5.17017281 15.7133188,8.05794777 C16.4086522,10.8996678 15.9150863,13.3535714 14.0872428,13.3535714 C13.3629901,13.3535714 12.7141246,13.0969142 11.9239825,12.5819693 C11.7832522,12.4902536 11.638281,12.3909224 11.461347,12.2660165 C11.3686071,12.200547 11.0517692,11.9743261 11.0062924,11.9420563 C9.76649639,11.0623107 9.01108239,10.715 8.00430016,10.715 C6.77138366,10.715 5.99921712,11.0762729 4.96661589,11.9397238 C4.93060093,11.9698391 4.48571222,12.3483964 4.35343872,12.4563717 C3.49008067,13.1611339 2.80601727,13.4628505 1.87123269,13.3869162 C0.0836355556,13.241098 -0.391076934,10.7851693 0.309935396,7.98500253 C1.02394135,5.13293317 2.67988585,3 4.7263796,3 C5.07581055,3 5.40379038,3.09122326 5.76942208,3.26509058 C5.87841375,3.31691894 5.98930228,3.37514875 6.12219409,3.44909841 C6.19628024,3.49032478 6.44963239,3.6346061 6.45727206,3.63892075 C7.10277068,4.00347855 7.50182674,4.14857143 8.01851079,4.14857143 C8.51588602,4.14857143 8.90120605,4.00650828 9.55466919,3.63859493 C9.69986269,3.55637602 9.78224829,3.50972827 9.84835639,3.47295723 C9.96412339,3.40856473 10.0609743,3.35696675 10.1556729,3.31001061 C10.567507,3.10580322 10.9247171,3 11.3114315,3 Z M5.07357978,10.107 C6.56572905,10.107 7.78410609,8.9267355 7.78410609,7.46414286 C7.78410609,6.00155021 6.56572905,4.82128571 5.07357978,4.82128571 C3.57990894,4.82128571 2.36305346,6.00089051 2.36305346,7.46414286 C2.36305346,8.9273952 3.57990894,10.107 5.07357978,10.107 Z M5.07357978,9.107 C4.12535588,9.107 3.36305346,8.36803337 3.36305346,7.46414286 C3.36305346,6.56025235 4.12535588,5.82128571 5.07357978,5.82128571 C6.02043115,5.82128571 6.78410609,6.56107184 6.78410609,7.46414286 C6.78410609,8.36721388 6.02043115,9.107 5.07357978,9.107 Z M5.03983241,8.37864286 C5.54751662,8.37864286 5.9601482,7.97792857 5.9601482,7.48935714 C5.9601482,6.99292857 5.54751662,6.59364286 5.03983241,6.59364286 C4.53067452,6.59364286 4.11804294,6.99292857 4.11804294,7.48935714 C4.11804294,7.97792857 4.53067452,8.37864286 5.03983241,8.37864286 Z M9.65408509,8.38564286 C10.1617693,8.38564286 10.5744008,7.9835 10.5744008,7.49135714 C10.5744008,6.99135714 10.1617693,6.58992857 9.65408509,6.58992857 C9.14492719,6.58992857 8.73229557,6.99135714 8.73229557,7.49135714 C8.73229557,7.9835 9.14492719,8.38564286 9.65408509,8.38564286 Z M11.3288535,9.99071429 C11.8365377,9.99071429 12.2491693,9.58928571 12.2491693,9.09214286 C12.2491693,8.59571429 11.8365377,8.19357143 11.3288535,8.19357143 C10.8196956,8.19357143 10.407064,8.59571429 10.407064,9.09214286 C10.407064,9.58928571 10.8196956,9.99071429 11.3288535,9.99071429 Z M11.3281166,6.77357143 C11.8372745,6.77357143 12.2491693,6.37142857 12.2491693,5.87357143 C12.2491693,5.37714286 11.8372745,4.97428571 11.3281166,4.97428571 C10.8174851,4.97428571 10.407064,5.37714286 10.407064,5.87357143 C10.407064,6.37142857 10.8174851,6.77357143 11.3281166,6.77357143 Z M12.9731166,8.38421429 C13.4852219,8.38421429 13.8971166,7.98135714 13.8971166,7.48921429 C13.8971166,6.98992857 13.4852219,6.5885 12.9731166,6.5885 C12.4676429,6.5885 12.0550114,6.98992857 12.0550114,7.48921429 C12.0550114,7.98135714 12.4676429,8.38421429 12.9731166,8.38421429 Z"/>
+</svg>
--- a/icons/category_game_dark.svg
+++ b/icons/category_game_dark.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path fill="#FFF" fill-opacity=".6" fill-rule="evenodd" d="M11.3114315,3 C13.357501,3 15.0067163,5.17017281 15.7133188,8.05794777 C16.4086522,10.8996678 15.9150863,13.3535714 14.0872428,13.3535714 C13.3629901,13.3535714 12.7141246,13.0969142 11.9239825,12.5819693 C11.7832522,12.4902536 11.638281,12.3909224 11.461347,12.2660165 C11.3686071,12.200547 11.0517692,11.9743261 11.0062924,11.9420563 C9.76649639,11.0623107 9.01108239,10.715 8.00430016,10.715 C6.77138366,10.715 5.99921712,11.0762729 4.96661589,11.9397238 C4.93060093,11.9698391 4.48571222,12.3483964 4.35343872,12.4563717 C3.49008067,13.1611339 2.80601727,13.4628505 1.87123269,13.3869162 C0.0836355556,13.241098 -0.391076934,10.7851693 0.309935396,7.98500253 C1.02394135,5.13293317 2.67988585,3 4.7263796,3 C5.07581055,3 5.40379038,3.09122326 5.76942208,3.26509058 C5.87841375,3.31691894 5.98930228,3.37514875 6.12219409,3.44909841 C6.19628024,3.49032478 6.44963239,3.6346061 6.45727206,3.63892075 C7.10277068,4.00347855 7.50182674,4.14857143 8.01851079,4.14857143 C8.51588602,4.14857143 8.90120605,4.00650828 9.55466919,3.63859493 C9.69986269,3.55637602 9.78224829,3.50972827 9.84835639,3.47295723 C9.96412339,3.40856473 10.0609743,3.35696675 10.1556729,3.31001061 C10.567507,3.10580322 10.9247171,3 11.3114315,3 Z M5.07357978,10.107 C6.56572905,10.107 7.78410609,8.9267355 7.78410609,7.46414286 C7.78410609,6.00155021 6.56572905,4.82128571 5.07357978,4.82128571 C3.57990894,4.82128571 2.36305346,6.00089051 2.36305346,7.46414286 C2.36305346,8.9273952 3.57990894,10.107 5.07357978,10.107 Z M5.07357978,9.107 C4.12535588,9.107 3.36305346,8.36803337 3.36305346,7.46414286 C3.36305346,6.56025235 4.12535588,5.82128571 5.07357978,5.82128571 C6.02043115,5.82128571 6.78410609,6.56107184 6.78410609,7.46414286 C6.78410609,8.36721388 6.02043115,9.107 5.07357978,9.107 Z M5.03983241,8.37864286 C5.54751662,8.37864286 5.9601482,7.97792857 5.9601482,7.48935714 C5.9601482,6.99292857 5.54751662,6.59364286 5.03983241,6.59364286 C4.53067452,6.59364286 4.11804294,6.99292857 4.11804294,7.48935714 C4.11804294,7.97792857 4.53067452,8.37864286 5.03983241,8.37864286 Z M9.65408509,8.38564286 C10.1617693,8.38564286 10.5744008,7.9835 10.5744008,7.49135714 C10.5744008,6.99135714 10.1617693,6.58992857 9.65408509,6.58992857 C9.14492719,6.58992857 8.73229557,6.99135714 8.73229557,7.49135714 C8.73229557,7.9835 9.14492719,8.38564286 9.65408509,8.38564286 Z M11.3288535,9.99071429 C11.8365377,9.99071429 12.2491693,9.58928571 12.2491693,9.09214286 C12.2491693,8.59571429 11.8365377,8.19357143 11.3288535,8.19357143 C10.8196956,8.19357143 10.407064,8.59571429 10.407064,9.09214286 C10.407064,9.58928571 10.8196956,9.99071429 11.3288535,9.99071429 Z M11.3281166,6.77357143 C11.8372745,6.77357143 12.2491693,6.37142857 12.2491693,5.87357143 C12.2491693,5.37714286 11.8372745,4.97428571 11.3281166,4.97428571 C10.8174851,4.97428571 10.407064,5.37714286 10.407064,5.87357143 C10.407064,6.37142857 10.8174851,6.77357143 11.3281166,6.77357143 Z M12.9731166,8.38421429 C13.4852219,8.38421429 13.8971166,7.98135714 13.8971166,7.48921429 C13.8971166,6.98992857 13.4852219,6.5885 12.9731166,6.5885 C12.4676429,6.5885 12.0550114,6.98992857 12.0550114,7.48921429 C12.0550114,7.98135714 12.4676429,8.38421429 12.9731166,8.38421429 Z"/>
+</svg>
--- a/icons/category_graphic.svg
+++ b/icons/category_graphic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M13,2 C14.1045695,2 15,2.8954305 15,4 L15,12 C15,13.1045695 14.1045695,14 13,14 L3,14 C1.8954305,14 1,13.1045695 1,12 L1,4 C1,2.8954305 1.8954305,2 3,2 L13,2 Z M9.38816736,7.22265239 L7.95626236,10.0443009 C7.82854357,10.2959779 7.59618367,10.3016397 7.44581474,10.0701011 L6.5212474,8.6464491 C6.2918509,8.42797452 5.91137533,8.45796439 5.72281255,8.70938339 L3.09783322,12.2093834 C2.84963451,12.5403176 3.0980227,13 3.52503993,13 L12.9749655,13 C13.3830419,13 13.6350993,12.5760169 13.4251458,12.2427546 L10.2751706,7.24275461 C10.0768804,6.92800582 9.60195261,6.91724249 9.38816736,7.22265239 Z M4.5,4 C3.67157288,4 3,4.67157288 3,5.5 C3,6.32842712 3.67157288,7 4.5,7 C5.32842712,7 6,6.32842712 6,5.5 C6,4.67157288 5.32842712,4 4.5,4 Z"/>
+</svg>
--- a/icons/category_graphic_dark.svg
+++ b/icons/category_graphic_dark.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path fill="#FFF" fill-opacity=".6" fill-rule="evenodd" d="M13,2 C14.1045695,2 15,2.8954305 15,4 L15,12 C15,13.1045695 14.1045695,14 13,14 L3,14 C1.8954305,14 1,13.1045695 1,12 L1,4 C1,2.8954305 1.8954305,2 3,2 L13,2 Z M9.38816736,7.22265239 L7.95626236,10.0443009 C7.82854357,10.2959779 7.59618367,10.3016397 7.44581474,10.0701011 L6.5212474,8.6464491 C6.2918509,8.42797452 5.91137533,8.45796439 5.72281255,8.70938339 L3.09783322,12.2093834 C2.84963451,12.5403176 3.0980227,13 3.52503993,13 L12.9749655,13 C13.3830419,13 13.6350993,12.5760169 13.4251458,12.2427546 L10.2751706,7.24275461 C10.0768804,6.92800582 9.60195261,6.91724249 9.38816736,7.22265239 Z M4.5,4 C3.67157288,4 3,4.67157288 3,5.5 C3,6.32842712 3.67157288,7 4.5,7 C5.32842712,7 6,6.32842712 6,5.5 C6,4.67157288 5.32842712,4 4.5,4 Z"/>
+</svg>
--- a/icons/category_music.svg
+++ b/icons/category_music.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M13.9529472,2.53458892 C13.9842218,2.67532449 14,2.81906015 14,2.9632288 L14,11.5 C14,12.6045695 13.1045695,13.5 12,13.5 C10.8954305,13.5 10,12.6045695 10,11.5 C10,10.3954305 10.8954305,9.5 12,9.5 C12.364732,9.5 12.7066608,9.5976323 13.0010775,9.76818814 L13,3.81473429 C13,3.45097522 12.705115,3.15609023 12.3413559,3.15609023 C12.2949677,3.15609023 12.2487093,3.16099086 12.2033508,3.17071053 L6.52063898,4.38843451 C6.21695744,4.45350912 6,4.7218827 6,5.03245826 L6,13.5 C6,14.6045695 5.1045695,15.5 4,15.5 C2.8954305,15.5 2,14.6045695 2,13.5 C2,12.3954305 2.8954305,11.5 4,11.5 C4.364732,11.5 4.70666076,11.5976323 5.0010775,11.7681881 L5,4.08503671 C5,3.15891996 5.64322914,2.35706019 6.54729233,2.15615726 L11.5954279,1.03434935 C12.6607186,0.797618084 13.716216,1.46929822 13.9529472,2.53458892 Z"/>
+</svg>
--- a/icons/category_music_dark.svg
+++ b/icons/category_music_dark.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path fill="#FFF" fill-opacity=".6" fill-rule="evenodd" d="M13.9529472,2.53458892 C13.9842218,2.67532449 14,2.81906015 14,2.9632288 L14,11.5 C14,12.6045695 13.1045695,13.5 12,13.5 C10.8954305,13.5 10,12.6045695 10,11.5 C10,10.3954305 10.8954305,9.5 12,9.5 C12.364732,9.5 12.7066608,9.5976323 13.0010775,9.76818814 L13,3.81473429 C13,3.45097522 12.705115,3.15609023 12.3413559,3.15609023 C12.2949677,3.15609023 12.2487093,3.16099086 12.2033508,3.17071053 L6.52063898,4.38843451 C6.21695744,4.45350912 6,4.7218827 6,5.03245826 L6,13.5 C6,14.6045695 5.1045695,15.5 4,15.5 C2.8954305,15.5 2,14.6045695 2,13.5 C2,12.3954305 2.8954305,11.5 4,11.5 C4.364732,11.5 4.70666076,11.5976323 5.0010775,11.7681881 L5,4.08503671 C5,3.15891996 5.64322914,2.35706019 6.54729233,2.15615726 L11.5954279,1.03434935 C12.6607186,0.797618084 13.716216,1.46929822 13.9529472,2.53458892 Z"/>
+</svg>
--- a/icons/category_network.svg
+++ b/icons/category_network.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M7.99960993,0.9998 C11.8598496,0.9998 15,4.13995046 15,7.99940993 C15,11.8596496 11.8598496,14.9998 7.99960993,14.9998 C4.14015046,14.9998 1,11.8596496 1,7.99940993 C1,4.13995046 4.14015046,0.9998 7.99960993,0.9998 Z M8.86971986,11.9145 C8.56971986,12.747 8.22071986,13.122 7.99971986,13.122 C7.78521986,13.122 7.44971986,12.768 7.15571986,11.9845 C6.86571986,12.132 6.61521986,12.2485 6.36971986,12.354 C6.75321986,13.3495 7.29871986,14 7.99971986,14 C8.71921986,14 9.27521986,13.314 9.66021986,12.274 C9.41771986,12.1735 9.16171986,12.0585 8.86971986,11.9145 Z M12.0962199,3.61 C10.8027199,3.61 9.05121986,4.5085 7.94421986,5.19 C6.85371986,4.547 5.16021986,3.717 3.90321986,3.717 C3.19571986,3.717 2.85321986,4 2.69121986,4.238 C2.46021986,4.576 2.34571986,5.1655 2.90071986,6.1455 C2.82221986,6.286 2.77771986,6.448 2.77771986,6.6205 C2.77771986,7.154 3.20271986,7.5865 3.72621986,7.5865 C4.24971986,7.5865 4.67471986,7.154 4.67471986,6.6205 C4.67471986,6.087 4.25021986,5.6545 3.72621986,5.6545 L3.72621986,5.6545 L3.62121986,5.6605 C3.32971986,5.131 3.33321986,4.8355 3.39871986,4.7395 C3.46021986,4.6485 3.64921986,4.595 3.90321986,4.595 C4.30121986,4.595 4.82071986,4.7155 5.41071986,4.9325 C5.98671986,5.145 6.57721986,5.43 7.11871986,5.728 C5.99421986,6.502 5.13171986,7.25 4.36621986,8.027 C4.02471986,8.379 3.68871986,8.7615 3.39771986,9.1515 C2.30221986,10.6215 2.40671986,11.433 2.68771986,11.8555 C3.25671986,12.71 4.68721986,12.3665 5.64571986,12.014 C7.99371986,11.151 11.0597199,8.9165 12.6017199,6.848 C13.6972199,5.3785 13.5927199,4.567 13.3117199,4.1445 C13.1492199,3.9005 12.8067199,3.61 12.0962199,3.61 Z M12.2647199,8.445 C11.7407199,8.445 11.3162199,8.8775 11.3162199,9.411 C11.3162199,9.9445 11.7407199,10.377 12.2647199,10.377 L12.3937199,10.368 C12.6702199,10.88 12.6657199,11.167 12.6012199,11.2615 C12.5392199,11.352 12.3507199,11.4055 12.0967199,11.4055 C11.2957199,11.4055 10.1802199,10.933 9.46171986,10.5765 C9.22171986,10.7475 8.92321986,10.9505 8.63221986,11.136 C9.59521986,11.6545 11.0112199,12.2835 12.0967199,12.2835 C12.8042199,12.2835 13.1467199,12.0005 13.3087199,11.7625 C13.5392199,11.4255 13.6537199,10.8375 13.1032199,9.8625 C13.1737199,9.7275 13.2132199,9.574 13.2132199,9.411 C13.2132199,8.8775 12.7887199,8.445 12.2647199,8.445 Z M12.0962199,4.4875 C12.3517199,4.4875 12.5347199,4.542 12.5977199,4.6365 C12.6907199,4.776 12.6677199,5.3075 11.9147199,6.317 C10.9462199,7.6165 9.40121986,8.8925 8.04671986,9.7805 C6.94321986,10.504 5.07821986,11.5125 3.90321986,11.5125 C3.64771986,11.5125 3.46471986,11.458 3.40171986,11.3635 C3.21521986,11.083 3.61221986,10.04 5.02121986,8.601 C5.54371986,9.0665 6.10721986,9.5115 6.67921986,9.917 L6.67921986,9.917 C6.98671986,9.7555 7.25071986,9.597 7.51171986,9.4315 C6.82921986,8.9695 6.18871986,8.4705 5.65121986,7.995 C6.36621986,7.3465 7.16221986,6.738 7.95271986,6.2195 C8.64121986,6.6515 9.30521986,7.133 9.90271986,7.625 C10.1212199,7.429 10.3347199,7.226 10.5382199,7.0195 C9.99971986,6.5705 9.40971986,6.1295 8.77721986,5.711 C9.63321986,5.217 11.1197199,4.4875 12.0962199,4.4875 Z M7.99971986,2 C7.28021986,2 6.72421986,2.686 6.33921986,3.726 C6.58321986,3.827 6.83971986,3.9425 7.12971986,4.0855 C7.42971986,3.253 7.77871986,2.878 7.99971986,2.878 C8.21471986,2.878 8.54971986,3.232 8.84371986,4.0155 C9.13071986,3.8695 9.38371986,3.7515 9.62971986,3.646 C9.24671986,2.6505 8.70071986,2 7.99971986,2 Z"/>
+</svg>
--- a/icons/category_network_dark.svg
+++ b/icons/category_network_dark.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path fill="#FFF" fill-opacity=".6" fill-rule="evenodd" d="M7.99960993,0.9998 C11.8598496,0.9998 15,4.13995046 15,7.99940993 C15,11.8596496 11.8598496,14.9998 7.99960993,14.9998 C4.14015046,14.9998 1,11.8596496 1,7.99940993 C1,4.13995046 4.14015046,0.9998 7.99960993,0.9998 Z M8.86971986,11.9145 C8.56971986,12.747 8.22071986,13.122 7.99971986,13.122 C7.78521986,13.122 7.44971986,12.768 7.15571986,11.9845 C6.86571986,12.132 6.61521986,12.2485 6.36971986,12.354 C6.75321986,13.3495 7.29871986,14 7.99971986,14 C8.71921986,14 9.27521986,13.314 9.66021986,12.274 C9.41771986,12.1735 9.16171986,12.0585 8.86971986,11.9145 Z M12.0962199,3.61 C10.8027199,3.61 9.05121986,4.5085 7.94421986,5.19 C6.85371986,4.547 5.16021986,3.717 3.90321986,3.717 C3.19571986,3.717 2.85321986,4 2.69121986,4.238 C2.46021986,4.576 2.34571986,5.1655 2.90071986,6.1455 C2.82221986,6.286 2.77771986,6.448 2.77771986,6.6205 C2.77771986,7.154 3.20271986,7.5865 3.72621986,7.5865 C4.24971986,7.5865 4.67471986,7.154 4.67471986,6.6205 C4.67471986,6.087 4.25021986,5.6545 3.72621986,5.6545 L3.72621986,5.6545 L3.62121986,5.6605 C3.32971986,5.131 3.33321986,4.8355 3.39871986,4.7395 C3.46021986,4.6485 3.64921986,4.595 3.90321986,4.595 C4.30121986,4.595 4.82071986,4.7155 5.41071986,4.9325 C5.98671986,5.145 6.57721986,5.43 7.11871986,5.728 C5.99421986,6.502 5.13171986,7.25 4.36621986,8.027 C4.02471986,8.379 3.68871986,8.7615 3.39771986,9.1515 C2.30221986,10.6215 2.40671986,11.433 2.68771986,11.8555 C3.25671986,12.71 4.68721986,12.3665 5.64571986,12.014 C7.99371986,11.151 11.0597199,8.9165 12.6017199,6.848 C13.6972199,5.3785 13.5927199,4.567 13.3117199,4.1445 C13.1492199,3.9005 12.8067199,3.61 12.0962199,3.61 Z M12.2647199,8.445 C11.7407199,8.445 11.3162199,8.8775 11.3162199,9.411 C11.3162199,9.9445 11.7407199,10.377 12.2647199,10.377 L12.3937199,10.368 C12.6702199,10.88 12.6657199,11.167 12.6012199,11.2615 C12.5392199,11.352 12.3507199,11.4055 12.0967199,11.4055 C11.2957199,11.4055 10.1802199,10.933 9.46171986,10.5765 C9.22171986,10.7475 8.92321986,10.9505 8.63221986,11.136 C9.59521986,11.6545 11.0112199,12.2835 12.0967199,12.2835 C12.8042199,12.2835 13.1467199,12.0005 13.3087199,11.7625 C13.5392199,11.4255 13.6537199,10.8375 13.1032199,9.8625 C13.1737199,9.7275 13.2132199,9.574 13.2132199,9.411 C13.2132199,8.8775 12.7887199,8.445 12.2647199,8.445 Z M12.0962199,4.4875 C12.3517199,4.4875 12.5347199,4.542 12.5977199,4.6365 C12.6907199,4.776 12.6677199,5.3075 11.9147199,6.317 C10.9462199,7.6165 9.40121986,8.8925 8.04671986,9.7805 C6.94321986,10.504 5.07821986,11.5125 3.90321986,11.5125 C3.64771986,11.5125 3.46471986,11.458 3.40171986,11.3635 C3.21521986,11.083 3.61221986,10.04 5.02121986,8.601 C5.54371986,9.0665 6.10721986,9.5115 6.67921986,9.917 L6.67921986,9.917 C6.98671986,9.7555 7.25071986,9.597 7.51171986,9.4315 C6.82921986,8.9695 6.18871986,8.4705 5.65121986,7.995 C6.36621986,7.3465 7.16221986,6.738 7.95271986,6.2195 C8.64121986,6.6515 9.30521986,7.133 9.90271986,7.625 C10.1212199,7.429 10.3347199,7.226 10.5382199,7.0195 C9.99971986,6.5705 9.40971986,6.1295 8.77721986,5.711 C9.63321986,5.217 11.1197199,4.4875 12.0962199,4.4875 Z M7.99971986,2 C7.28021986,2 6.72421986,2.686 6.33921986,3.726 C6.58321986,3.827 6.83971986,3.9425 7.12971986,4.0855 C7.42971986,3.253 7.77871986,2.878 7.99971986,2.878 C8.21471986,2.878 8.54971986,3.232 8.84371986,4.0155 C9.13071986,3.8695 9.38371986,3.7515 9.62971986,3.646 C9.24671986,2.6505 8.70071986,2 7.99971986,2 Z"/>
+</svg>
--- a/icons/category_office.svg
+++ b/icons/category_office.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14.6796875,1 C15.1667188,1 15.5,1.316 15.5,1.66666667 L15.5,2.33333333 C15.5,2.684 15.1667188,3 14.6796875,3 L14,3 L14,9.0952381 C14,10.147209 13.1045695,11 12,11 L10.223,11 L12.2674534,13.0443466 C12.4627155,13.2396088 12.4627155,13.5561912 12.2674534,13.7514534 C12.0721912,13.9467155 11.7556088,13.9467155 11.5603466,13.7514534 L8.9995,11.1905 L9,14.5 C9,14.7761424 8.77614237,15 8.5,15 C8.24358208,15 8.03224642,14.8069799 8.00336387,14.5583106 L8,14.5 L7.9995,11.191 L5.43965339,13.7514534 C5.25941141,13.9316954 4.97579588,13.9455601 4.77965028,13.7930477 L4.73254661,13.7514534 C4.55230463,13.5712114 4.53843986,13.2875959 4.69095231,13.0914503 L4.73254661,13.0443466 L6.776,11 L4,11 C2.8954305,11 2,10.147209 2,9.0952381 L2,3 L1.3203125,3 C0.83328125,3 0.5,2.684 0.5,2.33333333 L0.5,1.66666667 C0.5,1.316 0.83328125,1 1.3203125,1 L14.6796875,1 Z M13,3 L3,3 L3,9.05882353 C3,9.57862094 3.44771525,10 4,10 L12,10 C12.5522847,10 13,9.57862094 13,9.05882353 L13,3 Z M8,4.5 L8,6.5 L10,6.5 C10,7.6045695 9.1045695,8.5 8,8.5 C6.8954305,8.5 6,7.6045695 6,6.5 C6,5.3954305 6.8954305,4.5 8,4.5 Z M9,3.5 C10.1045695,3.5 11,4.3954305 11,5.5 L9,5.5 L9,3.5 Z"/>
+</svg>
--- a/icons/category_office_dark.svg
+++ b/icons/category_office_dark.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path fill="#FFF" fill-opacity=".6" fill-rule="evenodd" d="M14.6796875,1 C15.1667188,1 15.5,1.316 15.5,1.66666667 L15.5,2.33333333 C15.5,2.684 15.1667188,3 14.6796875,3 L14,3 L14,9.0952381 C14,10.147209 13.1045695,11 12,11 L10.223,11 L12.2674534,13.0443466 C12.4627155,13.2396088 12.4627155,13.5561912 12.2674534,13.7514534 C12.0721912,13.9467155 11.7556088,13.9467155 11.5603466,13.7514534 L8.9995,11.1905 L9,14.5 C9,14.7761424 8.77614237,15 8.5,15 C8.24358208,15 8.03224642,14.8069799 8.00336387,14.5583106 L8,14.5 L7.9995,11.191 L5.43965339,13.7514534 C5.25941141,13.9316954 4.97579588,13.9455601 4.77965028,13.7930477 L4.73254661,13.7514534 C4.55230463,13.5712114 4.53843986,13.2875959 4.69095231,13.0914503 L4.73254661,13.0443466 L6.776,11 L4,11 C2.8954305,11 2,10.147209 2,9.0952381 L2,3 L1.3203125,3 C0.83328125,3 0.5,2.684 0.5,2.33333333 L0.5,1.66666667 C0.5,1.316 0.83328125,1 1.3203125,1 L14.6796875,1 Z M13,3 L3,3 L3,9.05882353 C3,9.57862094 3.44771525,10 4,10 L12,10 C12.5522847,10 13,9.57862094 13,9.05882353 L13,3 Z M8,4.5 L8,6.5 L10,6.5 C10,7.6045695 9.1045695,8.5 8,8.5 C6.8954305,8.5 6,7.6045695 6,6.5 C6,5.3954305 6.8954305,4.5 8,4.5 Z M9,3.5 C10.1045695,3.5 11,4.3954305 11,5.5 L9,5.5 L9,3.5 Z"/>
+</svg>
--- a/icons/category_others.svg
+++ b/icons/category_others.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8.00031808,0.99950155 C11.8603458,0.99950155 14.9999738,4.1390565 14.9999738,7.99950155 C14.9999738,11.8599466 11.8603458,14.9995015 8.00031808,14.9995015 C4.13971544,14.9995015 0.999973754,11.8600603 0.999973754,7.99950155 C0.999973754,4.13894278 4.13971544,0.99950155 8.00031808,0.99950155 Z M11.4999738,8.99950155 C12.0526404,8.99950155 12.4999738,8.55150155 12.4999738,7.99950155 C12.4999738,7.44683488 12.0526404,6.99950155 11.4999738,6.99950155 C10.9473071,6.99950155 10.4999738,7.44683488 10.4999738,7.99950155 C10.4999738,8.55150155 10.9473071,8.99950155 11.4999738,8.99950155 Z M7.99997375,8.99950155 C8.55264042,8.99950155 8.99997375,8.55150155 8.99997375,7.99950155 C8.99997375,7.44683488 8.55264042,6.99950155 7.99997375,6.99950155 C7.44797375,6.99950155 6.99997375,7.44683488 6.99997375,7.99950155 C6.99997375,8.55150155 7.44797375,8.99950155 7.99997375,8.99950155 Z M4.49997375,8.99950155 C5.05264042,8.99950155 5.49997375,8.55150155 5.49997375,7.99950155 C5.49997375,7.44683488 5.05264042,6.99950155 4.49997375,6.99950155 C3.94797375,6.99950155 3.49997375,7.44683488 3.49997375,7.99950155 C3.49997375,8.55150155 3.94797375,8.99950155 4.49997375,8.99950155 Z"/>
+</svg>
--- a/icons/category_others_dark.svg
+++ b/icons/category_others_dark.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path fill="#FFF" fill-opacity=".6" fill-rule="evenodd" d="M8.00031808,0.99950155 C11.8603458,0.99950155 14.9999738,4.1390565 14.9999738,7.99950155 C14.9999738,11.8599466 11.8603458,14.9995015 8.00031808,14.9995015 C4.13971544,14.9995015 0.999973754,11.8600603 0.999973754,7.99950155 C0.999973754,4.13894278 4.13971544,0.99950155 8.00031808,0.99950155 Z M11.4999738,8.99950155 C12.0526404,8.99950155 12.4999738,8.55150155 12.4999738,7.99950155 C12.4999738,7.44683488 12.0526404,6.99950155 11.4999738,6.99950155 C10.9473071,6.99950155 10.4999738,7.44683488 10.4999738,7.99950155 C10.4999738,8.55150155 10.9473071,8.99950155 11.4999738,8.99950155 Z M7.99997375,8.99950155 C8.55264042,8.99950155 8.99997375,8.55150155 8.99997375,7.99950155 C8.99997375,7.44683488 8.55264042,6.99950155 7.99997375,6.99950155 C7.44797375,6.99950155 6.99997375,7.44683488 6.99997375,7.99950155 C6.99997375,8.55150155 7.44797375,8.99950155 7.99997375,8.99950155 Z M4.49997375,8.99950155 C5.05264042,8.99950155 5.49997375,8.55150155 5.49997375,7.99950155 C5.49997375,7.44683488 5.05264042,6.99950155 4.49997375,6.99950155 C3.94797375,6.99950155 3.49997375,7.44683488 3.49997375,7.99950155 C3.49997375,8.55150155 3.94797375,8.99950155 4.49997375,8.99950155 Z"/>
+</svg>
--- a/icons/category_reading.svg
+++ b/icons/category_reading.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <g fill="none" fill-rule="evenodd">
+    <path fill="#000" d="M1.85789238,2.64258737 C4.86313703,2.21112969 6.5771729,2.75883866 7,4.28571429 L7,13.7857143 C6.27058294,12.8374721 4.43450345,12.3388115 1.49176152,12.2897326 C1.2188519,12.2852804 1,12.062748 1,11.7898021 L1,3.63241367 C1.00002467,3.13504017 1.36556687,2.71326968 1.85789238,2.64258737 Z"/>
+    <path fill="#000" d="M9.85789238,2.64258737 C12.863137,2.21112969 14.5771729,2.75883866 15,4.28571429 L15,13.7857143 C14.2705829,12.8374721 12.4345034,12.3388115 9.49176152,12.2897326 C9.2188519,12.2852804 9,12.062748 9,11.7898021 L9,3.63241367 C9.00002467,3.13504017 9.36556687,2.71326968 9.85789238,2.64258737 Z" transform="matrix(-1 0 0 1 24 0)"/>
+  </g>
+</svg>
--- a/icons/category_reading_dark.svg
+++ b/icons/category_reading_dark.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <g fill="none" fill-opacity=".6" fill-rule="evenodd">
+    <path fill="#FFF" d="M1.85789238,2.64258737 C4.86313703,2.21112969 6.5771729,2.75883866 7,4.28571429 L7,13.7857143 C6.27058294,12.8374721 4.43450345,12.3388115 1.49176152,12.2897326 C1.2188519,12.2852804 1,12.062748 1,11.7898021 L1,3.63241367 C1.00002467,3.13504017 1.36556687,2.71326968 1.85789238,2.64258737 Z"/>
+    <path fill="#FFF" d="M9.85789238,2.64258737 C12.863137,2.21112969 14.5771729,2.75883866 15,4.28571429 L15,13.7857143 C14.2705829,12.8374721 12.4345034,12.3388115 9.49176152,12.2897326 C9.2188519,12.2852804 9,12.062748 9,11.7898021 L9,3.63241367 C9.00002467,3.13504017 9.36556687,2.71326968 9.85789238,2.64258737 Z" transform="matrix(-1 0 0 1 24 0)"/>
+  </g>
+</svg>
--- a/icons/category_system.svg
+++ b/icons/category_system.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M3,14 C1.8954305,14 1,13.1045695 1,12 L1,4 C1,2.8954305 1.8954305,2 3,2 L13,2 C14.1045695,2 15,2.8954305 15,4 L15,12 C15,13.0543618 14.1841222,13.9181651 13.1492623,13.9945143 L13,14 L13,14 L3,14 Z M14,5 L2,5 L2,12 C2,12.5522847 2.44771525,13 3,13 L8.01233301,13.0001639 C8.01943442,12.9772458 8.02824971,12.9546419 8.0388094,12.9325301 L8.30383017,12.3775926 C8.34459502,12.2912196 8.34695846,12.1917404 8.30983658,12.1028011 C8.27399122,12.0159757 8.20318605,11.9486684 8.11444707,11.9170901 L7.53244707,11.7100901 C7.33313205,11.6391997 7.19999981,11.4505463 7.19999981,11.2389998 L7.19999981,10.1609998 C7.19999981,9.9491733 7.33347927,9.7603339 7.53316619,9.6896543 L8.11249002,9.4846101 C8.20258302,9.4521442 8.27390085,9.3842428 8.31058669,9.2953916 C8.34695846,9.2082592 8.34459502,9.10878 8.3048094,9.0244696 L8.0388094,8.46746956 C7.94749917,8.2762673 7.98662009,8.04827275 8.13644642,7.89844642 L8.89844642,7.13644642 C9.04827275,6.98662009 9.2762673,6.94749917 9.46746956,7.0388094 L10.022407,7.30383017 C10.10878,7.34459502 10.2082592,7.34695846 10.2971985,7.30983658 C10.3842159,7.27391194 10.4518724,7.202745 10.4837447,7.11391109 L10.6897447,6.53291109 C10.7604992,6.33335606 10.9492726,6.19999981 11.1609998,6.19999981 L12.2389998,6.19999981 C12.450727,6.19999981 12.6395004,6.33335606 12.7102549,6.53291109 L12.9156316,7.11216331 C12.9481272,7.202745 13.0157837,7.27391194 13.104608,7.31058669 C13.1917404,7.34695846 13.2912196,7.34459502 13.3755301,7.3048094 L13.9325301,7.0388094 L14,7.013 L14,5 Z M11.6999998,9.1999998 C10.8729998,9.1999998 10.1999998,9.8729998 10.1999998,10.6999998 C10.1999998,11.5269998 10.8729998,12.1999998 11.6999998,12.1999998 C12.5269998,12.1999998 13.1999998,11.5269998 13.1999998,10.6999998 C13.1999998,9.8729998 12.5269998,9.1999998 11.6999998,9.1999998 Z M13,3 L12,3 L12,4 L13,4 L13,3 Z M9,3 L8,3 L8,4 L9,4 L9,3 Z M11,3 L10,3 L10,4 L11,4 L11,3 Z"/>
+</svg>
--- a/icons/category_system_dark.svg
+++ b/icons/category_system_dark.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path fill="#FFF" fill-opacity=".6" fill-rule="evenodd" d="M3,14 C1.8954305,14 1,13.1045695 1,12 L1,4 C1,2.8954305 1.8954305,2 3,2 L13,2 C14.1045695,2 15,2.8954305 15,4 L15,12 C15,13.0543618 14.1841222,13.9181651 13.1492623,13.9945143 L13,14 L13,14 L3,14 Z M14,5 L2,5 L2,12 C2,12.5522847 2.44771525,13 3,13 L8.01233301,13.0001639 C8.01943442,12.9772458 8.02824971,12.9546419 8.0388094,12.9325301 L8.30383017,12.3775926 C8.34459502,12.2912196 8.34695846,12.1917404 8.30983658,12.1028011 C8.27399122,12.0159757 8.20318605,11.9486684 8.11444707,11.9170901 L7.53244707,11.7100901 C7.33313205,11.6391997 7.19999981,11.4505463 7.19999981,11.2389998 L7.19999981,10.1609998 C7.19999981,9.9491733 7.33347927,9.7603339 7.53316619,9.6896543 L8.11249002,9.4846101 C8.20258302,9.4521442 8.27390085,9.3842428 8.31058669,9.2953916 C8.34695846,9.2082592 8.34459502,9.10878 8.3048094,9.0244696 L8.0388094,8.46746956 C7.94749917,8.2762673 7.98662009,8.04827275 8.13644642,7.89844642 L8.89844642,7.13644642 C9.04827275,6.98662009 9.2762673,6.94749917 9.46746956,7.0388094 L10.022407,7.30383017 C10.10878,7.34459502 10.2082592,7.34695846 10.2971985,7.30983658 C10.3842159,7.27391194 10.4518724,7.202745 10.4837447,7.11391109 L10.6897447,6.53291109 C10.7604992,6.33335606 10.9492726,6.19999981 11.1609998,6.19999981 L12.2389998,6.19999981 C12.450727,6.19999981 12.6395004,6.33335606 12.7102549,6.53291109 L12.9156316,7.11216331 C12.9481272,7.202745 13.0157837,7.27391194 13.104608,7.31058669 C13.1917404,7.34695846 13.2912196,7.34459502 13.3755301,7.3048094 L13.9325301,7.0388094 L14,7.013 L14,5 Z M11.6999998,9.1999998 C10.8729998,9.1999998 10.1999998,9.8729998 10.1999998,10.6999998 C10.1999998,11.5269998 10.8729998,12.1999998 11.6999998,12.1999998 C12.5269998,12.1999998 13.1999998,11.5269998 13.1999998,10.6999998 C13.1999998,9.8729998 12.5269998,9.1999998 11.6999998,9.1999998 Z M13,3 L12,3 L12,4 L13,4 L13,3 Z M9,3 L8,3 L8,4 L9,4 L9,3 Z M11,3 L10,3 L10,4 L11,4 L11,3 Z"/>
+</svg>
--- a/icons/category_video.svg
+++ b/icons/category_video.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M12,2 C13.1045695,2 14,2.8954305 14,4 L14,13 C14,14.1045695 13.1045695,15 12,15 L4,15 C2.8954305,15 2,14.1045695 2,13 L2,4 C2,2.8954305 2.8954305,2 4,2 L12,2 Z M4.5,12 L3.5,12 C3.22385763,12 3,12.2238576 3,12.5 L3,12.5 L3,13 C3,13.5522847 3.44771525,14 4,14 L4,14 L4.5,14 C4.77614237,14 5,13.7761424 5,13.5 L5,13.5 L5,12.5 C5,12.2238576 4.77614237,12 4.5,12 L4.5,12 Z M12.5,12 L11.5,12 C11.2238576,12 11,12.2238576 11,12.5 L11,12.5 L11,13.5 C11,13.7761424 11.2238576,14 11.5,14 L11.5,14 L12,14 C12.5522847,14 13,13.5522847 13,13 L13,13 L13,12.5 C13,12.2238576 12.7761424,12 12.5,12 L12.5,12 Z M4.5,9 L3.5,9 C3.22385763,9 3,9.22385763 3,9.5 L3,9.5 L3,10.5 C3,10.7761424 3.22385763,11 3.5,11 L3.5,11 L4.5,11 C4.77614237,11 5,10.7761424 5,10.5 L5,10.5 L5,9.5 C5,9.22385763 4.77614237,9 4.5,9 L4.5,9 Z M12.5,9 L11.5,9 C11.2238576,9 11,9.22385763 11,9.5 L11,9.5 L11,10.5 C11,10.7761424 11.2238576,11 11.5,11 L11.5,11 L12.5,11 C12.7761424,11 13,10.7761424 13,10.5 L13,10.5 L13,9.5 C13,9.22385763 12.7761424,9 12.5,9 L12.5,9 Z M4.5,6 L3.5,6 C3.22385763,6 3,6.22385763 3,6.5 L3,6.5 L3,7.5 C3,7.77614237 3.22385763,8 3.5,8 L3.5,8 L4.5,8 C4.77614237,8 5,7.77614237 5,7.5 L5,7.5 L5,6.5 C5,6.22385763 4.77614237,6 4.5,6 L4.5,6 Z M12.5,6 L11.5,6 C11.2238576,6 11,6.22385763 11,6.5 L11,6.5 L11,7.5 C11,7.77614237 11.2238576,8 11.5,8 L11.5,8 L12.5,8 C12.7761424,8 13,7.77614237 13,7.5 L13,7.5 L13,6.5 C13,6.22385763 12.7761424,6 12.5,6 L12.5,6 Z M4.5,3 L4,3 C3.44771525,3 3,3.44771525 3,4 L3,4 L3,4.5 C3,4.77614237 3.22385763,5 3.5,5 L3.5,5 L4.5,5 C4.77614237,5 5,4.77614237 5,4.5 L5,4.5 L5,3.5 C5,3.22385763 4.77614237,3 4.5,3 L4.5,3 Z M12,3 L11.5,3 C11.2238576,3 11,3.22385763 11,3.5 L11,3.5 L11,4.5 C11,4.77614237 11.2238576,5 11.5,5 L11.5,5 L12.5,5 C12.7761424,5 13,4.77614237 13,4.5 L13,4.5 L13,4 C13,3.44771525 12.5522847,3 12,3 L12,3 Z"/>
+</svg>
--- a/icons/category_video_dark.svg
+++ b/icons/category_video_dark.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path fill="#FFF" fill-opacity=".6" fill-rule="evenodd" d="M12,2 C13.1045695,2 14,2.8954305 14,4 L14,13 C14,14.1045695 13.1045695,15 12,15 L4,15 C2.8954305,15 2,14.1045695 2,13 L2,4 C2,2.8954305 2.8954305,2 4,2 L12,2 Z M4.5,12 L3.5,12 C3.22385763,12 3,12.2238576 3,12.5 L3,12.5 L3,13 C3,13.5522847 3.44771525,14 4,14 L4,14 L4.5,14 C4.77614237,14 5,13.7761424 5,13.5 L5,13.5 L5,12.5 C5,12.2238576 4.77614237,12 4.5,12 L4.5,12 Z M12.5,12 L11.5,12 C11.2238576,12 11,12.2238576 11,12.5 L11,12.5 L11,13.5 C11,13.7761424 11.2238576,14 11.5,14 L11.5,14 L12,14 C12.5522847,14 13,13.5522847 13,13 L13,13 L13,12.5 C13,12.2238576 12.7761424,12 12.5,12 L12.5,12 Z M4.5,9 L3.5,9 C3.22385763,9 3,9.22385763 3,9.5 L3,9.5 L3,10.5 C3,10.7761424 3.22385763,11 3.5,11 L3.5,11 L4.5,11 C4.77614237,11 5,10.7761424 5,10.5 L5,10.5 L5,9.5 C5,9.22385763 4.77614237,9 4.5,9 L4.5,9 Z M12.5,9 L11.5,9 C11.2238576,9 11,9.22385763 11,9.5 L11,9.5 L11,10.5 C11,10.7761424 11.2238576,11 11.5,11 L11.5,11 L12.5,11 C12.7761424,11 13,10.7761424 13,10.5 L13,10.5 L13,9.5 C13,9.22385763 12.7761424,9 12.5,9 L12.5,9 Z M4.5,6 L3.5,6 C3.22385763,6 3,6.22385763 3,6.5 L3,6.5 L3,7.5 C3,7.77614237 3.22385763,8 3.5,8 L3.5,8 L4.5,8 C4.77614237,8 5,7.77614237 5,7.5 L5,7.5 L5,6.5 C5,6.22385763 4.77614237,6 4.5,6 L4.5,6 Z M12.5,6 L11.5,6 C11.2238576,6 11,6.22385763 11,6.5 L11,6.5 L11,7.5 C11,7.77614237 11.2238576,8 11.5,8 L11.5,8 L12.5,8 C12.7761424,8 13,7.77614237 13,7.5 L13,7.5 L13,6.5 C13,6.22385763 12.7761424,6 12.5,6 L12.5,6 Z M4.5,3 L4,3 C3.44771525,3 3,3.44771525 3,4 L3,4 L3,4.5 C3,4.77614237 3.22385763,5 3.5,5 L3.5,5 L4.5,5 C4.77614237,5 5,4.77614237 5,4.5 L5,4.5 L5,3.5 C5,3.22385763 4.77614237,3 4.5,3 L4.5,3 Z M12,3 L11.5,3 C11.2238576,3 11,3.22385763 11,3.5 L11,3.5 L11,4.5 C11,4.77614237 11.2238576,5 11.5,5 L11.5,5 L12.5,5 C12.7761424,5 13,4.77614237 13,4.5 L13,4.5 L13,4 C13,3.44771525 12.5522847,3 12,3 L12,3 Z"/>
+</svg>
--- a/icons/downloads-symbolic.svg
+++ b/icons/downloads-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8,1 C11.8659932,1 15,4.13400675 15,8 C15,11.8659932 11.8659932,15 8,15 C4.13400675,15 1,11.8659932 1,8 C1,4.13400675 4.13400675,1 8,1 Z M9.5,8 L6.5,8 C6.22385763,8 6,8.22385763 6,8.5 C6,8.77614237 5.77614237,9 5.5,9 L5.5,9 L5,9 C4.89014373,9 4.78478689,9.04364023 4.70710678,9.12132034 C4.54534632,9.2830808 4.54534632,9.54534632 4.70710678,9.70710678 L4.70710678,9.70710678 L7.64644661,12.6464466 C7.84170876,12.8417088 8.15829124,12.8417088 8.35355339,12.6464466 L8.35355339,12.6464466 L11.2928932,9.70710678 C11.3705733,9.62942667 11.4142136,9.52406983 11.4142136,9.41421356 C11.4142136,9.18544973 11.2287638,9 11,9 L11,9 L10.5,9 C10.2238576,9 10,8.77614237 10,8.5 C10,8.22385763 9.77614237,8 9.5,8 L9.5,8 Z M9.5,6 L6.5,6 C6.22385763,6 6,6.22385763 6,6.5 C6,6.77614237 6.22385763,7 6.5,7 L6.5,7 L9.5,7 C9.77614237,7 10,6.77614237 10,6.5 C10,6.22385763 9.77614237,6 9.5,6 L9.5,6 Z M9.5,4 L6.5,4 C6.22385763,4 6,4.22385763 6,4.5 C6,4.77614237 6.22385763,5 6.5,5 L6.5,5 L9.5,5 C9.77614237,5 10,4.77614237 10,4.5 C10,4.22385763 9.77614237,4 9.5,4 L9.5,4 Z"/>
+</svg>
--- a/icons/downloads-symbolic_dark.svg
+++ b/icons/downloads-symbolic_dark.svg
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="downloads-symbolic_dark.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="982"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="8"
+     inkscape:cy="8"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     fill="#FFF"
+     fill-opacity=".8"
+     fill-rule="evenodd"
+     d="M8,1 C11.8659932,1 15,4.13400675 15,8 C15,11.8659932 11.8659932,15 8,15 C4.13400675,15 1,11.8659932 1,8 C1,4.13400675 4.13400675,1 8,1 Z M9.5,8 L6.5,8 C6.22385763,8 6,8.22385763 6,8.5 C6,8.77614237 5.77614237,9 5.5,9 L5.5,9 L5,9 C4.89014373,9 4.78478689,9.04364023 4.70710678,9.12132034 C4.54534632,9.2830808 4.54534632,9.54534632 4.70710678,9.70710678 L4.70710678,9.70710678 L7.64644661,12.6464466 C7.84170876,12.8417088 8.15829124,12.8417088 8.35355339,12.6464466 L8.35355339,12.6464466 L11.2928932,9.70710678 C11.3705733,9.62942667 11.4142136,9.52406983 11.4142136,9.41421356 C11.4142136,9.18544973 11.2287638,9 11,9 L11,9 L10.5,9 C10.2238576,9 10,8.77614237 10,8.5 C10,8.22385763 9.77614237,8 9.5,8 L9.5,8 Z M9.5,6 L6.5,6 C6.22385763,6 6,6.22385763 6,6.5 C6,6.77614237 6.22385763,7 6.5,7 L6.5,7 L9.5,7 C9.77614237,7 10,6.77614237 10,6.5 C10,6.22385763 9.77614237,6 9.5,6 L9.5,6 Z M9.5,4 L6.5,4 C6.22385763,4 6,4.22385763 6,4.5 C6,4.77614237 6.22385763,5 6.5,5 L6.5,5 L9.5,5 C9.77614237,5 10,4.77614237 10,4.5 C10,4.22385763 9.77614237,4 9.5,4 L9.5,4 Z"
+     id="path2"
+     style="fill:#ffffff;fill-opacity:0.60000002" />
+</svg>
--- a/icons/homepage.svg
+++ b/icons/homepage.svg
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16px"
+   height="16px"
+   viewBox="0 0 16 16"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="homepage.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata14">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs12" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="982"
+     id="namedview10"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="8"
+     inkscape:cy="8"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg8" />
+  <!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
+  <title
+     id="title2">category_recommend</title>
+  <desc
+     id="desc4">Created with Sketch.</desc>
+  <g
+     id="category_recommend"
+     stroke="none"
+     stroke-width="1"
+     fill="none"
+     fill-rule="evenodd"
+     style="fill:#000000;fill-opacity:0.86666667">
+    <path
+       d="M8,12.6085145 L4.54924088,14.5160472 C4.06572729,14.783327 3.74708518,14.5504931 3.83503048,14.0113448 L4.5,9.93475242 L1.69148737,7.05624503 C1.30958944,6.6648293 1.44637232,6.27932454 1.97881505,6.19797453 L5.83688104,5.60851449 L7.5726373,1.91049416 C7.8086632,1.40764212 8.19196238,1.40897492 8.4273627,1.91049416 L10.163119,5.60851449 L14.0211849,6.19797453 C14.5617696,6.28056851 14.6893983,6.66586674 14.3085126,7.05624503 L11.5,9.93475242 L12.1649695,14.0113448 C12.2540356,14.557364 11.9269904,14.7793014 11.4507591,14.5160472 L8,12.6085145 Z"
+       id="Star"
+       fill="#536076"
+       style="fill:#000000;fill-opacity:0.86666667" />
+  </g>
+</svg>
--- a/icons/homepage_dark.svg
+++ b/icons/homepage_dark.svg
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16px"
+   height="16px"
+   viewBox="0 0 16 16"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="homepage_dark.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata14">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs12" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="982"
+     id="namedview10"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="-15.932203"
+     inkscape:cy="2.5762712"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg8" />
+  <!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
+  <title
+     id="title2">category_recommend</title>
+  <desc
+     id="desc4">Created with Sketch.</desc>
+  <g
+     id="category_recommend"
+     stroke="none"
+     stroke-width="1"
+     fill="none"
+     fill-rule="evenodd"
+     style="fill:#ffffff;fill-opacity:0.60000002">
+    <path
+       d="M8,12.6085145 L4.54924088,14.5160472 C4.06572729,14.783327 3.74708518,14.5504931 3.83503048,14.0113448 L4.5,9.93475242 L1.69148737,7.05624503 C1.30958944,6.6648293 1.44637232,6.27932454 1.97881505,6.19797453 L5.83688104,5.60851449 L7.5726373,1.91049416 C7.8086632,1.40764212 8.19196238,1.40897492 8.4273627,1.91049416 L10.163119,5.60851449 L14.0211849,6.19797453 C14.5617696,6.28056851 14.6893983,6.66586674 14.3085126,7.05624503 L11.5,9.93475242 L12.1649695,14.0113448 C12.2540356,14.557364 11.9269904,14.7793014 11.4507591,14.5160472 L8,12.6085145 Z"
+       id="Star"
+       fill="#C5CFE0"
+       style="fill:#ffffff;fill-opacity:0.60000002" />
+  </g>
+</svg>
--- a/icons/refresh-page-dark.svg
+++ b/icons/refresh-page-dark.svg
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   height="16"
+   width="16"
+   sodipodi:docname="refresh-page-dark.svg"
+   xml:space="preserve"
+   viewBox="0 0 16 16"
+   y="0px"
+   x="0px"
+   id="Layer_1"
+   version="1.1"><metadata
+   id="metadata9"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs7" /><sodipodi:namedview
+   inkscape:current-layer="Layer_1"
+   inkscape:window-maximized="1"
+   inkscape:window-y="0"
+   inkscape:window-x="0"
+   inkscape:cy="8.8351119"
+   inkscape:cx="12.452215"
+   inkscape:zoom="34.711876"
+   showgrid="true"
+   id="namedview5"
+   inkscape:window-height="958"
+   inkscape:window-width="1920"
+   inkscape:pageshadow="2"
+   inkscape:pageopacity="0"
+   guidetolerance="10"
+   gridtolerance="10"
+   objecttolerance="10"
+   borderopacity="1"
+   bordercolor="#666666"
+   pagecolor="#ffffff"><inkscape:grid
+     id="grid834"
+     type="xygrid" /></sodipodi:namedview>
+<g
+   style="fill:#ffffff;fill-opacity:0.60000002"
+   transform="scale(0.03125,0.0312082)"
+   id="XMLID_2_">
+	<path
+   style="fill:#ffffff;fill-opacity:0.60000002"
+   d="M 436.6,75.4 C 390.1,28.9 326.7,0 256,0 114.5,0 0,114.5 0,256 0,397.5 114.5,512 256,512 375.2,512 474.8,430.1 503.6,320.2 h -67 C 410.5,394.7 339.8,447.7 256,447.7 149.9,447.7 64.2,362.1 64.2,255.9 64.2,149.7 149.9,64.2 256,64.2 c 53.1,0 100.5,22.3 135,56.8 L 287.7,224.3 H 512 V 0 Z"
+   id="XMLID_4_" />
+</g>
+</svg>
--- a/icons/refresh-page.svg
+++ b/icons/refresh-page.svg
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   height="16"
+   width="16"
+   sodipodi:docname="refresh-page.svg"
+   xml:space="preserve"
+   viewBox="0 0 16 16"
+   y="0px"
+   x="0px"
+   id="Layer_1"
+   version="1.1"><metadata
+   id="metadata9"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs7" /><sodipodi:namedview
+   inkscape:current-layer="Layer_1"
+   inkscape:window-maximized="1"
+   inkscape:window-y="0"
+   inkscape:window-x="0"
+   inkscape:cy="8.8351119"
+   inkscape:cx="12.452215"
+   inkscape:zoom="34.711876"
+   showgrid="true"
+   id="namedview5"
+   inkscape:window-height="958"
+   inkscape:window-width="1920"
+   inkscape:pageshadow="2"
+   inkscape:pageopacity="0"
+   guidetolerance="10"
+   gridtolerance="10"
+   objecttolerance="10"
+   borderopacity="1"
+   bordercolor="#666666"
+   pagecolor="#ffffff"><inkscape:grid
+     id="grid834"
+     type="xygrid" /></sodipodi:namedview>
+<g
+   transform="scale(0.03125,0.0312082)"
+   id="XMLID_2_">
+	<path
+   d="M 436.6,75.4 C 390.1,28.9 326.7,0 256,0 114.5,0 0,114.5 0,256 0,397.5 114.5,512 256,512 375.2,512 474.8,430.1 503.6,320.2 h -67 C 410.5,394.7 339.8,447.7 256,447.7 149.9,447.7 64.2,362.1 64.2,255.9 64.2,149.7 149.9,64.2 256,64.2 c 53.1,0 100.5,22.3 135,56.8 L 287.7,224.3 H 512 V 0 Z"
+   id="XMLID_4_" />
+</g>
+</svg>
--- a/icons/theme-symbolic.svg
+++ b/icons/theme-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M3.5,14 C3.22385763,14 3,13.7761424 3,13.5 C3,13.2238576 3.22385763,13 3.5,13 L7,13 L7,12 L2,12 C1.44771525,12 1,11.5522847 1,11 L15,11 C15,11.5522847 14.5522847,12 14,12 L9,12 L9,13 L12.5,13 C12.7761424,13 13,13.2238576 13,13.5 C13,13.7761424 12.7761424,14 12.5,14 L3.5,14 Z M13,2 C14.1045695,2 15,2.8954305 15,4 L15,10 L1,10 L1,4 C1,2.8954305 1.8954305,2 3,2 L13,2 Z"/>
+</svg>
--- a/icons/theme-symbolic_dark.svg
+++ b/icons/theme-symbolic_dark.svg
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="theme-symbolic_dark.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="982"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="8"
+     inkscape:cy="8"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     fill="#FFF"
+     fill-opacity=".8"
+     fill-rule="evenodd"
+     d="M3.5,14 C3.22385763,14 3,13.7761424 3,13.5 C3,13.2238576 3.22385763,13 3.5,13 L7,13 L7,12 L2,12 C1.44771525,12 1,11.5522847 1,11 L15,11 C15,11.5522847 14.5522847,12 14,12 L9,12 L9,13 L12.5,13 C12.7761424,13 13,13.2238576 13,13.5 C13,13.7761424 12.7761424,14 12.5,14 L3.5,14 Z M13,2 C14.1045695,2 15,2.8954305 15,4 L15,10 L1,10 L1,4 C1,2.8954305 1.8954305,2 3,2 L13,2 Z"
+     id="path2"
+     style="opacity:1;fill:#ffffff;fill-opacity:0.60000002" />
+</svg>
--- a/image_show.cpp
+++ b/image_show.cpp
@@ -0,0 +1,47 @@
+#include "image_show.h"
+#include <QHBoxLayout>
+#include <QDebug>
+#include <QPainter>
+#include <DDialog>
+#include <DBlurEffectWidget>
+#include <DWidgetUtil>
+#include <DApplication>
+#include <QDesktopWidget>
+DWIDGET_USE_NAMESPACE
+image_show::image_show(QWidget *parent) : QWidget(parent)
+{
+    QHBoxLayout *layout=new QHBoxLayout;
+    layout->addWidget(m_label);
+    setLayout(layout);
+    m_label->setText("layout");
+}
+
+void image_show::setImage(QPixmap image)
+{
+
+    QImage screen0;
+    screen0=image.toImage();
+//    QPainter painter(&screen0);
+    QImage re_screen1;
+    QImage re_screen0=screen0.scaled(QSize(400,300),Qt::KeepAspectRatio,Qt::SmoothTransformation);
+    desktop_w=DApplication::desktop()->width();
+    desktop_h=DApplication::desktop()->height();
+    if(screen0.width()>(desktop_w-20) || screen0.height()>(desktop_h-20)){
+         re_screen1=screen0.scaled(QSize(desktop_w-20,desktop_h-20),Qt::KeepAspectRatio,Qt::SmoothTransformation);
+         m_image=QPixmap::fromImage(re_screen1);
+    }else {
+        m_image=image;
+    }
+
+    m_label->setPixmap(QPixmap::fromImage(re_screen0));
+}
+
+void image_show::mousePressEvent(QMouseEvent *)
+{
+   m_dialog->setimage(m_image);
+   m_dialog->showFullScreen();
+   m_dialog->setFixedSize(desktop_w,desktop_h);
+   m_dialog->move(0,0);/*
+   moveToCenter(m_dialog);*/
+
+}
--- a/image_show.h
+++ b/image_show.h
@@ -0,0 +1,32 @@
+#ifndef IMAGE_SHOW_H
+#define IMAGE_SHOW_H
+
+#include <QWidget>
+#include <QMouseEvent>
+#include <QLabel>
+#include <QPixmap>
+#include <DDialog>
+#include <DBlurEffectWidget>
+#include <big_image.h>
+DWIDGET_USE_NAMESPACE
+class image_show : public QWidget
+{
+    Q_OBJECT
+public:
+    explicit image_show(QWidget *parent = nullptr);
+
+    void setImage(QPixmap);
+    int desktop_w;
+    int desktop_h;
+private:
+    QLabel *m_label=new QLabel;
+    QPixmap m_image;
+    QLabel image;
+    big_image *m_dialog=new big_image;
+    void mousePressEvent(QMouseEvent *event);
+signals:
+
+public slots:
+};
+
+#endif // IMAGE_SHOW_H
--- a/main.cpp
+++ b/main.cpp
@@ -1,27 +1,70 @@
-#include "mainwindow.h"
 #include <DApplication>
 #include <DWidgetUtil>  //Dtk::Widget::moveToCenter(&w); 要调用它，就得引用DWidgetUtil
-
+#include <QDesktopWidget>
+#include <widget.h>
+#include <QTranslator>
+#include <DAboutDialog>
 DWIDGET_USE_NAMESPACE
 int main(int argc, char *argv[])
 {
    DApplication::loadDXcbPlugin();  //让bar处在标题栏中
    DApplication a(argc, argv);
+    DAboutDialog dialog;
    a.setAttribute(Qt::AA_UseHighDpiPixmaps);
-    a.loadTranslator();
-    a.setOrganizationName("community");
-    a.setApplicationVersion(DApplication::buildVersion("1.0-beta3.2"));
-    a.setApplicationAcknowledgementPage("https://gitee.com/deepin-community-store/deepin-community-store");
-    a.setProductIcon(QIcon::fromTheme("spark-store"));  //设置Logo
-    a.setProductName("星火应用商店");
-    a.setApplicationName("星火应用商店"); //只有在这儿修改窗口标题才有效
+    a.loadTranslator();//载入翻译
+    a.setAboutDialog(&dialog);
+    dialog.setLicense(QObject::tr("We publish this program under GPL V3"));
+    dialog.setVersion(DApplication::buildVersion("Version 2.0+2"));
+    dialog.setAcknowledgementVisible(true);
+    dialog.setAcknowledgementLink(QObject::tr("https://gitee.com/deepin-community-store/spark-store"));
+    a.setApplicationAcknowledgementPage(QObject::tr("https://gitee.com/deepin-community-store/spark-store"));
+    dialog.setProductIcon(QIcon::fromTheme("spark-store"));  //设置Logo
+    dialog.setProductName(QLabel::tr("Spark Store"));
+    //dialog.setDescription(QLabel::tr("An appstore powered by deepin community\n We born for change"));
+    dialog.setDescription(QObject::tr(
+        "<span style=' font-size:10pt;font-weight:60;'>An appstore powered by deepin community</span><br/>"
+        "<a href='https://www.spark-app.store/'>https://www.spark-app.store</a><br/>"
+        "<span style=' font-size:12pt;'>Spark developers</span>"
+                              )
+                          );
+    dialog.setProductName(QLabel::tr("Spark Store"));
+    dialog.setCompanyLogo(QPixmap(":/Logo-Spark.png"));
+    dialog.setWebsiteName(QObject::tr("The Spark Project"));
+    dialog.setWebsiteLink("https://gitee.com/deepin-community-store");
+
+    Widget w;
+    QDesktopWidget *s=DApplication::desktop();
+    int d_w=s->width();
+    int d_h=s->height();
+    if(d_w<=1366){
+        w.setMinimumWidth(925);
+        w.resize(925,650);
+    }else if(d_w<=1920){
+        w.setMinimumWidth(1180);
+        w.resize(1180,760);
+    }else {
+        w.setMinimumWidth(1180);
+        w.resize(1180,760);
+    }
+    if(d_h<=768){
+        w.setMinimumHeight(650);
+        w.resize(925,650);
+    }else if(d_h<=1080){
+        w.setMinimumHeight(760);
+        w.resize(1180,760);
+    }else {
+        w.setMinimumHeight(760);
+        w.resize(1180,760);
+    }
+//    w.resize(925,650);

-    MainWindow w;
    w.show();
-
+    QString arg1=argv[1];
+    if(arg1.left(6)=="spk://"){
+        w.openUrl(QUrl(argv[1]));
+    }
    //让打开时界面显示在正中
    Dtk::Widget::moveToCenter(&w);

-
    return a.exec();
 }
--- a/mainwindow.cpp
+++ b/mainwindow.cpp
@@ -1,24 +0,0 @@
-#include "mainwindow.h"
-
-#include <DMainWindow>
-
-DWIDGET_USE_NAMESPACE
-
-MainWindow::MainWindow(QWidget *parent)
-    : DMainWindow(parent)
-{
-    w = new Widget;
-
-    resize(w->size()); //设置窗口大小
-    setMinimumSize(950,700);
-    setCentralWidget(w);
-//    searchEdit->setParent(this);
-//    searchEdit->move(1,1);
-//    searchEdit->show();
-}
-
-MainWindow::~MainWindow()
-{
-
-}
-
--- a/mainwindow.h
+++ b/mainwindow.h
@@ -1,24 +0,0 @@
-#ifndef MAINWINDOW_H
-#define MAINWINDOW_H
-
-#include <DMainWindow>
-#include "widget.h"
-#include <QThread>
-#include <DSearchEdit>
-DWIDGET_USE_NAMESPACE
-
-class MainWindow : public DMainWindow
-{
-    Q_OBJECT
-
-
-public:
-    MainWindow(QWidget *parent = nullptr);
-    ~MainWindow();
-//    DSearchEdit *searchEdit=new DSearchEdit;
-private:
-
-    Widget *w;
-};
-
-#endif // MAINWINDOW_H
--- a/outputwindow.cpp
+++ b/outputwindow.cpp
@@ -1,24 +0,0 @@
-#include "outputwindow.h"
-#include "ui_outputwindow.h"
-#include <QDebug>
-#include <QDesktopWidget>
-outputwindow::outputwindow(QWidget *parent) :
-    QWidget(parent),
-    ui(new Ui::outputwindow)
-{
-    ui->setupUi(this);
-    setWindowTitle("安装详情");
-    QDesktopWidget *desktop = QApplication::desktop();
-    move((desktop->width() - width())/ 2, (desktop->height() - height()) /2);
-}
-
-outputwindow::~outputwindow()
-{
-    delete ui;
-}
-
-void outputwindow::setoutput(QString output)
-{
-    qDebug()<<output;
-    ui->textBrowser->setText(output);
-}
--- a/outputwindow.h
+++ b/outputwindow.h
@@ -1,22 +0,0 @@
-#ifndef OUTPUTWINDOW_H
-#define OUTPUTWINDOW_H
-
-#include <QWidget>
-
-namespace Ui {
-class outputwindow;
-}
-
-class outputwindow : public QWidget
-{
-    Q_OBJECT
-
-public:
-    explicit outputwindow(QWidget *parent = nullptr);
-    ~outputwindow();
-    void setoutput(QString);
-private:
-    Ui::outputwindow *ui;
-};
-
-#endif // OUTPUTWINDOW_H
--- a/outputwindow.ui
+++ b/outputwindow.ui
@@ -1,24 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<ui version="4.0">
- <class>outputwindow</class>
- <widget class="QWidget" name="outputwindow">
-  <property name="geometry">
-   <rect>
-    <x>0</x>
-    <y>0</y>
-    <width>391</width>
-    <height>372</height>
-   </rect>
-  </property>
-  <property name="windowTitle">
-   <string>Form</string>
-  </property>
-  <layout class="QGridLayout" name="gridLayout">
-   <item row="0" column="0">
-    <widget class="QTextBrowser" name="textBrowser"/>
-   </item>
-  </layout>
- </widget>
- <resources/>
- <connections/>
-</ui>
--- a/progressload.cpp
+++ b/progressload.cpp
@@ -0,0 +1,37 @@
+#include "progressload.h"
+
+ProgressLoad::ProgressLoad(QWidget *parent) : QWidget(parent)
+{
+    m_progess=new QWidget(this);
+    m_progess->move(0,0);
+    m_progess->show();
+    timer=new QTimer;
+    value=0;
+    timer->setInterval(10);
+    timer->start();
+    connect(timer,&QTimer::timeout,[=](){
+        m_progess->setFixedWidth(width()/100*value);
+        m_progess->setFixedHeight(height());
+    });
+}
+
+void ProgressLoad::setValue(int v)
+{
+    value=v;
+    m_progess->setFixedWidth(width()/100*value);
+}
+
+void ProgressLoad::setTheme(bool dark, QColor color)
+{
+    if(dark){
+        plt.setColor(QPalette::Background,QColor(28,28,28));
+        setAutoFillBackground(true);
+        setPalette(plt);
+
+    }else {
+        plt.setColor(QPalette::Background,QColor(255,255,255));
+        setAutoFillBackground(true);
+        setPalette(plt);
+    }
+    m_progess->setStyleSheet("background-color:"+color.name());
+}
--- a/progressload.h
+++ b/progressload.h
@@ -0,0 +1,24 @@
+#ifndef PROGRESSLOAD_H
+#define PROGRESSLOAD_H
+
+#include <QWidget>
+#include <QTimer>
+#include <QPalette>
+class ProgressLoad : public QWidget
+{
+    Q_OBJECT
+public:
+    explicit ProgressLoad(QWidget *parent = nullptr);
+    void setValue(int v);
+    void setTheme(bool dark,QColor color);
+signals:
+
+public slots:
+private:
+    QWidget *m_progess;
+    int value;
+    QTimer *timer;
+    QPalette plt;
+};
+
+#endif // PROGRESSLOAD_H
--- a/server.list
+++ b/server.list
@@ -1,5 +0,0 @@
-http://dcstore.shenmo.tech/
-http://store.shenmo.tech/
-http://store2.shenmo.tech/
-http://store.moshengren.xyz/
-http://127.0.0.1:8000/#/
--- a/spark-store.pro
+++ b/spark-store.pro
@@ -4,9 +4,14 @@
 #
 #-------------------------------------------------

-QT       += core gui webkitwidgets network concurrent
+QT       += core gui network concurrent webenginewidgets

 greaterThan(QT_MAJOR_VERSION, 4): QT += widgets
+TRANSLATIONS = ./trans/spark-store_en.ts \
+               ./trans/spark-store_zh_CN.ts
+
+CONFIG += link_pkgconfig
+PKGCONFIG += dtkwidget

 TARGET = spark-store
 TEMPLATE = app
@@ -24,22 +29,41 @@ DEFINES += QT_DEPRECATED_WARNINGS


 SOURCES += main.cpp\
-        mainwindow.cpp \
    widget.cpp \
    downloadlist.cpp \
-    outputwindow.cpp
+    image_show.cpp \
+    big_image.cpp \
+    progressload.cpp

-HEADERS  += mainwindow.h \
+HEADERS  += \
    widget.h \
    downloadlist.h \
-    outputwindow.h
+    image_show.h \
+    big_image.h \
+    progressload.h
+

-CONFIG += link_pkgconfig
-PKGCONFIG += dtkwidget

 CONFIG += c++11

 FORMS += \
    widget.ui \
-    downloadlist.ui \
-    outputwindow.ui
+    downloadlist.ui
+
+RESOURCES += \
+    icons.qrc
+
+DISTFILES += \
+    tags/a2d-small.png \
+    tags/a2d.png \
+    tags/community-small.png \
+    tags/community.png \
+    tags/deepin-small.png \
+    tags/dtk-small.png \
+    tags/ubuntu-small.png \
+    tags/ubuntu.png \
+    tags/uos-small.png \
+    tags/community.svg \
+    tags/deepin.svg \
+    tags/logo_icon.svg \
+    tags/uos.svg
--- a/2
+++ b/2
@@ -0,0 +1,2 @@
+#!/bin/sh
+dpkg -i $1 || apt install -yf || dpkg -P $1
--- a/tags/a2d-small.png
+++ b/tags/a2d-small.png
--- a/tags/a2d.png
+++ b/tags/a2d.png
--- a/tags/community-small.png
+++ b/tags/community-small.png
--- a/tags/community.png
+++ b/tags/community.png
--- a/tags/community.svg
+++ b/tags/community.svg
@@ -0,0 +1,240 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="deepin-community-store.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   id="svg8"
+   version="1.1"
+   viewBox="0 0 200 200"
+   height="200mm"
+   width="200mm">
+  <defs
+     id="defs2">
+    <linearGradient
+       id="linearGradient1200"
+       inkscape:collect="always">
+      <stop
+         id="stop1196"
+         offset="0"
+         style="stop-color:#000000;stop-opacity:0.1299435" />
+      <stop
+         id="stop1198"
+         offset="1"
+         style="stop-color:#dadada;stop-opacity:0.81960785" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1138">
+      <stop
+         style="stop-color:#99e7ea;stop-opacity:1"
+         offset="0"
+         id="stop1134" />
+      <stop
+         style="stop-color:#007ffc;stop-opacity:1"
+         offset="1"
+         id="stop1136" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1128"
+       inkscape:collect="always">
+      <stop
+         id="stop1124"
+         offset="0"
+         style="stop-color:#99e7ea;stop-opacity:1" />
+      <stop
+         id="stop1126"
+         offset="1"
+         style="stop-color:#007ffc;stop-opacity:1" />
+    </linearGradient>
+    <inkscape:path-effect
+       only_selected="false"
+       apply_with_weight="true"
+       apply_no_weight="true"
+       helper_size="0"
+       steps="2"
+       weight="33.333333"
+       is_visible="true"
+       id="path-effect960"
+       effect="bspline" />
+    <radialGradient
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.98112945,0,3.7714702)"
+       r="90.135414"
+       fy="199.86011"
+       fx="100.35268"
+       cy="199.86011"
+       cx="100.35268"
+       id="radialGradient1130"
+       xlink:href="#linearGradient1128"
+       inkscape:collect="always" />
+    <radialGradient
+       r="90.135414"
+       fy="199.86011"
+       fx="100.35268"
+       cy="199.86011"
+       cx="100.35268"
+       gradientTransform="matrix(1,0,0,0.98112945,0,3.7714702)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient1132"
+       xlink:href="#linearGradient1138"
+       inkscape:collect="always" />
+    <radialGradient
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1,0,0,0.98112945,0,3.7714702)"
+       r="90.135414"
+       fy="199.86011"
+       fx="100.35268"
+       cy="199.86011"
+       cx="100.35268"
+       id="radialGradient1202"
+       xlink:href="#linearGradient1200"
+       inkscape:collect="always" />
+    <filter
+       id="filter1448"
+       inkscape:label="Drop Shadow"
+       style="color-interpolation-filters:sRGB;">
+      <feFlood
+         id="feFlood1438"
+         result="flood"
+         flood-color="rgb(145,145,145)"
+         flood-opacity="0.372549" />
+      <feComposite
+         id="feComposite1440"
+         result="composite1"
+         operator="in"
+         in2="SourceGraphic"
+         in="flood" />
+      <feGaussianBlur
+         id="feGaussianBlur1442"
+         result="blur"
+         stdDeviation="5.2918"
+         in="composite1" />
+      <feOffset
+         id="feOffset1444"
+         result="offset"
+         dy="0"
+         dx="0" />
+      <feComposite
+         id="feComposite1446"
+         result="composite2"
+         operator="over"
+         in2="offset"
+         in="SourceGraphic" />
+    </filter>
+    <filter
+       id="filter2201"
+       inkscape:label="Drop Shadow"
+       style="color-interpolation-filters:sRGB;">
+      <feFlood
+         id="feFlood2191"
+         result="flood"
+         flood-color="rgb(145,145,145)"
+         flood-opacity="0.372549" />
+      <feComposite
+         id="feComposite2193"
+         result="composite1"
+         operator="in"
+         in2="SourceGraphic"
+         in="flood" />
+      <feGaussianBlur
+         id="feGaussianBlur2195"
+         result="blur"
+         stdDeviation="3.76995"
+         in="composite1" />
+      <feOffset
+         id="feOffset2197"
+         result="offset"
+         dy="0"
+         dx="0" />
+      <feComposite
+         id="feComposite2199"
+         result="composite2"
+         operator="over"
+         in2="offset"
+         in="SourceGraphic" />
+    </filter>
+  </defs>
+  <sodipodi:namedview
+     inkscape:document-rotation="0"
+     inkscape:window-maximized="1"
+     inkscape:window-y="-8"
+     inkscape:window-x="-8"
+     inkscape:window-height="705"
+     inkscape:window-width="1366"
+     showgrid="false"
+     inkscape:current-layer="layer2"
+     inkscape:document-units="mm"
+     inkscape:cy="507.94585"
+     inkscape:cx="120.33119"
+     inkscape:zoom="0.35"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-97)"
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1" />
+  <g
+     inkscape:label="Layer 2"
+     id="layer2"
+     inkscape:groupmode="layer">
+    <path
+       inkscape:connector-curvature="0"
+       id="path1002"
+       d="m 91.937746,32.561862 c 0,0 11.145084,-0.157476 22.599704,6.928753 11.45465,7.086223 18.11074,13.857508 20.27783,18.266716 2.16708,4.409213 9.28755,12.125333 9.13277,26.297793 -0.15488,14.17244 -3.40543,23.620766 -8.97797,31.494326 -5.57254,7.87359 -15.63405,13.85751 -27.70786,14.17247 -12.073834,0.31494 -19.813464,-7.55863 -22.444934,-11.96786 -2.63147,-4.4092 -3.71502,-13.85751 -0.46438,-20.628766 3.25065,-6.77132 8.3588,-6.77132 10.06152,-6.14141 1.70272,0.6299 2.16709,1.5747 3.09585,3.30689 0.92875,1.73219 1.54793,1.41726 2.941094,0.47243 1.39311,-0.94484 1.85748,-2.04715 1.54792,-3.46439 -0.30958,-1.41726 -2.167114,-3.14944 -3.715054,-3.62186 -1.54791,-0.47241 -3.71502,-1.88966 -6.81087,-1.41721 -3.09585,0.47238 -9.13276,2.04711 -14.24091,8.97585 -5.10815,6.928746 -4.48899,17.636836 -1.39313,22.675926 3.09585,5.0391 8.97796,14.48739 21.98054,17.79431 13.002594,3.30693 34.054354,-6.45633 41.329594,-21.57361 7.27524,-15.117296 7.43004,-22.203516 7.12048,-34.643766 C 145.96036,67.048164 134.97008,48.466503 122.74148,41.69522 110.51288,34.923934 101.38012,30.987141 91.937746,32.561862 Z"
+       style="fill:#ffc344;fill-opacity:1;stroke:none;stroke-width:0.309114px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path1012"
+       d="m 98.407556,95.469094 c 0,0 -3.06474,-2.8951 -5.80111,2.22698 -2.73637,5.122046 -4.04983,9.687366 -1.31346,15.254856 2.73637,5.56745 8.42801,8.90792 17.184454,8.79659 8.75636,-0.11148 15.21419,-2.22699 19.0451,-8.5739 3.83094,-6.34692 6.7862,-11.02357 7.11457,-13.361906 0.32839,-2.33835 2.07965,0.334036 1.53239,2.338336 -0.54728,2.00426 -0.43783,5.9015 1.09454,5.12204 1.53237,-0.77942 2.73637,-2.00427 2.95526,-1.44753 0.21893,0.55673 -1.75127,4.00859 -2.68162,5.73449 -0.93039,1.7259 -3.83094,5.90153 -5.5275,7.51607 -1.69652,1.61458 -4.04981,3.89724 -6.84092,5.56747 -2.79109,1.67024 -7.11454,3.61887 -9.52255,4.06427 -2.40801,0.44539 -7.22403,1.39184 -9.96042,1.2805 -2.73635,-0.11137 -6.238924,-0.61243 -10.124564,-2.56104 -3.88565,-1.94859 -8.09966,-4.95505 -9.74148,-7.96148 -1.64182,-3.00643 -4.15928,-5.73449 -3.61201,-13.30623 0.54728,-7.571746 3.01001,-11.468986 4.87074,-13.250556 1.86073,-1.7816 4.5971,-2.56105 6.40311,-2.17131 1.806,0.38971 2.95528,1.44755 3.3931,2.22697 0.43781,0.77944 1.14928,2.22699 1.53237,2.50538 z"
+       style="fill:#f06767;fill-opacity:1;stroke:none;stroke-width:0.309114px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path1014"
+       d="m 126.2091,135.55481 c 0,0 13.13457,-7.6831 19.26404,-19.82016 6.12948,-12.13707 8.7564,-19.931516 7.99021,-31.845916 -0.76619,-11.91436 -2.62692,-6.01286 -0.54728,-11.13493 2.07964,-5.12208 -1.31345,-15.25486 0.10943,-15.922952 1.42292,-0.668097 4.48765,4.453972 5.3633,8.573902 0.87562,4.11992 4.70654,16.81372 1.64181,32.9594 -3.06472,16.145636 -10.28872,22.603906 -15.10475,26.946546 -4.81603,4.34261 -15.7615,11.91437 -17.40332,11.80302 -1.64183,-0.11148 -1.86073,-0.11148 -1.31348,-1.55891 z"
+       style="fill:#3f62eb;fill-opacity:1;stroke:none;stroke-width:0.309114px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path1016"
+       d="m 102.56686,112.17145 c 0,0 7.00512,1.5589 12.36838,-1.78156 5.3633,-3.3405 9.5226,-8.79661 10.17931,-10.912246 0.65672,-2.11564 0.76619,1.892936 1.53236,-0.11125 0.76618,-2.00432 3.83093,-6.01288 2.29855,-15.36624 -1.53237,-9.35333 -1.64182,-9.79875 -4.48762,-14.80947 -2.84586,-5.01072 -9.63207,-11.914367 -13.79134,-14.141356 -4.15927,-2.226986 -9.96037,-5.567464 -17.950604,-5.344766 -7.9902,0.222699 -5.36328,-0.334048 -13.02512,1.002146 -7.66184,1.336187 -14.55749,5.010717 -16.85604,7.015006 -2.29855,2.004286 -8.42802,7.46041 -10.61712,10.46684 -2.1891,3.00643 -8.20911,9.79874 -11.3833,19.26344 -3.17419,9.46469 -4.48765,10.46683 -4.70656,16.702396 -0.21891,6.23557 0.54727,7.90578 -0.76618,8.46256 -1.31346,0.55673 -1.09455,-4.67668 -0.9851,-8.35123 0.10946,-3.6745 0.10946,-13.250556 4.92547,-23.940086 4.81601,-10.68954 13.35349,-19.59749 18.1695,-22.826621 4.81601,-3.229128 10.39821,-7.571752 19.04514,-9.687392 8.64693,-2.115635 17.29386,-1.781586 22.65716,-0.779443 5.363304,1.002145 13.681874,4.453974 18.169504,7.905802 4.48766,3.45183 9.41314,7.683104 13.13459,14.586764 3.72146,6.90365 4.70654,15.70025 4.59709,19.37477 -0.10943,3.67455 -1.97019,12.137106 -4.81601,16.257016 -2.84583,4.11993 -6.67674,9.0193 -10.61711,10.80089 -3.94039,1.78157 -8.75642,2.33833 -12.69675,0.55674 -3.94039,-1.78161 -3.72147,-2.44969 -4.3782,-4.34263 z"
+       style="fill:#fce102;fill-opacity:1;stroke:none;stroke-width:0.309114px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path1018"
+       d="m 102.56686,112.17145 c 0,0 5.54674,1.56707 10.22918,-0.55878 4.68248,-2.12587 6.4239,-4.17301 7.54615,-5.3934 1.12223,-1.22042 3.25064,-3.50376 3.83112,-4.56669 0.58046,-1.06292 1.19962,-1.692816 1.19962,-2.086486 0,-0.39369 -1.08353,-1.33853 -0.0386,-3.62186 1.04482,-2.28333 1.97361,-7.51928 1.50922,-9.88134 -0.46438,-2.36207 -1.54792,-15.47161 -10.83547,-24.2113 -9.28753,-8.739679 -18.497714,-9.763243 -18.497714,-9.763243 0,0 14.705314,4.645415 21.593574,18.739133 6.88828,14.09374 4.64376,23.14835 0.23218,28.65986 -4.41158,5.511506 -10.68068,6.141406 -12.38342,4.724146 -1.70268,-1.41725 -5.2113,6.47164 -4.38574,7.95996 z"
+       style="fill:#5ed938;fill-opacity:1;stroke:none;stroke-width:0.309114px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path1020"
+       d="m 84.662496,61.615394 c 0,0 -9.90672,-0.0787 -17.41416,4.88161 -7.50743,4.96037 -11.14506,8.9759 -13.23476,12.12533 -2.08969,3.14945 -4.48898,7.47991 -4.17939,7.40118 0.30958,-0.0788 9.05536,-12.2828 15.86623,-15.43223 6.81087,-3.14944 13.62174,-7.55865 22.98669,-4.33049 9.36495,3.22819 13.776544,7.71612 15.788844,6.61383 2.0123,-1.1023 2.3993,-2.44082 1.23835,-3.9368 -1.16094,-1.49598 -9.364964,-8.81842 -21.051804,-7.32243 z"
+       style="fill:#8fdbe9;fill-opacity:1;stroke:none;stroke-width:0.309114px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path1022"
+       d="m 69.839846,124.53124 c 0.65673,0.33404 5.58219,8.90795 9.52257,10.35548 3.94037,1.44755 6.56728,1.55888 7.0051,2.227 0.43782,0.66809 0.32837,4.00858 3.83092,5.45614 3.50256,1.44753 19.920794,6.01284 24.627334,6.45824 4.70658,0.4454 0.76621,3.22911 3.61202,4.23125 2.84584,1.00217 14.99532,1.5589 17.95061,0.33405 2.95527,-1.22483 2.95527,1.1135 -2.1891,3.1178 -5.14437,2.00427 -18.71677,6.79231 -27.58261,5.67882 -8.865864,-1.1135 -19.373534,-3.00644 -25.284094,-7.23772 -5.91056,-4.23126 -8.42802,-6.1242 -6.23892,-6.45824 2.18909,-0.33407 7.9902,5.9015 10.50766,6.56959 2.51746,0.66809 4.5971,0.66809 3.06473,-0.8908 -1.53236,-1.55888 -11.49275,-8.46253 -12.47784,-8.1285 -0.9851,0.33405 -3.06474,0.55674 -4.81602,-1.78159 -1.75127,-2.33832 -10.94548,-15.25485 -10.39821,-22.1585 0.54728,-6.90365 2.29856,-5.12208 4.3782,-2.56103 2.07964,2.56103 4.48765,4.78801 4.48765,4.78801 z"
+       style="fill:#fd7aff;fill-opacity:1;stroke:none;stroke-width:0.309114px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+  </g>
+</svg>
--- a/tags/deepin-small.png
+++ b/tags/deepin-small.png
--- a/tags/deepin.svg
+++ b/tags/deepin.svg
@@ -0,0 +1,35 @@
+<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <defs>
+  <path d="m17,129c0,-61.30371 49.69629,-111 111,-111c61.30371,0 111,49.69629 111,111c0,61.30371 -49.69629,111 -111,111c-61.30371,0 -111,-49.69629 -111,-111z" id="deepin-launcher-b"/>
+  <filter filterUnits="objectBoundingBox" y="-6.3%" x="-8.1%" height="116.2%" width="116.2%" id="deepin-launcher-a">
+   <feGaussianBlur stdDeviation="5"/>
+  </filter>
+  <path d="m172.29023,47.20405c-13.1683,-7.14564 -28.25541,-11.20405 -44.29023,-11.20405c-3.85759,0 -7.66034,0.23489 -11.39471,0.69114c-13.8375,19.06416 -21.01047,50.16415 -20.43985,69.1948c0,0 -0.90954,28.19993 18.37748,38.20231c0,0 17.33291,7.61701 29.14502,-17.01295c0,0 8.11834,-13.89983 4.81381,-45.31395c0,0 3.16155,0.55793 3.51901,1.05927c0.35746,0.49728 6.98241,24.18523 2.32747,44.13339c0,0 -4.28556,23.44132 -25.35592,28.80234c-21.06242,5.36102 -37.47784,-7.60893 -48.62269,-19.82688c-8.29983,-9.09853 -20.62176,-33.53254 -26.69028,-62.84231c-11.72709,15.56323 -18.67934,34.92741 -18.67934,55.91495c0,14.49236 3.31502,28.21045 9.22816,40.43737c20.53097,6.06549 72.70224,17.88328 105.89216,-6.44123c21.96964,-16.10443 19.13893,-41.89451 19.13893,-41.89451c-0.36372,-19.61754 -12.30727,-39.10374 -12.30727,-39.10374c46.44186,42.01354 18.99265,88.68931 18.99265,88.68931c-12.77926,26.10154 -39.04908,42.79526 -62.02961,50.25104c4.59324,0.69782 9.29685,1.05965 14.08498,1.05965c51.36266,0 93,-41.63639 93,-92.99789c0,-21.72407 -7.44877,-41.70884 -19.93152,-57.53933c-4.54487,0.31322 -9.825,0.49664 -15.30337,0.31684c0,0 -24.70889,1.15387 -38.56418,8.0646c0,0 -10.33212,4.60716 -20.65999,12.41858c0,0 -2.19192,1.09575 -2.08593,5.12183c0.09327,4.01362 -2.10288,14.71385 -9.42058,20.98539c0,0 -5.22329,2.68544 -2.61165,6.52889c0,0 3.52742,5.12183 8.49633,-0.25734c0,0 12.81233,-13.18228 13.59668,-34.42501c0,0 4.05314,-3.4616 10.45506,-4.48264c0,0 1.17863,31.86824 -14.63539,47.86878c0,0 -15.04241,16.38239 -19.87565,-7.93593c0,0 -5.88469,-23.16861 24.45027,-50.68289c0,0 20.448,-20.42091 32.46751,-29.98388c1.66104,0.69233 3.29908,1.42749 4.91265,2.20406l-0.00001,-0.00001zm-44.29023,183.79595c-56.33322,0 -102,-45.66583 -102,-101.99789c0,-56.33281 45.66752,-102.00211 102,-102.00211c56.33248,0 102,45.6693 102,102.00211c0,56.33206 -45.66678,101.99789 -102,101.99789z" id="deepin-launcher-f"/>
+  <filter filterUnits="objectBoundingBox" y="-.5%" x="-.5%" height="102%" width="101%" id="deepin-launcher-e"/>
+  <filter filterUnits="objectBoundingBox" y="-.5%" x="-.5%" height="102%" width="101%" id="deepin-launcher-g"/>
+  <linearGradient y2="97.178%" y1="4.64%" x2="50%" x1="50%" id="deepin-launcher-c">
+   <stop stop-color="#00ABFF" offset="0%"/>
+   <stop stop-color="#0163FA" offset="100%"/>
+  </linearGradient>
+  <linearGradient y2="100%" y1="0%" x2="50%" x1="50%" id="deepin-launcher-d">
+   <stop stop-color="#32BBFF" offset="0%"/>
+   <stop stop-color="#004FC5" offset="100%"/>
+  </linearGradient>
+ </defs>
+ <g>
+  <title>background</title>
+  <rect fill="none" id="canvas_background" height="514" width="514" y="-1" x="-1"/>
+ </g>
+ <g>
+  <title>Layer 1</title>
+  <g stroke="null" id="svg_1" fill-rule="evenodd" fill="none">
+   <use x="0" y="0" transform="matrix(2.15315318107605,0,0,2.15315318107605,-19.603604078292847,-20.756757259368896) " stroke="null" id="svg_2" xlink:href="#deepin-launcher-b" filter="url(#deepin-launcher-a)" fill="#000"/>
+   <use x="0" y="0" transform="matrix(2.15315318107605,0,0,2.15315318107605,-19.603604078292847,-20.756757259368896) " stroke="url(#deepin-launcher-d)" id="svg_3" xlink:href="#deepin-launcher-b" stroke-width="2" fill="url(#deepin-launcher-c)"/>
+   <g stroke="null" id="svg_4" fill-rule="nonzero">
+    <use x="0" y="0" transform="matrix(2.15315318107605,0,0,2.15315318107605,-19.603604078292847,-20.756757259368896) " stroke="null" id="svg_5" xlink:href="#deepin-launcher-f" filter="url(#deepin-launcher-e)" fill="#000"/>
+    <use x="0" y="0" transform="matrix(2.15315318107605,0,0,2.15315318107605,-19.603604078292847,-20.756757259368896) " stroke="null" id="svg_6" xlink:href="#deepin-launcher-f" fill="#F0F9FF"/>
+    <use x="0" y="0" transform="matrix(2.15315318107605,0,0,2.15315318107605,-19.603604078292847,-20.756757259368896) " stroke="null" id="svg_7" xlink:href="#deepin-launcher-f" filter="url(#deepin-launcher-g)" fill="#000"/>
+   </g>
+  </g>
+ </g>
+</svg>
--- a/tags/dtk-small.png
+++ b/tags/dtk-small.png
--- a/tags/dwine2-small.png
+++ b/tags/dwine2-small.png
--- a/tags/dwine5-small.png
+++ b/tags/dwine5-small.png
--- a/tags/dwine5.svg
+++ b/tags/dwine5.svg
@@ -0,0 +1 @@
+<svg width="305" height="304" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="hidden"><defs><clipPath id="clip0"><path d="M688 378 993 378 993 682 688 682Z" fill-rule="evenodd" clip-rule="evenodd"/></clipPath><clipPath id="clip1"><path d="M751.382 385.273 984.326 440.078 929.522 673.022 696.578 618.218Z" fill-rule="evenodd" clip-rule="evenodd"/></clipPath><clipPath id="clip2"><path d="M751.382 385.273 984.326 440.078 929.522 673.022 696.578 618.218Z" fill-rule="evenodd" clip-rule="evenodd"/></clipPath><clipPath id="clip3"><path d="M751.382 385.273 984.326 440.078 929.522 673.022 696.578 618.218Z" fill-rule="evenodd" clip-rule="evenodd"/></clipPath></defs><g clip-path="url(#clip0)" transform="translate(-688 -378)"><path d="M689 529.5C689 445.829 756.829 378 840.5 378 924.171 378 992 445.829 992 529.5 992 613.171 924.171 681 840.5 681 756.829 681 689 613.171 689 529.5Z" fill="#A20000" fill-rule="evenodd"/><g clip-path="url(#clip1)"><g clip-path="url(#clip2)"><g clip-path="url(#clip3)"><path d="M812.478 604.512 826.339 545.597C790.456 531.483 772.809 490.952 786.924 455.069 792.525 440.83 802.648 428.825 815.737 420.901L910.837 443.275C931.459 475.856 921.763 518.985 889.182 539.607 876.253 547.79 860.994 551.499 845.751 550.164L831.89 609.079 851.302 613.646C856.662 614.908 859.986 620.276 858.724 625.636 857.463 630.996 852.095 634.32 846.735 633.058L788.499 619.357C783.138 618.096 779.815 612.728 781.076 607.368 782.338 602.007 787.705 598.684 793.066 599.945L812.478 604.512ZM803.34 469.2 900.4 492.035C901.355 477.612 900.407 467.146 897.544 460.634L819.896 442.366C814.431 446.918 808.915 455.864 803.34 469.2Z" fill="#FFFFFF"/></g></g></g></g></svg>
--- a/tags/logo_icon.svg
+++ b/tags/logo_icon.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>logo icon</title>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#00F1FF" offset="0%"></stop>
+            <stop stop-color="#008AFF" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="light" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="1" transform="translate(-460.000000, -159.000000)">
+            <g id="tittlebar" transform="translate(450.000000, 150.000000)">
+                <g id="logo-icon" transform="translate(10.000000, 9.000000)">
+                    <g>
+                        <rect id="矩形" fill="url(#linearGradient-1)" x="0" y="0" width="32" height="32" rx="8"></rect>
+                        <path d="M23,25 L23,24.0002278 C21.6666667,24.0002278 21,24.0002278 21,24.0002278 L21,20 L22,20 L22,19 L21,19 L21,17 L20,17.5 L20,19 L19,19 L19,20 L20,20 L20,24.0002278 C20,24.0002278 20,24.0002278 20,24.0002278 C20,24.5523868 20.4476132,25 20.9997722,25 C20.9998481,25 20.9999241,25 21,25 L23,25 Z M24.0210414,23.9789586 L24.0210414,22.2215556 L24.0210414,22.2215556 L24.6565969,21.6226667 L27.2207674,25 L29.0052118,25 L25.6099302,20.7304444 L28.4678057,18.0074755 L26.6711391,18.0074755 L24.0210414,20.6204444 L24,15.5 L23,15 L23,25 C23.5639056,25 24.0210414,24.5428642 24.0210414,23.9789586 Z" id="tk" fill="#FFFFFF" fill-rule="nonzero"></path>
+                        <path d="M10.275,24 C13.175,24 15.35,23.2 16.85,21.6 C18.275,20.075 19,17.825 19,15 C19,12.15 18.275,10.05 16.85,8.55 C15.35,6.95 13.175,6 10.275,6 L4,6 L4,24 L10.275,24 Z M9.725,21 L7,21 L7,9 L9.725,9 C11.95,9 13.575,9.15 14.6,10.175 C15.6,11.175 16,12.75 16,15 C16,17.2 15.6,18.9 14.6,19.95 C13.575,20.975 11.95,21 9.725,21 Z" id="D" fill="#FFFFFF" fill-rule="nonzero"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/tags/ubuntu-small.png
+++ b/tags/ubuntu-small.png
--- a/tags/ubuntu.png
+++ b/tags/ubuntu.png
--- a/tags/uos-small.png
+++ b/tags/uos-small.png
--- a/tags/uos.svg
+++ b/tags/uos.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <defs>
+    <linearGradient id="uos-托盘1-a" x1="15.968%" x2="100%" y1="14.224%" y2="60.554%">
+      <stop offset="0%" stop-color="#0071FF"/>
+      <stop offset="48.72%" stop-color="#00E8FC"/>
+      <stop offset="100%" stop-color="#00A2FF"/>
+    </linearGradient>
+  </defs>
+  <g fill="none" transform="translate(1 1)">
+    <circle cx="9" cy="9" r="9" fill="url(#uos-托盘1-a)"/>
+    <path fill="#FFF" d="M13,4.5 C13.5128358,4.5 13.9355072,4.88604019 13.9932723,5.38337887 L14,5.5 L14,9.5 C14,12.5 12,14.5 9,14.5 C6,14.5 4,12.5 4.0043492,9.70016408 L4,9.5 L4,5.5 C4,4.94771525 4.44771525,4.5 5,4.5 C5.51283584,4.5 5.93550716,4.88604019 5.99327227,5.38337887 L6,5.5 L6,9.5 C6,11.5 7.5,12.5 9,12.5 C10.5,12.5 12,11.5 12,9.5 L12,5.5 C12,4.94771525 12.4477153,4.5 13,4.5 Z"/>
+  </g>
+</svg>
--- a/trans/lang_French.ts
+++ b/trans/lang_French.ts
@@ -0,0 +1,312 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE TS>
+<TS version="2.1" language="fr">
+<context>
+    <name>QLabel</name>
+    <message>
+        <location filename="../main.cpp" line="19"/>
+        <location filename="../main.cpp" line="21"/>
+        <source>Spark应用商店</source>
+        <translation>Spark Store</translation>
+    </message>
+    <message>
+        <location filename="../main.cpp" line="20"/>
+        <source>社区驱动的一款为第三方应用商店，为改变而生
+本程序按GPL第三版开源</source>
+        <translation>Un app store tier alimenté par la communauté Deepin
+Spark Store est publié sous licence GPL V3
+Nous sommes nés pour le changement.</translation>
+    </message>
+</context>
+<context>
+    <name>Widget</name>
+    <message>
+        <location filename="../widget.ui" line="14"/>
+        <source>Form</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="52"/>
+        <source>background-color:#FFFFFF</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="67"/>
+        <source>视频播放</source>
+        <translatorcomment>Lecteurs vidéo et créateurs vidéo</translatorcomment>
+        <translation>Vidéo</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="74"/>
+        <source>下载列表</source>
+        <translation>Liste de téléchargement</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="81"/>
+        <source>系统工具</source>
+        <translation>Outils</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="88"/>
+        <source>主题美化</source>
+        <translatorcomment>Thème des icônes et autres </translatorcomment>
+        <translation>Thèmes</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="95"/>
+        <source>音乐欣赏</source>
+        <translation>Musique</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="114"/>
+        <source>icon</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="153"/>
+        <source>编程开发</source>
+        <translation>Développement</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="177"/>
+        <source>办公学习</source>
+        <translation>Bureau</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="197"/>
+        <source>阅读翻译</source>
+        <translation>Traduire</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="204"/>
+        <source>其他应用</source>
+        <translation>Autres</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="214"/>
+        <source>商店首页</source>
+        <translation>Accueil</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="221"/>
+        <source>图形图像</source>
+        <translation>Images</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="228"/>
+        <source>游戏娱乐</source>
+        <translation>Jeux</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="235"/>
+        <source>社交沟通</source>
+        <translation>Chat</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="242"/>
+        <source>网络应用</source>
+        <translation type="unfinished">Réseau</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="313"/>
+        <source>about:blank</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="354"/>
+        <source>当前下载列表为空</source>
+        <translation>La liste de téléchargement est vide</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="386"/>
+        <source>打开文件夹</source>
+        <translation>Ouvrir dans le gestionnaire de fichiers</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="486"/>
+        <source>安装</source>
+        <translation>Installer</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="522"/>
+        <source>卸载</source>
+        <translation>Supprimer</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="551"/>
+        <source>官网</source>
+        <translation>Site</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="580"/>
+        <source>软件名</source>
+        <translation>Nom</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="592"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="636"/>
+        <source>图标</source>
+        <translation>Icon</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="649"/>
+        <source>分享</source>
+        <translation>Partager</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="683"/>
+        <location filename="../widget.ui" line="696"/>
+        <location filename="../widget.ui" line="709"/>
+        <location filename="../widget.ui" line="722"/>
+        <location filename="../widget.ui" line="735"/>
+        <location filename="../widget.ui" line="748"/>
+        <location filename="../widget.ui" line="761"/>
+        <location filename="../widget.ui" line="774"/>
+        <source>TextLabel</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="808"/>
+        <source>详细介绍</source>
+        <translation type="unfinished">Détails</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="815"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;由社区爱好者开发的软件商店&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation type="unfinished">&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;magasin de logiciels développé par des passionnés de la communauté&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="854"/>
+        <source>软件截图</source>
+        <translation>Captures d'écran</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1017"/>
+        <source>线路设置</source>
+        <translation>Line Settings</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1033"/>
+        <source>线路选择：</source>
+        <translation type="unfinished">Choisissez</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1056"/>
+        <source>刷新</source>
+        <translation>Mise à jour</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1069"/>
+        <source> 重启商店后生效</source>
+        <translation>Redémarrez pour prendre effet</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1098"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;源服务器的作用是保证软件更新，并且支持使用apt工具获取软件。通常我们更建议你使用第一个线路作为更新源，一般是最稳定的。&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation type="unfinished">&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;Le rôle du serveur source est de s'assurer que le logiciel est mis à jour et prend en charge l'utilisation de l'outil apt pour obtenir le logiciel. Nous préférons généralement que vous utilisiez la première ligne comme source de mise à jour, qui est généralement la plus stable. &lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1108"/>
+        <source>更新源</source>
+        <translation>Mettre à jour la source APT</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1115"/>
+        <source>更新源服务器：</source>
+        <translation type="unfinished">Source APT</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1135"/>
+        <source>服务器</source>
+        <translation type="unfinished">serveur</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1156"/>
+        <source>缓存目录</source>
+        <translation>Temp</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1179"/>
+        <source>清空</source>
+        <translation>Nettoyer</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1189"/>
+        <source>因为这个目录位于/tmp下，所以即使你不手动清空的话，其也将在系统重启时自动清空。</source>
+        <translation>Étant donné que ce répertoire se trouve sous /tmp, même si vous ne l'effacez pas manuellement, il sera effacé automatiquement au redémarrage du système.</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1202"/>
+        <source>目录大小：</source>
+        <translation type="unfinished">Taille: </translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1209"/>
+        <source>0B</source>
+        <translation type="unfinished">0B</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1216"/>
+        <source>目录位置：/tmp/spark-store</source>
+        <translation type="unfinished">Emplacement:/tmp/spark-store</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1237"/>
+        <source>关于我们</source>
+        <translation type="unfinished">À propos de nous</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1244"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;我们并不是官方团队，和你一样，我们也只是众多Linux/deepin系统爱好者和用户之中的一员，我们开发并且运营这个“Spark应用商店”，是为了让社区的朋友们一起分享好用的软件，或者一起参与开发，让大家都用到最新的，最优秀的软件。&lt;/p&gt;&lt;p&gt;我们并没有因此盈利，所有开发和维护人员都不会获得报酬，我们的主要支出大部分依赖于社区对我们的捐助，很感谢大家，这部分捐助让我们并不需要耗费太多精力去担心资金问题。&lt;/p&gt;&lt;p&gt;我们的服务和开发的软件都是免费供给大家使用，交流，学习的，但是在您的使用过程中一定要遵守当地的法律法规，否则出现任何问题和我们无关。&lt;/p&gt;&lt;p&gt;如果商店中任何一部分有侵犯您权益的行为，请告知我们&amp;lt;jifengshenmo@outlook.com&amp;gt;，我们会第一时间删除侵权内容。&lt;/p&gt;&lt;p&gt;如果你也想参与我们，不管是参与开发，设计，投递还是投稿作品，我们都欢迎你的加入。&lt;/p&gt;&lt;p&gt;QQ群：872690351&lt;br/&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation type="unfinished">&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;Nous ne sommes pas l'équipe officielle, tout comme vous, nous ne sommes qu'un des nombreux passionnés et utilisateurs de systèmes Linux / deepin, nous développons et gérons le "Spark Store"! ", est de rassembler la communauté pour partager des logiciels utiles, ou pour participer au développement ensemble, afin que nous utilisions tous les derniers et meilleurs logiciels. &lt;/p&gt;&lt;p&gt; Nous n'en tirons aucun profit, tous les développeurs et mainteneurs ne sont pas payés, et nous comptons sur les dons de la communauté pour la plupart de nos dépenses, dont nous sommes reconnaissants et qui nous permettent de ne pas dépenser trop d'énergie se soucier du financement. &lt;/p&gt;&lt;p&gt;Notre service et nos logiciels sont gratuits pour tout le monde à utiliser, à communiquer et à apprendre, mais vous devez vous conformer aux lois et réglementations locales dans le processus de votre utilisation, sinon tout problème n'a rien à voir avec nous. &lt;/p&gt;&lt;p&gt;Si une partie du magasin enfreint vos droits, veuillez nous en informer &amp;lt;jifengshenmo@outlook.com&amp;gt; nous retirerons le contenu en infraction dès que possible. &lt;/p&gt;&lt;p&gt;Si vous souhaitez également vous impliquer avec nous, que vous soyez impliqué dans le développement, la conception, le pitching ou la soumission de travaux, nous vous invitons à nous rejoindre. &lt;/p&gt;&lt;p&gt;QQ group:872690351&lt;br/&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</translation>
+    </message>
+</context>
+<context>
+    <name>downloadlist</name>
+    <message>
+        <location filename="../downloadlist.ui" line="20"/>
+        <source>Form</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.ui" line="50"/>
+        <source>icon</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.ui" line="82"/>
+        <source>TextLabel</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.ui" line="106"/>
+        <source>名称</source>
+        <translation>Nom</translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.ui" line="189"/>
+        <source>等待开始下载</source>
+        <translatorcomment>Attendez pour téléchargerd</translatorcomment>
+        <translation>Attendez pour télécharger</translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.ui" line="240"/>
+        <source>安装</source>
+        <translation>Installer</translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.ui" line="259"/>
+        <source>取消</source>
+        <translation>Annuler</translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.ui" line="278"/>
+        <source>详情</source>
+        <translation>Détail</translation>
+    </message>
+</context>
+</TS>
--- a/trans/spark-store_en.qm
+++ b/trans/spark-store_en.qm
--- a/trans/spark-store_en.ts
+++ b/trans/spark-store_en.ts
@@ -0,0 +1,630 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE TS>
+<TS version="2.1" language="en">
+<context>
+    <name>QLabel</name>
+    <message>
+        <location filename="../main.cpp" line="22"/>
+        <location filename="../main.cpp" line="30"/>
+        <source>Spark Store</source>
+        <translation type="unfinished"></translation>
+    </message>
+</context>
+<context>
+    <name>QObject</name>
+    <message>
+        <location filename="../main.cpp" line="16"/>
+        <source>We publish this program under GPL V3</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../main.cpp" line="19"/>
+        <location filename="../main.cpp" line="20"/>
+        <source>https://gitee.com/deepin-community-store/spark-store</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../main.cpp" line="24"/>
+        <source>&lt;span style=&apos; font-size:10pt;font-weight:60;&apos;&gt;An appstore powered by deepin community&lt;/span&gt;&lt;br/&gt;&lt;a href=&apos;https://www.spark-app.store/&apos;&gt;https://www.spark-app.store&lt;/a&gt;&lt;br/&gt;&lt;span style=&apos; font-size:12pt;&apos;&gt;Spark developers&lt;/span&gt;</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../main.cpp" line="32"/>
+        <source>The Spark Project</source>
+        <translation type="unfinished"></translation>
+    </message>
+</context>
+<context>
+    <name>Widget</name>
+    <message>
+        <location filename="../widget.ui" line="14"/>
+        <source>Form</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="52"/>
+        <source>background-color:#FFFFFF</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="67"/>
+        <source>Videos</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="74"/>
+        <source>Download List</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="81"/>
+        <source>Tools</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="88"/>
+        <source>Beautify</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="95"/>
+        <source>Music</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="160"/>
+        <source>Office</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="200"/>
+        <source>Translate</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="207"/>
+        <source>Others</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="234"/>
+        <source>Games</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="248"/>
+        <source>Network</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="528"/>
+        <source>Name</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="568"/>
+        <source>ICON</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="515"/>
+        <location filename="../widget.cpp" line="536"/>
+        <source>Install</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="623"/>
+        <source>Uninstall</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="639"/>
+        <source>Site</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="712"/>
+        <location filename="../widget.ui" line="715"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;This app is developed by community user,we give this tag to honor those who contribute to the Linux Ecology&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="718"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;&lt;img src=&quot;:/tags/community-small.png&quot;/&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="731"/>
+        <location filename="../widget.ui" line="734"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;Capable to Ubuntu 20.04&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="737"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;&lt;img src=&quot;:/tags/ubuntu-small.png&quot;/&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="775"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;&lt;img src=&quot;:/tags/uos-small.png&quot;/&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="750"/>
+        <location filename="../widget.ui" line="753"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;Capable to deepin 20&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="173"/>
+        <source>Back to category</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="293"/>
+        <source>Reload</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="383"/>
+        <source>The list is currently empty. Go and download some softwares!</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="415"/>
+        <source>Open download directory</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="756"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;&lt;img src=&quot;:/tags/deepin-small.png&quot;/&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="769"/>
+        <location filename="../widget.ui" line="772"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;Capable to UOS home 20&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="788"/>
+        <location filename="../widget.ui" line="791"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;This is a  DTK5 app,which means it would have better effect on Deepin Desktop Environment&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="794"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;&lt;img src=&quot;:/tags/dtk-small.png&quot;/&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="826"/>
+        <location filename="../widget.ui" line="829"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;A deepin-wine5 app.If you are using ubuntu or other non-deepin distro,you should deploy deepin-wine5 by your self.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="845"/>
+        <location filename="../widget.ui" line="848"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;An Appimage to deb app.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="851"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;&lt;img src=&quot;:/tags/a2d-small.png&quot;/&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="678"/>
+        <source>Share</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="153"/>
+        <source>Development</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="217"/>
+        <source>Home  </source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="227"/>
+        <source>Graphics</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="241"/>
+        <source>Communication</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="807"/>
+        <location filename="../widget.ui" line="810"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;A deepin-wine2 app.If you are using ubuntu or other non-deepin distro,you should deploy deepin-wine2 by your self.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="813"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;&lt;img src=&quot;:/tags/dwine2-small.png&quot;/&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="832"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;&lt;img src=&quot;:/tags/dwine5-small.png&quot;/&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="874"/>
+        <source>Contribute translation</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="892"/>
+        <source>Info</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="899"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;An app store developed by community enthusiasts&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="938"/>
+        <source>Screenshots</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1101"/>
+        <source>Line Settings</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1117"/>
+        <source>Choose Line:</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1140"/>
+        <source>Refresh</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1153"/>
+        <source>Take effect when restart </source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1182"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;The role of the source server is to ensure that the software is updated, and supports the use of the apt tool to get the software. We usually prefer that you use the first line as the update source, which is generally the most stable. &lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1192"/>
+        <source>Update</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1199"/>
+        <source>Source Server</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1219"/>
+        <source>Server</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1240"/>
+        <source>Temp</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1263"/>
+        <source>Clean</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1273"/>
+        <source>Since the dictionary is at /tmp,It would be cleaned automatically when  system reboot.</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1286"/>
+        <source>Size:</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1300"/>
+        <source>Location：/tmp/spark-store</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1321"/>
+        <source>About us</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1328"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;We are &lt;span style=&quot; font-weight:600;&quot;&gt;NOT&lt;/span&gt; the official team, just like you, we are just one of the many Linux/deepin system enthusiasts and users, we develop and run the &amp;quot;Spark Store&amp;quot;! &amp;quot;, is to bring the community together to share useful software, or to participate in development together, so that we all use the latest and greatest software. &lt;/p&gt;&lt;p&gt;We don&apos;t make a profit from this, all developers and maintainers don&apos;t get paid, and we rely on the community&apos;s donations to us for most of our expenses, which we are grateful for and which allow us not to spend too much energy worrying about funding. &lt;/p&gt;&lt;p&gt;Our service and software are free for everyone to use, communicate, and learn, but you must comply with local laws and regulations in the process of your use, otherwise any problems have nothing to do with us. &lt;/p&gt;&lt;p&gt;If any part of the store infringes your rights, please tell us &amp;lt;jifengshenmo@outlook.com&amp;gt; we will remove the infringing content as soon as possible. &lt;/p&gt;&lt;p&gt;If you&apos;d like to get involved with us too, whether you&apos;re involved in development, design, pitching or submitting work, we welcome you to join us. &lt;/p&gt;&lt;p&gt;QQ group:872690351&lt;br/&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="114"/>
+        <source>icon</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="342"/>
+        <source>about:blank</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="540"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1293"/>
+        <source>0B</source>
+        <translation type="unfinished">0B</translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="146"/>
+        <source>Spark Store</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="147"/>
+        <source>Search or enter spk://</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="153"/>
+        <source>Submit App</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="154"/>
+        <source>Settings</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="245"/>
+        <source>Not Exist</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="297"/>
+        <location filename="../widget.cpp" line="305"/>
+        <source>Spark\ Store</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="480"/>
+        <source>Failed to download app info. Please check internet connection.</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="510"/>
+        <source>PkgName: </source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="511"/>
+        <source>Version: </source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="513"/>
+        <source>Author: </source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="517"/>
+        <source>Official Site: </source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="521"/>
+        <source>Contributor: </source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="522"/>
+        <source>Update Time: </source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="523"/>
+        <source>Installed Size: </source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="532"/>
+        <location filename="../widget.cpp" line="645"/>
+        <source>Reinstall</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="571"/>
+        <source>Failed to load application icon.</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="620"/>
+        <source>Failed to get the name to the file to be downloaded.</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="668"/>
+        <source>Spark store could only process spk:// links for now. The search feature is coming soon!</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="789"/>
+        <source>Updating, please wait...</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="842"/>
+        <source>Apt has reported an error. Please use apt update in terminal to locate the problem.</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="848"/>
+        <source>Unknown error!</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="1024"/>
+        <source>Yes</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="1024"/>
+        <source>No</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="1025"/>
+        <source>Information for Contributors</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="1026"/>
+        <source>Currently the translation contribution is limited to English,
+and you will be redirected to our Gitee repository at which you are
+supposed to be creating pull requests to contribute app info
+translations.
+Tips:You can simply click the file to edit to create a flat pull request without create a full pull request
+Tips:You can use github account to login to Gitee
+Click yes to continue.</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="868"/>
+        <source>Uninstall succeeded</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="882"/>
+        <source>Temporary cache was cleaned</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="949"/>
+        <source>The URL has been copied to the clipboard</source>
+        <translation type="unfinished"></translation>
+    </message>
+</context>
+<context>
+    <name>downloadlist</name>
+    <message>
+        <location filename="../downloadlist.ui" line="20"/>
+        <source>Form</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.ui" line="50"/>
+        <source>icon</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.ui" line="82"/>
+        <source>TextLabel</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.ui" line="106"/>
+        <source>Name</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.ui" line="189"/>
+        <source>Waiting to download</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.ui" line="240"/>
+        <source>Install</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.ui" line="259"/>
+        <source>Cancel</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.ui" line="278"/>
+        <source>Info</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.cpp" line="24"/>
+        <source>dpkg</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.cpp" line="25"/>
+        <source>gdebi</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.cpp" line="26"/>
+        <source>deepin deb installer</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.cpp" line="55"/>
+        <source>Downloaded, waiting to install</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.cpp" line="80"/>
+        <source>Failed to download %1</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.cpp" line="82"/>
+        <source>Download Failed，Check Your Connection</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.cpp" line="92"/>
+        <source>Finished downloading %1, awaiting to install</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.cpp" line="125"/>
+        <source>Installing...</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.cpp" line="172"/>
+        <source>Finish</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.cpp" line="176"/>
+        <source>Retry</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.cpp" line="177"/>
+        <source>Error happened in dpkg progress , you can try it again</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.cpp" line="181"/>
+        <source>dpkg progress had been aborted，you can retry installation</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.cpp" line="203"/>
+        <source>Download canceled</source>
+        <translation type="unfinished"></translation>
+    </message>
+</context>
+</TS>
--- a/trans/spark-store_zh_CN.qm
+++ b/trans/spark-store_zh_CN.qm
--- a/trans/spark-store_zh_CN.ts
+++ b/trans/spark-store_zh_CN.ts
@@ -0,0 +1,675 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE TS>
+<TS version="2.1" language="zh_CN">
+<context>
+    <name>QLabel</name>
+    <message>
+        <location filename="../main.cpp" line="22"/>
+        <location filename="../main.cpp" line="30"/>
+        <source>Spark Store</source>
+        <translation>Spark 应用商店</translation>
+    </message>
+</context>
+<context>
+    <name>QObject</name>
+    <message>
+        <location filename="../main.cpp" line="16"/>
+        <source>We publish this program under GPL V3</source>
+        <translation>本程序按GPL V3开源</translation>
+    </message>
+    <message>
+        <source>Version 2.0+2</source>
+        <translation type="vanished">版本： 2.0+2</translation>
+    </message>
+    <message>
+        <location filename="../main.cpp" line="19"/>
+        <location filename="../main.cpp" line="20"/>
+        <source>https://gitee.com/deepin-community-store/spark-store</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../main.cpp" line="24"/>
+        <source>&lt;span style=&apos; font-size:10pt;font-weight:60;&apos;&gt;An appstore powered by deepin community&lt;/span&gt;&lt;br/&gt;&lt;a href=&apos;https://www.spark-app.store/&apos;&gt;https://www.spark-app.store&lt;/a&gt;&lt;br/&gt;&lt;span style=&apos; font-size:12pt;&apos;&gt;Spark developers&lt;/span&gt;</source>
+        <translation>&lt;span style=&apos; font-size:10pt;font-weight:60;&apos;&gt;deepin 社区驱动的一款第三方应用商店&lt;/span&gt;&lt;br/&gt;&lt;a href=&apos;https://www.spark-app.store/&apos;&gt;https://www.spark-app.store&lt;/a&gt;&lt;br/&gt;&lt;span style=&apos; font-size:12pt;&apos;&gt;Spark developers&lt;/span&gt;</translation>
+    </message>
+    <message>
+        <location filename="../main.cpp" line="32"/>
+        <source>The Spark Project</source>
+        <translation>星火项目组</translation>
+    </message>
+</context>
+<context>
+    <name>Widget</name>
+    <message>
+        <location filename="../widget.ui" line="14"/>
+        <source>Form</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="52"/>
+        <source>background-color:#FFFFFF</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="67"/>
+        <source>Videos</source>
+        <translation>视频播放</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="74"/>
+        <source>Download List</source>
+        <translation>下载列表</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="81"/>
+        <source>Tools</source>
+        <translation>系统工具</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="88"/>
+        <source>Beautify</source>
+        <translation>主题美化</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="95"/>
+        <source>Music</source>
+        <translation>音乐欣赏</translation>
+    </message>
+    <message>
+        <source>Coding</source>
+        <translation type="vanished">编程开发</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="160"/>
+        <source>Office</source>
+        <translation>办公学习</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="200"/>
+        <source>Translate</source>
+        <translation>阅读翻译</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="207"/>
+        <source>Others</source>
+        <translation>其他应用</translation>
+    </message>
+    <message>
+        <source>FrontPage</source>
+        <translation type="vanished">商店首页</translation>
+    </message>
+    <message>
+        <source>Images</source>
+        <translation type="vanished">图形图像</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="234"/>
+        <source>Games</source>
+        <translation>游戏娱乐</translation>
+    </message>
+    <message>
+        <source>Chatting</source>
+        <translation type="vanished">社交沟通</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="248"/>
+        <source>Network</source>
+        <translation>网络应用</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="383"/>
+        <source>The list is currently empty. Go and download some softwares!</source>
+        <translation>当前下载列表为空</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="415"/>
+        <source>Open download directory</source>
+        <translation>打开下载文件夹</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="528"/>
+        <source>Name</source>
+        <translation>软件名</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="568"/>
+        <source>ICON</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="515"/>
+        <location filename="../widget.cpp" line="536"/>
+        <source>Install</source>
+        <translation>安装</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="623"/>
+        <source>Uninstall</source>
+        <translation>卸载</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="639"/>
+        <source>Site</source>
+        <translation>官网</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="712"/>
+        <location filename="../widget.ui" line="715"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;This app is developed by community user,we give this tag to honor those who contribute to the Linux Ecology&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;这款应用是社区开发者开发的，我们为社区开发者颁发这款勋章以表彰他们对Linux生态的贡献&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="718"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;&lt;img src=&quot;:/tags/community-small.png&quot;/&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="731"/>
+        <location filename="../widget.ui" line="734"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;Capable to Ubuntu 20.04&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;支持Ubuntu 20.04&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="750"/>
+        <location filename="../widget.ui" line="753"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;Capable to deepin 20&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;支持deepin 20&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="756"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;&lt;img src=&quot;:/tags/deepin-small.png&quot;/&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="769"/>
+        <location filename="../widget.ui" line="772"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;Capable to UOS home 20&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;支持UOS家庭版 20&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="788"/>
+        <location filename="../widget.ui" line="791"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;This is a  DTK5 app,which means it would have better effect on Deepin Desktop Environment&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;这是一款DTK5应用，请使用深度桌面环境来获得最完美的体验&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="794"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;&lt;img src=&quot;:/tags/dtk-small.png&quot;/&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="826"/>
+        <location filename="../widget.ui" line="829"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;A deepin-wine5 app.If you are using ubuntu or other non-deepin distro,you should deploy deepin-wine5 by your self.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;这是一款deepin-wine5应用，如果你并没有在使用深度系列发行版（比如您在使用ubuntu），你需要自行配置deepin-wine5环境&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="845"/>
+        <location filename="../widget.ui" line="848"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;An Appimage to deb app.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;这是一款Appimage转制应用.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="851"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;&lt;img src=&quot;:/tags/a2d-small.png&quot;/&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="678"/>
+        <source>Share</source>
+        <translation>分享</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="153"/>
+        <source>Development</source>
+        <translation>编程开发</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="217"/>
+        <source>Home  </source>
+        <translation>商店首页</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="227"/>
+        <source>Graphics</source>
+        <translation>图形图像</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="241"/>
+        <source>Communication</source>
+        <translation>社交沟通</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="807"/>
+        <location filename="../widget.ui" line="810"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;A deepin-wine2 app.If you are using ubuntu or other non-deepin distro,you should deploy deepin-wine2 by your self.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation type="unfinished">&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;这是一款deepin-wine5应用，如果你并没有在使用深度系列发行版（比如您在使用ubuntu），你需要自行配置deepin-wine5环境&lt;/p&gt;&lt;/body&gt;&lt;/html&gt; {2 ?} {2 ?}</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="813"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;&lt;img src=&quot;:/tags/dwine2-small.png&quot;/&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="832"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;&lt;img src=&quot;:/tags/dwine5-small.png&quot;/&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="874"/>
+        <source>Contribute translation</source>
+        <translation type="unfinished">贡献翻译</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="892"/>
+        <source>Info</source>
+        <translation>详细</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="899"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;An app store developed by community enthusiasts&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation type="unfinished">&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;社区爱好者开发的一款应用商店&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="938"/>
+        <source>Screenshots</source>
+        <translation>屏幕截图</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1101"/>
+        <source>Line Settings</source>
+        <translation>线路设置</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1117"/>
+        <source>Choose Line:</source>
+        <translation>线路选择：</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1140"/>
+        <source>Refresh</source>
+        <translation>刷新</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1153"/>
+        <source>Take effect when restart </source>
+        <translation>重启商店后生效</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1182"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;The role of the source server is to ensure that the software is updated, and supports the use of the apt tool to get the software. We usually prefer that you use the first line as the update source, which is generally the most stable. &lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;源服务器的作用是保证软件更新，并且支持使用apt工具获取软件。通常我们更建议你使用第一个线路作为更新源，一般是最稳定的。&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1192"/>
+        <source>Update</source>
+        <translation>更新源</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1199"/>
+        <source>Source Server</source>
+        <translation>更新源服务器</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1219"/>
+        <source>Server</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1240"/>
+        <source>Temp</source>
+        <translation>缓存目录</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1263"/>
+        <source>Clean</source>
+        <translation>清空</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1273"/>
+        <source>Since the dictionary is at /tmp,It would be cleaned automatically when  system reboot.</source>
+        <translation>因为这个目录位于/tmp下，所以即使你不手动清空的话，其也将在系统重启时自动清空。</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1286"/>
+        <source>Size:</source>
+        <translation>目录大小：</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1300"/>
+        <source>Location：/tmp/spark-store</source>
+        <translation>目录位置：/tmp/spark-store</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1321"/>
+        <source>About us</source>
+        <translation>关于我们</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1328"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;We are &lt;span style=&quot; font-weight:600;&quot;&gt;NOT&lt;/span&gt; the official team, just like you, we are just one of the many Linux/deepin system enthusiasts and users, we develop and run the &amp;quot;Spark Store&amp;quot;! &amp;quot;, is to bring the community together to share useful software, or to participate in development together, so that we all use the latest and greatest software. &lt;/p&gt;&lt;p&gt;We don&apos;t make a profit from this, all developers and maintainers don&apos;t get paid, and we rely on the community&apos;s donations to us for most of our expenses, which we are grateful for and which allow us not to spend too much energy worrying about funding. &lt;/p&gt;&lt;p&gt;Our service and software are free for everyone to use, communicate, and learn, but you must comply with local laws and regulations in the process of your use, otherwise any problems have nothing to do with us. &lt;/p&gt;&lt;p&gt;If any part of the store infringes your rights, please tell us &amp;lt;jifengshenmo@outlook.com&amp;gt; we will remove the infringing content as soon as possible. &lt;/p&gt;&lt;p&gt;If you&apos;d like to get involved with us too, whether you&apos;re involved in development, design, pitching or submitting work, we welcome you to join us. &lt;/p&gt;&lt;p&gt;QQ group:872690351&lt;br/&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;我们并&lt;span style=&quot; font-weight:600;&quot;&gt;不是&lt;/span&gt;官方团队，和你一样，我们也只是众多Linux/deepin系统爱好者和用户之中的一员，我们开发并且运营这个“Spark应用商店”，是为了让社区的朋友们一起分享好用的软件，或者一起参与开发，让大家都用到最新的，最优秀的软件。&lt;/p&gt;&lt;p&gt;我们并没有因此盈利，所有开发和维护人员都不会获得报酬，我们的主要支出大部分依赖于社区对我们的捐助，很感谢大家，这部分捐助让我们并不需要耗费太多精力去担心资金问题。&lt;/p&gt;&lt;p&gt;我们的服务和开发的软件都是免费供给大家使用，交流，学习的，但是在您的使用过程中一定要遵守当地的法律法规，否则出现任何问题和我们无关。&lt;/p&gt;&lt;p&gt;如果商店中任何一部分有侵犯您权益的行为，请告知我们 &amp;lt;jifengshenmo@outlook.com&amp;gt;，我们会第一时间删除侵权内容。&lt;/p&gt;&lt;p&gt;如果你也想参与我们，不管是参与开发，设计，投递还是投稿作品，我们都欢迎你的加入。&lt;/p&gt;&lt;p&gt;QQ 群：872690351&lt;br/&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="114"/>
+        <source>icon</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="173"/>
+        <source>Back to category</source>
+        <translation>返回分类</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="293"/>
+        <source>Reload</source>
+        <translation>刷新</translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="342"/>
+        <source>about:blank</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="540"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="737"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;&lt;img src=&quot;:/tags/ubuntu-small.png&quot;/&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="775"/>
+        <source>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p&gt;&lt;img src=&quot;:/tags/uos-small.png&quot;/&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.ui" line="1293"/>
+        <source>0B</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="146"/>
+        <source>Spark Store</source>
+        <translation>Spark 应用商店</translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="147"/>
+        <source>Search or enter spk://</source>
+        <translation>搜索或打开链接</translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="153"/>
+        <source>Submit App</source>
+        <translation>投递应用</translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="154"/>
+        <source>Settings</source>
+        <translation>设置</translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="245"/>
+        <source>Not Exist</source>
+        <translation>不存在</translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="297"/>
+        <location filename="../widget.cpp" line="305"/>
+        <source>Spark\ Store</source>
+        <translation>星火应用商店</translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="480"/>
+        <source>Failed to download app info. Please check internet connection.</source>
+        <translation>下载应用程序详细信息失败，请检查网络连接</translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="510"/>
+        <source>PkgName: </source>
+        <translation>包名：</translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="511"/>
+        <source>Version: </source>
+        <translation>版本：</translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="513"/>
+        <source>Author: </source>
+        <translation>作者：</translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="517"/>
+        <source>Official Site: </source>
+        <translation>官网：</translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="521"/>
+        <source>Contributor: </source>
+        <translation>投稿者：</translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="522"/>
+        <source>Update Time: </source>
+        <translation>更新时间：</translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="523"/>
+        <source>Installed Size: </source>
+        <translation>大小：</translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="532"/>
+        <location filename="../widget.cpp" line="645"/>
+        <source>Reinstall</source>
+        <translation>重新安装</translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="571"/>
+        <source>Failed to load application icon.</source>
+        <translation>加载应用程序图标失败</translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="620"/>
+        <source>Failed to get the name to the file to be downloaded.</source>
+        <translation>获取安装包文件名失败</translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="668"/>
+        <source>Spark store could only process spk:// links for now. The search feature is coming soon!</source>
+        <translation>目前仅支持商店专用链接的打开，搜索功能正在开发，请期待以后的版本！</translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="789"/>
+        <source>Updating, please wait...</source>
+        <translation>正在更新，请稍候……</translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="842"/>
+        <source>Apt has reported an error. Please use apt update in terminal to locate the problem.</source>
+        <translation>更新中发生错误，请在终端使用apt update来查看错误原因</translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="848"/>
+        <source>Unknown error!</source>
+        <translation>未知错误！</translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="1024"/>
+        <source>Yes</source>
+        <translation>是</translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="1024"/>
+        <source>No</source>
+        <translation>否</translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="1025"/>
+        <source>Information for Contributors</source>
+        <translation>贡献者须知</translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="1026"/>
+        <source>Currently the translation contribution is limited to English,
+and you will be redirected to our Gitee repository at which you are
+supposed to be creating pull requests to contribute app info
+translations.
+Tips:You can simply click the file to edit to create a flat pull request without create a full pull request
+Tips:You can use github account to login to Gitee
+Click yes to continue.</source>
+        <translation type="unfinished">目前商店仅支持应用程序英文详细信息的贡献。
+在你确认后你会被导向到我们的 Gitee 页面，
+请在此创建 Pull Request 以进行翻译贡献。
+备注：你可以直接在页面编辑以快速创建轻量级pr
+你也可以使用github账户直接登陆Gitee
+
+单击“是”以继续。.</translation>
+    </message>
+    <message>
+        <source>Currently the translation contribution is limited to English,
+and you will be redirected to our Gitee repository at which you are
+supposed to be creating pull requests to contribute app info
+translations.
+
+Click yes to continue.</source>
+        <translation type="obsolete">目前商店仅支持应用程序英文详细信息的贡献。
+在你确认后你会被导向到我们的 Gitee 页面，
+请在此创建 Pull Request 以进行翻译贡献。
+备注：你可以直接在页面编辑以快速创建轻量级pr
+你也可以使用github账户直接登陆Gitee
+
+单击“是”以继续。.</translation>
+    </message>
+    <message>
+        <source>Unknown server error!</source>
+        <translation type="vanished">服务器未知错误</translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="868"/>
+        <source>Uninstall succeeded</source>
+        <translation>卸载成功</translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="882"/>
+        <source>Temporary cache was cleaned</source>
+        <translation>缓存目录已清空</translation>
+    </message>
+    <message>
+        <location filename="../widget.cpp" line="949"/>
+        <source>The URL has been copied to the clipboard</source>
+        <translation>链接已复制到剪贴板</translation>
+    </message>
+</context>
+<context>
+    <name>downloadlist</name>
+    <message>
+        <location filename="../downloadlist.ui" line="20"/>
+        <source>Form</source>
+        <translation></translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.ui" line="50"/>
+        <source>icon</source>
+        <translation></translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.ui" line="82"/>
+        <source>TextLabel</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.ui" line="106"/>
+        <source>Name</source>
+        <translation>软件名</translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.ui" line="189"/>
+        <source>Waiting to download</source>
+        <translation>正在等待下载</translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.ui" line="240"/>
+        <source>Install</source>
+        <translation>安装</translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.ui" line="259"/>
+        <source>Cancel</source>
+        <translation>取消</translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.ui" line="278"/>
+        <source>Info</source>
+        <translation>详情</translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.cpp" line="24"/>
+        <source>dpkg</source>
+        <translation>dpkg</translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.cpp" line="25"/>
+        <source>gdebi</source>
+        <translation>gdebi</translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.cpp" line="26"/>
+        <source>deepin deb installer</source>
+        <translation>深度软件包安装器</translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.cpp" line="55"/>
+        <source>Downloaded, waiting to install</source>
+        <translation>已完成，等待安装</translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.cpp" line="80"/>
+        <source>Failed to download %1</source>
+        <translation>下载 %1 失败</translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.cpp" line="82"/>
+        <source>Download Failed，Check Your Connection</source>
+        <translation>下载失败，请检查网络连接</translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.cpp" line="92"/>
+        <source>Finished downloading %1, awaiting to install</source>
+        <translation>%1 下载完成，等待安装</translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.cpp" line="125"/>
+        <source>Installing...</source>
+        <translation>正在安装</translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.cpp" line="172"/>
+        <source>Finish</source>
+        <translation>完成</translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.cpp" line="176"/>
+        <source>Retry</source>
+        <translation>重试</translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.cpp" line="177"/>
+        <source>Error happened in dpkg progress , you can try it again</source>
+        <translation>dpkg出现错误，可重新安装</translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.cpp" line="181"/>
+        <source>dpkg progress had been aborted，you can retry installation</source>
+        <translation>安装被中止，可重新安装</translation>
+    </message>
+    <message>
+        <location filename="../downloadlist.cpp" line="203"/>
+        <source>Download canceled</source>
+        <translation>下载已取消</translation>
+    </message>
+</context>
+</TS>
--- a/widget.cpp
+++ b/widget.cpp
--- a/widget.h
+++ b/widget.h
@@ -10,86 +10,74 @@
 #include <QJsonObject>
 #include <QProcess>
 #include <QFuture>
+#include <QFutureWatcher>
 #include <QToolButton>
 #include <QTimer>
-#define LIST_MAX 99
+#include <DSettings>
+#include <DBlurEffectWidget>
+#include <DSpinner>
+#include <DWaterProgress>
+#include <QLabel>
+#include <DTitlebar>
+#include <DSearchEdit>
+#include <progressload.h>
+#define LIST_MAX 99 //一次最多下载数量
+#define TMP_PATH "/tmp/spark-store"
+
+DWIDGET_USE_NAMESPACE
 namespace Ui {
 class Widget;
 }



-class Widget : public QWidget
+class Widget : public DBlurEffectWidget
 {

    Q_OBJECT
 public:
-    explicit Widget(QWidget *parent = 0);
+    explicit Widget(DBlurEffectWidget *parent = nullptr);
    ~Widget();
    void startRequest(QUrl url);
+    void searchApp(QString);
    int nowDownload=0;
    int allDownload=0;
    int isdownload=false;
-    void loadappinfo(QUrl);
-    void chooseLeftMenu(int index);
-    QPixmap screen[5];
-    QFuture<void> load;
-    QTimer download_speed;
+    void opensetting(); //打开设置页面
+    void openUrl(QUrl);
+    void setTheme(bool,QColor);
+    DTitlebar* getTitlebar();
+
+    static void sendNotification(const QString &message, const int msTimeout = 5000, const QString &icon = "spark-store");
+    static void sendNotification(const char *message, const int msTimeout = 5000, const QString &icon = "spark-store");

 private slots:

    void httpFinished();
    void httpReadyRead();
    void updateDataReadProgress(qint64,qint64);
-    void on_menu_btn_main_clicked();
-
-    void on_menu_btn_network_clicked();
-
-    void on_menu_btn_download_clicked();
-
-    void on_menu_btn_chat_clicked();
-
-    void on_menu_btn_music_clicked();
-
-    void on_menu_btn_video_clicked();
-
-    void on_menu_btn_photo_clicked();
-
-    void on_menu_btn_game_clicked();
-
-    void on_menu_btn_office_clicked();
-
-    void on_menu_btn_read_clicked();
-
-    void on_menu_btn_dev_clicked();
-
-    void on_menu_btn_system_clicked();
-
-    void on_menu_btn_other_clicked();
-
-    void on_listWidget_currentRowChanged(int currentRow);
-
-    void on_pushButton_clicked();
-
-    void on_pushButton_2_clicked();
-
-    void on_webView_loadStarted();
-
-    void on_webView_loadFinished();
-
-    void on_menu_btn_theme_clicked();
-
-    void on_menu_btn_settings_clicked();
-
+    void on_pushButton_download_clicked();
+    void on_pushButton_return_clicked();
    void on_comboBox_server_currentIndexChanged(const QString &arg1);
-
-    void on_pushButton_3_clicked();
-
-    void on_pushButton_4_clicked();
+    void on_pushButton_updateServer_clicked();
+    void on_pushButton_updateApt_clicked();
+    void on_pushButton_uninstall_clicked();
+    void on_pushButton_clear_clicked();
+    void on_pushButton_website_clicked();
+    void on_pushButton_clicked();
+    void on_btn_openDir_clicked();
+    void on_stackedWidget_currentChanged(int arg1);
+    void on_webEngineView_urlChanged(const QUrl &arg1);
+    void on_webEngineView_loadStarted();
+    void on_webEngineView_loadProgress(int progress);
+    void on_webEngineView_loadFinished(bool arg1);
+    void on_pushButton_refresh_clicked();
+    void on_pushButton_translate_clicked();

 public:
+
    QUrl url;
-    bool isBusy=false;
+
    downloadlist download_list[LIST_MAX];
    Ui::Widget *ui;
    QNetworkAccessManager *manager;
@@ -98,15 +86,44 @@ public:
    QFile *file;
    QString appName;
    QString urladdress;
-    QToolButton * left_list[15];
-    QWidget * left_menu_bg[15];
+    QString pkgName;
+    QString appweb;
+    bool themeIsDark;
+
+
+
+private:
+    void initUI();
+    void initConfig();
+    int loadappinfo(QUrl);
+    void chooseLeftMenu(int index);
+    void setfoot(int);
+    void updatefoot();
+    void updateUI();
+
+    quint64 dirFileSize(const QString &path);
+
+private:
+    QPushButton * left_list[15];
    QUrl menuUrl[13];
-    bool configCanSeve=false;
-    int nowMenu=0;
+    ProgressLoad *m_loadweb;
+    QLabel *m_loaderror=new QLabel;
+    QString serverUrl;
+    bool configCanSave=false;
+    bool isBusy=false;
+    int nowMenu=0; //定位当前菜单
    long download_size=0;
    long size1=0;
    long size2=0;
-
+    QPixmap screen[5];
+    QFuture<void> load;
+    QFutureWatcher<void> watchScreenshotLoad;
+    QTimer download_speed;
+    QString type_name;
+    QColor main_color;
+    int foot;
+    DSearchEdit *searchEdit=new DSearchEdit;
+    DTitlebar *titlebar;

 };

--- a/widget.ui
+++ b/widget.ui
Author	SHA1	Message	Date
神末	cfbbd34695	!9 add trans/lang_French.ts. Merge pull request !9 from App4Deepin/N/A	2020-10-06 09:33:16 +08:00
App4Deepin	b7afc5ec8a	add trans/lang_French.ts.	2020-10-05 23:34:27 +08:00
shenmo	b911158274	修改： trans/spark-store_en.ts 修改： trans/spark-store_zh_CN.qm,支持了贡献翻译修改： trans/spark-store_zh_CN.ts，支持贡献翻译修改： widget.cpp，微调原文，天加两个tips	2020-10-05 22:11:38 +08:00
shenmo	67c28d0224	删除构建文件	2020-10-05 22:04:13 +08:00
shenmo	1d65bfc66d	版本号不再翻译，贡献翻译按钮翻译。to-do:翻译按界面翻译	2020-10-05 19:49:37 +08:00
shenmo	0e595db328	logo	2020-10-05 10:44:20 +08:00
shenmo	7a16028e38	logo	2020-10-05 10:44:08 +08:00
RigoLigoRLC	1b56d3ad52	更改贡献翻译按钮提示框为DDialog，并修复遗留翻译问题	2020-10-04 00:13:06 +08:00
shenmo	431e7b555f	dwine5-dwine2-tags	2020-10-03 11:26:21 +08:00
RigoLigoRLC	1cbabe7cc5	详情页面添加翻译按钮	2020-10-03 01:30:05 +08:00
shenmo	d027d513a3	微调界面	2020-10-02 21:33:03 +08:00
RigoLigoRLC	eff8878e8b	修复下载软件失败导致的崩溃，更改APT源更新逻辑下载失败会导致发射的progress信号已接受数和总数均为0，导致计算进度时被零除； APT源更新逻辑代码重构，将需要复用的值单独创建变量，重新格式化代码，以及加入了已经废弃的星火源降低优先级代码	2020-10-02 12:03:40 +08:00
shenmo	f0bf0e5aec	微调翻译，增添翻译	2020-10-01 10:12:13 +08:00
RigoLigoRLC	678a4229f7	将通知移至专用函数，并更新中文翻译ts文件	2020-10-01 02:53:10 +08:00
shenmo	e89c14b5ca	QObject::tr---update-ubuntu-tag	2020-09-30 15:39:30 +08:00
RigoLigoRLC	d4c734627a	添加了用户端QtCreator配置缓存的忽略	2020-09-30 01:07:42 +08:00
shenmo	8830b14e10	translate#4	2020-09-29 19:49:35 +08:00
shenmo	8c9f5b8ba6	尝试添加tag.Trying to add tags	2020-09-29 17:44:55 +08:00
shenmo	badc3aa089	translate-to-English	2020-09-29 17:18:43 +08:00
shenmo	9c9317dea0	更多的翻译	2020-09-29 12:37:49 +08:00
shenmo	594f71f98a	英文	2020-09-28 19:50:39 +08:00
神末	c45bf8ffaf	!8 菜单新增“软件投稿”选项，添加刷新按钮 Merge pull request !8 from RigoLigo/master	2020-09-28 11:04:35 +08:00
RigoLigoRLC	c9c0357646	新增刷新按钮（和WebEngineView的右键菜单并存）	2020-09-27 15:02:41 +08:00
RigoLigoRLC	bd8f660fe9	菜单中加入投稿按钮，拉起默认浏览器进入投稿 https://gitee.com/deepin-community-store/spark-store/issues/I1VD2Q	2020-09-27 02:06:40 +08:00
神末	538c742303	!7 新增了下载app.json或图标失败将给用户发送提醒 Merge pull request !7 from RigoLigo/master	2020-09-26 10:36:42 +08:00
RigoLigoRLC	c23e816017	新增下载app.json或图标失败将给用户发送提醒这里改变了widget这个类里面loadappinfo的返回值，使处理异常返回状态可以实现	2020-09-26 01:19:57 +08:00
shenmo	2be0e1b523	2.0+1发布	2020-09-23 17:32:26 +08:00
shenmo	eacc56eaf3	完全改好了	2020-09-23 17:30:46 +08:00
shenmo	9458bbf2c9	更新DAboutDialog	2020-09-23 16:08:44 +08:00
moshengren	e472ba76f1	!6 Update of english translations Merge pull request !6 from alvarosamudio/master	2020-09-19 10:20:37 +08:00
alvarosamudio	74bd3ae018	update trans/lang_English.ts.	2020-09-18 23:57:40 +08:00
Jerry	ccc2bb8898	更新README	2020-09-18 15:46:43 +08:00
shenmo	a59e2e0527	fanyi	2020-09-18 12:36:42 +08:00
shenmo	2c205bf5db	翻译	2020-09-17 16:49:23 +08:00
shenmo	efc6c50f88	微调DAboutDialogue内容	2020-09-12 13:36:37 +08:00
shenmo	ce263c3cb4	更新翻译	2020-09-12 13:29:34 +08:00
shenmo	78ac339629	翻译更新	2020-09-11 13:36:29 +08:00
神末	58359aa63a	!5 更新了图片服务器线路说明转移到服务端上 Merge pull request !5 from Jerry/master	2020-09-08 17:20:58 +08:00
jerry	e839f7836f	不在客户端现实线路说明, 线路说明写到server.list中	2020-09-08 15:31:55 +08:00
jerry	b34c50d2e0	图片服务器使用jsdelivr cdn	2020-09-08 14:19:47 +08:00
jerry	4d4e3e3e3a	更新图片服务器	2020-09-05 18:20:14 +08:00
jerry	10741a1d92	更新了线路说明, 更具有普适性	2020-09-03 18:40:04 +08:00
maicss	b78ca0e103	新增软件标签	2020-09-03 10:05:48 +08:00
maicss	3a0ed16a21	Merge branch 'master' of https://gitee.com/deepin-community-store/spark-store	2020-09-02 14:28:52 +08:00
maicss	0a3d583d76	优化UI细节	2020-09-02 14:28:09 +08:00
张天怿	f5121a0405	Delete .pro.user files Delete useless .pro.user files.	2020-09-01 11:03:20 +08:00
Maicss	e568ddafba	更新文档 Merge pull request !2 from Jerry/master	2020-08-29 07:42:02 +08:00
jerry	111174a46f	update	2020-08-29 00:43:36 +08:00
jerry	6de25a299f	update readme	2020-08-29 00:41:23 +08:00
jerry	cbd57a3e25	增加线路说明, 如何编译的说明	2020-08-29 00:27:02 +08:00
maicss	6e083f295b	新增深度安装器安装选项	2020-08-28 15:03:10 +08:00
maicss	b82a821d01	修复UI细节问题	2020-08-28 14:45:39 +08:00
Maicss	6578af935e	优化UI	2020-08-26 19:58:42 +08:00
Maicss	fe4143a3f7	修改 web控件	2020-08-26 09:39:55 +08:00
Maicss	8952be33c4	修改 web控件	2020-08-26 09:27:34 +08:00
Maicss	4e4f55995e	修改 web控件	2020-08-26 09:26:59 +08:00
张天怿	7af2af64d8	Update image server Change image server.	2020-08-24 12:44:03 +08:00
张天怿	e7276662f4	Add new server Change default serverURL for better usage exxperience.	2020-08-23 20:11:02 +08:00
shenmo	4138c5d634	bug	2020-08-22 09:38:49 +08:00
shenmo	2bb4feec43	7+2——更改源服务器	2020-08-21 17:29:05 +08:00
Maicss	18c3965742	追加上一条	2020-08-10 12:36:00 +08:00
Maicss	647fb20f1e	删除标题栏分割线修复下载列表间隙问题	2020-08-10 12:34:51 +08:00
Maicss	a75ecd3a9a	增强稳定性	2020-08-10 09:27:07 +08:00
Maicss	f9b8faa638	优化 UI细节	2020-08-09 09:08:39 +08:00
Maicss	f39890240f	添加返回列表按钮	2020-08-08 09:12:46 +08:00
Maicss	3ca8fac6f9	新增列表ui图标	2020-08-07 10:32:38 +08:00
Maicss	9fbe0032b7	优化截图的缓存机制	2020-08-06 20:03:17 +08:00
Maicss	3ba66f8f8e	update	2020-08-06 16:55:06 +08:00
Maicss	cf1322bab4	删除无用文件	2020-08-05 20:03:48 +08:00
Maicss	135d16d068	修改版本号到beta7	2020-08-05 20:00:13 +08:00
Maicss	44201a8bed	修复低分辨率下默认只显示1列	2020-08-05 19:58:23 +08:00
Maicss	8fafd7b3ee	大幅修改UI设计	2020-08-05 19:49:39 +08:00
Maicss	070788d50d	新增黑色模式	2020-08-05 10:35:50 +08:00
Maicss	0e387acfb6	修复ssinstall安装参数问题	2020-08-04 14:41:57 +08:00
Maicss	c043542c04	更换详情页专有服务器	2020-08-04 13:34:42 +08:00
Maicss	25b37ec0f2	更新	2020-08-04 10:27:06 +08:00
Maicss	a732269b62	新增安装方式选择	2020-08-04 10:01:05 +08:00
Maicss	6d63ef60ac	新增安装方式选择	2020-08-04 09:57:21 +08:00
张天怿	25456a413c	添加“手动安装”按钮添加手动安装按钮来处理部分 gdebi 无法正确安装的应用（主要是 wine 应用）。	2020-08-03 18:25:08 +08:00
Maicss	ec1c91f021	修复截图放大后可能会溢出屏幕	2020-07-29 20:51:18 +08:00
Maicss	46c1609d58	修改截图预览背景参数	2020-07-28 17:31:00 +08:00
Maicss	9c5421133f	新增预览截图时背景模糊新增打开下载文件夹功能修复取消下载被判定为下载失败	2020-07-28 17:08:47 +08:00
Maicss	114489c3d6	重写了截图查看窗口	2020-07-28 13:58:48 +08:00
Maicss	101a6bc370	修复因ObjectName更改导致无法自动连接的问题	2020-07-28 13:04:49 +08:00
Maicss	9b47e4dd70	修改左侧菜单为QPushButton	2020-07-28 12:56:15 +08:00
Maicss	6a555b06b9	修改左侧菜单跟随系统活动色	2020-07-28 11:48:40 +08:00
Maicss	145b1b8e30	修复下载未完成时断网，会显示下载成功	2020-07-28 10:38:03 +08:00
Maicss	23d8e9ea82	更新版本号	2020-07-28 08:26:06 +08:00
Maicss	f723007166	优化 UI	2020-07-27 12:05:40 +08:00
Maicss	e0639a5855	修改搜索框事件	2020-07-27 10:26:12 +08:00
Maicss	514be30e04	新增链接分享	2020-07-27 10:20:50 +08:00
Maicss	817d497f4a	更新文档中Url列表错误	2020-07-27 09:41:26 +08:00
shenmo	8158159bf9	跟随	2020-07-26 11:32:48 +08:00
shenmo	82f49c4aa9	跟随	2020-07-24 10:00:05 +08:00
shenmo	b1c2b1bbc6	跟随到5.2	2020-07-13 19:26:09 +08:00
shenmo	892766470c	跟随到beta5	2020-07-09 09:05:50 +08:00
				`@@ -0,0 +1 @@`
				<svg width="305" height="304" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="hidden"><defs><clipPath id="clip0"><path d="M688 378 993 378 993 682 688 682Z" fill-rule="evenodd" clip-rule="evenodd"/></clipPath><clipPath id="clip1"><path d="M751.382 385.273 984.326 440.078 929.522 673.022 696.578 618.218Z" fill-rule="evenodd" clip-rule="evenodd"/></clipPath><clipPath id="clip2"><path d="M751.382 385.273 984.326 440.078 929.522 673.022 696.578 618.218Z" fill-rule="evenodd" clip-rule="evenodd"/></clipPath><clipPath id="clip3"><path d="M751.382 385.273 984.326 440.078 929.522 673.022 696.578 618.218Z" fill-rule="evenodd" clip-rule="evenodd"/></clipPath></defs><g clip-path="url(#clip0)" transform="translate(-688 -378)"><path d="M689 529.5C689 445.829 756.829 378 840.5 378 924.171 378 992 445.829 992 529.5 992 613.171 924.171 681 840.5 681 756.829 681 689 613.171 689 529.5Z" fill="#A20000" fill-rule="evenodd"/><g clip-path="url(#clip1)"><g clip-path="url(#clip2)"><g clip-path="url(#clip3)"><path d="M812.478 604.512 826.339 545.597C790.456 531.483 772.809 490.952 786.924 455.069 792.525 440.83 802.648 428.825 815.737 420.901L910.837 443.275C931.459 475.856 921.763 518.985 889.182 539.607 876.253 547.79 860.994 551.499 845.751 550.164L831.89 609.079 851.302 613.646C856.662 614.908 859.986 620.276 858.724 625.636 857.463 630.996 852.095 634.32 846.735 633.058L788.499 619.357C783.138 618.096 779.815 612.728 781.076 607.368 782.338 602.007 787.705 598.684 793.066 599.945L812.478 604.512ZM803.34 469.2 900.4 492.035C901.355 477.612 900.407 467.146 897.544 460.634L819.896 442.366C814.431 446.918 808.915 455.864 803.34 469.2Z" fill="#FFFFFF"/></g></g></g></g></svg>