From b7d0ff4fab084d0a05d82c027fdfa3577a06c9b5 Mon Sep 17 00:00:00 2001
From: Zhengyu Peng <rookiepeng@users.noreply.github.com>
Date: Fri, 4 Mar 2022 16:08:54 -0500
Subject: [PATCH] update GUI

---
 software/pc/mainwindow.ui                  | 1032 ++++++++++++++++----
 software/pc/res/arrow-circle-solid.svg     |   60 ++
 software/pc/res/arrow-down-down-solid.svg  |   74 ++
 software/pc/res/arrow-down-left-solid.svg  |   53 +
 software/pc/res/arrow-down-right-solid.svg |   53 +
 software/pc/res/arrow-down-solid.svg       |   53 +
 software/pc/res/arrow-left-right-solid.svg |   72 ++
 software/pc/res/arrow-left-solid.svg       |   52 +
 software/pc/res/arrow-right-solid.svg      |   52 +
 software/pc/res/arrow-turn-left-solid.svg  |  109 +++
 software/pc/res/arrow-turn-right-solid.svg |  101 ++
 software/pc/res/arrow-twist-solid.svg      |   72 ++
 software/pc/res/arrow-up-down-solid.svg    |   72 ++
 software/pc/res/arrow-up-left-solid.svg    |   53 +
 software/pc/res/arrow-up-right-solid.svg   |   53 +
 software/pc/res/arrow-up-solid.svg         |   53 +
 software/pc/res/arrow-up-up-solid.svg      |   74 ++
 software/pc/res/arrows-rotate-solid.svg    |   37 +
 software/pc/res/climb-down-solid.svg       |   89 ++
 software/pc/res/climb-up-solid.svg         |   89 ++
 software/pc/res/pause-solid.svg            |   55 ++
 21 files changed, 2163 insertions(+), 195 deletions(-)
 create mode 100644 software/pc/res/arrow-circle-solid.svg
 create mode 100644 software/pc/res/arrow-down-down-solid.svg
 create mode 100644 software/pc/res/arrow-down-left-solid.svg
 create mode 100644 software/pc/res/arrow-down-right-solid.svg
 create mode 100644 software/pc/res/arrow-down-solid.svg
 create mode 100644 software/pc/res/arrow-left-right-solid.svg
 create mode 100644 software/pc/res/arrow-left-solid.svg
 create mode 100644 software/pc/res/arrow-right-solid.svg
 create mode 100644 software/pc/res/arrow-turn-left-solid.svg
 create mode 100644 software/pc/res/arrow-turn-right-solid.svg
 create mode 100644 software/pc/res/arrow-twist-solid.svg
 create mode 100644 software/pc/res/arrow-up-down-solid.svg
 create mode 100644 software/pc/res/arrow-up-left-solid.svg
 create mode 100644 software/pc/res/arrow-up-right-solid.svg
 create mode 100644 software/pc/res/arrow-up-solid.svg
 create mode 100644 software/pc/res/arrow-up-up-solid.svg
 create mode 100644 software/pc/res/arrows-rotate-solid.svg
 create mode 100644 software/pc/res/climb-down-solid.svg
 create mode 100644 software/pc/res/climb-up-solid.svg
 create mode 100644 software/pc/res/pause-solid.svg

diff --git a/software/pc/mainwindow.ui b/software/pc/mainwindow.ui
index 40948ac..c7e34ba 100644
--- a/software/pc/mainwindow.ui
+++ b/software/pc/mainwindow.ui
@@ -6,14 +6,14 @@
    <rect>
     <x>0</x>
     <y>0</y>
-    <width>500</width>
-    <height>400</height>
+    <width>587</width>
+    <height>560</height>
    </rect>
   </property>
   <property name="minimumSize">
    <size>
     <width>500</width>
-    <height>400</height>
+    <height>560</height>
    </size>
   </property>
   <property name="windowTitle">
@@ -26,311 +26,953 @@
   <widget class="QWidget" name="centralWidget">
    <layout class="QVBoxLayout" name="verticalLayout">
     <item>
-     <widget class="QGroupBox" name="groupBox_4">
+     <widget class="QTabWidget" name="tabWidget">
+      <property name="currentIndex">
+       <number>0</number>
+      </property>
+      <widget class="QWidget" name="tab">
+       <attribute name="title">
+        <string>WiFi</string>
+       </attribute>
+       <layout class="QVBoxLayout" name="verticalLayout_3">
+        <item>
+         <layout class="QHBoxLayout" name="horizontalLayout_5">
+          <item>
+           <widget class="QPushButton" name="button_Refresh">
+            <property name="text">
+             <string/>
+            </property>
+            <property name="icon">
+             <iconset>
+              <normaloff>res/arrows-rotate-solid.svg</normaloff>res/arrows-rotate-solid.svg</iconset>
+            </property>
+           </widget>
+          </item>
+          <item>
+           <widget class="QComboBox" name="comboBox_Interface">
+            <property name="sizePolicy">
+             <sizepolicy hsizetype="Expanding" vsizetype="Fixed">
+              <horstretch>1</horstretch>
+              <verstretch>0</verstretch>
+             </sizepolicy>
+            </property>
+            <property name="minimumSize">
+             <size>
+              <width>100</width>
+              <height>0</height>
+             </size>
+            </property>
+            <property name="maximumSize">
+             <size>
+              <width>16777215</width>
+              <height>16777215</height>
+             </size>
+            </property>
+           </widget>
+          </item>
+          <item>
+           <widget class="QLabel" name="label_2">
+            <property name="text">
+             <string>IP: </string>
+            </property>
+           </widget>
+          </item>
+          <item>
+           <widget class="QLabel" name="label_LocalIP">
+            <property name="text">
+             <string>255.255.255.255</string>
+            </property>
+           </widget>
+          </item>
+         </layout>
+        </item>
+        <item>
+         <layout class="QHBoxLayout" name="horizontalLayout_7">
+          <item>
+           <widget class="QLabel" name="label_targetIP">
+            <property name="sizePolicy">
+             <sizepolicy hsizetype="Preferred" vsizetype="Preferred">
+              <horstretch>0</horstretch>
+              <verstretch>0</verstretch>
+             </sizepolicy>
+            </property>
+            <property name="minimumSize">
+             <size>
+              <width>0</width>
+              <height>0</height>
+             </size>
+            </property>
+            <property name="baseSize">
+             <size>
+              <width>0</width>
+              <height>0</height>
+             </size>
+            </property>
+            <property name="text">
+             <string>Robot IP:</string>
+            </property>
+           </widget>
+          </item>
+          <item>
+           <widget class="QLineEdit" name="lineEdit_TcpClientTargetIP">
+            <property name="minimumSize">
+             <size>
+              <width>150</width>
+              <height>0</height>
+             </size>
+            </property>
+            <property name="maximumSize">
+             <size>
+              <width>16777215</width>
+              <height>16777215</height>
+             </size>
+            </property>
+           </widget>
+          </item>
+          <item>
+           <widget class="QLabel" name="label_targetPort">
+            <property name="sizePolicy">
+             <sizepolicy hsizetype="Preferred" vsizetype="Preferred">
+              <horstretch>0</horstretch>
+              <verstretch>0</verstretch>
+             </sizepolicy>
+            </property>
+            <property name="minimumSize">
+             <size>
+              <width>0</width>
+              <height>0</height>
+             </size>
+            </property>
+            <property name="text">
+             <string>Port:</string>
+            </property>
+           </widget>
+          </item>
+          <item>
+           <widget class="QLineEdit" name="lineEdit_TcpClientTargetPort">
+            <property name="minimumSize">
+             <size>
+              <width>80</width>
+              <height>0</height>
+             </size>
+            </property>
+            <property name="maximumSize">
+             <size>
+              <width>80</width>
+              <height>16777215</height>
+             </size>
+            </property>
+           </widget>
+          </item>
+          <item>
+           <widget class="QPushButton" name="button_TcpClient">
+            <property name="text">
+             <string>Connect</string>
+            </property>
+           </widget>
+          </item>
+         </layout>
+        </item>
+       </layout>
+      </widget>
+      <widget class="QWidget" name="tab_2">
+       <attribute name="title">
+        <string>Bluetooth</string>
+       </attribute>
+       <layout class="QVBoxLayout" name="verticalLayout_4">
+        <item>
+         <layout class="QHBoxLayout" name="horizontalLayout_4">
+          <item>
+           <widget class="QLabel" name="label">
+            <property name="text">
+             <string>Robot MAC:</string>
+            </property>
+           </widget>
+          </item>
+          <item>
+           <widget class="QLineEdit" name="lineEdit">
+            <property name="sizePolicy">
+             <sizepolicy hsizetype="Expanding" vsizetype="Fixed">
+              <horstretch>1</horstretch>
+              <verstretch>0</verstretch>
+             </sizepolicy>
+            </property>
+            <property name="minimumSize">
+             <size>
+              <width>150</width>
+              <height>0</height>
+             </size>
+            </property>
+           </widget>
+          </item>
+          <item>
+           <widget class="QLabel" name="label_3">
+            <property name="text">
+             <string>Port:</string>
+            </property>
+           </widget>
+          </item>
+          <item>
+           <widget class="QLineEdit" name="lineEdit_2">
+            <property name="minimumSize">
+             <size>
+              <width>80</width>
+              <height>0</height>
+             </size>
+            </property>
+            <property name="maximumSize">
+             <size>
+              <width>80</width>
+              <height>16777215</height>
+             </size>
+            </property>
+           </widget>
+          </item>
+          <item>
+           <widget class="QPushButton" name="pushButton">
+            <property name="text">
+             <string>Connect</string>
+            </property>
+           </widget>
+          </item>
+         </layout>
+        </item>
+        <item>
+         <spacer name="verticalSpacer">
+          <property name="orientation">
+           <enum>Qt::Vertical</enum>
+          </property>
+          <property name="sizeHint" stdset="0">
+           <size>
+            <width>20</width>
+            <height>40</height>
+           </size>
+          </property>
+         </spacer>
+        </item>
+       </layout>
+      </widget>
+     </widget>
+    </item>
+    <item>
+     <widget class="QGroupBox" name="groupBox_Control">
+      <property name="font">
+       <font>
+        <bold>false</bold>
+       </font>
+      </property>
       <property name="title">
-       <string>Connect</string>
+       <string>Control</string>
+      </property>
+      <property name="alignment">
+       <set>Qt::AlignCenter</set>
+      </property>
+      <property name="flat">
+       <bool>false</bool>
       </property>
-      <layout class="QVBoxLayout" name="verticalLayout_6">
+      <layout class="QHBoxLayout" name="horizontalLayout">
        <item>
-        <layout class="QHBoxLayout" name="horizontalLayout_5">
-         <item>
-          <widget class="QComboBox" name="comboBox_Interface">
-           <property name="sizePolicy">
-            <sizepolicy hsizetype="Preferred" vsizetype="Fixed">
-             <horstretch>0</horstretch>
-             <verstretch>0</verstretch>
-            </sizepolicy>
-           </property>
+        <layout class="QGridLayout" name="gridLayout_3">
+         <property name="spacing">
+          <number>12</number>
+         </property>
+         <item row="3" column="1">
+          <widget class="QPushButton" name="pushButton_Twist">
            <property name="minimumSize">
             <size>
-             <width>100</width>
-             <height>0</height>
+             <width>50</width>
+             <height>50</height>
             </size>
            </property>
            <property name="maximumSize">
             <size>
-             <width>200</width>
-             <height>16777215</height>
+             <width>50</width>
+             <height>50</height>
             </size>
            </property>
+           <property name="text">
+            <string/>
+           </property>
+           <property name="icon">
+            <iconset>
+             <normaloff>res/arrow-twist-solid.svg</normaloff>res/arrow-twist-solid.svg</iconset>
+           </property>
+           <property name="iconSize">
+            <size>
+             <width>32</width>
+             <height>32</height>
+            </size>
+           </property>
+           <property name="checkable">
+            <bool>true</bool>
+           </property>
           </widget>
          </item>
-         <item>
-          <widget class="Line" name="line">
-           <property name="orientation">
-            <enum>Qt::Vertical</enum>
+         <item row="0" column="0" colspan="2">
+          <widget class="QPushButton" name="pushButton_7">
+           <property name="enabled">
+            <bool>false</bool>
+           </property>
+           <property name="text">
+            <string/>
+           </property>
+           <property name="flat">
+            <bool>true</bool>
            </property>
           </widget>
          </item>
-         <item>
-          <widget class="QLabel" name="label_2">
+         <item row="5" column="0" colspan="2">
+          <widget class="QPushButton" name="pushButton_8">
+           <property name="enabled">
+            <bool>false</bool>
+           </property>
            <property name="text">
-            <string>IP: </string>
+            <string/>
+           </property>
+           <property name="flat">
+            <bool>true</bool>
            </property>
           </widget>
          </item>
-         <item>
-          <widget class="QLabel" name="label_LocalIP">
+         <item row="4" column="0">
+          <widget class="QPushButton" name="pushButton_RotateZ">
+           <property name="minimumSize">
+            <size>
+             <width>50</width>
+             <height>50</height>
+            </size>
+           </property>
+           <property name="maximumSize">
+            <size>
+             <width>50</width>
+             <height>50</height>
+            </size>
+           </property>
            <property name="text">
-            <string>255.255.255.255</string>
+            <string/>
+           </property>
+           <property name="icon">
+            <iconset>
+             <normaloff>res/arrow-circle-solid.svg</normaloff>res/arrow-circle-solid.svg</iconset>
+           </property>
+           <property name="iconSize">
+            <size>
+             <width>32</width>
+             <height>32</height>
+            </size>
+           </property>
+           <property name="checkable">
+            <bool>true</bool>
            </property>
           </widget>
          </item>
-         <item>
-          <spacer name="horizontalSpacer_5">
-           <property name="orientation">
-            <enum>Qt::Horizontal</enum>
+         <item row="4" column="1">
+          <widget class="QPushButton" name="pushButton_6">
+           <property name="minimumSize">
+            <size>
+             <width>50</width>
+             <height>50</height>
+            </size>
            </property>
-           <property name="sizeHint" stdset="0">
+           <property name="maximumSize">
             <size>
-             <width>40</width>
-             <height>20</height>
+             <width>50</width>
+             <height>50</height>
             </size>
            </property>
-          </spacer>
+           <property name="text">
+            <string/>
+           </property>
+           <property name="icon">
+            <iconset>
+             <normaloff>res/climb-down-solid.svg</normaloff>res/climb-down-solid.svg</iconset>
+           </property>
+           <property name="iconSize">
+            <size>
+             <width>32</width>
+             <height>32</height>
+            </size>
+           </property>
+           <property name="checkable">
+            <bool>true</bool>
+           </property>
+          </widget>
          </item>
-         <item>
-          <widget class="QPushButton" name="button_Refresh">
+         <item row="2" column="1">
+          <widget class="QPushButton" name="pushButton_Climb">
+           <property name="minimumSize">
+            <size>
+             <width>50</width>
+             <height>50</height>
+            </size>
+           </property>
+           <property name="maximumSize">
+            <size>
+             <width>50</width>
+             <height>50</height>
+            </size>
+           </property>
            <property name="text">
-            <string>Refresh</string>
+            <string/>
+           </property>
+           <property name="icon">
+            <iconset>
+             <normaloff>res/climb-up-solid.svg</normaloff>res/climb-up-solid.svg</iconset>
+           </property>
+           <property name="iconSize">
+            <size>
+             <width>32</width>
+             <height>32</height>
+            </size>
+           </property>
+           <property name="checkable">
+            <bool>true</bool>
+           </property>
+          </widget>
+         </item>
+         <item row="3" column="0">
+          <widget class="QPushButton" name="pushButton_RotateX">
+           <property name="sizePolicy">
+            <sizepolicy hsizetype="Minimum" vsizetype="Minimum">
+             <horstretch>0</horstretch>
+             <verstretch>0</verstretch>
+            </sizepolicy>
+           </property>
+           <property name="minimumSize">
+            <size>
+             <width>50</width>
+             <height>50</height>
+            </size>
+           </property>
+           <property name="maximumSize">
+            <size>
+             <width>50</width>
+             <height>50</height>
+            </size>
+           </property>
+           <property name="text">
+            <string/>
+           </property>
+           <property name="icon">
+            <iconset>
+             <normaloff>res/arrow-up-down-solid.svg</normaloff>res/arrow-up-down-solid.svg</iconset>
+           </property>
+           <property name="iconSize">
+            <size>
+             <width>32</width>
+             <height>32</height>
+            </size>
+           </property>
+           <property name="checkable">
+            <bool>true</bool>
+           </property>
+          </widget>
+         </item>
+         <item row="2" column="0">
+          <widget class="QPushButton" name="pushButton_RotateY">
+           <property name="minimumSize">
+            <size>
+             <width>50</width>
+             <height>50</height>
+            </size>
+           </property>
+           <property name="maximumSize">
+            <size>
+             <width>50</width>
+             <height>50</height>
+            </size>
+           </property>
+           <property name="text">
+            <string/>
+           </property>
+           <property name="icon">
+            <iconset>
+             <normaloff>res/arrow-left-right-solid.svg</normaloff>res/arrow-left-right-solid.svg</iconset>
+           </property>
+           <property name="iconSize">
+            <size>
+             <width>32</width>
+             <height>32</height>
+            </size>
+           </property>
+           <property name="checkable">
+            <bool>true</bool>
            </property>
           </widget>
          </item>
         </layout>
        </item>
        <item>
-        <widget class="Line" name="line_6">
+        <spacer name="horizontalSpacer_2">
          <property name="orientation">
           <enum>Qt::Horizontal</enum>
          </property>
-        </widget>
+         <property name="sizeHint" stdset="0">
+          <size>
+           <width>40</width>
+           <height>20</height>
+          </size>
+         </property>
+        </spacer>
        </item>
        <item>
-        <layout class="QHBoxLayout" name="horizontalLayout_7">
-         <item>
-          <widget class="QLabel" name="label_targetIP">
+        <layout class="QGridLayout" name="gridLayout">
+         <property name="spacing">
+          <number>12</number>
+         </property>
+         <item row="3" column="3">
+          <widget class="QPushButton" name="buttonShiftRight">
            <property name="sizePolicy">
-            <sizepolicy hsizetype="Preferred" vsizetype="Preferred">
+            <sizepolicy hsizetype="Minimum" vsizetype="Minimum">
              <horstretch>0</horstretch>
              <verstretch>0</verstretch>
             </sizepolicy>
            </property>
            <property name="minimumSize">
             <size>
-             <width>0</width>
-             <height>0</height>
+             <width>50</width>
+             <height>50</height>
+            </size>
+           </property>
+           <property name="maximumSize">
+            <size>
+             <width>50</width>
+             <height>50</height>
             </size>
            </property>
-           <property name="baseSize">
+           <property name="text">
+            <string/>
+           </property>
+           <property name="icon">
+            <iconset>
+             <normaloff>res/arrow-right-solid.svg</normaloff>res/arrow-right-solid.svg</iconset>
+           </property>
+           <property name="checkable">
+            <bool>true</bool>
+           </property>
+          </widget>
+         </item>
+         <item row="2" column="0" rowspan="3">
+          <widget class="QPushButton" name="buttonTurnLeft">
+           <property name="sizePolicy">
+            <sizepolicy hsizetype="Minimum" vsizetype="Fixed">
+             <horstretch>0</horstretch>
+             <verstretch>0</verstretch>
+            </sizepolicy>
+           </property>
+           <property name="minimumSize">
             <size>
-             <width>0</width>
-             <height>0</height>
+             <width>40</width>
+             <height>150</height>
             </size>
            </property>
            <property name="text">
-            <string>Target IP:</string>
+            <string/>
+           </property>
+           <property name="icon">
+            <iconset>
+             <normaloff>res/arrow-turn-left-solid.svg</normaloff>res/arrow-turn-left-solid.svg</iconset>
+           </property>
+           <property name="iconSize">
+            <size>
+             <width>24</width>
+             <height>64</height>
+            </size>
+           </property>
+           <property name="checkable">
+            <bool>true</bool>
            </property>
           </widget>
          </item>
-         <item>
-          <widget class="QLineEdit" name="lineEdit_TcpClientTargetIP">
+         <item row="4" column="2">
+          <widget class="QPushButton" name="buttonBackward">
+           <property name="sizePolicy">
+            <sizepolicy hsizetype="Minimum" vsizetype="Minimum">
+             <horstretch>0</horstretch>
+             <verstretch>0</verstretch>
+            </sizepolicy>
+           </property>
            <property name="minimumSize">
             <size>
-             <width>150</width>
-             <height>0</height>
+             <width>50</width>
+             <height>50</height>
             </size>
            </property>
            <property name="maximumSize">
             <size>
-             <width>200</width>
-             <height>16777215</height>
+             <width>50</width>
+             <height>50</height>
             </size>
            </property>
+           <property name="text">
+            <string/>
+           </property>
+           <property name="icon">
+            <iconset>
+             <normaloff>res/arrow-down-solid.svg</normaloff>res/arrow-down-solid.svg</iconset>
+           </property>
+           <property name="checkable">
+            <bool>true</bool>
+           </property>
           </widget>
          </item>
-         <item>
-          <widget class="Line" name="line_4">
-           <property name="orientation">
-            <enum>Qt::Vertical</enum>
+         <item row="4" column="3">
+          <widget class="QPushButton" name="buttonRight135">
+           <property name="sizePolicy">
+            <sizepolicy hsizetype="Minimum" vsizetype="Minimum">
+             <horstretch>0</horstretch>
+             <verstretch>0</verstretch>
+            </sizepolicy>
+           </property>
+           <property name="minimumSize">
+            <size>
+             <width>50</width>
+             <height>50</height>
+            </size>
+           </property>
+           <property name="maximumSize">
+            <size>
+             <width>50</width>
+             <height>50</height>
+            </size>
+           </property>
+           <property name="text">
+            <string/>
+           </property>
+           <property name="icon">
+            <iconset>
+             <normaloff>res/arrow-down-right-solid.svg</normaloff>res/arrow-down-right-solid.svg</iconset>
+           </property>
+           <property name="checkable">
+            <bool>true</bool>
+           </property>
+          </widget>
+         </item>
+         <item row="4" column="1">
+          <widget class="QPushButton" name="buttonLeft135">
+           <property name="sizePolicy">
+            <sizepolicy hsizetype="Minimum" vsizetype="Minimum">
+             <horstretch>0</horstretch>
+             <verstretch>0</verstretch>
+            </sizepolicy>
+           </property>
+           <property name="minimumSize">
+            <size>
+             <width>50</width>
+             <height>50</height>
+            </size>
+           </property>
+           <property name="maximumSize">
+            <size>
+             <width>50</width>
+             <height>50</height>
+            </size>
+           </property>
+           <property name="text">
+            <string/>
+           </property>
+           <property name="icon">
+            <iconset>
+             <normaloff>res/arrow-down-left-solid.svg</normaloff>res/arrow-down-left-solid.svg</iconset>
+           </property>
+           <property name="checkable">
+            <bool>true</bool>
+           </property>
+          </widget>
+         </item>
+         <item row="2" column="4" rowspan="3">
+          <widget class="QPushButton" name="buttonTurnRight">
+           <property name="minimumSize">
+            <size>
+             <width>40</width>
+             <height>150</height>
+            </size>
+           </property>
+           <property name="text">
+            <string/>
+           </property>
+           <property name="icon">
+            <iconset>
+             <normaloff>res/arrow-turn-right-solid.svg</normaloff>res/arrow-turn-right-solid.svg</iconset>
+           </property>
+           <property name="iconSize">
+            <size>
+             <width>24</width>
+             <height>64</height>
+            </size>
+           </property>
+           <property name="checkable">
+            <bool>true</bool>
            </property>
           </widget>
          </item>
-         <item>
-          <widget class="QLabel" name="label_targetPort">
+         <item row="2" column="3">
+          <widget class="QPushButton" name="buttonRight45">
+           <property name="enabled">
+            <bool>true</bool>
+           </property>
            <property name="sizePolicy">
-            <sizepolicy hsizetype="Preferred" vsizetype="Preferred">
+            <sizepolicy hsizetype="Minimum" vsizetype="Minimum">
              <horstretch>0</horstretch>
              <verstretch>0</verstretch>
             </sizepolicy>
            </property>
            <property name="minimumSize">
             <size>
-             <width>0</width>
-             <height>0</height>
+             <width>50</width>
+             <height>50</height>
+            </size>
+           </property>
+           <property name="maximumSize">
+            <size>
+             <width>50</width>
+             <height>50</height>
             </size>
            </property>
            <property name="text">
-            <string>Port:</string>
+            <string/>
+           </property>
+           <property name="icon">
+            <iconset>
+             <normaloff>res/arrow-up-right-solid.svg</normaloff>res/arrow-up-right-solid.svg</iconset>
+           </property>
+           <property name="checkable">
+            <bool>true</bool>
            </property>
           </widget>
          </item>
-         <item>
-          <widget class="QLineEdit" name="lineEdit_TcpClientTargetPort">
+         <item row="1" column="1" colspan="3">
+          <layout class="QHBoxLayout" name="horizontalLayout_2">
+           <property name="spacing">
+            <number>0</number>
+           </property>
+           <item>
+            <widget class="QPushButton" name="buttonFastForward">
+             <property name="minimumSize">
+              <size>
+               <width>150</width>
+               <height>40</height>
+              </size>
+             </property>
+             <property name="maximumSize">
+              <size>
+               <width>150</width>
+               <height>16777215</height>
+              </size>
+             </property>
+             <property name="text">
+              <string/>
+             </property>
+             <property name="icon">
+              <iconset>
+               <normaloff>res/arrow-up-up-solid.svg</normaloff>res/arrow-up-up-solid.svg</iconset>
+             </property>
+             <property name="iconSize">
+              <size>
+               <width>24</width>
+               <height>24</height>
+              </size>
+             </property>
+             <property name="checkable">
+              <bool>true</bool>
+             </property>
+             <property name="checked">
+              <bool>false</bool>
+             </property>
+             <property name="flat">
+              <bool>false</bool>
+             </property>
+            </widget>
+           </item>
+          </layout>
+         </item>
+         <item row="3" column="2">
+          <widget class="QPushButton" name="buttonStandby">
+           <property name="sizePolicy">
+            <sizepolicy hsizetype="Minimum" vsizetype="Minimum">
+             <horstretch>0</horstretch>
+             <verstretch>0</verstretch>
+            </sizepolicy>
+           </property>
            <property name="minimumSize">
             <size>
-             <width>80</width>
-             <height>0</height>
+             <width>50</width>
+             <height>50</height>
             </size>
            </property>
            <property name="maximumSize">
             <size>
-             <width>80</width>
-             <height>16777215</height>
+             <width>50</width>
+             <height>50</height>
             </size>
            </property>
+           <property name="text">
+            <string/>
+           </property>
+           <property name="icon">
+            <iconset>
+             <normaloff>res/pause-solid.svg</normaloff>res/pause-solid.svg</iconset>
+           </property>
+           <property name="checkable">
+            <bool>true</bool>
+           </property>
+           <property name="checked">
+            <bool>true</bool>
+           </property>
           </widget>
          </item>
-         <item>
-          <spacer name="horizontalSpacer">
-           <property name="orientation">
-            <enum>Qt::Horizontal</enum>
+         <item row="3" column="1">
+          <widget class="QPushButton" name="buttonShiftLeft">
+           <property name="sizePolicy">
+            <sizepolicy hsizetype="Minimum" vsizetype="Minimum">
+             <horstretch>0</horstretch>
+             <verstretch>0</verstretch>
+            </sizepolicy>
            </property>
-           <property name="sizeHint" stdset="0">
+           <property name="minimumSize">
             <size>
-             <width>40</width>
-             <height>20</height>
+             <width>50</width>
+             <height>50</height>
+            </size>
+           </property>
+           <property name="maximumSize">
+            <size>
+             <width>50</width>
+             <height>50</height>
+            </size>
+           </property>
+           <property name="text">
+            <string/>
+           </property>
+           <property name="icon">
+            <iconset>
+             <normaloff>res/arrow-left-solid.svg</normaloff>res/arrow-left-solid.svg</iconset>
+           </property>
+           <property name="checkable">
+            <bool>true</bool>
+           </property>
+          </widget>
+         </item>
+         <item row="2" column="1">
+          <widget class="QPushButton" name="buttonLeft45">
+           <property name="sizePolicy">
+            <sizepolicy hsizetype="Minimum" vsizetype="Minimum">
+             <horstretch>0</horstretch>
+             <verstretch>0</verstretch>
+            </sizepolicy>
+           </property>
+           <property name="minimumSize">
+            <size>
+             <width>50</width>
+             <height>50</height>
             </size>
            </property>
-          </spacer>
+           <property name="maximumSize">
+            <size>
+             <width>50</width>
+             <height>50</height>
+            </size>
+           </property>
+           <property name="text">
+            <string/>
+           </property>
+           <property name="icon">
+            <iconset>
+             <normaloff>res/arrow-up-left-solid.svg</normaloff>res/arrow-up-left-solid.svg</iconset>
+           </property>
+           <property name="checkable">
+            <bool>true</bool>
+           </property>
+          </widget>
          </item>
-         <item>
-          <widget class="QPushButton" name="button_TcpClient">
+         <item row="2" column="2">
+          <widget class="QPushButton" name="buttonForward">
+           <property name="sizePolicy">
+            <sizepolicy hsizetype="Minimum" vsizetype="Minimum">
+             <horstretch>0</horstretch>
+             <verstretch>0</verstretch>
+            </sizepolicy>
+           </property>
+           <property name="minimumSize">
+            <size>
+             <width>50</width>
+             <height>50</height>
+            </size>
+           </property>
+           <property name="maximumSize">
+            <size>
+             <width>50</width>
+             <height>50</height>
+            </size>
+           </property>
            <property name="text">
-            <string>Connect</string>
+            <string/>
+           </property>
+           <property name="icon">
+            <iconset>
+             <normaloff>res/arrow-up-solid.svg</normaloff>res/arrow-up-solid.svg</iconset>
+           </property>
+           <property name="checkable">
+            <bool>true</bool>
            </property>
           </widget>
          </item>
+         <item row="5" column="1" colspan="3">
+          <layout class="QHBoxLayout" name="horizontalLayout_3">
+           <property name="spacing">
+            <number>0</number>
+           </property>
+           <item>
+            <widget class="QPushButton" name="buttonFastBackward">
+             <property name="minimumSize">
+              <size>
+               <width>0</width>
+               <height>40</height>
+              </size>
+             </property>
+             <property name="maximumSize">
+              <size>
+               <width>150</width>
+               <height>16777215</height>
+              </size>
+             </property>
+             <property name="text">
+              <string/>
+             </property>
+             <property name="icon">
+              <iconset>
+               <normaloff>res/arrow-down-down-solid.svg</normaloff>res/arrow-down-down-solid.svg</iconset>
+             </property>
+             <property name="iconSize">
+              <size>
+               <width>24</width>
+               <height>24</height>
+              </size>
+             </property>
+             <property name="checkable">
+              <bool>true</bool>
+             </property>
+            </widget>
+           </item>
+          </layout>
+         </item>
         </layout>
        </item>
       </layout>
      </widget>
     </item>
     <item>
-     <widget class="QGroupBox" name="groupBox_Control">
+     <widget class="QGroupBox" name="groupBox">
       <property name="title">
-       <string>Control</string>
+       <string/>
       </property>
-      <layout class="QGridLayout" name="gridLayout_2">
-       <item row="4" column="5">
-        <widget class="QPushButton" name="pushButton_TurnRight">
-         <property name="text">
-          <string>Turn Right (→)</string>
-         </property>
-        </widget>
-       </item>
-       <item row="3" column="4">
-        <widget class="QPushButton" name="pushButton_Forward">
-         <property name="text">
-          <string>Forward (↑W)</string>
-         </property>
-        </widget>
-       </item>
-       <item row="3" column="2">
-        <spacer name="horizontalSpacer_6">
-         <property name="orientation">
-          <enum>Qt::Horizontal</enum>
-         </property>
-         <property name="sizeHint" stdset="0">
-          <size>
-           <width>40</width>
-           <height>20</height>
-          </size>
-         </property>
-        </spacer>
-       </item>
-       <item row="6" column="4">
-        <widget class="QPushButton" name="pushButton_Backward">
-         <property name="text">
-          <string>Backward (↓S)</string>
-         </property>
-        </widget>
-       </item>
-       <item row="0" column="4">
-        <widget class="QPushButton" name="pushButton_FastForward">
-         <property name="text">
-          <string>Fast Forward</string>
-         </property>
-        </widget>
-       </item>
-       <item row="3" column="0">
-        <widget class="QPushButton" name="pushButton_RotateY">
-         <property name="text">
-          <string>Rotate Y</string>
-         </property>
-        </widget>
-       </item>
-       <item row="3" column="3">
-        <widget class="QPushButton" name="pushButton_ShiftLeft">
-         <property name="text">
-          <string>Shift Left (A)</string>
-         </property>
-        </widget>
-       </item>
-       <item row="4" column="3">
-        <widget class="QPushButton" name="pushButton_TurnLeft">
-         <property name="text">
-          <string>Turn Left (←)</string>
-         </property>
-        </widget>
-       </item>
-       <item row="3" column="5">
-        <widget class="QPushButton" name="pushButton_ShiftRight">
-         <property name="text">
-          <string>Shift Right (D)</string>
-         </property>
-        </widget>
-       </item>
-       <item row="4" column="4">
-        <widget class="QPushButton" name="pushButton_Standby">
-         <property name="text">
-          <string>Standby ( )</string>
-         </property>
-        </widget>
-       </item>
-       <item row="0" column="0">
-        <widget class="QPushButton" name="pushButton_RotateX">
-         <property name="text">
-          <string>Rotate X</string>
-         </property>
-        </widget>
-       </item>
-       <item row="4" column="0">
-        <widget class="QPushButton" name="pushButton_RotateZ">
-         <property name="text">
-          <string>Rotate Z</string>
-         </property>
-        </widget>
-       </item>
-       <item row="6" column="0">
-        <widget class="QPushButton" name="pushButton_Twist">
-         <property name="text">
-          <string>Twist</string>
-         </property>
-        </widget>
-       </item>
-       <item row="0" column="3">
-        <widget class="QPushButton" name="pushButton_Climb">
-         <property name="text">
-          <string>Climb</string>
-         </property>
-        </widget>
+      <layout class="QVBoxLayout" name="verticalLayout_2">
+       <item>
+        <widget class="QTextBrowser" name="textBrowser_TcpClientMessage"/>
        </item>
       </layout>
      </widget>
     </item>
-    <item>
-     <widget class="QTextBrowser" name="textBrowser_TcpClientMessage"/>
-    </item>
    </layout>
   </widget>
   <widget class="QMenuBar" name="menuBar">
@@ -338,7 +980,7 @@
     <rect>
      <x>0</x>
      <y>0</y>
-     <width>500</width>
+     <width>587</width>
      <height>22</height>
     </rect>
    </property>
diff --git a/software/pc/res/arrow-circle-solid.svg b/software/pc/res/arrow-circle-solid.svg
new file mode 100644
index 0000000..6a76a0b
--- /dev/null
+++ b/software/pc/res/arrow-circle-solid.svg
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="arrow-circle-solid.svg"
+   width="512"
+   height="512"
+   inkscape:version="1.1.2 (b8e25be833, 2022-02-05)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="0.7890625"
+     inkscape:cx="156.51485"
+     inkscape:cy="448"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-1929"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
+  <g
+     id="path2403"
+     transform="matrix(9.2020101,9.2020101,-9.2020101,9.2020101,-407.18593,-3438.8137)"
+     style="fill:#646464;fill-opacity:1">
+    <path
+       style="color:#000000;fill:#646464;fill-opacity:1;stroke-linecap:round;-inkscape-stroke:none"
+       d="m 237.90625,150.18359 c -4.4959,-0.42653 -9.05202,1.13992 -12.34961,4.4375 -4.39678,4.39679 -5.71741,11.03267 -3.33789,16.77735 2.37952,5.74467 8.00467,9.50195 14.22266,9.50195 a 3.000005,3.000005 0 0 0 3,-3 3.000005,3.000005 0 0 0 -3,-3 c -3.80845,0 -7.22226,-2.28028 -8.67969,-5.79883 -1.45743,-3.51854 -0.65587,-7.5453 2.03711,-10.23828 2.69298,-2.69298 6.71973,-3.49454 10.23828,-2.03711 3.51855,1.45743 5.80078,4.87124 5.80078,8.67969 a 3.000005,3.000005 0 0 0 3,3 3.000005,3.000005 0 0 0 3,-3 c 0,-6.21799 -3.75923,-11.84313 -9.50391,-14.22266 -1.43616,-0.59488 -2.9291,-0.95743 -4.42773,-1.09961 z"
+       id="path1735" />
+    <g
+       id="g1725"
+       style="fill:#646464;fill-opacity:1">
+      <g
+         id="path1727"
+         style="fill:#646464;fill-opacity:1">
+        <path
+           style="color:#000000;fill:#646464;fill-opacity:1;fill-rule:evenodd;stroke-width:1.2pt;-inkscape-stroke:none"
+           d="m 248.83697,172.43057 -6.00001,-10.38001 h 12.00002 z"
+           id="path1731" />
+        <path
+           style="color:#000000;fill:#646464;fill-opacity:1;fill-rule:evenodd;-inkscape-stroke:none"
+           d="m 241.45117,161.25 7.38672,12.7793 0.69141,-1.19922 6.69336,-11.58008 z m 2.77149,1.59961 h 9.22851 l -4.61523,7.98242 z"
+           id="path1733" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/software/pc/res/arrow-down-down-solid.svg b/software/pc/res/arrow-down-down-solid.svg
new file mode 100644
index 0000000..cfdd931
--- /dev/null
+++ b/software/pc/res/arrow-down-down-solid.svg
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="arrow-down-down-solid.svg"
+   width="512"
+   height="512"
+   inkscape:version="1.1.2 (b8e25be833, 2022-02-05)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="0.39453125"
+     inkscape:cx="-250.93069"
+     inkscape:cy="514.53465"
+     inkscape:window-width="1465"
+     inkscape:window-height="1030"
+     inkscape:window-x="-1920"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
+  <g
+     id="g975-9"
+     transform="matrix(-21.462,0,0,-21.462,3475.2999,819.74861)"
+     style="fill:#646464;fill-opacity:1">
+    <path
+       sodipodi:type="star"
+       style="fill:#646464;fill-opacity:1;stroke:none;stroke-width:4.87247;stroke-linecap:round;stroke-dasharray:14.6174, 14.6174"
+       id="path852-2-9"
+       inkscape:flatsided="true"
+       sodipodi:sides="3"
+       sodipodi:cx="-16.588961"
+       sodipodi:cy="210.12685"
+       sodipodi:r1="42.698452"
+       sodipodi:r2="21.349226"
+       sodipodi:arg1="0.52359878"
+       sodipodi:arg2="1.5707963"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       transform="matrix(0.20523494,0,0,0.20523494,153.40463,-18.272197)"
+       inkscape:transform-center-y="-2.1908049"
+       d="m 20.388983,231.47607 -73.955888,0 36.977945,-64.04768 z" />
+    <path
+       sodipodi:type="star"
+       style="fill:#646464;fill-opacity:1;stroke:none;stroke-width:4.87247;stroke-linecap:round;stroke-dasharray:14.6174, 14.6174"
+       id="path852-2-8-7"
+       inkscape:flatsided="true"
+       sodipodi:sides="3"
+       sodipodi:cx="-16.588961"
+       sodipodi:cy="210.12685"
+       sodipodi:r1="42.698452"
+       sodipodi:r2="21.349226"
+       sodipodi:arg1="0.52359878"
+       sodipodi:arg2="1.5707963"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       transform="matrix(0.20523494,0,0,0.20523494,153.40463,-11.062354)"
+       inkscape:transform-center-y="-2.1908049"
+       d="m 20.388983,231.47607 -73.955888,0 36.977945,-64.04768 z" />
+  </g>
+</svg>
diff --git a/software/pc/res/arrow-down-left-solid.svg b/software/pc/res/arrow-down-left-solid.svg
new file mode 100644
index 0000000..73d5243
--- /dev/null
+++ b/software/pc/res/arrow-down-left-solid.svg
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="arrow-down-left-solid.svg"
+   width="512"
+   height="512"
+   inkscape:version="1.1.2 (b8e25be833, 2022-02-05)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="0.7890625"
+     inkscape:cx="-76.039604"
+     inkscape:cy="399.20792"
+     inkscape:window-width="1465"
+     inkscape:window-height="1030"
+     inkscape:window-x="-1920"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
+  <path
+     sodipodi:type="star"
+     style="fill:#646464;fill-opacity:1;stroke:none;stroke-width:4.87247;stroke-linecap:round;stroke-dasharray:14.6174, 14.6174"
+     id="path852"
+     inkscape:flatsided="true"
+     sodipodi:sides="3"
+     sodipodi:cx="-16.588961"
+     sodipodi:cy="210.12685"
+     sodipodi:r1="42.698452"
+     sodipodi:r2="21.349226"
+     sodipodi:arg1="0.52359878"
+     sodipodi:arg2="1.5707963"
+     inkscape:rounded="0"
+     inkscape:randomized="0"
+     transform="matrix(4.5350421,4.5350421,4.5350421,-4.5350421,-657.14091,1319.6042)"
+     d="m 20.388983,231.47607 -73.955888,0 36.977945,-64.04768 z"
+     inkscape:transform-center-x="-71.039788"
+     inkscape:transform-center-y="-71.039778" />
+</svg>
diff --git a/software/pc/res/arrow-down-right-solid.svg b/software/pc/res/arrow-down-right-solid.svg
new file mode 100644
index 0000000..fd3284b
--- /dev/null
+++ b/software/pc/res/arrow-down-right-solid.svg
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="arrow-down-right-solid.svg"
+   width="512"
+   height="512"
+   inkscape:version="1.1.2 (b8e25be833, 2022-02-05)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="0.7890625"
+     inkscape:cx="-76.039604"
+     inkscape:cy="399.20792"
+     inkscape:window-width="1465"
+     inkscape:window-height="1030"
+     inkscape:window-x="-1920"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
+  <path
+     sodipodi:type="star"
+     style="fill:#646464;fill-opacity:1;stroke:none;stroke-width:4.87247;stroke-linecap:round;stroke-dasharray:14.6174, 14.6174"
+     id="path852"
+     inkscape:flatsided="true"
+     sodipodi:sides="3"
+     sodipodi:cx="-16.588961"
+     sodipodi:cy="210.12685"
+     sodipodi:r1="42.698452"
+     sodipodi:r2="21.349226"
+     sodipodi:arg1="0.52359878"
+     sodipodi:arg2="1.5707963"
+     inkscape:rounded="0"
+     inkscape:randomized="0"
+     transform="matrix(-4.5350421,4.5350421,-4.5350421,-4.5350421,1169.1409,1319.6042)"
+     d="m 20.388983,231.47607 -73.955888,0 36.977945,-64.04768 z"
+     inkscape:transform-center-x="71.039787"
+     inkscape:transform-center-y="-71.039778" />
+</svg>
diff --git a/software/pc/res/arrow-down-solid.svg b/software/pc/res/arrow-down-solid.svg
new file mode 100644
index 0000000..7683e24
--- /dev/null
+++ b/software/pc/res/arrow-down-solid.svg
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="arrow-down-solid.svg"
+   width="512"
+   height="512"
+   inkscape:version="1.1.2 (b8e25be833, 2022-02-05)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="0.7890625"
+     inkscape:cx="-76.039604"
+     inkscape:cy="399.20792"
+     inkscape:window-width="1465"
+     inkscape:window-height="1030"
+     inkscape:window-x="-1920"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
+  <path
+     sodipodi:type="star"
+     style="fill:#646464;fill-opacity:1;stroke:none;stroke-width:4.87247;stroke-linecap:round;stroke-dasharray:14.6174, 14.6174"
+     id="path852"
+     inkscape:flatsided="true"
+     sodipodi:sides="3"
+     sodipodi:cx="-16.588961"
+     sodipodi:cy="210.12685"
+     sodipodi:r1="42.698452"
+     sodipodi:r2="21.349226"
+     sodipodi:arg1="0.52359878"
+     sodipodi:arg2="1.5707963"
+     inkscape:rounded="0"
+     inkscape:randomized="0"
+     transform="matrix(6.413518,0,0,-6.413518,362.3936,1535.1905)"
+     inkscape:transform-center-y="18.113919"
+     d="m 20.388983,231.47607 -73.955888,0 36.977945,-64.04768 z"
+     inkscape:transform-center-x="-3.1875045e-06" />
+</svg>
diff --git a/software/pc/res/arrow-left-right-solid.svg b/software/pc/res/arrow-left-right-solid.svg
new file mode 100644
index 0000000..a4e7cd5
--- /dev/null
+++ b/software/pc/res/arrow-left-right-solid.svg
@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="arrow-left-right-solid.svg"
+   width="512"
+   height="512"
+   inkscape:version="1.1.2 (b8e25be833, 2022-02-05)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="0.7890625"
+     inkscape:cx="156.51485"
+     inkscape:cy="447.36634"
+     inkscape:window-width="1812"
+     inkscape:window-height="1030"
+     inkscape:window-x="-1920"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
+  <g
+     id="path1586"
+     transform="matrix(11.552994,0,0,11.552994,-332.76269,-713.51507)"
+     style="fill:#646464;fill-opacity:1;stroke:none;stroke-width:1.00012;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1">
+    <path
+       style="color:#000000;fill:#646464;fill-opacity:1;stroke:none;stroke-width:1.00012;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 40.164062,80.917969 v 6 h 21.59375 v -6 z"
+       id="path1094" />
+    <g
+       id="g1076"
+       style="fill:#646464;fill-opacity:1;stroke:none;stroke-width:1.00012;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1">
+      <g
+         id="path1086"
+         style="fill:#646464;fill-opacity:1;stroke:none;stroke-width:1.00012;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1">
+        <path
+           style="color:#000000;fill:#646464;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.00012;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           d="m 68.681967,83.918701 -10.38,6 v -12 z"
+           id="path1090" />
+        <path
+           style="color:#000000;fill:#646464;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.00012;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           d="M 57.501953,76.533203 V 91.304687 L 70.28125,83.917969 69.082031,83.226562 Z m 1.599609,2.771484 7.982422,4.613282 -7.982422,4.615234 z"
+           id="path1092" />
+      </g>
+      <g
+         id="path1078"
+         style="fill:#646464;fill-opacity:1;stroke:none;stroke-width:1.00012;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1">
+        <path
+           style="color:#000000;fill:#646464;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.00012;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           d="m 33.240613,83.918701 10.38,-6 v 12 z"
+           id="path1082" />
+        <path
+           style="color:#000000;fill:#646464;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.00012;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           d="m 44.419922,76.533203 -12.777344,7.384766 1.197266,0.693359 11.580078,6.693359 z m -1.59961,2.771484 v 9.228516 l -7.982421,-4.615234 z"
+           id="path1084" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/software/pc/res/arrow-left-solid.svg b/software/pc/res/arrow-left-solid.svg
new file mode 100644
index 0000000..7e3e277
--- /dev/null
+++ b/software/pc/res/arrow-left-solid.svg
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="arrow-left-solid.svg"
+   width="512"
+   height="512"
+   inkscape:version="1.1.2 (b8e25be833, 2022-02-05)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="0.7890625"
+     inkscape:cx="-76.039604"
+     inkscape:cy="399.20792"
+     inkscape:window-width="1465"
+     inkscape:window-height="1030"
+     inkscape:window-x="-1920"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
+  <path
+     sodipodi:type="star"
+     style="fill:#646464;fill-opacity:1;stroke:none;stroke-width:4.87247;stroke-linecap:round;stroke-dasharray:14.6174, 14.6174"
+     id="path852"
+     inkscape:flatsided="true"
+     sodipodi:sides="3"
+     sodipodi:cx="-16.588961"
+     sodipodi:cy="210.12685"
+     sodipodi:r1="42.698452"
+     sodipodi:r2="21.349226"
+     sodipodi:arg1="0.52359878"
+     sodipodi:arg2="1.5707963"
+     inkscape:rounded="0"
+     inkscape:randomized="0"
+     transform="matrix(0,6.413518,6.413518,0,-1023.1905,362.3936)"
+     d="m 20.388983,231.47607 -73.955888,0 36.977945,-64.04768 z"
+     inkscape:transform-center-x="18.113909" />
+</svg>
diff --git a/software/pc/res/arrow-right-solid.svg b/software/pc/res/arrow-right-solid.svg
new file mode 100644
index 0000000..6cba27d
--- /dev/null
+++ b/software/pc/res/arrow-right-solid.svg
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="arrow-right-solid.svg"
+   width="512"
+   height="512"
+   inkscape:version="1.1.2 (b8e25be833, 2022-02-05)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="0.7890625"
+     inkscape:cx="-76.039604"
+     inkscape:cy="399.20792"
+     inkscape:window-width="1465"
+     inkscape:window-height="1030"
+     inkscape:window-x="-1920"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
+  <path
+     sodipodi:type="star"
+     style="fill:#646464;fill-opacity:1;stroke:none;stroke-width:4.87247;stroke-linecap:round;stroke-dasharray:14.6174, 14.6174"
+     id="path852"
+     inkscape:flatsided="true"
+     sodipodi:sides="3"
+     sodipodi:cx="-16.588961"
+     sodipodi:cy="210.12685"
+     sodipodi:r1="42.698452"
+     sodipodi:r2="21.349226"
+     sodipodi:arg1="0.52359878"
+     sodipodi:arg2="1.5707963"
+     inkscape:rounded="0"
+     inkscape:randomized="0"
+     transform="matrix(0,6.413518,-6.413518,0,1535.1905,362.3936)"
+     d="m 20.388983,231.47607 -73.955888,0 36.977945,-64.04768 z"
+     inkscape:transform-center-x="-18.113931" />
+</svg>
diff --git a/software/pc/res/arrow-turn-left-solid.svg b/software/pc/res/arrow-turn-left-solid.svg
new file mode 100644
index 0000000..ee3d072
--- /dev/null
+++ b/software/pc/res/arrow-turn-left-solid.svg
@@ -0,0 +1,109 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 512 1024"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="arrow-turn-left-solid.svg"
+   width="512"
+   height="1024"
+   inkscape:version="1.1.2 (b8e25be833, 2022-02-05)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8">
+    <marker
+       style="overflow:visible;"
+       id="Arrow2Send"
+       refX="0.0"
+       refY="0.0"
+       orient="auto"
+       inkscape:stockid="Arrow2Send"
+       inkscape:isstock="true">
+      <path
+         transform="scale(0.3) rotate(180) translate(-2.3,0)"
+         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.9730900,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
+         style="stroke:context-stroke;fill-rule:evenodd;fill:context-stroke;stroke-width:0.62500000;stroke-linejoin:round;"
+         id="path1371" />
+    </marker>
+    <marker
+       style="overflow:visible;"
+       id="Arrow1Send"
+       refX="0.0"
+       refY="0.0"
+       orient="auto"
+       inkscape:stockid="Arrow1Send"
+       inkscape:isstock="true">
+      <path
+         transform="scale(0.2) rotate(180) translate(6,0)"
+         style="fill-rule:evenodd;fill:context-stroke;stroke:context-stroke;stroke-width:1.0pt;"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         id="path1353" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2Send-8"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="Arrow2Send"
+       inkscape:isstock="true">
+      <path
+         transform="matrix(-0.3,0,0,-0.3,0.69,0)"
+         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:context-stroke;stroke-width:0.625;stroke-linejoin:round"
+         id="path1371-2" />
+    </marker>
+  </defs>
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="0.55795144"
+     inkscape:cx="300.20534"
+     inkscape:cy="531.40825"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-1929"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
+  <path
+     sodipodi:type="star"
+     style="fill:#646464;fill-opacity:1;stroke:none;stroke-width:128.917;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:386.752, 386.752;stroke-dashoffset:0;stroke-opacity:1"
+     id="path852-4-3"
+     inkscape:flatsided="true"
+     sodipodi:sides="3"
+     sodipodi:cx="-16.588961"
+     sodipodi:cy="210.12685"
+     sodipodi:r1="42.698452"
+     sodipodi:r2="21.349226"
+     sodipodi:arg1="0.52359878"
+     sodipodi:arg2="1.5707963"
+     inkscape:rounded="0"
+     inkscape:randomized="0"
+     transform="matrix(0,-3.8534497,3.8534497,0,-524.47983,772.74704)"
+     inkscape:transform-center-y="-10.883397"
+     d="m 20.388983,231.47607 -73.955888,0 36.977945,-64.04768 z"
+     inkscape:transform-center-x="4.3220038e-06" />
+  <path
+     style="fill:none;fill-opacity:1;stroke:#646464;stroke-width:75.59055118;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+     id="path1267"
+     sodipodi:type="arc"
+     sodipodi:cx="2622.1948"
+     sodipodi:cy="449.27054"
+     sodipodi:rx="2449.2434"
+     sodipodi:ry="1340.968"
+     sodipodi:start="2.8797933"
+     sodipodi:end="3.403392"
+     sodipodi:arc-type="arc"
+     sodipodi:open="true"
+     d="m 256.40734,796.33856 a 2449.2434,1340.968 0 0 1 0,-694.13603" />
+</svg>
diff --git a/software/pc/res/arrow-turn-right-solid.svg b/software/pc/res/arrow-turn-right-solid.svg
new file mode 100644
index 0000000..fa09592
--- /dev/null
+++ b/software/pc/res/arrow-turn-right-solid.svg
@@ -0,0 +1,101 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 512 1024"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="arrow-turn-right-solid.svg"
+   width="512"
+   height="1024"
+   inkscape:version="1.1.2 (b8e25be833, 2022-02-05)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8">
+    <marker
+       style="overflow:visible;"
+       id="Arrow2Send"
+       refX="0.0"
+       refY="0.0"
+       orient="auto"
+       inkscape:stockid="Arrow2Send"
+       inkscape:isstock="true">
+      <path
+         transform="scale(0.3) rotate(180) translate(-2.3,0)"
+         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.9730900,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
+         style="stroke:context-stroke;fill-rule:evenodd;fill:context-stroke;stroke-width:0.62500000;stroke-linejoin:round;"
+         id="path1371" />
+    </marker>
+    <marker
+       style="overflow:visible;"
+       id="Arrow1Send"
+       refX="0.0"
+       refY="0.0"
+       orient="auto"
+       inkscape:stockid="Arrow1Send"
+       inkscape:isstock="true">
+      <path
+         transform="scale(0.2) rotate(180) translate(6,0)"
+         style="fill-rule:evenodd;fill:context-stroke;stroke:context-stroke;stroke-width:1.0pt;"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         id="path1353" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2Send-8"
+       refX="0"
+       refY="0"
+       orient="auto"
+       inkscape:stockid="Arrow2Send"
+       inkscape:isstock="true">
+      <path
+         transform="matrix(-0.3,0,0,-0.3,0.69,0)"
+         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:context-stroke;stroke-width:0.625;stroke-linejoin:round"
+         id="path1371-2" />
+    </marker>
+  </defs>
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="0.13948786"
+     inkscape:cx="-863.87446"
+     inkscape:cy="1200.8213"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-1929"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
+  <path
+     sodipodi:type="star"
+     style="fill:#646464;fill-opacity:1;stroke:none;stroke-width:128.917;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:386.752, 386.752;stroke-dashoffset:0;stroke-opacity:1"
+     id="path852-4-3"
+     inkscape:flatsided="true"
+     sodipodi:sides="3"
+     sodipodi:cx="-16.588961"
+     sodipodi:cy="210.12685"
+     sodipodi:r1="42.698452"
+     sodipodi:r2="21.349226"
+     sodipodi:arg1="0.52359878"
+     sodipodi:arg2="1.5707963"
+     inkscape:rounded="0"
+     inkscape:randomized="0"
+     transform="matrix(0,-3.8534497,-3.8534497,0,1012.6785,772.74704)"
+     inkscape:transform-center-y="-10.883397"
+     inkscape:transform-center-x="4.3220038e-06"
+     d="m 20.388983,231.47607 -73.955888,0 36.977945,-64.04768 z" />
+  <path
+     style="color:#000000;fill:#646464;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;fill-opacity:1"
+     d="m -229.43359,64.480469 a 37.7953,37.7953 0 0 0 -36.30469,21.107422 c -115.87907,236.776759 -115.87907,490.588469 0,727.365229 a 37.7953,37.7953 0 0 0 50.56055,17.33399 37.7953,37.7953 0 0 0 17.33398,-50.5625 c -106.66984,-217.95945 -106.66983,-442.94875 0,-660.9082 a 37.7953,37.7953 0 0 0 -17.33398,-50.562504 37.7953,37.7953 0 0 0 -14.25586,-3.773437 z"
+     id="path1267"
+     transform="scale(-1,1)" />
+</svg>
diff --git a/software/pc/res/arrow-twist-solid.svg b/software/pc/res/arrow-twist-solid.svg
new file mode 100644
index 0000000..fd870fa
--- /dev/null
+++ b/software/pc/res/arrow-twist-solid.svg
@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="arrow-twist-solid.svg"
+   width="512"
+   height="512"
+   inkscape:version="1.1.2 (b8e25be833, 2022-02-05)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="0.39453125"
+     inkscape:cx="485.38614"
+     inkscape:cy="370.05941"
+     inkscape:window-width="1812"
+     inkscape:window-height="1030"
+     inkscape:window-x="-1920"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
+  <g
+     id="path2403-6-5"
+     transform="matrix(-11.014665,-6.3593198,-6.3593198,11.014665,-1664.0226,-2083.2001)"
+     style="fill:#646464;fill-opacity:1;stroke:none;stroke-opacity:1">
+    <path
+       style="color:#000000;fill:#646464;fill-opacity:1;stroke:none;stroke-linecap:round;stroke-opacity:1;-inkscape-stroke:none"
+       d="m -227.29687,73.03125 c -3.27849,0.431621 -6.41861,1.912742 -8.87696,4.371094 a 3.000005,3.000005 0 0 0 0,4.242187 3.000005,3.000005 0 0 0 4.24219,0 c 3.01696,-3.016958 7.64484,-3.625499 11.33984,-1.492187 3.69501,2.133311 5.48319,6.447117 4.37891,10.568359 a 3.000005,3.000005 0 0 0 2.12109,3.673828 3.000005,3.000005 0 0 0 3.67383,-2.121094 c 1.79964,-6.716341 -1.15212,-13.841725 -7.17383,-17.318359 -3.01085,-1.738317 -6.42659,-2.355449 -9.70507,-1.923828 z"
+       id="path1721" />
+    <g
+       id="g1703"
+       style="fill:#646464;fill-opacity:1;stroke:none;stroke-opacity:1">
+      <g
+         id="path1713"
+         style="fill:#646464;fill-opacity:1;stroke:none;stroke-opacity:1">
+        <path
+           style="color:#000000;fill:#646464;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.2pt;stroke-opacity:1;-inkscape-stroke:none"
+           d="m -215.10794,98.184327 -3.10901,-11.579243 11.59113,3.105833 z"
+           id="path1717" />
+        <path
+           style="color:#000000;fill:#646464;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-opacity:1;-inkscape-stroke:none"
+           d="m -219.34961,85.472656 3.82813,14.25586 0.97851,-0.978516 9.46289,-9.453125 z m 2.26563,2.263672 8.91211,2.388672 -6.52344,6.515625 z"
+           id="path1719" />
+      </g>
+      <g
+         id="path1705"
+         style="fill:#646464;fill-opacity:1;stroke:none;stroke-opacity:1">
+        <path
+           style="color:#000000;fill:#646464;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.2pt;stroke-opacity:1;-inkscape-stroke:none"
+           d="m -238.94877,84.419816 3.09713,-11.582429 8.4853,8.485296 z"
+           id="path1709" />
+        <path
+           style="color:#000000;fill:#646464;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-opacity:1;-inkscape-stroke:none"
+           d="m -236.26562,71.291016 -3.81446,14.259765 1.33789,-0.357422 12.92188,-3.455078 z m 0.83007,3.09375 6.52344,6.523437 -8.90625,2.380859 z"
+           id="path1711" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/software/pc/res/arrow-up-down-solid.svg b/software/pc/res/arrow-up-down-solid.svg
new file mode 100644
index 0000000..588a503
--- /dev/null
+++ b/software/pc/res/arrow-up-down-solid.svg
@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="arrow-up-down-solid.svg"
+   width="512"
+   height="512"
+   inkscape:version="1.1.2 (b8e25be833, 2022-02-05)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="0.7890625"
+     inkscape:cx="156.51485"
+     inkscape:cy="447.36634"
+     inkscape:window-width="1812"
+     inkscape:window-height="1030"
+     inkscape:window-x="-1920"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
+  <g
+     id="path1586"
+     transform="matrix(0,11.552994,-11.552994,0,1225.5151,-332.76269)"
+     style="fill:#646464;fill-opacity:1;stroke:none;stroke-width:1.00012;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1">
+    <path
+       style="color:#000000;fill:#646464;fill-opacity:1;stroke:none;stroke-width:1.00012;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 40.164062,80.917969 v 6 h 21.59375 v -6 z"
+       id="path1094" />
+    <g
+       id="g1076"
+       style="fill:#646464;fill-opacity:1;stroke:none;stroke-width:1.00012;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1">
+      <g
+         id="path1086"
+         style="fill:#646464;fill-opacity:1;stroke:none;stroke-width:1.00012;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1">
+        <path
+           style="color:#000000;fill:#646464;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.00012;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           d="m 68.681967,83.918701 -10.38,6 v -12 z"
+           id="path1090" />
+        <path
+           style="color:#000000;fill:#646464;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.00012;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           d="M 57.501953,76.533203 V 91.304687 L 70.28125,83.917969 69.082031,83.226562 Z m 1.599609,2.771484 7.982422,4.613282 -7.982422,4.615234 z"
+           id="path1092" />
+      </g>
+      <g
+         id="path1078"
+         style="fill:#646464;fill-opacity:1;stroke:none;stroke-width:1.00012;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1">
+        <path
+           style="color:#000000;fill:#646464;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.00012;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           d="m 33.240613,83.918701 10.38,-6 v 12 z"
+           id="path1082" />
+        <path
+           style="color:#000000;fill:#646464;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.00012;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           d="m 44.419922,76.533203 -12.777344,7.384766 1.197266,0.693359 11.580078,6.693359 z m -1.59961,2.771484 v 9.228516 l -7.982421,-4.615234 z"
+           id="path1084" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/software/pc/res/arrow-up-left-solid.svg b/software/pc/res/arrow-up-left-solid.svg
new file mode 100644
index 0000000..fee5742
--- /dev/null
+++ b/software/pc/res/arrow-up-left-solid.svg
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="arrow-up-left-solid.svg"
+   width="512"
+   height="512"
+   inkscape:version="1.1.2 (b8e25be833, 2022-02-05)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="0.7890625"
+     inkscape:cx="-76.039604"
+     inkscape:cy="399.20792"
+     inkscape:window-width="1465"
+     inkscape:window-height="1030"
+     inkscape:window-x="-1920"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
+  <path
+     sodipodi:type="star"
+     style="fill:#646464;fill-opacity:1;stroke:none;stroke-width:4.87247;stroke-linecap:round;stroke-dasharray:14.6174, 14.6174"
+     id="path852"
+     inkscape:flatsided="true"
+     sodipodi:sides="3"
+     sodipodi:cx="-16.588961"
+     sodipodi:cy="210.12685"
+     sodipodi:r1="42.698452"
+     sodipodi:r2="21.349226"
+     sodipodi:arg1="0.52359878"
+     sodipodi:arg2="1.5707963"
+     inkscape:rounded="0"
+     inkscape:randomized="0"
+     transform="matrix(4.5350421,-4.5350421,4.5350421,4.5350421,-657.14091,-807.60418)"
+     d="m 20.388983,231.47607 -73.955888,0 36.977945,-64.04768 z"
+     inkscape:transform-center-x="-71.039788"
+     inkscape:transform-center-y="71.039778" />
+</svg>
diff --git a/software/pc/res/arrow-up-right-solid.svg b/software/pc/res/arrow-up-right-solid.svg
new file mode 100644
index 0000000..5b1df7a
--- /dev/null
+++ b/software/pc/res/arrow-up-right-solid.svg
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="arrow-up-right-solid.svg"
+   width="512"
+   height="512"
+   inkscape:version="1.1.2 (b8e25be833, 2022-02-05)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="0.7890625"
+     inkscape:cx="-76.039604"
+     inkscape:cy="399.20792"
+     inkscape:window-width="1465"
+     inkscape:window-height="1030"
+     inkscape:window-x="-1920"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
+  <path
+     sodipodi:type="star"
+     style="fill:#646464;fill-opacity:1;stroke:none;stroke-width:4.87247;stroke-linecap:round;stroke-dasharray:14.6174, 14.6174"
+     id="path852"
+     inkscape:flatsided="true"
+     sodipodi:sides="3"
+     sodipodi:cx="-16.588961"
+     sodipodi:cy="210.12685"
+     sodipodi:r1="42.698452"
+     sodipodi:r2="21.349226"
+     sodipodi:arg1="0.52359878"
+     sodipodi:arg2="1.5707963"
+     inkscape:rounded="0"
+     inkscape:randomized="0"
+     transform="matrix(-4.5350421,-4.5350421,-4.5350421,4.5350421,1169.1409,-807.60418)"
+     d="m 20.388983,231.47607 -73.955888,0 36.977945,-64.04768 z"
+     inkscape:transform-center-x="71.039817"
+     inkscape:transform-center-y="71.039778" />
+</svg>
diff --git a/software/pc/res/arrow-up-solid.svg b/software/pc/res/arrow-up-solid.svg
new file mode 100644
index 0000000..9255eff
--- /dev/null
+++ b/software/pc/res/arrow-up-solid.svg
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="arrow-up-solid.svg"
+   width="512"
+   height="512"
+   inkscape:version="1.1.2 (b8e25be833, 2022-02-05)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="0.7890625"
+     inkscape:cx="-76.039604"
+     inkscape:cy="399.20792"
+     inkscape:window-width="1465"
+     inkscape:window-height="1030"
+     inkscape:window-x="-1920"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
+  <path
+     sodipodi:type="star"
+     style="fill:#646464;fill-opacity:1;stroke:none;stroke-width:4.87247;stroke-linecap:round;stroke-dasharray:14.6174, 14.6174"
+     id="path852"
+     inkscape:flatsided="true"
+     sodipodi:sides="3"
+     sodipodi:cx="-16.588961"
+     sodipodi:cy="210.12685"
+     sodipodi:r1="42.698452"
+     sodipodi:r2="21.349226"
+     sodipodi:arg1="0.52359878"
+     sodipodi:arg2="1.5707963"
+     inkscape:rounded="0"
+     inkscape:randomized="0"
+     transform="matrix(6.413518,0,0,6.413518,362.3936,-1023.1905)"
+     inkscape:transform-center-y="-18.113897"
+     d="m 20.388983,231.47607 -73.955888,0 36.977945,-64.04768 z"
+     inkscape:transform-center-x="-3.1875045e-06" />
+</svg>
diff --git a/software/pc/res/arrow-up-up-solid.svg b/software/pc/res/arrow-up-up-solid.svg
new file mode 100644
index 0000000..e272bd0
--- /dev/null
+++ b/software/pc/res/arrow-up-up-solid.svg
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="arrow-up-up-solid.svg"
+   width="512"
+   height="512"
+   inkscape:version="1.1.2 (b8e25be833, 2022-02-05)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="0.39453125"
+     inkscape:cx="-250.93069"
+     inkscape:cy="514.53465"
+     inkscape:window-width="1465"
+     inkscape:window-height="1030"
+     inkscape:window-x="-1920"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
+  <g
+     id="g975-9"
+     transform="matrix(-21.462,0,0,21.462,3475.2999,-307.74862)"
+     style="fill:#646464;fill-opacity:1">
+    <path
+       sodipodi:type="star"
+       style="fill:#646464;fill-opacity:1;stroke:none;stroke-width:4.87247;stroke-linecap:round;stroke-dasharray:14.6174, 14.6174"
+       id="path852-2-9"
+       inkscape:flatsided="true"
+       sodipodi:sides="3"
+       sodipodi:cx="-16.588961"
+       sodipodi:cy="210.12685"
+       sodipodi:r1="42.698452"
+       sodipodi:r2="21.349226"
+       sodipodi:arg1="0.52359878"
+       sodipodi:arg2="1.5707963"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       transform="matrix(0.20523494,0,0,0.20523494,153.40463,-18.272197)"
+       inkscape:transform-center-y="-2.1908049"
+       d="m 20.388983,231.47607 -73.955888,0 36.977945,-64.04768 z" />
+    <path
+       sodipodi:type="star"
+       style="fill:#646464;fill-opacity:1;stroke:none;stroke-width:4.87247;stroke-linecap:round;stroke-dasharray:14.6174, 14.6174"
+       id="path852-2-8-7"
+       inkscape:flatsided="true"
+       sodipodi:sides="3"
+       sodipodi:cx="-16.588961"
+       sodipodi:cy="210.12685"
+       sodipodi:r1="42.698452"
+       sodipodi:r2="21.349226"
+       sodipodi:arg1="0.52359878"
+       sodipodi:arg2="1.5707963"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       transform="matrix(0.20523494,0,0,0.20523494,153.40463,-11.062354)"
+       inkscape:transform-center-y="-2.1908049"
+       d="m 20.388983,231.47607 -73.955888,0 36.977945,-64.04768 z" />
+  </g>
+</svg>
diff --git a/software/pc/res/arrows-rotate-solid.svg b/software/pc/res/arrows-rotate-solid.svg
new file mode 100644
index 0000000..158cef2
--- /dev/null
+++ b/software/pc/res/arrows-rotate-solid.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="arrows-rotate-solid.svg"
+   inkscape:version="1.1.2 (b8e25be833, 2022-02-05)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="0.39453125"
+     inkscape:cx="323.16832"
+     inkscape:cy="358.65346"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
+  <path
+     d="m 417.8693,69.227725 c -13.7511,0 -24.90296,11.13629 -24.90296,24.90297 V 151.78884 C 361.91545,108.54328 311.56476,81.679205 256,81.679205 c -73.54159,0 -138.06362,46.957655 -160.639721,116.888315 -4.231948,13.08184 2.954894,27.14424 16.039071,31.34661 13.1441,4.2802 27.14424,-2.96657 31.36218,-16.0235 C 158.64495,164.5594 204.1707,131.48514 256,131.48514 c 39.3,0 74.91124,19.10525 96.81029,49.80594 h -34.55287 c -13.75111,0 -24.90296,11.1363 -24.90296,24.90297 0,13.76668 11.15185,24.90297 24.90296,24.90297 h 99.61188 c 13.75111,0 24.90297,-11.13629 24.90297,-24.90297 V 94.130695 c 0,-13.76668 -11.12851,-24.90297 -24.90297,-24.90297 z M 400.59287,282.14811 c -13.16744,-4.23195 -27.14424,2.96657 -31.36218,16.02351 C 353.35505,347.44059 307.8293,380.51484 256,380.51484 c -39.3,0 -74.90347,-19.10524 -96.8103,-49.80594 h 34.55287 c 13.75111,0 24.90297,-11.13629 24.90297,-24.90297 0,-13.76667 -11.15186,-24.90297 -24.90297,-24.90297 H 94.130695 c -13.751109,0 -24.90297,11.1363 -24.90297,24.90297 V 417.8693 c 0,13.76667 11.151861,24.90297 24.90297,24.90297 13.751105,0 24.902975,-11.1363 24.902975,-24.90297 v -57.65816 c 31.05089,43.26113 81.40157,70.10964 136.26594,70.10964 73.50267,0 138.05584,-46.95765 160.62416,-116.88831 4.98059,-13.07405 -2.25683,-27.78237 -15.3309,-31.28436 z"
+     id="path2"
+     style="stroke-width:0.778218;fill:#646464;fill-opacity:1" />
+</svg>
diff --git a/software/pc/res/climb-down-solid.svg b/software/pc/res/climb-down-solid.svg
new file mode 100644
index 0000000..4820b08
--- /dev/null
+++ b/software/pc/res/climb-down-solid.svg
@@ -0,0 +1,89 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="climb-down-solid.svg"
+   width="512"
+   height="512"
+   inkscape:version="1.1.2 (b8e25be833, 2022-02-05)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="0.39453125"
+     inkscape:cx="485.38614"
+     inkscape:cy="775.60396"
+     inkscape:window-width="1812"
+     inkscape:window-height="1030"
+     inkscape:window-x="-1920"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
+  <g
+     id="g8816"
+     transform="matrix(11.410809,0,0,11.410809,-1937.4602,-875.23877)"
+     style="fill:#646464;fill-opacity:1">
+    <g
+       id="path1586-5-4-9"
+       style="fill:#646464;fill-opacity:1">
+      <path
+         style="color:#000000;fill:#646464;fill-opacity:1;-inkscape-stroke:none"
+         d="m 190.22656,95.599609 v 11.232421 h 4 V 95.599609 Z"
+         id="path1749" />
+      <g
+         id="g1739"
+         style="fill:#646464;fill-opacity:1">
+        <g
+           id="path1741"
+           style="fill:#646464;fill-opacity:1">
+          <path
+             style="color:#000000;fill:#646464;fill-opacity:1;fill-rule:evenodd;stroke-width:1.6pt;-inkscape-stroke:none"
+             d="m 192.22653,116.06387 -8,-13.84 h 16 z"
+             id="path1745" />
+          <path
+             style="color:#000000;fill:#646464;fill-opacity:1;fill-rule:evenodd;-inkscape-stroke:none"
+             d="m 182.37695,101.15625 9.84961,17.03906 0.92383,-1.59765 8.92383,-15.44141 z m 3.69922,2.13477 h 12.30078 l -6.15039,10.64062 z"
+             id="path1747" />
+        </g>
+      </g>
+    </g>
+    <g
+       aria-label="CLIMB"
+       id="text4496-6"
+       style="font-size:13.7243px;fill:#646464;fill-opacity:1;stroke-width:0.343107">
+      <path
+         d="m 179.27623,89.508391 q -1.05211,0.509301 -2.74755,0.509301 -2.21143,0 -3.47798,-1.300056 -1.26655,-1.300056 -1.26655,-3.464582 0,-2.305253 1.42068,-3.739336 1.42738,-1.434082 3.69913,-1.434082 1.40728,0 2.37227,0.35517 v 2.08411 q -0.96499,-0.576313 -2.19804,-0.576313 -1.35366,0 -2.18463,0.851067 -0.83096,0.851068 -0.83096,2.305254 0,1.393874 0.78405,2.224838 0.78406,0.824262 2.11092,0.824262 1.26655,0 2.31866,-0.616522 z"
+         style="-inkscape-font-specification:'Segoe UI Bold';fill:#646464;fill-opacity:1"
+         id="path1751" />
+      <path
+         d="m 186.67448,89.850159 h -5.72292 v -9.609691 h 2.16452 v 7.853945 h 3.5584 z"
+         style="-inkscape-font-specification:'Segoe UI Bold';fill:#646464;fill-opacity:1"
+         id="path1753" />
+      <path
+         d="m 190.13236,89.850159 h -2.16452 v -9.609691 h 2.16452 z"
+         style="-inkscape-font-specification:'Segoe UI Bold';fill:#646464;fill-opacity:1"
+         id="path1755" />
+      <path
+         d="m 203.26695,89.850159 h -2.13772 v -5.749732 q 0,-0.931483 0.0804,-2.057304 h -0.0536 q -0.16753,0.884574 -0.30156,1.27325 l -2.25164,6.533786 h -1.76915 l -2.29185,-6.466773 q -0.0938,-0.261351 -0.30156,-1.340263 h -0.0603 q 0.0871,1.420679 0.0871,2.49289 v 5.314146 h -1.95009 v -9.609691 h 3.16973 l 1.96348,5.696121 q 0.23455,0.683534 0.34177,1.37377 h 0.0402 q 0.18093,-0.797457 0.38197,-1.387173 l 1.96349,-5.682718 h 3.08931 z"
+         style="-inkscape-font-specification:'Segoe UI Bold';fill:#646464;fill-opacity:1"
+         id="path1757" />
+      <path
+         d="m 205.45158,89.850159 v -9.609691 h 3.49809 q 1.60831,0 2.47278,0.589716 0.86447,0.589716 0.86447,1.661927 0,0.777353 -0.5294,1.360368 -0.5227,0.583014 -1.34026,0.810859 v 0.02681 q 1.0253,0.127325 1.63512,0.757249 0.61652,0.629924 0.61652,1.534602 0,1.32016 -0.94489,2.097513 -0.94488,0.770652 -2.58001,0.770652 z m 2.16452,-8.014777 v 2.278448 h 0.95159 q 0.67013,0 1.05211,-0.321663 0.38867,-0.328365 0.38867,-0.897977 0,-1.058808 -1.58151,-1.058808 z m 0,3.886764 v 2.533099 h 1.17273 q 0.75055,0 1.17274,-0.348469 0.42888,-0.348468 0.42888,-0.951587 0,-0.576313 -0.42218,-0.904678 -0.41548,-0.328365 -1.16603,-0.328365 z"
+         style="-inkscape-font-specification:'Segoe UI Bold';fill:#646464;fill-opacity:1"
+         id="path1759" />
+    </g>
+  </g>
+</svg>
diff --git a/software/pc/res/climb-up-solid.svg b/software/pc/res/climb-up-solid.svg
new file mode 100644
index 0000000..4b23b85
--- /dev/null
+++ b/software/pc/res/climb-up-solid.svg
@@ -0,0 +1,89 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="climb-up-solid.svg"
+   width="512"
+   height="512"
+   inkscape:version="1.1.2 (b8e25be833, 2022-02-05)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="0.39453125"
+     inkscape:cx="485.38614"
+     inkscape:cy="370.05941"
+     inkscape:window-width="1812"
+     inkscape:window-height="1030"
+     inkscape:window-x="-1920"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
+  <g
+     id="g8821"
+     transform="matrix(11.410809,0,0,11.410809,-1406.9374,-875.24129)"
+     style="fill:#646464;fill-opacity:1">
+    <g
+       id="path1586-5-4"
+       style="fill:#646464;fill-opacity:1">
+      <path
+         style="color:#000000;fill:#646464;fill-opacity:1;-inkscape-stroke:none"
+         d="m 143.73437,91.443359 v 11.232421 h 4 V 91.443359 Z"
+         id="path1568" />
+      <g
+         id="g1558"
+         style="fill:#646464;fill-opacity:1">
+        <g
+           id="path1560"
+           style="fill:#646464;fill-opacity:1">
+          <path
+             style="color:#000000;fill:#646464;fill-opacity:1;fill-rule:evenodd;stroke-width:1.6pt;-inkscape-stroke:none"
+             d="m 145.73352,82.211074 8,13.84 h -16 z"
+             id="path1564" />
+          <path
+             style="color:#000000;fill:#646464;fill-opacity:1;fill-rule:evenodd;-inkscape-stroke:none"
+             d="m 145.73437,80.080078 -0.92382,1.597656 -8.92578,15.439453 h 19.69726 z m 0,4.259766 6.15235,10.644531 h -12.30664 z"
+             id="path1566" />
+        </g>
+      </g>
+    </g>
+    <g
+       aria-label="CLIMB"
+       id="text4496"
+       style="font-size:13.7243px;fill:#646464;fill-opacity:1;stroke-width:0.343107">
+      <path
+         d="m 132.78322,117.68601 q -1.05211,0.5093 -2.74754,0.5093 -2.21143,0 -3.47798,-1.30005 -1.26655,-1.30006 -1.26655,-3.46459 0,-2.30525 1.42068,-3.73933 1.42738,-1.43408 3.69912,-1.43408 1.40728,0 2.37227,0.35517 v 2.08411 q -0.96499,-0.57632 -2.19803,-0.57632 -1.35367,0 -2.18463,0.85107 -0.83096,0.85107 -0.83096,2.30525 0,1.39388 0.78405,2.22484 0.78405,0.82426 2.11092,0.82426 1.26654,0 2.31865,-0.61652 z"
+         style="-inkscape-font-specification:'Segoe UI Bold';fill:#646464;fill-opacity:1"
+         id="path1352" />
+      <path
+         d="m 140.18148,118.02778 h -5.72293 v -9.60969 h 2.16453 v 7.85394 h 3.5584 z"
+         style="-inkscape-font-specification:'Segoe UI Bold';fill:#646464;fill-opacity:1"
+         id="path1354" />
+      <path
+         d="m 143.63936,118.02778 h -2.16453 v -9.60969 h 2.16453 z"
+         style="-inkscape-font-specification:'Segoe UI Bold';fill:#646464;fill-opacity:1"
+         id="path1356" />
+      <path
+         d="m 156.77394,118.02778 h -2.13772 v -5.74973 q 0,-0.93149 0.0804,-2.05731 h -0.0536 q -0.16754,0.88458 -0.30156,1.27325 l -2.25165,6.53379 h -1.76914 l -2.29185,-6.46677 q -0.0938,-0.26136 -0.30156,-1.34027 h -0.0603 q 0.0871,1.42068 0.0871,2.49289 v 5.31415 h -1.95008 v -9.60969 h 3.16972 l 1.96349,5.69612 q 0.23454,0.68353 0.34177,1.37377 h 0.0402 q 0.18094,-0.79746 0.38198,-1.38717 l 1.96348,-5.68272 h 3.08931 z"
+         style="-inkscape-font-specification:'Segoe UI Bold';fill:#646464;fill-opacity:1"
+         id="path1358" />
+      <path
+         d="m 158.95857,118.02778 v -9.60969 h 3.49809 q 1.60832,0 2.47279,0.58971 0.86447,0.58972 0.86447,1.66193 0,0.77735 -0.5294,1.36037 -0.52271,0.58301 -1.34027,0.81086 v 0.0268 q 1.0253,0.12733 1.63512,0.75725 0.61652,0.62993 0.61652,1.5346 0,1.32016 -0.94488,2.09752 -0.94489,0.77065 -2.58001,0.77065 z m 2.16453,-8.01478 v 2.27845 h 0.95159 q 0.67013,0 1.0521,-0.32166 0.38868,-0.32837 0.38868,-0.89798 0,-1.05881 -1.58151,-1.05881 z m 0,3.88677 v 2.53309 h 1.17273 q 0.75055,0 1.17273,-0.34846 0.42889,-0.34847 0.42889,-0.95159 0,-0.57631 -0.42219,-0.90468 -0.41548,-0.32836 -1.16603,-0.32836 z"
+         style="-inkscape-font-specification:'Segoe UI Bold';fill:#646464;fill-opacity:1"
+         id="path1360" />
+    </g>
+  </g>
+</svg>
diff --git a/software/pc/res/pause-solid.svg b/software/pc/res/pause-solid.svg
new file mode 100644
index 0000000..21d392f
--- /dev/null
+++ b/software/pc/res/pause-solid.svg
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="pause-solid.svg"
+   width="512"
+   height="512"
+   inkscape:version="1.1.2 (b8e25be833, 2022-02-05)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     width="512px"
+     inkscape:zoom="0.7890625"
+     inkscape:cx="70.336634"
+     inkscape:cy="204.67327"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-1929"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
+  <g
+     id="g1182"
+     transform="matrix(24.455915,0,0,24.455915,-3432.2576,-3432.2577)"
+     style="fill:#646464;fill-opacity:1">
+    <rect
+       style="fill:#646464;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect3167"
+       width="5.2916665"
+       height="15.874999"
+       x="142.875"
+       y="142.875" />
+    <rect
+       style="fill:#646464;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect3167-7"
+       width="5.2916665"
+       height="15.874999"
+       x="153.45833"
+       y="142.875" />
+  </g>
+</svg>