index.html (15445B)
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>X11 Xorg FVWM Style</title> 6 <!-- Xorg image taked from wikipedia for favicon --> 7 <link rel="shortcut icon" href="img/favicon.ico" /> 8 <!-- Taadaaaam Its Works! --> 9 <link rel="stylesheet" href="base.css"> 10 <!-- For set elements hooks handlers --> 11 <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 12 <!-- For draggable elements --> 13 <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 14 <!-- Common script location --> 15 <script> 16 /* Pseudo window titles as place for draggable */ 17 $( function() { 18 $( "#content4" ).draggable({ handle: "h1.title" }); 19 $( "#content" ).draggable({ handle: "h1.title" }); 20 $( "#content2" ).draggable({ handle: "h1.title" }); 21 $( "#content3" ).draggable({ handle: "h1.title" }); 22 $( "#content7" ).draggable({ handle: "h1.title" }); 23 $( "#content8" ).draggable({ handle: "h1.title" }); 24 $( "#content9" ).draggable({ handle: "h1.title" }); 25 $( "#content5" ).draggable({ handle: "div.draggable" }); 26 $( "#content6" ).draggable({ handle: "div.draggable" }); 27 $( "#content" ).resizable({ handle: "content.inner" }); 28 29 /* Example Wallpaper Manager Selector*/ 30 $("button").click(function(){ 31 var wallpaper = $(this).find("img").attr("src"); 32 $("html,body").css("background-image",'url(' + wallpaper + ')'); 33 }); 34 /* Example Dynamic Change "Window" Focus*/ 35 $(".content").hover( 36 function () { 37 $(this).addClass("win-blue"); 38 }, 39 function () { 40 $(this).removeClass("win-blue"); 41 } 42 ); 43 } ); 44 /*Override context menu fo show css menu*/ 45 addEventListener("contextmenu",function(e) 46 { 47 /*This is disable browser context menu*/ 48 e.preventDefault(); 49 alert("Реализовать контекстное меню я не смог :)") 50 }) 51 </script> 52 </head> 53 <body> 54 <noscript><p><em>This page requires JavaScript :(.</em></p></noscript> 55 <!----------------------------------------------------------------------------> 56 <!-- Example --> 57 <!----------------------------------------------------------------------------> 58 <div id="content" class="content old-scrollbar" style="top: 50px; left: 250px;" > 59 60 <div class="panel"> 61 62 <div class="control-box icon-box"> 63 <a class="control-box-inner"></a> 64 </div> 65 66 <div class="control-box close-box"> 67 <div class="control-box-inner"> 68 <div class="close-box-inner"></div> 69 </div> 70 </div> 71 72 <div class="control-box maximize-box"> 73 <div class="control-box-inner"> 74 <div class="maximize-box-inner"></div> 75 </div> 76 </div> 77 78 <h1 class="title">FVWM ERROR!</h1> 79 </div> 80 <div class="inner"> 81 <div class="icon"><img src="img/bomb.png" alt="icon"/></div> 82 <ul> 83 <li>A FVWM error has occurred. Please reboot your PC :)</li> 84 </ul> 85 <button class="command_button">Reboot</button> 86 <button class="command_button">Ignore</button> 87 <button class="command_button">FuckIt</button> 88 <hr/> 89 <p> 90 Fvwm is a virtual window manager for the X windows system. It was originally a feeble fork of TWM by Robert Nation in 1993 (fvwm history), and has evolved into the fantastic, fabulous, famous, flexible, and so on, window manager we have today. 91 92 Fvwm is a ICCCM/EWMH compliant and highly configurable floating window manager built primarily using Xlib. Fvwm is configured using a configuration file, which is used to configure most aspects of the window manager including window looks, key bindings, menus, window behavior, additional modules, and more. There is a default configuration file that can be used as a starting point for writing one's own configuration file. 93 94 Fvwm is a light weight window manager and can be configured to be anything from a small sleek window manager to a full featured desktop environment. To get the most out of fvwm, one should be willing to read the documents, and take the time to write a custom configuration file that suites their needs. The manual pages and the fvwm wiki can be used to help learn how to configure fvwm. 95 96 Origin text from https://www.fvwm.org/ 97 </p> 98 </div> 99 </div> 100 101 102 <!----------------------------------------------------------------------------> 103 <!-- Example --> 104 <!----------------------------------------------------------------------------> 105 <div id="content7" class="content old-scrollbar win-blue" style="width: 600px; height:400px; top: 50px; left: 540px;" > 106 107 <div class="panel"> 108 109 <div class="control-box icon-box"> 110 <a class="control-box-inner"></a> 111 </div> 112 113 <div class="control-box close-box"> 114 <div class="control-box-inner"> 115 <div class="close-box-inner"></div> 116 </div> 117 </div> 118 119 <div class="control-box maximize-box"> 120 <div class="control-box-inner"> 121 <div class="maximize-box-inner"></div> 122 </div> 123 </div> 124 125 <h1 class="title">Xterm</h1> 126 </div> 127 <div class="inner" style="font:monospace;" > 128 129 <pre> 130 131 LUA5.2(1) General Commands Manual LUA5.2(1) 132 133 NAME 134 lua - Lua interpreter 135 136 SYNOPSIS 137 lua [ options ] [ script [ args ] ] 138 139 DESCRIPTION 140 lua is the standalone Lua interpreter. It loads and executes 141 Lua programs, either in textual source form or in precompiled 142 binary form. (Precompiled binaries are output by luac, the Lua 143 compiler.) lua can be used as a batch interpreter and also in‐ 144 teractively. 145 146 The given options are handled in order and then the Lua program 147 in file script is loaded and executed. The given args are 148 available to script as strings in a global table named arg. If 149 no options or arguments are given, then -v -i is assumed when 150 the standard input is a terminal; otherwise, - is assumed. 151 152 In interactive mode, lua prompts the user, reads lines from the 153 standard input, and executes them as they are read. If a line 154 does not contain a complete statement, then a secondary prompt 155 is displayed and lines are read until a complete statement is 156 formed or a syntax error is found. If a line starts with '=', 157 then lua evaluates and displays the values of the expressions in 158 the remainder of the line. 159 160 At the very start, before even handling the command line, lua 161 checks the contents of the environment variables LUA_INIT_5_2 or 162 LUA_INIT, in that order. If the contents is of the form '@file‐ 163 name', then filename is executed. Otherwise, the string is as‐ 164 sumed to be a Lua statement and is executed. 165 166 OPTIONS 167 -e stat 168 execute statement stat. 169 170 -i enter interactive mode after executing script. 171 172 -l name 173 execute the equivalent of name=require('name') before ex‐ 174 ecuting script. 175 176 -v show version information. 177 178 -E ignore environment variables. 179 180 -- stop handling options. 181 182 - stop handling options and execute the standard input as a 183 file. 184 185 SEE ALSO 186 luac(1) 187 The documentation at lua.org, especially section 7 of the refer‐ 188 ence manual. 189 190 DIAGNOSTICS 191 Error messages should be self explanatory. 192 193 AUTHORS 194 R. Ierusalimschy, L. H. de Figueiredo, W. Celes 195 </pre> 196 </div> 197 </div> 198 <!----------------------------------------------------------------------------> 199 <!-- Example --> 200 <!----------------------------------------------------------------------------> 201 <div id="content8" class="content old-scrollbar" style="width: 600px; height:400px; top: 50px; left:1180px;" > 202 203 <div class="panel"> 204 205 <div class="control-box icon-box"> 206 <a class="control-box-inner"></a> 207 </div> 208 209 <div class="control-box close-box"> 210 <div class="control-box-inner"> 211 <div class="close-box-inner"></div> 212 </div> 213 </div> 214 215 <div class="control-box maximize-box"> 216 <div class="control-box-inner"> 217 <div class="maximize-box-inner"></div> 218 </div> 219 </div> 220 221 <h1 class="title">Xterm</h1> 222 </div> 223 <div class="inner" style=" background-color: black; color: white; font:monospace;" > 224 225 <pre> 226 Tasks: 352 total, 1 running, 351 sleeping, 0 stopped, 0 zombie 227 %Cpu(s): 4,4 us, 4,4 sy, 0,0 ni, 89,7 id, 0,0 wa, 0,0 hi, 1,5 si, 0,0 st 228 MiB Mem : 11967,1 total, 643,1 free, 10429,0 used, 1514,7 buff/cache 229 MiB Swap: 11847,4 total, 6717,9 free, 5129,6 used. 1538,1 avail Mem 230 231 PID USER PR NI VIRT RES SHR S %CPU %MEM TIME+ COMMAND 232 1871 dron 20 0 5139512 328716 47316 S 27,3 2,7 26,30 cinnamon 233 1034893 dron 20 0 2494152 127996 99148 S 18,2 1,0 2:15.71 Isolated 234 776804 dron 20 0 2850472 147612 74280 S 9,1 1,2 253:31.18 Isolated 235 821534 dron 20 0 3707248 978860 128140 S 9,1 8,0 53:25.42 Isolated 236 1 root 20 0 24536 8476 5692 S 0,0 0,1 1:10.59 ~~~~~~~~ 237 2 root 20 0 0 0 0 S 0,0 0,0 0:02.53 kthreadd 238 3 root 20 0 0 0 0 S 0,0 0,0 0:00.00 pool_wor 239 4 root 0 -20 0 0 0 I 0,0 0,0 0:00.00 kworker/ 240 5 root 0 -20 0 0 0 I 0,0 0,0 0:00.00 kworker/ 241 6 root 0 -20 0 0 0 I 0,0 0,0 0:00.00 kworker/ 242 7 root 0 -20 0 0 0 I 0,0 0,0 0:00.00 kworker/ 243 8 root 0 -20 0 0 0 I 0,0 0,0 0:00.00 kworker/ 244 13 root 0 -20 0 0 0 I 0,0 0,0 0:00.00 kworker/ 245 14 root 20 0 0 0 0 I 0,0 0,0 0:00.00 rcu_task 246 15 root 20 0 0 0 0 I 0,0 0,0 0:00.00 rcu_task 247 16 root 20 0 0 0 0 I 0,0 0,0 0:00.00 rcu_task 248 17 root 20 0 0 0 0 S 0,0 0,0 1:12.46 ksoftirq 249 18 root 20 0 0 0 0 I 0,0 0,0 23:17.20 rcu_pree 250 19 root 20 0 0 0 0 S 0,0 0,0 0:00.00 rcu_exp_ 251 20 root 20 0 0 0 0 S 0,0 0,0 0:01.41 rcu_exp_ 252 21 root rt 0 0 0 0 S 0,0 0,0 0:06.68 migratio 253 22 root -51 0 0 0 0 S 0,0 0,0 0:00.00 idle_inj 254 23 root 20 0 0 0 0 S 0,0 0,0 0:00.00 cpuhp/0 255 24 root 20 0 0 0 0 S 0,0 0,0 0:00.00 cpuhp/1 256 25 root -51 0 0 0 0 S 0,0 0,0 0:00.00 idle_inj 257 26 root rt 0 0 0 0 S 0,0 0,0 0:07.61 migratio 258 27 root 20 0 0 0 0 S 0,0 0,0 0:37.86 ksoftirq 259 30 root 20 0 0 0 0 S 0,0 0,0 0:00.00 cpuhp/2 260 </pre> 261 </div> 262 </div> 263 <!----------------------------------------------------------------------------> 264 <!-- Custom Override example --> 265 <!----------------------------------------------------------------------------> 266 <div id="content5" class="content old-scrollbar win-blue" style="top: 50px; left: 50px; width: 74px; height:74px; background-color:black;" > 267 <div class="inner draggable" style="background-color:white; overflow:hidden; " > 268 <img src="img/xclock.png" style="width:100%; height:100%;" alt="icon"/> 269 </div> 270 </div> 271 <!----------------------------------------------------------------------------> 272 <!-- Custom Override example --> 273 <!----------------------------------------------------------------------------> 274 <div id="content6" class="content old-scrollbar" style="top: 50px; left: 150px; width: 74px; height:74px; background-color:black;" > 275 <div class="inner draggable" style="background-color:black; overflow:hidden; " > 276 <img src="img/glxgears-icon.png" alt="icon"/> 277 </div> 278 </div> 279 <!----------------------------------------------------------------------------> 280 <!-- Just Another Funny Example --> 281 <!----------------------------------------------------------------------------> 282 <div id="content9" class="content old-scrollbar" style="top: 480px; left: 540px; width:1240px;" > 283 <div class="panel"> 284 285 <div class="control-box icon-box"> 286 <a class="control-box-inner"></a> 287 </div> 288 289 <div class="control-box close-box"> 290 <div class="control-box-inner"> 291 <div class="close-box-inner"></div> 292 </div> 293 </div> 294 295 <div class="control-box maximize-box"> 296 <div class="control-box-inner"> 297 <div class="maximize-box-inner"></div> 298 </div> 299 </div> 300 301 <h1 class="title">Wallpapers</h1> 302 </div> 303 <div class="inner"> 304 <button > 305 <img src="img/patterns/p4.png" alt="wall"/> 306 </button> 307 <button > 308 <img src="img/patterns/128.png" alt="wall"/> 309 </button> 310 <button > 311 <img src="img/patterns/131.png" alt="wall"/> 312 </button> 313 <button > 314 <img src="img/patterns/139.png" alt="wall"/> 315 </button> 316 <button > 317 <img src="img/patterns/137.png" alt="wall"/> 318 </button> 319 <button > 320 <img src="img/patterns/1111.png" alt="wall"/> 321 </button> 322 <button > 323 <img src="img/patterns/1970.png" alt="wall"/> 324 </button> 325 <button > 326 <img src="img/patterns/1971.png" alt="wall"/> 327 </button> 328 <button > 329 <img src="img/patterns/1978.png" alt="wall"/> 330 </button> 331 <button > 332 <img src="img/patterns/1975.png" alt="wall"/> 333 </button> 334 <button > 335 <img src="img/patterns/7321.png" alt="wall"/> 336 </button> 337 <button > 338 <img src="img/patterns/24817.png" alt="wall"/> 339 </button> 340 <button > 341 <img src="img/patterns/19688.png" alt="wall"/> 342 </button> 343 <button > 344 <img src="img/patterns/18078.png" alt="wall"/> 345 </button> 346 <button > 347 <img src="img/patterns/28851.png" alt="wall"/> 348 </button> 349 <button > 350 <img src="img/patterns/12821.png" alt="wall"/> 351 </button> 352 <button > 353 <img src="img/patterns/128.png" alt="wall"/> 354 </button> 355 <button > 356 <img src="img/patterns/10042.png" alt="wall"/> 357 </button> 358 <button> 359 <img src="img/patterns/29907.png" alt="wall"/> 360 </button> 361 <button > 362 <img src="img/patterns/32623.png" alt="wall"/> 363 </button> 364 <button > 365 <img src="img/patterns/1975.png" alt="wall"/> 366 </button> 367 <button > 368 <img src="img/patterns/141.png" alt="wall"/> 369 </button> 370 <button > 371 <img src="img/patterns/145.png" alt="wall"/> 372 </button> 373 374 <button > 375 <img src="img/patterns/21225.png" alt="wall"/> 376 </button> 377 <button > 378 <img src="img/patterns/131.png" alt="wall"/> 379 </button> 380 </div> 381 </div> 382 </body> 383 </html>