From 5489b3d59baf04d067e15055fed6e0fed86876f3 Mon Sep 17 00:00:00 2001
From: deranjer <deranjer@gmail.com>
Date: Fri, 15 Sep 2017 16:49:20 -0400
Subject: [PATCH] Initial commit, just the basic webui layout and basic golang
 backend with websocket communication tested.

---
 .idea/misc.xml                                |   4 +
 .idea/modules.xml                             |   8 +
 .idea/torrent-project.iml                     |   9 +
 .idea/vcs.xml                                 |   6 +
 main.go                                       |  72 ++++++++
 projectFilesBackup/.idea/workspace.xml        | 172 ++++++++++++++++++
 public/static/css/gridbase.css                | 120 ++++++++++++
 public/static/images/iconActiveTorrents.png   | Bin 0 -> 546 bytes
 public/static/images/iconAddTorrent.png       | Bin 0 -> 913 bytes
 public/static/images/iconAddTorrentLink.png   | Bin 0 -> 527 bytes
 public/static/images/iconDelete.png           | Bin 0 -> 794 bytes
 public/static/images/iconDownList.png         | Bin 0 -> 753 bytes
 public/static/images/iconDownload.png         | Bin 0 -> 506 bytes
 public/static/images/iconInactiveTorrents.png | Bin 0 -> 787 bytes
 public/static/images/iconPause.png            | Bin 0 -> 251 bytes
 public/static/images/iconRSS.png              | Bin 0 -> 850 bytes
 public/static/images/iconScrollDown.png       | Bin 0 -> 565 bytes
 public/static/images/iconScrollUp.png         | Bin 0 -> 579 bytes
 public/static/images/iconSettings.png         | Bin 0 -> 1450 bytes
 public/static/images/iconStart.png            | Bin 0 -> 524 bytes
 public/static/images/iconStop.png             | Bin 0 -> 219 bytes
 public/static/images/iconTorrent.png          | Bin 0 -> 539 bytes
 public/static/images/iconUpList.png           | Bin 0 -> 728 bytes
 public/static/images/iconUpload.png           | Bin 0 -> 470 bytes
 public/static/images/testicon.png             | Bin 0 -> 1014 bytes
 templates/home.tmpl                           | 161 ++++++++++++++++
 26 files changed, 552 insertions(+)
 create mode 100644 .idea/misc.xml
 create mode 100644 .idea/modules.xml
 create mode 100644 .idea/torrent-project.iml
 create mode 100644 .idea/vcs.xml
 create mode 100644 main.go
 create mode 100644 projectFilesBackup/.idea/workspace.xml
 create mode 100644 public/static/css/gridbase.css
 create mode 100644 public/static/images/iconActiveTorrents.png
 create mode 100644 public/static/images/iconAddTorrent.png
 create mode 100644 public/static/images/iconAddTorrentLink.png
 create mode 100644 public/static/images/iconDelete.png
 create mode 100644 public/static/images/iconDownList.png
 create mode 100644 public/static/images/iconDownload.png
 create mode 100644 public/static/images/iconInactiveTorrents.png
 create mode 100644 public/static/images/iconPause.png
 create mode 100644 public/static/images/iconRSS.png
 create mode 100644 public/static/images/iconScrollDown.png
 create mode 100644 public/static/images/iconScrollUp.png
 create mode 100644 public/static/images/iconSettings.png
 create mode 100644 public/static/images/iconStart.png
 create mode 100644 public/static/images/iconStop.png
 create mode 100644 public/static/images/iconTorrent.png
 create mode 100644 public/static/images/iconUpList.png
 create mode 100644 public/static/images/iconUpload.png
 create mode 100644 public/static/images/testicon.png
 create mode 100644 templates/home.tmpl

diff --git a/.idea/misc.xml b/.idea/misc.xml
new file mode 100644
index 00000000..da035de2
--- /dev/null
+++ b/.idea/misc.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="GOROOT" path="C:\Go" />
+</project>
\ No newline at end of file
diff --git a/.idea/modules.xml b/.idea/modules.xml
new file mode 100644
index 00000000..cee7cf51
--- /dev/null
+++ b/.idea/modules.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/torrent-project.iml" filepath="$PROJECT_DIR$/.idea/torrent-project.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/torrent-project.iml b/.idea/torrent-project.iml
new file mode 100644
index 00000000..5e764c4f
--- /dev/null
+++ b/.idea/torrent-project.iml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="Go" enabled="true" />
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 00000000..94a25f7f
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/main.go b/main.go
new file mode 100644
index 00000000..5cec422c
--- /dev/null
+++ b/main.go
@@ -0,0 +1,72 @@
+package main
+
+import (
+	"flag"
+	"fmt"
+	"github.com/gorilla/mux"
+	"github.com/gorilla/websocket"
+	"html/template"
+	"log"
+	"net/http"
+	"os"
+	"time"
+)
+
+var (
+	httpAddr        = flag.String("addr", ":8000", "Http server address")
+	baseTmpl string = "templates/base.tmpl"
+
+	APP_ID     = os.Getenv("APP_ID")
+	APP_SECRET = os.Getenv("APP_SECRET")
+)
+
+var upgrader = websocket.Upgrader{
+	ReadBufferSize:  1024,
+	WriteBufferSize: 1024,
+}
+
+func serveHome(w http.ResponseWriter, r *http.Request) {
+	s1, _ := template.ParseFiles("templates/home.tmpl")
+	s1.ExecuteTemplate(w, "base", map[string]string{"APP_ID": APP_ID})
+}
+
+func main() {
+
+	r := mux.NewRouter()
+
+	r.HandleFunc("/", serveHome)
+	http.Handle("/static/", http.FileServer(http.Dir("public")))
+	http.Handle("/", r)
+	http.HandleFunc("/websocket", func(w http.ResponseWriter, r *http.Request) {
+		conn, err := upgrader.Upgrade(w, r, nil)
+		if err != nil {
+			log.Println(err)
+			return
+		}
+		for {
+			msgType, msg, err := conn.ReadMessage()
+			if err != nil {
+				fmt.Println(err)
+				return
+			}
+			if string(msg) == "ping" {
+				fmt.Println("ping")
+				time.Sleep(2 * time.Second)
+				err = conn.WriteMessage(msgType, []byte("pong"))
+				if err != nil {
+					fmt.Println(err)
+					return
+				}
+			} else {
+				conn.Close()
+				fmt.Println(string(msg))
+				return
+			}
+		}
+	})
+	if err := http.ListenAndServe(*httpAddr, nil); err != nil {
+		log.Fatalf("Error listening, %v", err)
+	}
+
+	//
+}
diff --git a/projectFilesBackup/.idea/workspace.xml b/projectFilesBackup/.idea/workspace.xml
new file mode 100644
index 00000000..866e12c0
--- /dev/null
+++ b/projectFilesBackup/.idea/workspace.xml
@@ -0,0 +1,172 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ChangeListManager">
+    <list default="true" id="057beee9-5607-4a22-8523-4af575dc8251" name="Default" comment="" />
+    <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
+    <option name="TRACKING_ENABLED" value="true" />
+    <option name="SHOW_DIALOG" value="false" />
+    <option name="HIGHLIGHT_CONFLICTS" value="true" />
+    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
+    <option name="LAST_RESOLUTION" value="IGNORE" />
+  </component>
+  <component name="FileEditorManager">
+    <leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
+      <file leaf-file-name="main.go" pinned="false" current-in-tab="true">
+        <entry file="file://$PROJECT_DIR$/main.go">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="459">
+              <caret line="27" column="4" lean-forward="false" selection-start-line="27" selection-start-column="4" selection-end-line="27" selection-end-column="4" />
+              <folding>
+                <element signature="e#14#100#0" expanded="true" />
+              </folding>
+            </state>
+          </provider>
+        </entry>
+      </file>
+    </leaf>
+  </component>
+  <component name="FileTemplateManagerImpl">
+    <option name="RECENT_TEMPLATES">
+      <list>
+        <option value="Go File" />
+      </list>
+    </option>
+  </component>
+  <component name="IdeDocumentHistory">
+    <option name="CHANGED_PATHS">
+      <list>
+        <option value="$PROJECT_DIR$/main.go" />
+      </list>
+    </option>
+  </component>
+  <component name="JsBuildToolGruntFileManager" detection-done="true" sorting="DEFINITION_ORDER" />
+  <component name="JsBuildToolPackageJson" detection-done="true" sorting="DEFINITION_ORDER" />
+  <component name="JsGulpfileManager">
+    <detection-done>true</detection-done>
+    <sorting>DEFINITION_ORDER</sorting>
+  </component>
+  <component name="ProjectFrameBounds" extendedState="6">
+    <option name="x" value="-251" />
+    <option name="y" value="-8" />
+    <option name="width" value="1934" />
+    <option name="height" value="1084" />
+  </component>
+  <component name="ProjectView">
+    <navigator currentView="ProjectPane" proportions="" version="1">
+      <flattenPackages />
+      <showMembers />
+      <showModules />
+      <showLibraryContents />
+      <hideEmptyPackages />
+      <abbreviatePackageNames />
+      <autoscrollToSource />
+      <autoscrollFromSource />
+      <sortByType />
+      <manualOrder />
+      <foldersAlwaysOnTop value="true" />
+    </navigator>
+    <panes>
+      <pane id="Scratches" />
+      <pane id="Scope" />
+      <pane id="ProjectPane">
+        <subPane>
+          <expand>
+            <path>
+              <item name="torrent-project" type="b2602c69:ProjectViewProjectNode" />
+              <item name="torrent-project" type="462c0819:PsiDirectoryNode" />
+            </path>
+          </expand>
+          <select />
+        </subPane>
+      </pane>
+    </panes>
+  </component>
+  <component name="PropertiesComponent">
+    <property name="last_opened_file_path" value="$USER_HOME$" />
+    <property name="go.sdk.automatically.set" value="true" />
+    <property name="DefaultGoTemplateProperty" value="Go File" />
+  </component>
+  <component name="RunDashboard">
+    <option name="ruleStates">
+      <list>
+        <RuleState>
+          <option name="name" value="ConfigurationTypeDashboardGroupingRule" />
+        </RuleState>
+        <RuleState>
+          <option name="name" value="StatusDashboardGroupingRule" />
+        </RuleState>
+      </list>
+    </option>
+  </component>
+  <component name="RunManager" selected="Go Single File.go run main.go">
+    <configuration name="go run main.go" type="GoRunFileConfiguration" factoryName="Go Single File" temporary="true">
+      <module name="torrent-project" />
+      <working_directory value="$PROJECT_DIR$/" />
+      <filePath value="$PROJECT_DIR$/main.go" />
+    </configuration>
+    <recent_temporary>
+      <list size="1">
+        <item index="0" class="java.lang.String" itemvalue="Go Single File.go run main.go" />
+      </list>
+    </recent_temporary>
+  </component>
+  <component name="ShelveChangesManager" show_recycled="false">
+    <option name="remove_strategy" value="false" />
+  </component>
+  <component name="ToolWindowManager">
+    <frame x="-8" y="-8" width="1936" height="1096" extended-state="6" />
+    <layout>
+      <window_info id="Project" active="true" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.25266525" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
+      <window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
+      <window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="7" side_tool="true" content_ui="tabs" />
+      <window_info id="Database" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
+      <window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.32917964" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
+      <window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="false" weight="0.33" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" />
+      <window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+      <window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" />
+      <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
+      <window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="true" content_ui="tabs" />
+      <window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" />
+      <window_info id="Message" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
+      <window_info id="Commander" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
+      <window_info id="Inspection" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="5" side_tool="false" content_ui="tabs" />
+      <window_info id="Hierarchy" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="2" side_tool="false" content_ui="combo" />
+      <window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+      <window_info id="Ant Build" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+    </layout>
+  </component>
+  <component name="TypeScriptGeneratedFilesManager">
+    <option name="version" value="1" />
+  </component>
+  <component name="VcsContentAnnotationSettings">
+    <option name="myLimit" value="2678400000" />
+  </component>
+  <component name="XDebuggerManager">
+    <breakpoint-manager>
+      <option name="time" value="1" />
+    </breakpoint-manager>
+    <watches-manager />
+  </component>
+  <component name="editorHistoryManager">
+    <entry file="file://$PROJECT_DIR$/main.go">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="0">
+          <caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+          <folding>
+            <element signature="e#14#100#0" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/main.go">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="459">
+          <caret line="27" column="4" lean-forward="false" selection-start-line="27" selection-start-column="4" selection-end-line="27" selection-end-column="4" />
+          <folding>
+            <element signature="e#14#100#0" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+  </component>
+</project>
\ No newline at end of file
diff --git a/public/static/css/gridbase.css b/public/static/css/gridbase.css
new file mode 100644
index 00000000..a53b771c
--- /dev/null
+++ b/public/static/css/gridbase.css
@@ -0,0 +1,120 @@
+* {box-sizing: border-box;}
+.wrapper {
+	display: grid;
+	grid-gap: 10px;
+	width: 100%;
+	height: 100%;
+	background-color: #F8F9F9;	
+	grid-template-columns: 200px 1fr;
+
+}
+
+.box {
+	background-color: #F2F3F4;
+	border-radius: 1px;
+	
+}
+
+.navcolumn {
+	grid-column: 1;
+	grid-row: 2 / span 2;
+	border-style: double;
+}
+
+.navcolumnImage {
+	padding-right: 10%;
+	vertical-align: middle;
+}
+
+.liNavcolumn {
+	padding: 0;
+}
+
+.liNavcolumn:hover {
+	background-color: grey;
+
+}
+	
+.navsettings {
+	grid-column: 1 / span 2;
+	grid-row: 1;
+	border-style: double;
+	max-height: 80px;
+}
+
+.imagezoom {
+	height: 50px;
+}
+
+
+.imagezoom:hover {
+	background-color: grey;
+}
+
+
+.torrentlist {
+	grid-column: 2;
+	grid-row: 2;
+	border-style: double;
+	min-height: 400px;
+}
+
+.torrentdetails {
+	grid-column: 2;
+	grid-row: 3;
+	border-style: double;
+	min-height: 100px;
+}
+
+ul.none {
+	list-style-type: none;
+	padding: 0 2% 0 0;
+}
+
+ul.navsettingsUl {
+	list-style-type: none;
+	margin: 0;
+	padding-left: 0;
+}
+
+li.top {
+	display: inline;
+}
+
+
+hr {
+	border-width: 2px;
+	padding: 0;
+}
+
+.verticalLine {
+	border-left: solid grey;
+}
+
+table {
+	width: 100%;
+	border-collapse: collapse;
+}
+
+td, th {
+	border: 1px solid #dddddd;
+    text-align: left;
+    padding: 8px;
+	background-color: #3B83CB;
+}
+
+tr:nth-child(even) {
+    background-color: #dddddd;
+}
+
+.activeButton {
+	background-color: red;
+}
+
+.tab {
+	display: none;
+}
+
+.defaultTab {
+	display: initial;
+}
\ No newline at end of file
diff --git a/public/static/images/iconActiveTorrents.png b/public/static/images/iconActiveTorrents.png
new file mode 100644
index 0000000000000000000000000000000000000000..c98be70f28bb8b632df3d90387f4f46e0293ee97
GIT binary patch
literal 546
zcmV+-0^R+IP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm0005$Nkl<ZXhZFp
z%~8WJ5QTShfQubcf~kOXfL#gXh;yP6P6@|^O6+tHDnKQK*cUit8JWotj2&qsS)L5?
z&13z%Z{M!Qk`T`P!86wn9-war|EB}dth|?z7t>&A;=uL1pr-zBX{a4o?S}h_q<BPH
z$af-~m_RrOh@OiW39`ee5kev!!u%8`oB~9%atyG`5OMSifM^3SNW?T)b0M4ow29vf
zCIbjAbiKW@2BIe#!9|%N!uZ%^M6ia>AQ6waF%`w>e-uDh{Erhnh|W_enim-Y#GHr_
zKrYfS(dpAEKs4Jf5V2bCxepO7#dJ7P_3I44MEpTvD<L`qXp5YU301CezbjXv!vQ@&
zExa}Y(yId=0D!k6vk@`dHRV%CMwGJw@eb5hGM_>|g&O`HI5p){$fuA`A?^>j#r8IS
zO;|;2QF}F%bAVGPjON=V0^XSffPh{^I{dRoXE|^xfD~>5(I#Gw>kQx<qR0{8mg58g
ztV9~N9__dVkf(f?rG&WAfgpfa_z2=-r+q8{ok>+~s?$CV2p#e46jF)P{VorS5qCKN
zUN!fjccMY8bK=c%z@&)lLfawq#j_o-2~ZWag$tA39N0TzdS%r+K;?wNr6CJIw@6*K
k^8hZR-87eXpl=7h05a`fK*D~wEC2ui07*qoM6N<$g0+w6V*mgE

literal 0
HcmV?d00001

diff --git a/public/static/images/iconAddTorrent.png b/public/static/images/iconAddTorrent.png
new file mode 100644
index 0000000000000000000000000000000000000000..6e2653dcbd49ffd61c9fca8c3f787693be681abd
GIT binary patch
literal 913
zcmV;C18)3@P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00006VoOIv0QLYP
z01OOBz$X9z010qNS#tmY3ljhU3ljkVnw%H_000McNliru;Ry#9I3To>5s3f*10G34
zK~!ko?U&0>6Hye#zjIqlJ5Z_Ch)D&iESiYn5g*ZwxM1PJ2kgXuz=aTTBl;h>FcA|L
zZVZVF;tq6S*k}w(O@uU(CW6=|qM@cxV(HM*nd5>|+M!R|X(5>}>0+jLI^XY}dmaT0
z88T$3mZE%LUYqQ5n}KHxbP?dLrZEQm1k5FX2h;si{*nQb=4SyoYP`we1kjxeLgaeN
z#2DQN<^jNw^n#KAh|sf-4ti(F0F~H%o7oCiLsKOZ)%`yJWt+d(F@V92fr>y>6=28w
z$%ZD_%vN0?gr4Tp@9700^fs?Igs6sjJt0K3%<Baqs%c&i2vKeGm4+~v^RS%Q#M3Y1
zd+v{3d6aei@XV8g(Fdw21Hb?<01N;FzyLVVDr=P3o@egB)o{G1_1Y0bPQ)<goxpNr
zrFOH>n0KNih-~JCqT<x@Uz}N7gKK3YwPxLJ!BVpw-&!5{{_tnl^~pZgD-!AEJxgoo
z`TQFfzpg-%6__<|jSIl*apK&3uut;KZwcUv=fF-RmLtKE%(pLuaQodNdO!Wb;pkrT
z0ANvp^S%&>=;cPMG{TxquUHZn1Ceh2*s6@19|CCqv7Q;t?|)OD%(Eh#LeOB;ZM&gc
z70L&pP1sA`AkHqV=Kn#fO#?wLg18%Q!4cicXf}v!)uzk$2ZwTG8LMjU7Z6{lqq<IA
z`#?HGu2Oj-Bo{n3w)x<m`wVh|gr{H`WyU%Y8q0+^YHiF~=Q+#nv!ZNovdOf2ttcRi
zC1ah+yNR4H0v{_8iBg&rnM^73scVh-q8ph)7&bAkmJ@}1iqu=s6pn3!w%LKCQJXIW
zR#lJ?kh`0K%_tC$XIKLeEEs|5{wcpg=wikjW&|n?Fz0b<I#ztwXf)Z4<1wvy5VKFP
zI$N+4>#b<3^)i#`H3@3b_JPz9Y_n_fhPR+%L<(#?CqS(!00ShurH2f9OoEC!rp)|G
zQaA2X0O6WPU<V@Vt{(zn2*7C~5;>f&GV}OWLV4l%8CxuBn5(8DZmAQ%Edup|(46Kx
nLW~(^elG>&N$ntKXg}y5V~BT_mn_}O00000NkvXXu0mjf3`m?l

literal 0
HcmV?d00001

diff --git a/public/static/images/iconAddTorrentLink.png b/public/static/images/iconAddTorrentLink.png
new file mode 100644
index 0000000000000000000000000000000000000000..f7929c3c01364034ce55461ee695b748f5b44f63
GIT binary patch
literal 527
zcmV+q0`UEbP)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00006VoOIv0QLYP
z01OOBz$X9z010qNS#tmY3ljhU3ljkVnw%H_000McNliru;Ry%;1UCh_ND=@50h~!h
zK~!ko?V3Ao!!QhnO+rhI<PynsI<zNkhFmAUM2vK7rvQRrNu)@TauJTU<nZ$^zKl%M
z+uqj2U=&9_zCV9U_itZU7#gGoKm~$5L6l%%ZxA^c95o(lG2yOA2_olwZcn@(M~9$f
zEK`tH2&&<KfG`2EfN;xN+7R7ADA{JWinKsbif0(1vX|hfs-lM)sdG7JIc*GjDxsO}
z&{B<F5N04Xh}gN-x&z+FNdv+JgyNiZ%oTx19i+w#weAG3tfL9RR)qTF)(|X3v><vl
zlb``XjftK~1vG-%8=?xL1@XGy6DU|gQ0;j>7T3?q3S<zCW5R`~0i^3vAlwr~X%D$+
z%t55rxpB|}v9&j7%-F3#EP;rhF)u4%s}dS*OwA7W$8@+qd?rMysv2s<&q50b3quPC
zi^?8Gg2=@~dj02e(pSV=iOpV%n|>t_lwf};v86z@X|$TLwLyY*R<b-!#Tbz|!r7ba
zVq0upRshM{m%ae4qF4msj=36*Un>OrD@reGg^7>nFn_Ay!lW@a42X2p{R6pTT%7jp
RtStZl002ovPDHLkV1h?V)B*qi

literal 0
HcmV?d00001

diff --git a/public/static/images/iconDelete.png b/public/static/images/iconDelete.png
new file mode 100644
index 0000000000000000000000000000000000000000..666dc00f74236c339d49120177b487749f37ad92
GIT binary patch
literal 794
zcmV+#1LgdQP)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&0008vNkl<ZXhZGV
zO-ma=7y#gzT~ZSfQsTvn9=#RuA{bjMQU5}{RPY~__Fm(q{T(?d;>lbK^-_p86QS7z
z&16$%ab!v7<9%n|O~5wi$-MK-_s4SfLVo;(IM}}lx!&7*z1eEr&$<;MaltKeb#U-4
zW$aB^h}~IYE*p&##`))XJbu5`YPC(32!coii{qox!ouUjVDNKRm?uPYsa9i2uQ!N<
z*fC+85QSLZ-i}`_F0voz=fhcG6k=^-gVk17*{^n+^*S9R#tO+J%GGMts_AG{IA$85
zx|0oKgy;||!y+*zgbSmETs9ibs8l+Z-AT2?^dKt&<3dbfl1PZRYRs4*a;9ji{%M*i
zC^1k(7W3j__>d$wWg*_F8PwRdP#FhK0H|0Rgsf=mU`GY;#Gqmr5Kf3pfC_}fpz^jL
zK#-y^ln5|{8bgghL8vfAAkdIdOi>6gh%aW6rl*|qPoTBQF|c*(nsd`=S`1OOD`&GL
zsT76qZV`pUV1D1-vFgf-@l0k~v7v`J?-s#gYy}EM1h)tUh5|tb!At=8mZ3tBLa-Q0
z#QY)1y_s#C1rPR+aYA{XA%Q@rVO@<<VS*tc2nD0S1VNw(Sy0e|7%*nMAs9q<#_soF
zTNF=>7X*z+lAB4Ieg$tDJuqm94?^8`p#F=*pdhG%7`Ec5JP;T#1XTdXc><Le5Cejs
z0s{|4s5}7}Cj=D`h`{a!AnOd>1sxJWjiI?R^+Zr&!Y{D{5mXpGWPkrGisO&#^}798
zfe3-cWDh>Kw}WUjdVY#CKlB_PerKG2&|#<#MfqK^YjTl@Zl^Phg{bG>6YWoL8cdN0
zSId|XpcCR%4wF5G5_c!)y_pRGg2+S)Q>s)Rr(cSo_f9_PR5x2%US|Dn_pk1h&(pae
zs>BkLPA2k$f#>HgpTc4P^Mv^lkH@>g9}KAAkWVSF1%;%C#09qqB;Y*L{D;i5_I0uU
Y0IW08Z_OG}od5s;07*qoM6N<$f`H6p4gdfE

literal 0
HcmV?d00001

diff --git a/public/static/images/iconDownList.png b/public/static/images/iconDownList.png
new file mode 100644
index 0000000000000000000000000000000000000000..c438dbe213310938cb6464f3f399c5589b30e105
GIT binary patch
literal 753
zcmV<N0uKF&P)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&0008GNkl<ZXhZFo
zzw6FX6vtm*BuXh|Fc=I5i^YIQlu{JxJCMS}#Aad?{{RykMasapm=vjR-><=9F&GR6
zgHlS8{OVQrsoRt1`F!r@bMGfT-LpKybMHClectDsd(LN$8Iide!9fM`zcE=Esf-kg
zKuxVef$gleGSWG8g)UY`3I(>a+R8}h&=tBk(~MjLE*A=1F16QzE3vXkjNAY&<g%Js
z&rRUsxXx**bq6>Nd<FIcuQNN;R^1NZ1+Wgd3!M4a#c4oR0QZ0sz!zX2@TRTxOy{-(
zFM;*I1K<?!I~9oMR{{&bVc;{c3wW2w$tE>hfn{I=@Dw--{F-#BP1jltJOK^@AAvo<
z`z9}X{=WrS1U3QBfFr<<X*$~g@%|d%d0^y20OM~7*&IOlD<cPh?@fl<0#T2}X3<%E
zGO`o+)MOy>e;JSo8L_$8WNbE#k^)3!7TprC4R{Oe4Yku~sKo(mK?bZ1b?**Mro~k{
zeGb|fqNYK+nBB~-)<+DG-N`OxGqDbn*iL0+<g6+13NVjN0l|Fhh$K!~>&}$5sU%5P
zAR37~i_tvPrYOg}i<?NVj@So?KABz?r|H(JO-4ZCwr(1kPMzPVzCiTL!nXmK=RRD=
zfS(O{u?lz`9$M?m!nVLWOAa6!kLRIB!2G09B1{Vpf#W&nxLiO4<M`sEY2G{Body1k
zg;;y{!~EtW=VNEf?JYTh=!|2G<Ba)#8#q7a;Vs}?7&ja{tg9@N8;DLhU^-|zaK^jC
zXvcBza{#oSvPlUbI_K!`3g9Ym6<7;g3SOTKBY8FuDk=p;-7aM=XR){xSwGpOBoLi-
zT{fi@*Hcrih?EAR)1wa=elRE|LjWn}e5|+v86?aJMk*r-!5ZXfWn_>rCm5-WBm`@a
jqm_|C!kl1aW*GSk1fyv)R+IA<00000NkvXXu0mjfFa%Bh

literal 0
HcmV?d00001

diff --git a/public/static/images/iconDownload.png b/public/static/images/iconDownload.png
new file mode 100644
index 0000000000000000000000000000000000000000..2349d89175dc0915444d6aa7c4be6a0af55e56e2
GIT binary patch
literal 506
zcmV<W0R{evP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm0005ONkl<ZXhZE;
zQBJ}@5S>B!wh8d>4a5`JJ%QdpOxnahJ%UHjKa)1G-at>V^#tM#{0EZyjWT96jidqE
z-Okn&wm(h7?0fU(O<w{awEV)B_YY3Me>=$Tz#vR%lc-7LvvRV6sm7fE&7E`(Xbz0M
zoZSKT4od*p1-O@3(?aJ!abT@qA<Ye_UCzEjwL8)TU>DH(6><XH3TaMY>tfWs1DYGK
zn=v{FWCDoin#0;$PV_j5#Yh*^*nxg1Qv^KGC0tccKrhos_$FA!0=$v*x?M;C@W_Pt
z?+m@o=iq0F$V_mI1^oU3A%_H@oH#HcC!h}m@F$TNo19l?Y6-|i0N|@x19V)cc@_Z*
zq!-Fj2k=2h!~*DI7KudX%&OYj4&<P{P~LU`uc|b(0J@t+;<`$0Sq+;2Mbr=E6C$2&
zA|;~dX)Mml8msy_tAO%ks+TxcS11SfF6H6=7mSO^q!Q<I4~E&jc&|F$Ds`+5<b=g|
z<%r95Vyp-#CKFfUG_pd=B>h0%sOM=ce(p9dYYy0Gws8lV5V5@ulzla9V!F#5>;79?
w>wpu$Y|-vHz&t=}aNC<g)<(t*+<FJT0iFM|G2?UXM*si-07*qoM6N<$f*`f#QUCw|

literal 0
HcmV?d00001

diff --git a/public/static/images/iconInactiveTorrents.png b/public/static/images/iconInactiveTorrents.png
new file mode 100644
index 0000000000000000000000000000000000000000..99c8deeb57477dd62c82050308b12ccf1c17cf9e
GIT binary patch
literal 787
zcmV+u1MK{XP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3ljhU3ljkVnw%H_000McNliru;Ryv7CpIS(V$A>m0-#Am
zK~!ko?O3sH+b|HlC)9zIX7g%z^5zdnx8^texy{r7>1d!Cyft1^fN~q4fnEnv5-F*H
zB$Ad3=msOUqw~GHckhlAnQgY&{%ga?=ji#oc0#f<D4@6B#3T6T-;-G45&T7fNIZj|
z90URcAEKwC0^pg1Av}Nt2?-I9Lcl;_4XgTyqd<gEp%3qUnO&zsqFo45C~!WrvAw?j
zp1uOh<&y1;b+f9ONQ%hMmlvF)0-gW3TCLcM94=F6UO{oHLCfj!c*G<C{$-oZ#-h9i
zB@{Uv4rf=NUOmw2i7eB_fCz;m#N@+x7=Sc$s3P48)Z5<P{?N#rfY3=1k;P(xC;-wd
zm5Mi&nvMsM=ck&Er8mZ=P)j$*(_blN$+FbRi3K3dQh`9oFuYeP7ibx?YY?{r+P~&2
z%8njQq1=l;Bb(T?fQcLQ=>b*qk?u5)SAnv~guttXbp_a%j+EE{T2pyE1eL4Cip97T
zO4HO43VH&_Rc`SgXKLcA2k1S7TNH{v2U4*&2;W6Qsobg~M=^5X9LV&@2Yu;psgTL~
z$ZQOh(QETV6lW{-nFFLX35NR{PNAyc7^i!!Rl=G9h)ki~ZWna#*OS=de-W8Nq0Me$
z>x>ug3grIFJ!zT_Rxf<MyL;Eq?d>Obax_kKbT(U>J*(ci%10l+JtDw)pgfKBC+)+-
zS8TUic1~N;$v?%cC=^Gbp1waJjEuH^w4d$wd#u-MYXLE#I(JP?anSFdpMN0uk+Lp2
z2R1D`Za1WL<<U1qXTMFjT3nH~blM}G?lweHilV?p0T{T#B4`Cpr(Y}&U{y1c^6};d
z5kMfgj1~pUt2ny}BuNqku0)(`6`g(5?)?earNe`~CNjO@0(x?`*=C!{{sN?<hjh)D
Rm~;RD002ovPDHLkV1mI#XZipD

literal 0
HcmV?d00001

diff --git a/public/static/images/iconPause.png b/public/static/images/iconPause.png
new file mode 100644
index 0000000000000000000000000000000000000000..d317a7fe2bab09a9d1dc25f402c6366e85375f64
GIT binary patch
literal 251
zcmV<X00jSuP)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&0002ONkl<ZXhZFp
zOAde_3`F7nht`F<&_D)Se!=IqR_ILoq8P&_SKOqIKq0F+i6c1DNr7Lt)=?;GP9$%B
za(Rm*-i>(kn-`)K?-i$zuL4hN^io_sA4hN`gK5<|Do$(BTC~=sK-F7E)y=oUY8ZRR
z8Fq%9VQ1J2Klz~6TPQD{!7um)zu*`ACKd4FRpo<U@C$yyuMNK{OPvi{^P5x4x{+o6
zkEjBs#4X1`Q#Ps=r4Xgi=s1pyR$Q%zBTAvs@e|(AfHPm6%PIf>002ovPDHLkV1o84
BYV803

literal 0
HcmV?d00001

diff --git a/public/static/images/iconRSS.png b/public/static/images/iconRSS.png
new file mode 100644
index 0000000000000000000000000000000000000000..59f1f01954c71daa06e43af8c6323d047797c713
GIT binary patch
literal 850
zcmV-Y1FigtP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm0009SNkl<ZXhZFp
zzi-n(9L3))WdTvt2^N}(sRaa68Azv2pdfWBL))ojYWWLD{{qq}?bI^Bghc4psm{`=
z6%|adG*g)nm6%{LdT~y%FL#ceoX@e8lcJ`r?R%el-ydgNpx{FkTt6lNc{@09VC)_6
z_fUb4O#o%bVm%1#hz&I3=8X*@e;4}z)*K6uPUmA=R8cc&FamT}{!^~v<>WpVMHQY-
ziy5E+TKIHK09vA|4`DOFF8r|&-xVQV>3dc>fQ>HGuXEt<RdDG`5BSptezt<284bGt
zCXocYXaeoe0KZ!tZUDl9+fCr)wKZ4V14x+f2f*3($RKtAq^Ow(z_sb%w>xEEwgSxD
zHwVnWtH2Gy3_0uq=tN9S1EmUZZw<I@sJ^GQz>OhB_5fi~bmU1LxPG@^DqWx(bS1@b
z3m}EfZ2=2!`(?619WJJV$OnMZnJ>>hVCrTRgid(ti9N^<fD&)a0!z*QL}xxQFA@wp
z0J0Oa<H`@~{bg%#I55fSgj%iWLW1gK7eKdSN$NeFSU!)26O;Ml!-0JwdjLXF%-4E+
zsbo$pe~B)^k9WXv{B4IDfN=MXE0wzH^q~~%f*k-UkfFd2>ph#7uHFwSl`q@T^O#FV
zFO2DI7eJkc-FKm$u2d3!Nx9);E*N&P*#Z#ARAu5yC96_++YxhY_5dabCieT1zRc3O
zGM^iC2UnjiXoedA3BmXdcV1JKp=;~EqjC+&Y!863JGU8Zqj@{|Z3kcihKIVc{NMg9
zy$kFM;pS#&Y<2*2iAQm)9x8-dWpu~z+{ZQG(VHH=ArI^TsH-KX<qiFz^5BkDiB8F3
z3L`rC?6`NF?pgrs0LZ<NF3a|m2OJ57bwbe@KpF?w=vFRzsNDQ9LDivdEew^&jst0O
zfI?NrRF@=7g5&G}a6&@NZv_pA@ygAcn!qW9bq;k3plvhR|1rG-g@3pkyx1u2<8=mw
z-@pL`R<jR~m>GtB!67f{H#*PdYtG*l_-Jun(~AwMZ}OHh*YM&NBX0qt&OZSdbp=N~
czwi$H2gem?K$;>VyZ`_I07*qoM6N<$f<pLz;Q#;t

literal 0
HcmV?d00001

diff --git a/public/static/images/iconScrollDown.png b/public/static/images/iconScrollDown.png
new file mode 100644
index 0000000000000000000000000000000000000000..06c0af06b43d1868888492705666a1a0d9d59c83
GIT binary patch
literal 565
zcmV-50?Pe~P)<h;3K|Lk000e1NJLTq000^Q000^Y1^@s6sY*=F0005}Nkl<ZNK2iT
z;Wb1t5JtbP03Fy0Pys4nD?kTSfC}iqs(`Hk6`%riuv-D=zLW2rY&LnxGw1A&&70)T
zWF|8+QJb7fI+3(1X<yQ|q@|<}N#By5B`t=Inp8OFlJ3I6R$T=Ez^!OM;7du5xid>3
zEPo2tvyaVK%`X+a<#!f7;N>iM+Uw>(So#vY;5x99>!}IG-G?j2yW`+_w=V^u{2m~;
zl5T3JXTG!NI>hk6My4R#-jnoSh`EMw9<Vi!2>e6H9`3v(ztM-GWFnqq>V>3vtjN8R
zMbk=5T0w;2E1Weo2oK0IvJ20Kq!q*&^N@`*gZhO+3di6vpxyz4UL_r7vM}e_7!do>
ze=~^qAe5F=cvobPr36a#V*RB-9aYj%280o;8<qq4k?&;ocefRL!~r=)*5j9+g5pY&
zOLz2FEirPU7)Ir=@EBdLN*TKrqgvL*usDvu`Co!;WL?WUGAs?l(A(R1M{I7X3@K~~
z;>z$t!;FLHT1SndpOnO~S`{hQIu35F-WUb2B(C0{Zl1Y*1dQT}GVNll7(&Y@^}D87
z>aaXAV7PxZqQf#@kXS(CN1g>?0D%NT6GXVC(xl@F$yJ~0Vr{Mcw@g9I0r9j07?0C(
zMRsv*+1S-Uj*llD&vk%3c6qMLO-OxwTR~$JVnhEA0`QAjZ&4=500000NkvXXu0mjf
D`PT$f

literal 0
HcmV?d00001

diff --git a/public/static/images/iconScrollUp.png b/public/static/images/iconScrollUp.png
new file mode 100644
index 0000000000000000000000000000000000000000..99fca2e19a5bc8460bec1a1e10f528b1bdbc3921
GIT binary patch
literal 579
zcmV-J0=)f+P)<h;3K|Lk000e1NJLTq000^Q000^Y1^@s6sY*=F0006CNkl<ZNK2KL
zfiVO@5Jmq*fDBv&hyW3A5g-F1Km=sqM1Tko0U|&KcM(u;YyQ^UUeC^4S6yB0Zco4N
zo}Qkbs7+2Kok-f1v@dB}(n8Xwq#sGol3vD4O)8voNq5PxRhJ0>a4TC6_)^kiWU~aq
z^QYuJ>sXA}{Dwlb{Laz`qMW5jd))|xr>`jr(t($xrzSXepHfV8$0_n|-4KNGM}pi+
zx~W+YzO&{!?csr)9D)dYPf`uS-pxmxFbsRZRw82YL#iHfUJ?N82mco%dh92aiq1Tb
zh`dro(~&(f#P-KvY{Pf5H8qF`s4}XH$RZg+T3}u?GpK)2C}Dr+4CQCX&!x!v01SGQ
zbQn}2UgwabRF#f~jb<(I66{aXyFu&^LTeccig*r$D&pC~dd{6;(YZu_;SU`(85@Fd
z!Vta<LA*08a<t1<9uWq1f`~9eB$fzdSgx1rFI)B~N@bq9LXoaG*6&fR>T+YHh$7%x
z)wP_XTIwRu+Brh0r8AU@A%eIw{BmLD<>+2VkK#TlNo(qgy$-{z-Mdx*?%rR%Jfr&v
z7$+TNu8U2@5Dqy<qq{UqH>^)O;a_cV!!ln`Sa~Pu937h(fN%*SR8MKr@r2~APr7)w
za{aeVLCgVp#|BKqw543AF47j>yfu&wdD8J*2iRkm=elS@>K$nXZCVg(`v0cqi&-*Y
Rj^h9T002ovPDHLkV1g3g08sz{

literal 0
HcmV?d00001

diff --git a/public/static/images/iconSettings.png b/public/static/images/iconSettings.png
new file mode 100644
index 0000000000000000000000000000000000000000..045dd943b737a979dbe26d725e32ba19ce7e92d4
GIT binary patch
literal 1450
zcmV;b1y%ZqP)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&000GXNkl<ZXhY@N
z{gq`y6b0}z5g-CYfCvx)B0vO)01+SpCIUo&2oM1xKm@E`ue*Cy*HqnGx8Hkz7`4`0
z)7|e@)!FA`pIvq5Nj)dy$qjM5Q&q2b>;F<!-``@-TLJl@s@|Fy{9{$UeQhwe03r%M
zSJhWl^<8K1yH)j3RlQMFqI0!z3m~6W)u&bUYE}K-S^7#<{Z>_<RMnSPLs3<?03vl5
z>@ym`iH7K0ZJYt}{$?CQp6*!i&-VQXlV`rEDn#(o&Kj$G-7m2U<m;+x4dZp`(dW4W
zSLh#B6@y2^I@TN2iTe7YBMR$SZ+EN!2?$YOgc|s`s$SUg{PU{%YuhEyj_M<Zq)yZb
zXBaPTb!FYZw{`6Ugy<ZCIResyXpLcr6am6Ua-NYt?ND##i|Csh8DKUJ0!EJkrX`6b
zFnd6f0*S;Zv{K1NFIUyCn<r-})z7y+qhG74KQ=G`jz+*tQ+5wXX!Iy*NsXk}Q9AeE
zi^R%YBqEL3^~_j_$aL~qi!XRSPJM6CWbc+e^0rV5J%;I<+XZ%=nyT(71*toeJ%>Od
zHxwjqtPUh#Q!<4E{H)viSwZ*GWpCYYHzL`UHAfM#0d}H~2)$V`#t_d*19^`|IfC)L
zs$lbbuZm|t(w8^{F-*q_5JoZP&rLs#7V`|x*%<u-f5z)G1L-n00=`QKD?r+)kQM!c
zK<MT+J1YkDDf6Vwh|M@}iELJZ@Jv#r-!Ny75u*T!EDXikIw4H7mo_921wkq7jw2wt
zug2vwYDV&wHtHk6%Zj^KxYCV>qkg60UhbzUt1lmEI~+X_283~1s+-9Uq3>zY=D=Co
z<{=2{`A%a4JPJV6=qcZim@#rD0Q~NQ{q99;3j|k(O-P1J@b9RH#9M7jnJ?AMXV|Eo
ztVhydL57GD=j~}UtY^J^%s1|j%>g0>u#SAiI4jLB`lodUqikm58OwwP8DZZ<{)pP!
zl(N2*ME7@&j1eikm0r<?*v~P9fl{q6UYi;Io{`=(V!@-jZoj|RUzY&s>m$vpO|_7L
z&09i9S|+{FFh@wWoKaQ)T?L3m+PuC5h%^n5-45QNy9y9FjpNhIW~mj!+FO&GrB;gF
z1`&Ekp`8`G-lKu-6}tv2n)dbK5Olh7E@78qS9_fFpx8rYj4-fP=+}mO^xHN{^lKhN
z<$rG&1F$2YQn969&(4ku=CLjGo2#b#)E+fN5A#w$J>csuOg3k9tCbY8$jV<)OVa|<
zclPAT_DCE9N2kB``jt#-``fS~j#4SzSmzx{l+boB>=^AkjjkQi$KM$M6dkt5Qeijg
z-a6$OTaUC>CPc=MRB9x|2q*%GT44NH(MWCRHM3jGdqAr|_E?6oITG`>=(NN41`xS`
zQ=qv<^0(1JD=c_58E?VJ_?c%~Fg)KzE(a`im!tFQxkV;K#$SA}I&;)j#374BrB%Nn
z4o0n9Vqfj38xJbdm5oP)kw$o?W4G%>9ba_$fch+uOM{~(d5iC*vvgJX(>GoJiwn9l
zSEjtSa)ud2Y<2F%SEhSc`ihYRPx#ft-b<hsh$gFUlD7KL>~NL00*|`Hw(0CjpW)8s
z2!L$JYXwKpmAAH$9gf82=6#F8M$K(>XRkIMM0cej_F&wO*jVo%9i(75KF_Ya=xI-q
z*0K&oYb}x02$w)Wv;w4!OuRsK0&|O3Z$Pwyb?^PmX^CP20hhwudzrKHGE_=Nx{L^5
zb+1POS?v+I?wQ>Vk~{9g9@}7tcC4n>DhSU#H~(QEvZj4&8%JO|we_F)FB}nuZNat?
zU3u$!CIjxCy+vxph{*QVsGQMH8+tV1mOzg7zUue?0)}UgLIEz`U;qFB07*qoM6N<$
Ef{RSLCjbBd

literal 0
HcmV?d00001

diff --git a/public/static/images/iconStart.png b/public/static/images/iconStart.png
new file mode 100644
index 0000000000000000000000000000000000000000..e76a660bd1ac016224fe7117e9458441c489ca19
GIT binary patch
literal 524
zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I1|(Ny7TyC=Y)RhkE)4%caKYZ?lYt_f1s;*b
z3=G`DAk4@xYmNj^kiEpy*OmPtC%ZT=*I7xamkbPyGd*1#Ln>~)o$biiWFX*ryR-29
z-k1ZDHl6BCtn42(*7drDtF#5MBtH9pX(n%H_o4c^Kc^Y-9y|;Li|=$~vs;*7t^N@m
zzI`JHL-M2IW`!tb|ARMU*=o*z3$UnG%bCaMeDL|QD&zEKFV3E`R@yA4{3lqOGWg~(
zvs~Qg7{0ymjCdF0fxNz?O5<ab0vIoxe|IO<NT{ibZG*FcW}^rTTfD*NhA9RmW;13f
zD6?!_XKBXqjA2=p?8b~HhKO0bvz~FV9taRBV94MQVVEG0!SJVPL26$J!#<w(rq^Z4
z*%#F7X>+V$P@A87dTv@8!|!VG3udQd89kQ%ye1#Vx0B<#fIoY}yEXZlEkT<qq!=_l
z0!?{z)#iaf-$O~cldHF0p3VHib=kTXk?qqMCRY?Q<UI1d&dBqXkJ+F+oc*G|ifVWG
z=?2x;l}mnnWf0pph3{zmy0a_y9knh}+{WkdC%y(4F5ExF4t<prn4TYJVCvtM#`ffb
zNA4}{GdIk%ftr6xpII9j^>&W~-=k1lh3U+~N9AXJ`~U<RmUgdY^z1i@t_=ak8-u5-
KpUXO@geCy<%gx3B

literal 0
HcmV?d00001

diff --git a/public/static/images/iconStop.png b/public/static/images/iconStop.png
new file mode 100644
index 0000000000000000000000000000000000000000..13b9197bba0e62a3c47e60203768b39e188df8cd
GIT binary patch
literal 219
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpUtMV>B>AsNnZry24!81NjK)c&zb
zE{sjgA;}|#GjzsGm$h@}P1^WldiQ+$JqNC{nJ!@TI3U=>P`H!L!0Cnqvw(u$|MiU<
zj~@7;$6NINZE7xa+=GSw%vUSRT4WYZZqN*=wa))P+bML?vI&|gTswR3#Wfmc^@MRs
zEH-dc{E+$dZEnde&IDzB2F6E4ya_EE8rc*aV%9PC2$)@9VCgt*+8}s{jeYK98^eI*
ShT1^aGI+ZBxvX<aXaWEba!(fk

literal 0
HcmV?d00001

diff --git a/public/static/images/iconTorrent.png b/public/static/images/iconTorrent.png
new file mode 100644
index 0000000000000000000000000000000000000000..96351fb1584defaf67f9fc5cdee74465d2ff4395
GIT binary patch
literal 539
zcmV+$0_6RPP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm0005vNkl<ZXhZFp
z!Ab%_7{~uZ9t?zyf;tprFCg{;odbndZ}kdwuv?GNEe}3J-E@P5&b>h56WF0crwjrM
zRwl+YB4%`FK4(^Ayzb7<@ArKl-#9Z2Oa5a^&JQn;b_RV07CHlmtuUVft~gL+K;9)R
z2YL+X#K8G|CF-f>R+i8h{t>{MOK{0t{TSF+Nhk$M%`jpNM=8UPrso{D?P?UtSd;?g
zR`|LA(f<|zdhJTIrz^mz(O=DEv7Qa^{Qg4y6z(dKG}zNJKoSt}r-fr|WCJw1H)IK?
z0u%V1+}0@agZP6i;Y{E!{G@iM5>5nE@bi$cE-(w8Dq&S1DLh5Ont(36se}~)Q+N{z
zD*~$3seW)FeN=n6G+xlWfKKRq1|-q)CFDy8fbT+*GO)5A@LkAvApqr8ICD!W{tKNI
zPOzQZ)M-*b?+)TmG`iP`wwu=00aFPbcwuZ!Kzv+RLKoh;fR2O-yc2;W5~lFZ1g1$)
z;GGJ{B&hJt1%6A2qs64Ha#}Ce?n0$z*k=rZQG*{3n%CJV=Xh#YBkBFb|2<w87aS`b
z9cmUR85CnV$J>yhsC~g929G7`5LZkLyHpsR@uF-1bcPHyqbnwz$<ln+U$dqeeKEJs
dfX@Ii0$=b}Vn9c(otppv002ovPDHLkV1k;v=Mw+`

literal 0
HcmV?d00001

diff --git a/public/static/images/iconUpList.png b/public/static/images/iconUpList.png
new file mode 100644
index 0000000000000000000000000000000000000000..7dfa68eedeaaa240a73fc6e665490315b94e602b
GIT binary patch
literal 728
zcmV;}0w?{6P)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&0007?Nkl<ZXhZFo
zzsrtc6vsa=lBAR}7z_r3#bQ7t%0yvMqS%=D2blQ>nAj*%1{8}|B*I{^7z_r3K`CXB
z{OVKJEj^x|>&JaxcY3<c@+{}v=X}rko^ze^EHEdsFef-@K>oK%wu-chRLVf3R;9!i
zf3{VmICYf_TSYPwdp77^$gs&)tzD7Rz{L>N8Q@ZOgoy?<fgA^}PQ-BnxRw}OmRc<!
zM}X_V5}>1$6#EGr18!zTnV?()$UfjMuryFfN-0uIs{H^C0QVE(OI8^g$X?(cupGDo
zoSKN_GH??32J8nGlOv5N4hdu%@CaBDsB;wfHQ`@>Hvp;k71#s37y`^tK(+vnfmOh5
z;BcVOv>2t_E#MIF1=tO|>I-HFAe(^a!0N#JgTVJlV9S6zfc^9t*bcnu1Ew#KjleTt
zZQ#4Sm;WhZA3Xqe0Uv=Kz}pnVX*zv?tOs5K>jKZ^yS&elmB2&5{`vrH1>Wa;pwle{
zV(?aCL*TbOm+vKFU)f*w*}G5~L1jq^5NRX`Y4ti#L!S2$`|Am?InYa*Nw;Ll1)@V6
z+XlBecLJZ1z0Fo!6DVqe{I&xiIYBu<CMh7Fv$B=|xR|o3Kz!tU>}*P#(b5++Wdaz7
zh}8Ah$1-V%qyTYDx^}pJ*o1<xDQk*D#EF<Z)?+|?g<SxBxO&g}Oyu_AQ^4MF!F17d
z;hZY7fVhIYin|vL^7>{1QQax#G;_$f`g;O+3j8CpfOr&n91XS)6#&u1_eC&1o*rc$
zXURai+o8~RRWr}!?#B7!Xj(<i1Kl46RU_*0aj(vEf7{2Jy@#)HO&gGL^BworDiY7p
zxEie@<K{c=tyLtRqj5D_MaIo{+*_+iJV)bdw2F+I@3^<QsmO0F9cnWuhu%Q|0000<
KMNUMnLSTX~Xij+m

literal 0
HcmV?d00001

diff --git a/public/static/images/iconUpload.png b/public/static/images/iconUpload.png
new file mode 100644
index 0000000000000000000000000000000000000000..e68def0b5ece249046fff06fbc7ce45f69b8c2ac
GIT binary patch
literal 470
zcmV;{0V)28P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm0004<Nkl<ZXhZFn
zF;at25QhJkLfag{BP1tqIDz8{G^J2z8V5Q%7@KGTmU4vLz}z4?f=5WJ1<xUwIK~8F
z*@cKM4b8sy{%`-~2MjuXnU3p+0vy`GVh57Q9$MVi`L4fLs{*v<(*JXywbt?u(ir9S
zkH5NE2jcK<CD9Ak_Xe)!0OIfx#yqbyTRVamqz&kA=u;xT9{|}44Ek#TEP<W_?{*;#
zA@9Ibc!JE#KgDkp=MX(R#8vPr2_XwGne=h=mUn)zSER)P@5c_t<E0dYEI=GhVQ^L=
zZVJ~w|9t>)^Z<kFO2RB2;rTa}YD<b_9Qc|zRaFTk6CWT?9Fxtf>fWley&*T5cmUty
zl1d?vO!WcE5~nH*GnwiGB;gD&r&V>9)Xm`fPMy8#0VH7xn2S0G7Ot^K;rS!#p7j8J
zI;HGiy5P@>DtuF~06U#i2WZ2jBcvllo0y$y9U*1|*~{e}U`wKHAP=DL0d;`Zfxq`2
zVDeL!%Rj_a1<ZPR08Js9CF+2t5N%>w_!?yjqAr(z2B->{^_>U!0MJ#6F|JY5fdBvi
M07*qoM6N<$f)VY^b^rhX

literal 0
HcmV?d00001

diff --git a/public/static/images/testicon.png b/public/static/images/testicon.png
new file mode 100644
index 0000000000000000000000000000000000000000..c08f5bed7724636b7bf6bc3b64f0a6871d774514
GIT binary patch
literal 1014
zcmV<S0}1?zP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3ljhU3ljkVnw%H_000McNliru;Ryv7B`bC$Y?c531A|FK
zK~!ko?U~PO6lWa9pXYg(l7@wZmZk(Hryx5@QUVsbh2*xEqM#HjdQuO~p*<8&{R>J9
zvU>33K@WljJt%DG#hU?hNHCyy2;{0kFPlS3QrPl(n0Mp2+04$oGrP$^zVH&5d4GI9
zZ{DA?z)>7UreKbB)d0)_m;o>eU>rc%z1sq?0bm`#Du6`*PY*)}Q~}%p&;(#prlu=f
zJt**o2lRfaF-Vbmj^LfC-cRr;0Ly)ZZ>MF~R<2R=9Ou5N>DtU?6{-RF2SDk}<8uQU
zqYLMs06+`C54~0^B^Wjj0hD||J}(X7Sov#TkCJP9s#m7CxC>y^7yg&&OZakV1h-%Q
zjW=8GQf*HXA#s#6cO`x+5v0QBG@uAcu>y4fr?bExcfJ4X^rci1K~RAd!jd{IsV?d|
zMNonm!jl5O8XJRQ_=4>hQdQ*hNF|Vj6Mvmd4d0IK)=pxH&+dniG=d<=2qeE3xg?p8
z(-5Qq=jP^|4Pj&e5h5Fs&U6a=e}!J~X(hf{IrXtKNk|3~7et+9$Ojn%kl_6MJU#)X
zs+68f0A<3SaFxCOZp|A$jl{)&e}pJETm%USdtUCpAkguaDnamZOoaumN(?87>v<~t
z`x<MR;M;k7&50lgoB$&tgruvamehW3h*A(#9O!Q53vvZWg2uRa1m0$YPbv{qA_9@Q
zDe3}<pFdefgGvxxnrfm(wL9A*l}LL8eBhHv3=a?QS8UX6th<|AX<}j`nqf8##CB^3
zH(uP^^ZeG_?_Kl%_Uz9*HtN}^K<7?8Q-Dj@Ox#govH${;aRTE75EzdWC>KDWoaQuo
z=%Z6$s{qVfaRM6!5ZH(lSTBIUdYr&&0R&d#1QrV*uo!oxd<tMQ=`}Ju&s@f_@>rsl
zJC7LKt^aWQ<%2ZW&CSkBez#@xQJS+*2=G32H+sN#W$PwzFYSRYt%N6hSGH~fO8^%7
zC6NJs!LcR!F7!wGA<<hR1N^>B`w1)oxS6L!M);fEdcW6M=sJLvJR~y0uQ(R3Pm9;w
z(&a6Y5q{G#cz;@a1>h&RkGnn+Ukr`-!na)8uVQmqYm=m!wYF&o7fsh@Pqw52u+~ml
zYnKNAzwFvV-U97Z?<0IYEsu`?thH5ZZ6inUhN}~U5{Qc2@thw`SGJmkf!5l*j=2Z&
kLwBA6hvHIyBrxds0QHs4GU-?qoB#j-07*qoM6N<$f&kOIhX4Qo

literal 0
HcmV?d00001

diff --git a/templates/home.tmpl b/templates/home.tmpl
new file mode 100644
index 00000000..6d12bb44
--- /dev/null
+++ b/templates/home.tmpl
@@ -0,0 +1,161 @@
+{{define "base"}}
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<link rel="stylesheet" href="/static/css/gridbase.css" type="text/css" />
+		<title>torrent-project</title>
+		<script>
+		function openTab(evt, tabName) {
+		  var i, x, tablinks;
+		  x = document.getElementsByClassName("tab");
+		  for (i = 0; i < x.length; i++) {
+			  x[i].style.display = "none";
+		  }
+		  tablinks = document.getElementsByClassName("tablink");
+		  for (i = 0; i < x.length; i++) {
+			  tablinks[i].className = tablinks[i].className.replace(" activeButton", "");
+		  }
+		  document.getElementById(tabName).style.display = "block";
+		  evt.currentTarget.className += " activeButton";
+		}
+		</script>
+		<script type="text/javascript">
+         function myWebsocketStart()
+         {
+               var ws = new WebSocket("ws://192.168.1.141:8000/websocket");
+
+               ws.onopen = function()
+               {
+                  // Web Socket is connected, send data using send()
+                  ws.send("ping");
+                  var myTextArea = document.getElementById("loggerData");
+                  myTextArea.innerHTML = myTextArea.innerHTML + "\n" + "First message sent";
+               };
+
+               ws.onmessage = function (evt)
+               {
+                  var myTextArea = document.getElementById("loggerData");
+                  myTextArea.innerHTML = myTextArea.innerHTML + "\n" + evt.data
+                  if(evt.data == "pong") {
+                    setTimeout(function(){ws.send("ping");}, 2000);
+                  }
+               };
+
+               ws.onclose = function()
+               {
+                  var myTextArea = document.getElementById("loggerData");
+                  myTextArea.innerHTML = myTextArea.innerHTML + "\n" + "Connection closed";
+               };
+
+         }
+
+    </script>
+	</head>
+	<body onload="javascript:myWebsocketStart()">
+		<div class="wrapper">
+			<div class="box navcolumn">
+				<hr>
+				<ul class="none">
+					<li class="liNavcolumn" id="allTorrents"><img class="navcolumnImage" src="/static/images/iconTorrent.png">All Torrents</li><hr>
+					<li class="liNavcolumn" id="downloading"><img class="navcolumnImage" src="/static/images/iconDownload.png">Downloading</li><hr>
+					<li class="liNavcolumn" id="uploading"><img class="navcolumnImage" src="/static/images/iconUpload.png">Uploading</li><hr>
+					<li class="liNavcolumn" id="active"><img class="navcolumnImage" src="/static/images/iconActiveTorrents.png">Active</li><hr>
+					<li class="liNavcolumn" id="inactive"><img class="navcolumnImage" src="/static/images/iconInactiveTorrents.png">Inactive</li>
+				</ul>
+				<hr>
+			</div>
+			<div class="box navsettings">
+				<ul class="navsettingsUl">
+					<li class="top" id="addTorrent"><img class="imagezoom" src="/static/images/iconAddTorrent.png"></li>
+					<li class="top" id="addTorrentLink"><img class="imagezoom" src="/static/images/iconAddTorrentLink.png"></li>
+					<li class="top verticalLine" id="deleteTorrent"><img class="imagezoom" src="/static/images/iconDelete.png"></li>
+					<li class="top verticalLine" id="startTorrent"><img class="imagezoom" src="/static/images/iconStart.png"></li>
+					<li class="top" id="pauseTorrent"><img class="imagezoom" src="/static/images/iconPause.png"></li>
+					<li class="top" id="stopTorrent"><img class="imagezoom" src="/static/images/iconStop.png"></li>
+					<li class="top verticalLine" id="upTorrent"><img class="imagezoom" src="/static/images/iconScrollUp.png"></li>
+					<li class="top" id="downTorrent"><img class="imagezoom" src="/static/images/iconScrollDown.png"></li>
+					<li class="top verticalLine" id="rssTorrent"><img class="imagezoom" src="/static/images/iconRss.png"></li>
+					<li class="top verticalLine" id="settingsIcon"><img class="imagezoom" src="/static/images/iconSettings.png"></li>
+			</div>
+			<div class="box torrentlist">
+				<table>
+					<tr>	
+						<th>Name</th>
+						<th>Size</th>
+						<th>Done</th>
+						<th>Status</th>
+						<th>Seeds</th>
+						<th>Peers</th>
+						<th>Down Speed</th>
+						<th>Up Speed</th>
+						<th>ETA</th>
+						<th>Ratio</th>
+						<th>Avail.</th>
+					</tr>
+				</table>
+			</div>
+			<div class="box torrentdetails">
+				
+				<div>
+					<button class="tablink activeButton" onclick="openTab(event, 'General')">General</button>
+					<button class="tablink" onclick="openTab(event, 'Peers')">Peers</button>
+					<button class="tablink" onclick="openTab(event, 'Files')">Files</button>
+					<button class="tablink" onclick="openTab(event, 'Speed')">Speed</button>
+					<button class="tablink" onclick="openTab(event, 'Logger')">Logger</button>
+				</div>
+				
+				
+				
+				<div id="General" class="tab defaultTab">
+					<h2>General</h2>
+					<p>General Information</p>
+				</div>
+				
+				<div id="Peers" class="tab">
+					<h2>Peers</h2>
+					<table>
+						<tr>
+							<th>IP</th>
+							<th>Client</th>
+							<th>Flags</th>
+							<th>Percent</th>
+							<th>Down Speed</th>
+							<th>Up Speed</th>
+							<th>Reqs</th>
+							<th>Uploaded</th>
+							<th>Downloaded</th>
+							<th>Peer dl.</th>
+						</tr>
+					</table>
+				</div>	
+			
+				<div id="Files" class="tab">
+					<h2>Files</h2>
+					<table>
+						<tr>
+							<th>Name</th>
+							<th>Size</th>
+							<th>Done</th>
+							<th>Percent</th>
+							<th>Priority</th>
+						</tr>
+					</table>
+				</div>
+			
+				<div id="Speed" class="tab">
+					<h2>Speed</h2>
+					<p>Speed Graph Here</p>
+				</div>
+			
+				<div id="Logger" class="tab">
+					<h2>Logger</h2>
+					<p id="loggerData">Logger lines here</p>
+				</div>
+				
+			
+			</div>
+		</div>
+	</body>
+	<footer>Icons by <a href="https://icons8.com">icons8</a>
+</html>
+{{end}}
\ No newline at end of file