Crafting materials. Home page. CSS improvements for desktop and mobile screens.

.gitignore

@@ -1,11 +1,9 @@
 # Private files
-copy
 public/img/content/
 application/config/auth.php_*
 application/*.sqlite
-install-*
-#install_*
 private.sql
+util/
 
 # Autogenerated files
 .php_pid
@@ -15,6 +13,7 @@ private.sql
 .kateproject.d/
 .kateproject
 .project
+.pydevproject
 .settings
 .directory
 .DS_Store

application/Controller.php

@@ -4,16 +4,14 @@
     require_once($path["helper"] . "db.php");
     require_once($path["helper"] . "text.php");
     require_once($path["helper"] . "net.php");
-    require_once($path["page"] . "Home_Page.php");
-    require_once($path["page"] . "Monsters_Page.php");
-    require_once($path["page"] . "Monster_Page.php");
-    require_once($path["page"] . "Monster_Info_Page.php");
-    require_once($path["page"] . "Catalog_Page.php");
-    require_once($path["page"] . "Runes_Page.php");
-    require_once($path["page"] . "Fusion_Page.php");
-    require_once($path["page"] . "Report_Page.php");
-    require_once($path["page"] . "Report_Skillup_Page.php");
-    require_once($path["page"] . "Report_Runeupgrade_Page.php");
+    
+    
+    
+    
+    
+    
+    
+    
 
     /**
      * Application controller.
@@ -34,9 +32,7 @@
         public function __construct($params){
 
             global $path;
-            global $root;
             $page;
-            $handler;
 
             $db = start_db();
 
@@ -50,48 +46,60 @@
 
             // Select the model to load.
             if (sizeof($pars) == 0){
+                require_once($path["page"] . "Home_Page.php");
                 $page = new Home_Page($db);
             }
             else{
                 if (strtoupper($pars[0]) == "FUSION"){
+                    require_once($path["page"] . "Fusion_Page.php");
                     $page = new Fusion_Page($db);
                 }
-                elseif (strtoupper($pars[0]) == "MONSTERS"){
-                    $page = new Monsters_Page($db);
+                elseif (strtoupper($pars[0]) == "RUNES"){
+                    require_once($path["page"] . "Runes_Page.php");
+                    $page = new Runes_Page($db);
                 }
-                elseif (strtoupper($pars[0]) == "MONSTER"){
-                    $page = new Monster_Page($db, $pars[1]);
+                elseif (strtoupper($pars[0]) == "MONSTERS"){
+                    if (count($pars) == 1){
+                        require_once($path["page"] . "Monsters_Page.php");
+                        $page = new Monsters_Page($db);
+                    }
+                    else{
+                        require_once($path["page"] . "Monster_Page.php");
+                        $page = new Monster_Page($db, $pars[1]);
+                    }
                 }
                 elseif (strtoupper($pars[0]) == "CATALOG"){
-                    $page = new Catalog_Page($db);
-                }
-                elseif (strtoupper($pars[0]) == "MONSTER_INFO"){
-                    $page = new Monster_Info_Page($db, $pars[1]);
-                }
-                elseif (strtoupper($pars[0]) == "RUNES"){
-                    $page = new Runes_Page($db);
+                    if (count($pars) == 1){
+                        require_once($path["page"] . "Catalog_Page.php");
+                        $page = new Catalog_Page($db);
+                    }
+                    else{
+                        require_once($path["page"] . "Monster_Info_Page.php");
+                        $page = new Monster_Info_Page($db, $pars[1]);
+                    }
                 }
                 elseif (strtoupper($pars[0]) == "REPORT"){
                     if (count($pars) == 1){
+                        require_once($path["page"] . "Report_Page.php");
                         $page = new Report_Page($db);
                     }
                     elseif (strtoupper($pars[1]) == "SKILLUP"){
+                        require_once($path["page"] . "Report_Skillup_Page.php");
                         $page = new Report_Skillup_Page($db, $pars[1]);
                     }
                     elseif (strtoupper($pars[1]) == "RUNEUPGRADE"){
+                    require_once($path["page"] . "Report_Runeupgrade_Page.php");
                         $page = new Report_Runeupgrade_Page($db, $pars[1]);
                     }
                 }
             }
-
             // Load the view, or set an error code.
             if (isset($page)){
                 require_once($page->view);
             }
-            elseif (isset($handler)){
-                http_response_code($handler->response);
-            }
             else{
+                require_once($path["page"] . "Error_Page.php");
+                $page = new Error_Page($db, 404);
                 http_response_code(404);
             }
         }

application/view/catalog.php

@@ -134,7 +134,7 @@
                         }
 ?>
                         <div class='monster'>
-                            <a href='/monster_info/<?=$mon->id?>'>
+                            <a href='/catalog/<?=$mon->id?>'>
                                 <div class='monster_panel'>
                                     <span class='stars'>
 <?php

application/view/home.php

@@ -33,17 +33,79 @@
 <?php
         include __DIR__ . "/inc/header.php";
 ?>
-        <div id='content'>
-            <div class='section'>
-                <h3 class='section_title'>
+        <section class='content'>
+            <h2>
+                <span>
                     Summoners War DataBase
+                </span>
+            </h2>
+            <article>
+                <h3>
+                    <a href='<?=$root?>catalog'>
+                        Catalog
+                    </a>
                 </h3>
-                <div class='entry'>
-
-                </div> <!-- .entry -->
-            </div> <!-- .section -->
-
-        </div> <!-- #content -->
+                <p>
+                    Check out the catalog of every monster in the game.
+                    <br/>
+                    Plan on which monster to look forward or which one is worth building.
+                </p>
+            </article>
+            <article>
+                <h3>
+                    <a href='<?=$root?>monsters'>
+                        Monsters
+                    </a>
+                </h3>
+                <p>
+                    Review your monster collection.
+                    <br/>
+                    Get detailed info about their stats, skills-ups, equiped runes...
+                </p>
+            </article>
+            <article>
+                <h3>
+                    <a href='<?=$root?>runes'>
+                        Runes
+                    </a>
+                </h3>
+                <p>
+                    Review your rune collection.
+                    <br/>
+                    Use a variety of filters to navigate your rune inventory, getting every piece if info about them at first glance.
+                </p>
+            </article>
+            <article>
+                <h3>
+                    <a href='<?=$root?>fusion'>
+                        Fusion
+                    </a>
+                </h3>
+                <p>
+                    Check out fhe fusion diagrams
+                    <br/>
+                    Get a glance at the ingredients and resources you need for yoour next fusion.
+                </p>
+            </article>
+            <article>
+                <h3>
+                    <a href='<?=$root?>report'>
+                        Reports
+                    </a>
+                </h3>
+                <p>
+                    Get useful info to improve your gameplay.
+                    <ul>
+                        <li>
+                            Learn which of your monsters are in greater need of Devilmons.
+                        </li>
+                        <li>
+                            See the equiped runes that can be replaced with better ones from your inventory.
+                        </li>
+                    </ul>
+                </p>
+            </article>
+        </section>
 <?php
         include __DIR__ . "/inc/footer.php";
 ?>

application/view/inc/header.php

@@ -9,22 +9,22 @@
         </h1>
     </div>
     <nav>
-        <a href='<?=$root?>'>
+        <a href='/'>
             Home
         </a>
-        <a href='<?=$root?>catalog'>
+        <a href='/catalog'>
             Catalog
         </a>
-        <a href='<?=$root?>monsters'>
+        <a href='/monsters'>
             Monsters
         </a>
-        <a href='<?=$root?>runes'>
+        <a href='/runes'>
             Runes
         </a>
-        <a href='<?=$root?>fusion'>
+        <a href='/fusion'>
             Fusion
         </a>
-        <a href='<?=$root?>report'>
+        <a href='/report'>
             Reports
         </a>
     </nav>

application/view/monster.php

@@ -35,32 +35,40 @@
 ?>
         <section class='content'>
 <?php
-            if ($page->monster->monster->awakens_from == "" && $page->monster->monster->awakens_to != ""){
+            if ($mon->monster->awakens_from == "" && $mon->monster->awakens_to == ""){
                 // No to, no from, silver monster.
-                $star_src = $path["img"]["layout"] . "icon/star_silver.png";
-                $mon_title = $page->monster->monster->element . " " . $page->monster->monster->name;
+                $star_class ="star_silver";
+                $mon_title = $mon->monster->element . " " . $mon->monster->name;
             }
-            elseif ($page->monster->monster->awakens_from =! ""){
-                // Already awakened.
-                $star_src = $path["img"]["layout"] . "icon/star_aw.png";
-                $mon_title = $page->monster->monster->name;
+            elseif ($mon->monster->awakens_from =! "" && $mon->monster->awakens_to == ""){
+                // Already awakened
+                if ($mon->monster->base_stars - $mon->monster->natural_stars == 1){
+                    // Normal awaken.
+                    $star_class ="star_purple";
+                }
+                else{
+                    // Second awaken.
+                    $star_class ="star_red";
+                }
+                $mon_title = $mon->monster->name;
             }
-            elseif ($page->monster->monster->awakens_to =! ""){
+            elseif ($mon->monster->awakens_to =! ""){
                 // Awakeable.
-                $star_src = $path["img"]["layout"] . "icon/star.png";
-                $mon_title = $page->monster->monster->element . " " . $page->monster->monster->name;
+                $star_class ="star_gold";
+                $mon_title = $mon->monster->element . " " . $mon->monster->name;
             }
-            // TODO: Handle second awakenings
 ?>
             <article id='profile'>
-                <img id='monster_image' title='<?=$mon_title?>' class='border_<?=$page->monster->monster->element?>' src='<?=$page->monster->monster->get_image()?>'/>
+                <div class='monster_panel'>
+                    <img title='<?=$mon_title?>' class='monstr=er border_<?=$page->monster->monster->element?>' src='<?=$page->monster->monster->get_image()?>'/>
+                </div>
                 <div id='details'>
                     <h1><?=$mon_title?></h1>
                     <span class='stars'>
 <?php
                         for ($i = 0; $i < $page->monster->stars; $i ++){
 ?>
-                            <img class='star' src='<?=$star_src?>'/>
+                            <img class='star <?=$star_class?>' src='<?=$path["img"]["layout"] . "icon/star.png"?>'/>
 <?php
                         }
 ?>

application/view/monster_info.php

@@ -32,36 +32,34 @@
     <body>
 <?php
         include __DIR__ . "/inc/header.php";
+        for ($i = 0; $i < 3; $i ++){
+            if ($page->monster[$i] != null){
+                if ($i == 0 && monster[1] == null){
+                    // Silver monster.
+                        $star_class ="star_silver";
+                    $mon_title = $page->monster[$i]->element . " " . $page->monster[$i]->name;
+                }
+                elseif ($i == 0 && monster[1] != null){
+                    // Gold monster.
+                    $star_class ="star_gold";
+                    $mon_title = $page->monster[$i]->element . " " . $page->monster[$i]->name;
+                }
+                elseif ($i == 1){
+                    // Awakened monster.
+                        $star_class ="star_purple";
+                    $mon_title = $page->monster[$i]->name;
+                }
+                elseif ($i == 2){
+                    // Second awakened.
+                    $star_class ="star_red";
+                    $mon_title = $page->monster[$i]->name;
+                }
 ?>
-        <section class='content'>
-<?php
-            for ($i = 0; $i < 3; $i ++){
-                if ($page->monster[$i] != null){
-                    if ($i == 0 && monster[1] == null){
-                        // Silver monster.
-                         $star_class ="star_silver";
-                        $mon_title = $page->monster[$i]->element . " " . $page->monster[$i]->name;
-                    }
-                    elseif ($i == 0 && monster[1] != null){
-                        // Gold monster.
-                        $star_class ="star_gold";
-                        $mon_title = $page->monster[$i]->element . " " . $page->monster[$i]->name;
-                    }
-                    elseif ($i == 1){
-                        // Awakened monster.
-                         $star_class ="star_purple";
-                        $mon_title = $page->monster[$i]->name;
-                    }
-                    elseif ($i == 2){
-                        // Second awakened.
-                        $star_class ="star_red";
-                        $mon_title = $page->monster[$i]->name;
-                    }
-?>
+                <section class='content'>
                     <article class='stage'>
                         <div class='profile'>
                             <div class='monster_panel'>
-                                <img class='monster_image' title='<?=$mon_title?>' class='monster border_<?=$page->monster[$i]->element?>' src='<?=$page->monster[$i]->get_image()?>'/>
+                                <img title='<?=$mon_title?>' class='monster border_<?=$page->monster[$i]->element?>' src='<?=$page->monster[$i]->get_image()?>'/>
                             </div>
                             <div class='details'>
                                 <h4><?=$mon_title?></h4>
@@ -257,12 +255,10 @@
 ?>
                         </div> <!-- #skills -->
                     </article>
+                </section>
 <?php
-                } // if ($page->monster[$i] != null)
-            } // for (int $i = 0; $i < 3; $i ++)
-?>
-        </section>
-<?php
+            } // if ($page->monster[$i] != null)
+        } // for (int $i = 0; $i < 3; $i ++)
         include __DIR__ . "/inc/footer.php";
 ?>
     </body>

application/view/monsters.php

@@ -143,7 +143,7 @@
                         }
 ?>
                         <div class='monster'>
-                            <a href='/monster/<?=$mon->id?>'>
+                            <a href='/monsters/<?=$mon->id?>'>
                                 <div class='monster_panel'>
                                     <span class='stars'>
 <?php

application/view/runes.php

@@ -793,7 +793,7 @@
                                     if ($rune->assigned_to != null){
 ?>
                                         <div class='assigned'>
-                                            <a target='blank' href='/monster/<?=$rune->assigned_to->id?>'>
+                                            <a target='blank' href='/monsters/<?=$rune->assigned_to->id?>'>
                                                 <img title='<?=$rune->assigned_to->monster->name?>' class='monster_image border_<?=$rune->assigned_to->monster->element?>' src='<?=$rune->assigned_to->monster->get_image()?>'/>
                                             </a>
                                         </div>

install_base.py

@@ -9,7 +9,8 @@ import sqlite3
 import wget
 import json
 
-OPT_DOWNLOAD = False;
+OPT_DOWNLOAD = True;
+OPT_DOWNLOAD_OVERWRITE = False;
 
 """
 Initializes the database file and creates all the tables.
@@ -163,6 +164,12 @@ def createDatabase(name):
                 ingredient INT
             );
         ''')
+        cursor.execute('''
+            CREATE TABLE IF NOT EXISTS k_craft(
+                id INT,
+                name INT
+            );
+        ''')
         cursor.execute('''
             CREATE TABLE IF NOT EXISTS monster(
                 id TEXT,
@@ -279,6 +286,8 @@ def insert(db, table, values):
 def download(url, target):
     if OPT_DOWNLOAD == False:
         return True
+    if OPT_DOWNLOAD_OVERWRITE == False and os.path.isfile(target):
+        return True
     try:
         urllib.request.urlretrieve(url, target)
         return True
@@ -341,10 +350,7 @@ def parseSkills(db, url):
             for effect in skill["effects"]:
                 insert(db, "k_skill_effect", (id, effect["effect"]["id"]))
             image = "https://swarfarm.com/static/herders/images/skills/" + skill["icon_filename"]
-            #download(image, 'public/img/content/skill/' + str(id).zfill(4) + '.png')
-            if id > 2253:
-                download(image, 'public/img/content/skill/' + str(id).zfill(4) + '.png')
-            
+            download(image, 'public/img/content/skill/' + str(id).zfill(4) + '.png')
 
         # Next page
         db.commit()
@@ -543,9 +549,7 @@ def parseFusions(db, url):
     http = urllib3.PoolManager()
     mlist = str(http.request('GET', url).data.decode('utf-8'))
     data = json.loads(mlist)
-    first = True
-    while first or data["next"] != None:
-        first = False
+    while True:
         for fusion in data["results"]:
             id = fusion["id"]
             product = fusion["product"]
@@ -562,6 +566,26 @@ def parseFusions(db, url):
         else:
             break
 
+def parseCraft(db, url):
+    print("Parsing crafting materials...")
+    http = urllib3.PoolManager()
+    mlist = str(http.request('GET', url).data.decode('utf-8'))
+    data = json.loads(mlist)
+    while True:
+        first = False
+        for crat in data["results"]:
+            id = crat["id"]
+            name = crat["name"]
+            insert(db, "k_craft", (id, name))
+
+        # Next page
+        db.commit()
+        if data["next"] != None:
+            mlist = str(http.request('GET', data["next"]).data.decode('utf-8'))
+            data = json.loads(mlist)
+        else:
+            break
+
 
 
 
@@ -578,3 +602,4 @@ parseLeaderSkills(db, 'https://swarfarm.com/api/v2/leader-skills/')
 parseSources(db, 'https://swarfarm.com/api/v2/monster-sources/')
 parseMonsters(db, 'https://swarfarm.com/api/v2/monsters/')
 parseFusions(db, 'https://swarfarm.com/api/v2/fusions/')
+parseCraft(db, 'https://swarfarm.com/api/v2/craft-materials/')

public/css/home.css

@@ -0,0 +1,59 @@
+article{
+    display: inline-block;
+    vertical-align: top;
+    width: 30%;
+    margin: 2%;
+    border: 0.2em solid #000000;
+    border-radius: 1em;
+    box-shadow: inset 0 0 0.5em #000000;
+    background-color: #ffffffaa;
+    padding: 2em 1.5em 1em 1.5em;
+    text-align: left;
+}
+@media screen and (max-width : 990px){
+    article{
+        display: block;
+        width: 80%;
+        margin: 1em auto;
+        padding: 1em 1em 0.5em 1em;
+    }
+}
+
+article h3{
+    margin: -1em -0.75em 0.5em -0.75em;
+    border-bottom: 0.1em solid #f2c920;
+    background-color: #00000044;
+    color: #ffffff;
+    text-align: left;
+    border-top-left-radius: 0.25em;
+    border-top-right-radius: 0.25em;
+    padding: 0.15em 0 0.15em 2em;
+    font-size: 200%;
+    font-weight: bold;
+}
+@media screen and (max-width : 990px){
+    article h3{
+        padding: 0.15em 0 0.15em 1em;
+    }
+}
+article h3 a{
+    color: #ffffff;
+    text-shadow: 0 0 0.1em #000000;
+    transition: all .3s ease-in-out;
+}
+article h3 a:hover{
+    color: #444444;
+    text-shadow: 0 0 0.1em #ffffff;
+}
+@media screen and (max-width : 990px){
+    article h3 a{
+        text-shadow: 0 0 0;
+    }
+    article h3 a:hover{
+        color: #fffff;
+        text-shadow: 0 0 0;
+    }
+}
+article p{
+    margin: 0;
+}

public/css/monster.css

@@ -2,15 +2,9 @@ article#profile{
     max-width: 60%;
     display: inline-block;
     vertical-align: top;
-    /*width: 7em;*/
-    border: 0.2em solid #000000;
-    margin: 0.5em;
+    margin: 0.2em;
     position: relative;
-    border-radius: 1em;
-    background: #351e0b;
-    border: 0.2em solid #f2c920;
-    border-radius: 0.5em;
-    padding: 0.5em;
+    padding: 0.2em;
 }
 @media screen and (max-width : 990px){
     article#profile{
@@ -20,16 +14,7 @@ article#profile{
         display: block;
     }
 }
-article#profile img#monster_image{
-    max-width: 12em;
-    max-height: 12em;
-    border-style: solid;
-    border-width: 0.3em;
-    border-radius: 15%;
-    display: inline-block;
-    vertical-align: top;
-    margin: 0 1.5em 1.5em 1.5em;
-}
+
 article#profile div#details{
     display: inline-block;
     vertical-align: top;
@@ -47,7 +32,6 @@ article#profile div#details span.stars{
 article#profile div#details span.stars img.star{
     width: 1.5em;
     height: 1.5em;
-    filter: drop-shadow(0 0 0.05em #ffffff);
     margin: -0.1em;
 }
 article#profile div#details span.level{

public/css/monster_info.css

@@ -13,9 +13,6 @@
 article.stage{
     margin: 0.5em;
     position: relative;
-    border-radius: 1em;
-    background: #351e0b;
-    border: 0.2em solid #f2c920;
     padding: 0.3em;
 }
 

public/css/ui.css

@@ -307,6 +307,11 @@ section h2{
     font-size: 200%;
     font-weight: bold;
 }
+@media screen and (max-width : 990px){
+    section h2{
+        padding: 0.15em 0 0.15em 1em;
+    }
+}
 
 /* Filters section, for lists. */
 section.filters{
@@ -465,7 +470,6 @@ div.rune_panel span.rune_stars{
     text-align: left;
 }
 div.rune_panel span.rune_stars img.star{
-/*     z-index: 4; */
     width: 1.2em;
     height: 1.2em;
     margin-left: -0.4em;

public/img/layout/control/close.svg

@@ -1,61 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   viewBox="0 0 300 300"
-   version="1.1"
-   id="svg4"
-   sodipodi:docname="close.svg"
-   width="300"
-   height="300"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)">
-  <metadata
-     id="metadata10">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <defs
-     id="defs8" />
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1680"
-     inkscape:window-height="964"
-     id="namedview6"
-     showgrid="false"
-     inkscape:zoom="1.2616667"
-     inkscape:cx="195.06917"
-     inkscape:cy="62.644724"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg4" />
-  <path
-     style="fill:none;stroke:#000000;stroke-width:22.47567749;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-     d="M 37.737464,37.779859 262.26254,261.85018"
-     id="path928"
-     inkscape:connector-curvature="0" />
-  <path
-     style="fill:none;stroke:#000000;stroke-width:22.44807053;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-     d="M 37.918082,262.04494 262.46264,38.544112"
-     id="path928-3"
-     inkscape:connector-curvature="0" />
-</svg>

public/img/layout/control/slid_d.svg

@@ -1,56 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   viewBox="0 0 300 300"
-   version="1.1"
-   id="svg4"
-   sodipodi:docname="slid_d.svg"
-   width="300"
-   height="300"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)">
-  <metadata
-     id="metadata10">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <defs
-     id="defs8" />
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1680"
-     inkscape:window-height="964"
-     id="namedview6"
-     showgrid="false"
-     inkscape:zoom="0.98333333"
-     inkscape:cx="135"
-     inkscape:cy="120"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg4" />
-  <path
-     d="M 33.474582,43.644062 H 266.01694 L 149.74577,254.40678"
-     id="path2"
-     style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:13.4551115;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-     inkscape:connector-curvature="0" />
-</svg>

public/img/layout/control/slid_l.svg

@@ -1,56 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   viewBox="0 0 300 300"
-   version="1.1"
-   id="svg4"
-   sodipodi:docname="slid_l.svg"
-   width="300"
-   height="300"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)">
-  <metadata
-     id="metadata10">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <defs
-     id="defs8" />
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1680"
-     inkscape:window-height="964"
-     id="namedview6"
-     showgrid="false"
-     inkscape:zoom="0.98333333"
-     inkscape:cx="135"
-     inkscape:cy="120"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg4" />
-  <path
-     d="M 255.12712,32.754242 V 265.2966 L 44.364402,149.02543"
-     id="path2"
-     style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:13.4551115;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-     inkscape:connector-curvature="0" />
-</svg>

public/img/layout/control/slid_r.svg

@@ -1,56 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   viewBox="0 0 300 300"
-   version="1.1"
-   id="svg4"
-   sodipodi:docname="slid_r.svg"
-   width="300"
-   height="300"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)">
-  <metadata
-     id="metadata10">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <defs
-     id="defs8" />
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1680"
-     inkscape:window-height="964"
-     id="namedview6"
-     showgrid="false"
-     inkscape:zoom="0.98333333"
-     inkscape:cx="135"
-     inkscape:cy="120"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg4" />
-  <path
-     d="M 44.364402,265.2966 V 32.754242 L 255.12712,149.02541"
-     id="path2"
-     style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:13.4551115;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-     inkscape:connector-curvature="0" />
-</svg>

public/img/layout/control/slid_u.svg

@@ -1,56 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   viewBox="0 0 300 300"
-   version="1.1"
-   id="svg4"
-   sodipodi:docname="slid_u.svg"
-   width="300"
-   height="300"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)">
-  <metadata
-     id="metadata10">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <defs
-     id="defs8" />
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1680"
-     inkscape:window-height="964"
-     id="namedview6"
-     showgrid="false"
-     inkscape:zoom="0.98333333"
-     inkscape:cx="135"
-     inkscape:cy="120"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg4" />
-  <path
-     d="M 266.01694,254.40678 H 33.474582 L 149.74575,43.644062"
-     id="path2"
-     style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:13.4551115;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-     inkscape:connector-curvature="0" />
-</svg>