small UI changes

README.md

@@ -104,6 +104,7 @@ pip install wxpython
 pip install appdirs
 pip install Flask-BasicAuth
 pip install netifaces
+pip install pillow
 ```
 
 To start the server just run `python main.py`.

orangeshare/__init__.py

@@ -4,7 +4,7 @@
 A small python server that accepts requests from an apple shortcut to allow sharing all sorts of media from iOS with any desktop OS
 """
 
-__version__ = "1.3.2"
+__version__ = "1.4.0"
 __author__ = 'Yannis Vierkoetter'
 
 import logging

orangeshare/ui/static/css/main.css

@@ -105,6 +105,33 @@ td{
     border: 1px solid var(--border);
 }
 
+.content .back {
+    position: absolute;
+    font-size: 20px;
+    text-decoration: none;
+    text-transform: uppercase;
+}
+
+.content .back:hover,
+.content .back:focus {
+    color: #fff;
+}
+
+.content .back:before {
+    content: '';
+    border: solid var(--text);
+    border-width: 0 2px 2px 0;
+    display: inline-block;
+    padding: 4px;
+    transform: rotate(135deg);
+    -webkit-transform: rotate(135deg) translateY(3px);
+}
+
+.content .back:hover:before,
+.content .back:focus:before {
+    border-color: #fff;
+}
+
 .content h1,
 .content h2 {
     text-align: center;

orangeshare/ui/templates/devices.html

@@ -21,8 +21,8 @@ <h1><span class="logo"></span><label>Orange Share</label></h1>
     </div>
 
     <div class="content">
+        <a class="back" href="/">back</a>
         <h1 class="section">Connected Devices</h1>
-<!--        TODO: info, link to shortcut, link to option to change ip-->
         <p>
             Devices that are to be used with Orange Share have to be connected first.
             To establish the connection, the <a href="/shortcuts#ConnectionManager"><b>Connection Manager Shortcut</b></a> is needed.

orangeshare/ui/templates/settings.html

@@ -16,6 +16,7 @@ <h1><span class="logo"></span><label>Orange Share</label></h1>
     </div>
 
     <div class="content">
+        <a class="back" href="/">back</a>
         <h1>Settings</h1>
         <h2 class="section" style="color: var(--text)">Settings are not currently available in the UI. You can find a configuration file in</h2>
         <h2 class="section" style="font-weight: bold">{{conf_file}}</h2>

orangeshare/ui/templates/shortcuts.html

@@ -21,8 +21,8 @@ <h1><span class="logo"></span><label>Orange Share</label></h1>
 </div>
 
 <div class="content">
+    <a class="back" href="/">back</a>
     <h1 class="section">Shortcuts</h1>
-    <!--    TODO: info, how to, untrusted shortcuts-->
     <p>
         Orange Share uses several <a href="https://support.apple.com/guide/shortcuts/welcome/ios">shortcuts</a> for different parts of its functionality.
         These shortcuts have to be installed on the device from which content shall be shared.

setup.py

@@ -26,7 +26,7 @@
 
 setup(
     name='orangeshare',
-    version='1.3.2',
+    version='1.4.0',
     description='A small python server that accepts requests from an apple shortcut to allow sharing all sorts of media from iOS with any desktop OS',
     long_description=long_description,
     long_description_content_type='text/markdown',