New apps & bugfixes

New Apps: Weather & LibreOffice Calc & LibreOffice Writer & Wine Notepad
daqingzd · Oct 1, 2021 · be21190 · be21190
1 parent cacba20
commit be21190
Show file tree

Hide file tree

Showing 73 changed files with 598 additions and 24 deletions.
diff --git a/LICENSE.md b/LICENSE.md
@@ -6,6 +6,8 @@
 
 * icons/unsplash licensed by [Unsplash License](./LICENSE_UNSPLASH.txt). (Read icons/unsplash/Attribution.html to learn about)
 
+* 7.css licensed by [MIT License](./LICENSE_MIT.css) [Github](https://github.com/khang-nd/7.css)
+
 * Bootstrap Icons licensed by [Mit License](./LICENSE_MIT.txt)
 
 * Brython licensed by [BSD-3-Clause License](./LICENCE_BSD3Clause.TXT)
@@ -16,4 +18,6 @@
 
 > WineHQ are registered trademarks of WineHQ.
 
-> Python are registered trademarks of Python Software Foundation.
+> Python are registered trademarks of Python Software Foundation.
+
+> LibreOffice are registered trademarks of The Document Foundation.
diff --git a/README.md b/README.md
@@ -20,7 +20,7 @@ For introduce the Ubuntu environment' beauty (on web) and for fun. :) I was insp
 ## To-Do List
 
 * Increase clone apps' functionality
-* [8] Create more clone application
+* [12] Create more clone application
 * [+] Update interface to similar Ubuntu 21.10 interface
 * [-] Update interface to similar Ubuntu 22.04 interface
 

diff --git a/apps/css/app-styles.css b/apps/css/app-styles.css
@@ -20,26 +20,38 @@ body{
     -webkit-user-select: none;
 }
 
+input, textarea{
+    padding: 0px;
+}
+
 .special-button{
-    border: #111111;
+    border: #111111 1px solid;
     background: #333333;
     border-radius: 3px;
-    width: 30px;
+    width: 31px;
     height: 30px;
     display: flex;
     justify-content: center;
     align-content: center;
+    transition-duration: 0.3s;
     flex-direction: column;
 }
 
 .special-button-image{
+    position: relative;
     width: 20px;
     height: 20px;
     filter: brightness(2);
+    left: -1px;
+}
+
+.special-button:hover{
+    transition-duration: 0.2s;
+    background: #555555;
 }
 
 .special-textbox{
-    border: #111111;
+    border: #111111 1px solid;
     background: #333333;
     border-radius: 3px;
     height: 28px;

diff --git a/apps/filemanager/css/app.css b/apps/filemanager/css/app.css
@@ -21,19 +21,21 @@
     position: absolute;
     top: 0px;
     left: 0px;
+    border-radius: 3px 0px 0px 3px;
 }
 
 #forward{
     position: absolute;
     top: 0px;
     left: 30px;
+    border-radius: 0px 3px 3px 0px;
 }
 
 #url-bar{
     position: absolute;
     top:0px;
     left: 70px;
-    width: calc(100% - 209px);
+    width: calc(100% - 212px);
 }
 
 #searchAnything{
@@ -46,12 +48,14 @@
     position: absolute;
     right: 65px;
     top: 0px;
+    border-radius: 3px 0px 0px 3px;
 }
 
 #changeLook{
     position: absolute;
     right: 35px;
     top: 0px;
+    border-radius: 0px 3px 3px 0px;
 }
 
 #menu{

diff --git a/apps/filemanager/css/trash.css b/apps/filemanager/css/trash.css
@@ -21,7 +21,7 @@
 
 button{
     width: 150px;
-    border: #111111;
+    border: #111111 1px solid;
     background: #333333;
     border-radius: 3px;
     height: 30px;

diff --git a/apps/help/css/app.css b/apps/help/css/app.css
@@ -8,12 +8,14 @@
     position: absolute;
     top: 0px;
     left: 0px;
+    border-radius: 3px 0px 0px 3px;
 }
 
 #forward{
     position: absolute;
     top: 0px;
     left: 30px;
+    border-radius: 0px 3px 3px 0px;
 }
 
 #bookmarks{

diff --git a/apps/imageviewer/css/app.css b/apps/imageviewer/css/app.css
@@ -9,20 +9,23 @@
     position: absolute;
     top: 0px;
     left: 0px;
+    border-radius: 3px 0px 0px 3px;
 }
 
 #zoomNumber{
     position: absolute;
     top: 0px;
-    width: 96px;
+    width: 99px;
     left: 30px;
     text-align: center;
+    border-radius: 0px;
 }
 
 #zoom-in{
     position: absolute;
     top:0px;
     left: 130px;
+    border-radius: 0px 3px 3px 0px;
 }
 
 #fullscreen{

diff --git a/apps/libreoffice/calc/_bottom_left.png b/apps/libreoffice/calc/_bottom_left.png
diff --git a/apps/libreoffice/calc/_bottom_right.png b/apps/libreoffice/calc/_bottom_right.png
diff --git a/apps/libreoffice/calc/_side.png b/apps/libreoffice/calc/_side.png
diff --git a/apps/libreoffice/calc/_top.png b/apps/libreoffice/calc/_top.png
diff --git a/apps/libreoffice/calc/_top2.png b/apps/libreoffice/calc/_top2.png
diff --git a/apps/libreoffice/calc/index.html b/apps/libreoffice/calc/index.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="../../../css/Font.css">
+    <title>Writer</title>
+    <style>
+        body{
+            background: #2C2C2C;
+            user-select: none;
+            -webkit-user-select: none;
+        }
+
+        ::-webkit-scrollbar {
+            width: 10px;
+            height: 10px;
+        }
+
+        ::-webkit-scrollbar-track {
+            background: #2C2C2C; 
+        }
+
+        ::-webkit-scrollbar-thumb {
+            background: #888888; 
+            border-radius: 5px;
+        }
+
+        ::-webkit-scrollbar-thumb:hover {
+            background: #cccccc; 
+        }
+
+        ::-webkit-scrollbar-corner{
+            background: #2C2C2C;
+        }
+
+        ::selection{
+            background: #F7B33F;
+        }
+    </style>
+    <script>
+        function itsjustdemo(){
+            alert("It's just a demo :)");
+        }
+    </script>
+</head>
+<body>
+    <img draggable="false" onclick="itsjustdemo();" src="_top.png" style="position: fixed; top: 0px; left: 0px;"/>
+    <img draggable="false" onclick="itsjustdemo();" src="_top2.png" style="position: fixed; top: 100px; left: 0px;"/>
+    <img draggable="false" onclick="itsjustdemo();" src="_side.png" style="position: fixed; top: 100px; right: 0px;"/>
+    <img draggable="false" onclick="itsjustdemo();" src="_bottom_right.png" style="position: fixed; bottom: 0px; right: 0px;"/>
+    <img draggable="false" onclick="itsjustdemo();" src="_bottom_left.png" style="position: fixed; bottom: 0px; left: 0px;"/>
+    <div style="position: fixed;top: 160px;left: 20px; width: calc(100% - 90px); height: calc(100% - 205px); overflow: auto;">
+        <!--<input type="text" spellcheck="false" style="width: 75px; height: 25px; resize: none; border: none; outline: none; padding: 0px; overflow: hidden; font-size: 12pt; color: #000000; border-right: #777777 1px solid; border-bottom: #777777 1px solid;"/>-->
+        <script>
+            for(var _x=0; _x<1000; _x++){
+                document.write("<input type=\"text\" spellcheck=\"false\" style=\"width: 75px; height: 25px; resize: none; border: none; outline: none; padding: 0px; overflow: hidden; font-size: 12pt; color: #000000; border-right: #777777 1px solid; border-bottom: #777777 1px solid;\"/>")
+            }
+        </script>
+    </div>
+</body>
+</html>
diff --git a/apps/libreoffice/writer/_bottom.png b/apps/libreoffice/writer/_bottom.png
diff --git a/apps/libreoffice/writer/_side.png b/apps/libreoffice/writer/_side.png
diff --git a/apps/libreoffice/writer/_top.png b/apps/libreoffice/writer/_top.png
diff --git a/apps/libreoffice/writer/index.html b/apps/libreoffice/writer/index.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="../../../css/Font.css">
+    <title>Writer</title>
+    <style>
+        body{
+            background: #2C2C2C;
+            user-select: none;
+            -webkit-user-select: none;
+        }
+
+        @media screen and (max-width: 950px) {
+            textarea {
+                right:0px !important;
+                left:0px !important;
+                transform: translate(0px,0px) !important;
+            }
+        }
+
+        textarea{
+            left: 50%;
+            transform: translate(-50%,0px); 
+        }
+
+        ::-webkit-scrollbar {
+            width: 10px;
+            height: 10px;
+        }
+
+        ::-webkit-scrollbar-track {
+            background: #2C2C2C; 
+        }
+
+        ::-webkit-scrollbar-thumb {
+            background: #888888; 
+            border-radius: 5px;
+        }
+
+        ::-webkit-scrollbar-thumb:hover {
+            background: #cccccc; 
+        }
+
+        ::-webkit-scrollbar-corner{
+            background: #2C2C2C;
+        }
+
+        ::selection{
+            background: #F7B33F;
+        }
+    </style>
+    <script>
+        function itsjustdemo(){
+            alert("It's just a demo :)");
+        }
+    </script>
+</head>
+<body>
+    <img draggable="false" onclick="itsjustdemo();" src="_top.png" style="position: fixed; top: 0px; left: 0px;"/>
+    <img draggable="false" onclick="itsjustdemo();" src="_side.png" style="position: fixed; top: 100px; right: 0px;"/>
+    <img draggable="false" onclick="itsjustdemo();" src="_bottom.png" style="position: fixed; bottom: 0px; right: 0px;"/>
+    <div style="position: fixed;top: 120px;left: 20px; width: calc(100% - 90px); height: calc(100% - 140px); overflow: auto;">
+        <textarea spellcheck="false" style="position: absolute; width: 874px; height: 1240px; resize: none; border: none; outline: none; padding: 0px; overflow: hidden; font-size: 12pt;"></textarea>
+    </div>
+</body>
+</html>
diff --git a/apps/maps/css/app.css b/apps/maps/css/app.css
@@ -21,12 +21,14 @@
     position: absolute;
     top: 0px;
     left: 70px;
+    border-radius: 3px 0px 0px 3px;
 }
 
 #zoom-in{
     position: absolute;
     top:0px;
     left: 100px;
+    border-radius: 0px 3px 3px 0px;
 }
 
 #searchbar{

diff --git a/apps/maps/map.html b/apps/maps/map.html
@@ -16,4 +16,17 @@
 
     document.getElementById("OpenLayers_Control_Zoom_5").hidden=true;
   </script>
+  <style>
+    #OpenLayers_Control_Attribution_7{
+      position: fixed !important;
+      bottom: 25px !important;
+      right: 25px !important;
+      color: #000000 !important;
+    }
+
+    div#OpenLayers_Control_Attribution_7 > a{
+      text-decoration: none;
+      cursor: pointer;
+    }
+  </style>
 </body></html>