init commit
|
@ -41,3 +41,6 @@ luac.out
|
||||||
|
|
||||||
# IDEA files
|
# IDEA files
|
||||||
.idea
|
.idea
|
||||||
|
|
||||||
|
# Jekyll
|
||||||
|
.sass-cache
|
22
LICENSE
|
@ -1,22 +0,0 @@
|
||||||
The MIT License (MIT)
|
|
||||||
|
|
||||||
Copyright (c) 2017
|
|
||||||
|
|
||||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
||||||
of this software and associated documentation files (the "Software"), to deal
|
|
||||||
in the Software without restriction, including without limitation the rights
|
|
||||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
||||||
copies of the Software, and to permit persons to whom the Software is
|
|
||||||
furnished to do so, subject to the following conditions:
|
|
||||||
|
|
||||||
The above copyright notice and this permission notice shall be included in all
|
|
||||||
copies or substantial portions of the Software.
|
|
||||||
|
|
||||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
||||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
||||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
||||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
||||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
||||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
||||||
SOFTWARE.
|
|
||||||
|
|
113
README.md
|
@ -1,113 +0,0 @@
|
||||||
# AwesomeWM
|
|
||||||
|
|
||||||
Set of super simple widgets compatible with Awesome Window Manager v.4.
|
|
||||||
|
|
||||||
![screenshot](https://github.com/streetturtle/AwesomeWM/blob/master/screenshot.png?raw=true)
|
|
||||||
|
|
||||||
From left to right:
|
|
||||||
|
|
||||||
- [spotify-widget](https://github.com/streetturtle/AwesomeWM/tree/master/spotify-widget) / [rhythmbox-widget](https://github.com/streetturtle/AwesomeWM/tree/master/rhythmbox-widget)
|
|
||||||
- [weather-widget](https://github.com/streetturtle/AwesomeWM/tree/master/weather-widget)
|
|
||||||
- [email-widget](https://github.com/streetturtle/AwesomeWM/tree/master/email-widget)
|
|
||||||
- [brightness-widget](https://github.com/streetturtle/AwesomeWM/tree/master/brightness-widget)
|
|
||||||
- [volume-widget](https://github.com/streetturtle/AwesomeWM/tree/master/volume-widget)
|
|
||||||
- [battery-widget](https://github.com/streetturtle/AwesomeWM/tree/master/battery-widget)
|
|
||||||
|
|
||||||
These widgets use [Arc icon theme](https://github.com/horst3180/arc-icon-theme) by default but it could be easily
|
|
||||||
changed to any other icon theme. If you want to have separators between widgets like on the screenshot create text widget with ` : ` and place it between widgets:
|
|
||||||
|
|
||||||
```lua
|
|
||||||
...
|
|
||||||
sprtr = wibox.widget.textbox()
|
|
||||||
sprtr:set_text(" : ")
|
|
||||||
...
|
|
||||||
sprtr,
|
|
||||||
volume_icon,
|
|
||||||
sprtr,
|
|
||||||
battery_widget,
|
|
||||||
sprtr,
|
|
||||||
...
|
|
||||||
```
|
|
||||||
|
|
||||||
# Installation
|
|
||||||
|
|
||||||
[Install](https://github.com/horst3180/arc-icon-theme#installation) Arc icon theme and follow installation instructions of each widget.
|
|
||||||
|
|
||||||
Alternatively you can just download the icons which are used from the Arc repository. Or create your own icons with
|
|
||||||
the same name. Here is the list of icons used:
|
|
||||||
|
|
||||||
<table>
|
|
||||||
<tr>
|
|
||||||
<th>Widget</th>
|
|
||||||
<th>Icon name</th>
|
|
||||||
<th>Arc Path</th>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td rowspan="2">email-widget</td>
|
|
||||||
<td>mail-message-new.png<br></td>
|
|
||||||
<td rowspan="2">/usr/share/icons/Arc/actions/22/</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>mail-mark-unread.png</td>
|
|
||||||
<td></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>brightness-widget</td>
|
|
||||||
<td>display-brightness-symbolic.svg</td>
|
|
||||||
<td>/usr/share/icons/Arc/status/symbolic/</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td rowspan="4">volume-widget</td>
|
|
||||||
<td>audio-volume-muted-symbolic.svg</td>
|
|
||||||
<td rowspan="4">/usr/share/icons/Arc/status/symbolic/</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>audio-volume-low-symbolic.svg</td>
|
|
||||||
<td></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>audio-volume-medium-symbolic.svg</td>
|
|
||||||
<td></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>audio-volume-high-symbolic.svg</td>
|
|
||||||
<td></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td rowspan="8">battery-widget</td>
|
|
||||||
<td>battery-caution-symbolic.svg</td>
|
|
||||||
<td rowspan="8">/usr/share/icons/Arc/status/symbolic/</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>battery-caution-charging-symbolic.svg</td>
|
|
||||||
<td></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>battery-low-symbolic.svg</td>
|
|
||||||
<td></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>battery-low-charging-symbolic.svg</td>
|
|
||||||
<td></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>battery-good-symbolic.svg</td>
|
|
||||||
<td></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>battery-good-charging-symbolic.svg</td>
|
|
||||||
<td></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>battery-full-symbolic.svg</td>
|
|
||||||
<td></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>battery-full-charging-symbolic.svg</td>
|
|
||||||
<td></td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
In case of any questions/suggestions don't hesitate to contact me, I would be happy to help :)
|
|
||||||
|
|
||||||
PRs/issues are welcome!
|
|
|
@ -0,0 +1,7 @@
|
||||||
|
collections:
|
||||||
|
widgets:
|
||||||
|
output: true
|
||||||
|
|
||||||
|
markdown: kramdown
|
||||||
|
kramdown:
|
||||||
|
input: GFM
|
|
@ -0,0 +1,42 @@
|
||||||
|
<footer class="page-footer grey darken-3">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col l6 s12">
|
||||||
|
<h5 class="white-text">About</h5>
|
||||||
|
<p class="grey-text text-lighten-4">
|
||||||
|
Set of super simple widgets compatible with Awesome Window Manager v.4.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!--<div class="col l3 s12">-->
|
||||||
|
<!--<h5 class="white-text">Settings</h5>-->
|
||||||
|
<!--<ul>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 1</a></li>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 2</a></li>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 3</a></li>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 4</a></li>-->
|
||||||
|
<!--</ul>-->
|
||||||
|
<!--</div>-->
|
||||||
|
<div class="col l3 s12 offset-l3">
|
||||||
|
<h5 class="white-text">Links</h5>
|
||||||
|
<ul>
|
||||||
|
<li><!-- Place this tag where you want the button to render. -->
|
||||||
|
<a class="github-button" href="https://github.com/streetturtle/AwesomeWM" data-icon="octicon-star" data-count-href="/streetturtle/AwesomeWM/stargazers" data-count-api="/repos/streetturtle/AwesomeWM#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star streetturtle/AwesomeWM on GitHub">Star</a></li>
|
||||||
|
<!-- Place this tag where you want the button to render. -->
|
||||||
|
<li><!-- Place this tag where you want the button to render. -->
|
||||||
|
<a class="github-button" href="https://github.com/streetturtle/AwesomeWM/archive/master.zip" data-icon="octicon-cloud-download" aria-label="Download streetturtle/AwesomeWM on GitHub">Download</a></li>
|
||||||
|
<li><!-- Place this tag where you want the button to render. -->
|
||||||
|
<a class="github-button" href="https://github.com/streetturtle" data-count-href="/streetturtle/followers" data-count-api="/users/streetturtle#followers" data-count-aria-label="# followers on GitHub" aria-label="Follow @streetturtle on GitHub">Follow @streetturtle</a></li>
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 3</a></li>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 4</a></li>-->
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-copyright grey darken-4">
|
||||||
|
<div class="container">
|
||||||
|
Made by <a class="orange-text text-lighten-3" href="http://github.com/streetturtle">Pavel Makhov</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
|
@ -0,0 +1,12 @@
|
||||||
|
<nav class="grey darken-3" role="navigation">
|
||||||
|
<div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">Awesome</a>
|
||||||
|
<ul class="right hide-on-med-and-down">
|
||||||
|
<li><a href="#">Navbar Link</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<ul id="nav-mobile" class="side-nav">
|
||||||
|
<li><a href="#">Navbar Link</a></li>
|
||||||
|
</ul>
|
||||||
|
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
|
||||||
|
</div>
|
||||||
|
</nav>
|
|
@ -0,0 +1,66 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
|
||||||
|
<title>Starter Template - Materialize</title>
|
||||||
|
|
||||||
|
<!-- CSS -->
|
||||||
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||||
|
<link href="../assets/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
|
||||||
|
<link href="../assets/css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
{% include nav.html %}
|
||||||
|
<div class="section" id="index-banner">
|
||||||
|
<div class="container">
|
||||||
|
<br><br><br>
|
||||||
|
<h1 class="header center white-text">Awesome WM widgets</h1>
|
||||||
|
<div class="row center">
|
||||||
|
<h5 class="header col s12 white-text">Set of widgets for Awesome Window Manager</h5>
|
||||||
|
</div>
|
||||||
|
<br><br><br>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="section">
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col s12 center">
|
||||||
|
{% for widget in site.widgets %}
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="{{ site.url }}/widgets/{{ widget.title | downcase }}">{{ widget.title }}</a>
|
||||||
|
{% endfor%}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col s12 m6 offset-m3">
|
||||||
|
<div class="icon-block">
|
||||||
|
{{ content }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<br><br>
|
||||||
|
|
||||||
|
<div class="section">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
{% include footer.html %}
|
||||||
|
|
||||||
|
<!-- Scripts-->
|
||||||
|
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
|
||||||
|
<script src="../assets/js/materialize.js"></script>
|
||||||
|
<script src="../assets/js/init.js"></script>
|
||||||
|
<script async defer src="https://buttons.github.io/buttons.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -0,0 +1,24 @@
|
||||||
|
/* Custom Stylesheet */
|
||||||
|
/**
|
||||||
|
* Use this file to override Materialize files so you can update
|
||||||
|
* the core Materialize files in the future
|
||||||
|
*
|
||||||
|
* Made By MaterializeCSS.com
|
||||||
|
*/
|
||||||
|
.icon-block {
|
||||||
|
padding: 0 15px; }
|
||||||
|
|
||||||
|
.icon-block .material-icons {
|
||||||
|
font-size: inherit; }
|
||||||
|
|
||||||
|
#index-banner {
|
||||||
|
background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(/assets/img/pano.png) no-repeat center center;
|
||||||
|
background-size: cover; }
|
||||||
|
|
||||||
|
body {
|
||||||
|
display: flex;
|
||||||
|
min-height: 100vh;
|
||||||
|
flex-direction: column; }
|
||||||
|
|
||||||
|
main {
|
||||||
|
flex: 1 0 auto; }
|
After Width: | Height: | Size: 3.6 MiB |
After Width: | Height: | Size: 6.4 MiB |
|
@ -0,0 +1,7 @@
|
||||||
|
(function($){
|
||||||
|
$(function(){
|
||||||
|
|
||||||
|
$('.button-collapse').sideNav();
|
||||||
|
|
||||||
|
}); // end of document ready
|
||||||
|
})(jQuery); // end of jQuery name space
|
|
@ -0,0 +1,169 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
|
||||||
|
<title>Starter Template - Materialize</title>
|
||||||
|
|
||||||
|
<!-- CSS -->
|
||||||
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||||
|
<link href="../assets/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
|
||||||
|
<link href="../assets/css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
<nav class="grey darken-3" role="navigation">
|
||||||
|
<div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">Awesome</a>
|
||||||
|
<ul class="right hide-on-med-and-down">
|
||||||
|
<li><a href="#">Navbar Link</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<ul id="nav-mobile" class="side-nav">
|
||||||
|
<li><a href="#">Navbar Link</a></li>
|
||||||
|
</ul>
|
||||||
|
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<div class="section" id="index-banner">
|
||||||
|
<div class="container">
|
||||||
|
<br><br><br>
|
||||||
|
<h1 class="header center white-text">Awesome WM widgets</h1>
|
||||||
|
<div class="row center">
|
||||||
|
<h5 class="header col s12 white-text">Set of widgets for Awesome Window Manager</h5>
|
||||||
|
</div>
|
||||||
|
<br><br><br>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="section">
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col s12 center">
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/battery">Battery</a>
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/brightness">Brightness</a>
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/email">Email</a>
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/spotify">Spotify</a>
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/volume">Volume</a>
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/weather">Weather</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col s12 m6 offset-m3">
|
||||||
|
<div class="icon-block">
|
||||||
|
<h1 id="awesomewm">AwesomeWM</h1>
|
||||||
|
|
||||||
|
<p>Set of super simple widgets compatible with Awesome Window Manager v.4.</p>
|
||||||
|
|
||||||
|
<p><img src="https://github.com/streetturtle/AwesomeWM/blob/master/screenshot.png?raw=true" alt="screenshot" /></p>
|
||||||
|
|
||||||
|
<p>From left to right:</p>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li><a href="https://github.com/streetturtle/AwesomeWM/tree/master/spotify-widget">spotify-widget</a> / <a href="https://github.com/streetturtle/AwesomeWM/tree/master/rhythmbox-widget">rhythmbox-widget</a></li>
|
||||||
|
<li><a href="https://github.com/streetturtle/AwesomeWM/tree/master/weather-widget">weather-widget</a></li>
|
||||||
|
<li><a href="https://github.com/streetturtle/AwesomeWM/tree/master/email-widget">email-widget</a></li>
|
||||||
|
<li><a href="https://github.com/streetturtle/AwesomeWM/tree/master/brightness-widget">brightness-widget</a></li>
|
||||||
|
<li><a href="https://github.com/streetturtle/AwesomeWM/tree/master/volume-widget">volume-widget</a></li>
|
||||||
|
<li><a href="https://github.com/streetturtle/AwesomeWM/tree/master/battery-widget">battery-widget</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>These widgets use <a href="https://github.com/horst3180/arc-icon-theme">Arc icon theme</a> by default but it could be easily
|
||||||
|
changed to any other icon theme. If you want to have separators between widgets like on the screenshot create text widget with ` : ` and place it between widgets:</p>
|
||||||
|
|
||||||
|
<div class="language-lua highlighter-rouge"><pre class="highlight"><code><span class="o">...</span>
|
||||||
|
<span class="n">sprtr</span> <span class="o">=</span> <span class="n">wibox</span><span class="p">.</span><span class="n">widget</span><span class="p">.</span><span class="n">textbox</span><span class="p">()</span>
|
||||||
|
<span class="n">sprtr</span><span class="p">:</span><span class="n">set_text</span><span class="p">(</span><span class="s2">" : "</span><span class="p">)</span>
|
||||||
|
<span class="o">...</span>
|
||||||
|
<span class="n">sprtr</span><span class="p">,</span>
|
||||||
|
<span class="n">volume_icon</span><span class="p">,</span>
|
||||||
|
<span class="n">sprtr</span><span class="p">,</span>
|
||||||
|
<span class="n">battery_widget</span><span class="p">,</span>
|
||||||
|
<span class="n">sprtr</span><span class="p">,</span>
|
||||||
|
<span class="o">...</span>
|
||||||
|
</code></pre>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h1 id="installation">Installation</h1>
|
||||||
|
|
||||||
|
<p><a href="https://github.com/horst3180/arc-icon-theme#installation">Install</a> Arc icon theme and follow installation instructions of each widget.</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<br><br>
|
||||||
|
|
||||||
|
<div class="section">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
<footer class="page-footer grey darken-3">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col l6 s12">
|
||||||
|
<h5 class="white-text">About</h5>
|
||||||
|
<p class="grey-text text-lighten-4">
|
||||||
|
Set of super simple widgets compatible with Awesome Window Manager v.4.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!--<div class="col l3 s12">-->
|
||||||
|
<!--<h5 class="white-text">Settings</h5>-->
|
||||||
|
<!--<ul>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 1</a></li>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 2</a></li>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 3</a></li>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 4</a></li>-->
|
||||||
|
<!--</ul>-->
|
||||||
|
<!--</div>-->
|
||||||
|
<div class="col l3 s12 offset-l3">
|
||||||
|
<h5 class="white-text">Links</h5>
|
||||||
|
<ul>
|
||||||
|
<li><!-- Place this tag where you want the button to render. -->
|
||||||
|
<a class="github-button" href="https://github.com/streetturtle/AwesomeWM" data-icon="octicon-star" data-count-href="/streetturtle/AwesomeWM/stargazers" data-count-api="/repos/streetturtle/AwesomeWM#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star streetturtle/AwesomeWM on GitHub">Star</a></li>
|
||||||
|
<!-- Place this tag where you want the button to render. -->
|
||||||
|
<li><!-- Place this tag where you want the button to render. -->
|
||||||
|
<a class="github-button" href="https://github.com/streetturtle/AwesomeWM/archive/master.zip" data-icon="octicon-cloud-download" aria-label="Download streetturtle/AwesomeWM on GitHub">Download</a></li>
|
||||||
|
<li><!-- Place this tag where you want the button to render. -->
|
||||||
|
<a class="github-button" href="https://github.com/streetturtle" data-count-href="/streetturtle/followers" data-count-api="/users/streetturtle#followers" data-count-aria-label="# followers on GitHub" aria-label="Follow @streetturtle on GitHub">Follow @streetturtle</a></li>
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 3</a></li>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 4</a></li>-->
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-copyright grey darken-4">
|
||||||
|
<div class="container">
|
||||||
|
Made by <a class="orange-text text-lighten-3" href="http://github.com/streetturtle">Pavel Makhov</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- Scripts-->
|
||||||
|
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
|
||||||
|
<script src="../assets/js/materialize.js"></script>
|
||||||
|
<script src="../assets/js/init.js"></script>
|
||||||
|
<script async defer src="https://buttons.github.io/buttons.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -0,0 +1,134 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
|
||||||
|
<title>Starter Template - Materialize</title>
|
||||||
|
|
||||||
|
<!-- CSS -->
|
||||||
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||||
|
<link href="../assets/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
|
||||||
|
<link href="../assets/css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
<nav class="grey darken-3" role="navigation">
|
||||||
|
<div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">Awesome</a>
|
||||||
|
<ul class="right hide-on-med-and-down">
|
||||||
|
<li><a href="#">Navbar Link</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<ul id="nav-mobile" class="side-nav">
|
||||||
|
<li><a href="#">Navbar Link</a></li>
|
||||||
|
</ul>
|
||||||
|
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<div class="section" id="index-banner">
|
||||||
|
<div class="container">
|
||||||
|
<br><br><br>
|
||||||
|
<h1 class="header center white-text">Awesome WM widgets</h1>
|
||||||
|
<div class="row center">
|
||||||
|
<h5 class="header col s12 white-text">Set of widgets for Awesome Window Manager</h5>
|
||||||
|
</div>
|
||||||
|
<br><br><br>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="section">
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col s12 center">
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/battery">Battery</a>
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/brightness">Brightness</a>
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/email">Email</a>
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/spotify">Spotify</a>
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/volume">Volume</a>
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/weather">Weather</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col s12 m6 offset-m3">
|
||||||
|
<div class="icon-block">
|
||||||
|
<h1 id="battery-widget">Battery widget</h1>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<br><br>
|
||||||
|
|
||||||
|
<div class="section">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
<footer class="page-footer grey darken-3">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col l6 s12">
|
||||||
|
<h5 class="white-text">About</h5>
|
||||||
|
<p class="grey-text text-lighten-4">
|
||||||
|
Set of super simple widgets compatible with Awesome Window Manager v.4.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!--<div class="col l3 s12">-->
|
||||||
|
<!--<h5 class="white-text">Settings</h5>-->
|
||||||
|
<!--<ul>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 1</a></li>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 2</a></li>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 3</a></li>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 4</a></li>-->
|
||||||
|
<!--</ul>-->
|
||||||
|
<!--</div>-->
|
||||||
|
<div class="col l3 s12 offset-l3">
|
||||||
|
<h5 class="white-text">Links</h5>
|
||||||
|
<ul>
|
||||||
|
<li><!-- Place this tag where you want the button to render. -->
|
||||||
|
<a class="github-button" href="https://github.com/streetturtle/AwesomeWM" data-icon="octicon-star" data-count-href="/streetturtle/AwesomeWM/stargazers" data-count-api="/repos/streetturtle/AwesomeWM#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star streetturtle/AwesomeWM on GitHub">Star</a></li>
|
||||||
|
<!-- Place this tag where you want the button to render. -->
|
||||||
|
<li><!-- Place this tag where you want the button to render. -->
|
||||||
|
<a class="github-button" href="https://github.com/streetturtle/AwesomeWM/archive/master.zip" data-icon="octicon-cloud-download" aria-label="Download streetturtle/AwesomeWM on GitHub">Download</a></li>
|
||||||
|
<li><!-- Place this tag where you want the button to render. -->
|
||||||
|
<a class="github-button" href="https://github.com/streetturtle" data-count-href="/streetturtle/followers" data-count-api="/users/streetturtle#followers" data-count-aria-label="# followers on GitHub" aria-label="Follow @streetturtle on GitHub">Follow @streetturtle</a></li>
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 3</a></li>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 4</a></li>-->
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-copyright grey darken-4">
|
||||||
|
<div class="container">
|
||||||
|
Made by <a class="orange-text text-lighten-3" href="http://github.com/streetturtle">Pavel Makhov</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- Scripts-->
|
||||||
|
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
|
||||||
|
<script src="../assets/js/materialize.js"></script>
|
||||||
|
<script src="../assets/js/init.js"></script>
|
||||||
|
<script async defer src="https://buttons.github.io/buttons.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -0,0 +1,134 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
|
||||||
|
<title>Starter Template - Materialize</title>
|
||||||
|
|
||||||
|
<!-- CSS -->
|
||||||
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||||
|
<link href="../assets/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
|
||||||
|
<link href="../assets/css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
<nav class="grey darken-3" role="navigation">
|
||||||
|
<div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">Awesome</a>
|
||||||
|
<ul class="right hide-on-med-and-down">
|
||||||
|
<li><a href="#">Navbar Link</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<ul id="nav-mobile" class="side-nav">
|
||||||
|
<li><a href="#">Navbar Link</a></li>
|
||||||
|
</ul>
|
||||||
|
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<div class="section" id="index-banner">
|
||||||
|
<div class="container">
|
||||||
|
<br><br><br>
|
||||||
|
<h1 class="header center white-text">Awesome WM widgets</h1>
|
||||||
|
<div class="row center">
|
||||||
|
<h5 class="header col s12 white-text">Set of widgets for Awesome Window Manager</h5>
|
||||||
|
</div>
|
||||||
|
<br><br><br>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="section">
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col s12 center">
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/battery">Battery</a>
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/brightness">Brightness</a>
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/email">Email</a>
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/spotify">Spotify</a>
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/volume">Volume</a>
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/weather">Weather</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col s12 m6 offset-m3">
|
||||||
|
<div class="icon-block">
|
||||||
|
<h1 id="brightness-widget">Brightness widget</h1>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<br><br>
|
||||||
|
|
||||||
|
<div class="section">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
<footer class="page-footer grey darken-3">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col l6 s12">
|
||||||
|
<h5 class="white-text">About</h5>
|
||||||
|
<p class="grey-text text-lighten-4">
|
||||||
|
Set of super simple widgets compatible with Awesome Window Manager v.4.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!--<div class="col l3 s12">-->
|
||||||
|
<!--<h5 class="white-text">Settings</h5>-->
|
||||||
|
<!--<ul>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 1</a></li>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 2</a></li>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 3</a></li>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 4</a></li>-->
|
||||||
|
<!--</ul>-->
|
||||||
|
<!--</div>-->
|
||||||
|
<div class="col l3 s12 offset-l3">
|
||||||
|
<h5 class="white-text">Links</h5>
|
||||||
|
<ul>
|
||||||
|
<li><!-- Place this tag where you want the button to render. -->
|
||||||
|
<a class="github-button" href="https://github.com/streetturtle/AwesomeWM" data-icon="octicon-star" data-count-href="/streetturtle/AwesomeWM/stargazers" data-count-api="/repos/streetturtle/AwesomeWM#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star streetturtle/AwesomeWM on GitHub">Star</a></li>
|
||||||
|
<!-- Place this tag where you want the button to render. -->
|
||||||
|
<li><!-- Place this tag where you want the button to render. -->
|
||||||
|
<a class="github-button" href="https://github.com/streetturtle/AwesomeWM/archive/master.zip" data-icon="octicon-cloud-download" aria-label="Download streetturtle/AwesomeWM on GitHub">Download</a></li>
|
||||||
|
<li><!-- Place this tag where you want the button to render. -->
|
||||||
|
<a class="github-button" href="https://github.com/streetturtle" data-count-href="/streetturtle/followers" data-count-api="/users/streetturtle#followers" data-count-aria-label="# followers on GitHub" aria-label="Follow @streetturtle on GitHub">Follow @streetturtle</a></li>
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 3</a></li>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 4</a></li>-->
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-copyright grey darken-4">
|
||||||
|
<div class="container">
|
||||||
|
Made by <a class="orange-text text-lighten-3" href="http://github.com/streetturtle">Pavel Makhov</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- Scripts-->
|
||||||
|
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
|
||||||
|
<script src="../assets/js/materialize.js"></script>
|
||||||
|
<script src="../assets/js/init.js"></script>
|
||||||
|
<script async defer src="https://buttons.github.io/buttons.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -0,0 +1,134 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
|
||||||
|
<title>Starter Template - Materialize</title>
|
||||||
|
|
||||||
|
<!-- CSS -->
|
||||||
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||||
|
<link href="../assets/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
|
||||||
|
<link href="../assets/css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
<nav class="grey darken-3" role="navigation">
|
||||||
|
<div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">Awesome</a>
|
||||||
|
<ul class="right hide-on-med-and-down">
|
||||||
|
<li><a href="#">Navbar Link</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<ul id="nav-mobile" class="side-nav">
|
||||||
|
<li><a href="#">Navbar Link</a></li>
|
||||||
|
</ul>
|
||||||
|
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<div class="section" id="index-banner">
|
||||||
|
<div class="container">
|
||||||
|
<br><br><br>
|
||||||
|
<h1 class="header center white-text">Awesome WM widgets</h1>
|
||||||
|
<div class="row center">
|
||||||
|
<h5 class="header col s12 white-text">Set of widgets for Awesome Window Manager</h5>
|
||||||
|
</div>
|
||||||
|
<br><br><br>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="section">
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col s12 center">
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/battery">Battery</a>
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/brightness">Brightness</a>
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/email">Email</a>
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/spotify">Spotify</a>
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/volume">Volume</a>
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/weather">Weather</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col s12 m6 offset-m3">
|
||||||
|
<div class="icon-block">
|
||||||
|
<h1 id="email-widget">Email widget</h1>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<br><br>
|
||||||
|
|
||||||
|
<div class="section">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
<footer class="page-footer grey darken-3">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col l6 s12">
|
||||||
|
<h5 class="white-text">About</h5>
|
||||||
|
<p class="grey-text text-lighten-4">
|
||||||
|
Set of super simple widgets compatible with Awesome Window Manager v.4.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!--<div class="col l3 s12">-->
|
||||||
|
<!--<h5 class="white-text">Settings</h5>-->
|
||||||
|
<!--<ul>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 1</a></li>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 2</a></li>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 3</a></li>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 4</a></li>-->
|
||||||
|
<!--</ul>-->
|
||||||
|
<!--</div>-->
|
||||||
|
<div class="col l3 s12 offset-l3">
|
||||||
|
<h5 class="white-text">Links</h5>
|
||||||
|
<ul>
|
||||||
|
<li><!-- Place this tag where you want the button to render. -->
|
||||||
|
<a class="github-button" href="https://github.com/streetturtle/AwesomeWM" data-icon="octicon-star" data-count-href="/streetturtle/AwesomeWM/stargazers" data-count-api="/repos/streetturtle/AwesomeWM#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star streetturtle/AwesomeWM on GitHub">Star</a></li>
|
||||||
|
<!-- Place this tag where you want the button to render. -->
|
||||||
|
<li><!-- Place this tag where you want the button to render. -->
|
||||||
|
<a class="github-button" href="https://github.com/streetturtle/AwesomeWM/archive/master.zip" data-icon="octicon-cloud-download" aria-label="Download streetturtle/AwesomeWM on GitHub">Download</a></li>
|
||||||
|
<li><!-- Place this tag where you want the button to render. -->
|
||||||
|
<a class="github-button" href="https://github.com/streetturtle" data-count-href="/streetturtle/followers" data-count-api="/users/streetturtle#followers" data-count-aria-label="# followers on GitHub" aria-label="Follow @streetturtle on GitHub">Follow @streetturtle</a></li>
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 3</a></li>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 4</a></li>-->
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-copyright grey darken-4">
|
||||||
|
<div class="container">
|
||||||
|
Made by <a class="orange-text text-lighten-3" href="http://github.com/streetturtle">Pavel Makhov</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- Scripts-->
|
||||||
|
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
|
||||||
|
<script src="../assets/js/materialize.js"></script>
|
||||||
|
<script src="../assets/js/init.js"></script>
|
||||||
|
<script async defer src="https://buttons.github.io/buttons.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -0,0 +1,155 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
|
||||||
|
<title>Starter Template - Materialize</title>
|
||||||
|
|
||||||
|
<!-- CSS -->
|
||||||
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||||
|
<link href="../assets/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
|
||||||
|
<link href="../assets/css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
<nav class="grey darken-3" role="navigation">
|
||||||
|
<div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">Awesome</a>
|
||||||
|
<ul class="right hide-on-med-and-down">
|
||||||
|
<li><a href="#">Navbar Link</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<ul id="nav-mobile" class="side-nav">
|
||||||
|
<li><a href="#">Navbar Link</a></li>
|
||||||
|
</ul>
|
||||||
|
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<div class="section" id="index-banner">
|
||||||
|
<div class="container">
|
||||||
|
<br><br><br>
|
||||||
|
<h1 class="header center white-text">Awesome WM widgets</h1>
|
||||||
|
<div class="row center">
|
||||||
|
<h5 class="header col s12 white-text">Set of widgets for Awesome Window Manager</h5>
|
||||||
|
</div>
|
||||||
|
<br><br><br>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="section">
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col s12 center">
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/battery">Battery</a>
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/brightness">Brightness</a>
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/email">Email</a>
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/spotify">Spotify</a>
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/volume">Volume</a>
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/weather">Weather</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col s12 m6 offset-m3">
|
||||||
|
<div class="icon-block">
|
||||||
|
<h1 id="spotify-widget">Spotify widget</h1>
|
||||||
|
|
||||||
|
<p>This widget displays currently playing song on <a href="https://www.spotify.com/download/linux/">Spotify for Linux</a> client: <img src="https://github.com/streetturtle/AwesomeWM/blob/master/spotify-widget/spo-wid-1.png?raw=true" alt="screenshot" />.</p>
|
||||||
|
|
||||||
|
<p>Note that widget uses the Arc icon theme, so it should be <a href="https://github.com/horst3180/arc-icon-theme#installation">installed</a> first under <strong>/usr/share/icons/Arc/</strong> folder.</p>
|
||||||
|
|
||||||
|
<h2 id="installation">Installation</h2>
|
||||||
|
|
||||||
|
<p>First you need to have spotify CLI installed. Here is how you can do it (except widget part): <a href="http://pavelmakhov.com/2016/02/awesome-wm-spotify">pavelmakhov.com/2016/02/awesome-wm-spotify</a></p>
|
||||||
|
|
||||||
|
<p>To use this widget put <strong>spotify.lua</strong> under <strong>~/.config/awesome/</strong> and add it in <strong>rc.lua</strong>:</p>
|
||||||
|
|
||||||
|
<div class="language-lua highlighter-rouge"><pre class="highlight"><code><span class="nb">require</span><span class="p">(</span><span class="s2">"spotify"</span><span class="p">)</span>
|
||||||
|
<span class="o">...</span>
|
||||||
|
<span class="n">s</span><span class="p">.</span><span class="n">mytasklist</span><span class="p">,</span> <span class="c1">-- Middle widget</span>
|
||||||
|
<span class="p">{</span> <span class="c1">-- Right widgets</span>
|
||||||
|
<span class="n">layout</span> <span class="o">=</span> <span class="n">wibox</span><span class="p">.</span><span class="n">layout</span><span class="p">.</span><span class="n">fixed</span><span class="p">.</span><span class="n">horizontal</span><span class="p">,</span>
|
||||||
|
<span class="o">...</span>
|
||||||
|
<span class="n">spotify_widget</span><span class="p">,</span>
|
||||||
|
<span class="o">...</span>
|
||||||
|
</code></pre>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<br><br>
|
||||||
|
|
||||||
|
<div class="section">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
<footer class="page-footer grey darken-3">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col l6 s12">
|
||||||
|
<h5 class="white-text">About</h5>
|
||||||
|
<p class="grey-text text-lighten-4">
|
||||||
|
Set of super simple widgets compatible with Awesome Window Manager v.4.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!--<div class="col l3 s12">-->
|
||||||
|
<!--<h5 class="white-text">Settings</h5>-->
|
||||||
|
<!--<ul>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 1</a></li>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 2</a></li>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 3</a></li>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 4</a></li>-->
|
||||||
|
<!--</ul>-->
|
||||||
|
<!--</div>-->
|
||||||
|
<div class="col l3 s12 offset-l3">
|
||||||
|
<h5 class="white-text">Links</h5>
|
||||||
|
<ul>
|
||||||
|
<li><!-- Place this tag where you want the button to render. -->
|
||||||
|
<a class="github-button" href="https://github.com/streetturtle/AwesomeWM" data-icon="octicon-star" data-count-href="/streetturtle/AwesomeWM/stargazers" data-count-api="/repos/streetturtle/AwesomeWM#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star streetturtle/AwesomeWM on GitHub">Star</a></li>
|
||||||
|
<!-- Place this tag where you want the button to render. -->
|
||||||
|
<li><!-- Place this tag where you want the button to render. -->
|
||||||
|
<a class="github-button" href="https://github.com/streetturtle/AwesomeWM/archive/master.zip" data-icon="octicon-cloud-download" aria-label="Download streetturtle/AwesomeWM on GitHub">Download</a></li>
|
||||||
|
<li><!-- Place this tag where you want the button to render. -->
|
||||||
|
<a class="github-button" href="https://github.com/streetturtle" data-count-href="/streetturtle/followers" data-count-api="/users/streetturtle#followers" data-count-aria-label="# followers on GitHub" aria-label="Follow @streetturtle on GitHub">Follow @streetturtle</a></li>
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 3</a></li>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 4</a></li>-->
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-copyright grey darken-4">
|
||||||
|
<div class="container">
|
||||||
|
Made by <a class="orange-text text-lighten-3" href="http://github.com/streetturtle">Pavel Makhov</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- Scripts-->
|
||||||
|
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
|
||||||
|
<script src="../assets/js/materialize.js"></script>
|
||||||
|
<script src="../assets/js/init.js"></script>
|
||||||
|
<script async defer src="https://buttons.github.io/buttons.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -0,0 +1,134 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
|
||||||
|
<title>Starter Template - Materialize</title>
|
||||||
|
|
||||||
|
<!-- CSS -->
|
||||||
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||||
|
<link href="../assets/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
|
||||||
|
<link href="../assets/css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
<nav class="grey darken-3" role="navigation">
|
||||||
|
<div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">Awesome</a>
|
||||||
|
<ul class="right hide-on-med-and-down">
|
||||||
|
<li><a href="#">Navbar Link</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<ul id="nav-mobile" class="side-nav">
|
||||||
|
<li><a href="#">Navbar Link</a></li>
|
||||||
|
</ul>
|
||||||
|
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<div class="section" id="index-banner">
|
||||||
|
<div class="container">
|
||||||
|
<br><br><br>
|
||||||
|
<h1 class="header center white-text">Awesome WM widgets</h1>
|
||||||
|
<div class="row center">
|
||||||
|
<h5 class="header col s12 white-text">Set of widgets for Awesome Window Manager</h5>
|
||||||
|
</div>
|
||||||
|
<br><br><br>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="section">
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col s12 center">
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/battery">Battery</a>
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/brightness">Brightness</a>
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/email">Email</a>
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/spotify">Spotify</a>
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/volume">Volume</a>
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/weather">Weather</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col s12 m6 offset-m3">
|
||||||
|
<div class="icon-block">
|
||||||
|
<h1 id="volume-widget">Volume widget</h1>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<br><br>
|
||||||
|
|
||||||
|
<div class="section">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
<footer class="page-footer grey darken-3">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col l6 s12">
|
||||||
|
<h5 class="white-text">About</h5>
|
||||||
|
<p class="grey-text text-lighten-4">
|
||||||
|
Set of super simple widgets compatible with Awesome Window Manager v.4.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!--<div class="col l3 s12">-->
|
||||||
|
<!--<h5 class="white-text">Settings</h5>-->
|
||||||
|
<!--<ul>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 1</a></li>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 2</a></li>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 3</a></li>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 4</a></li>-->
|
||||||
|
<!--</ul>-->
|
||||||
|
<!--</div>-->
|
||||||
|
<div class="col l3 s12 offset-l3">
|
||||||
|
<h5 class="white-text">Links</h5>
|
||||||
|
<ul>
|
||||||
|
<li><!-- Place this tag where you want the button to render. -->
|
||||||
|
<a class="github-button" href="https://github.com/streetturtle/AwesomeWM" data-icon="octicon-star" data-count-href="/streetturtle/AwesomeWM/stargazers" data-count-api="/repos/streetturtle/AwesomeWM#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star streetturtle/AwesomeWM on GitHub">Star</a></li>
|
||||||
|
<!-- Place this tag where you want the button to render. -->
|
||||||
|
<li><!-- Place this tag where you want the button to render. -->
|
||||||
|
<a class="github-button" href="https://github.com/streetturtle/AwesomeWM/archive/master.zip" data-icon="octicon-cloud-download" aria-label="Download streetturtle/AwesomeWM on GitHub">Download</a></li>
|
||||||
|
<li><!-- Place this tag where you want the button to render. -->
|
||||||
|
<a class="github-button" href="https://github.com/streetturtle" data-count-href="/streetturtle/followers" data-count-api="/users/streetturtle#followers" data-count-aria-label="# followers on GitHub" aria-label="Follow @streetturtle on GitHub">Follow @streetturtle</a></li>
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 3</a></li>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 4</a></li>-->
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-copyright grey darken-4">
|
||||||
|
<div class="container">
|
||||||
|
Made by <a class="orange-text text-lighten-3" href="http://github.com/streetturtle">Pavel Makhov</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- Scripts-->
|
||||||
|
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
|
||||||
|
<script src="../assets/js/materialize.js"></script>
|
||||||
|
<script src="../assets/js/init.js"></script>
|
||||||
|
<script async defer src="https://buttons.github.io/buttons.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -0,0 +1,152 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
|
||||||
|
<title>Starter Template - Materialize</title>
|
||||||
|
|
||||||
|
<!-- CSS -->
|
||||||
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||||
|
<link href="../assets/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
|
||||||
|
<link href="../assets/css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
<nav class="grey darken-3" role="navigation">
|
||||||
|
<div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">Awesome</a>
|
||||||
|
<ul class="right hide-on-med-and-down">
|
||||||
|
<li><a href="#">Navbar Link</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<ul id="nav-mobile" class="side-nav">
|
||||||
|
<li><a href="#">Navbar Link</a></li>
|
||||||
|
</ul>
|
||||||
|
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<div class="section" id="index-banner">
|
||||||
|
<div class="container">
|
||||||
|
<br><br><br>
|
||||||
|
<h1 class="header center white-text">Awesome WM widgets</h1>
|
||||||
|
<div class="row center">
|
||||||
|
<h5 class="header col s12 white-text">Set of widgets for Awesome Window Manager</h5>
|
||||||
|
</div>
|
||||||
|
<br><br><br>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="section">
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col s12 center">
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/battery">Battery</a>
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/brightness">Brightness</a>
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/email">Email</a>
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/spotify">Spotify</a>
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/volume">Volume</a>
|
||||||
|
|
||||||
|
<a class="waves-effect waves-light btn"
|
||||||
|
href="http://localhost:4000/widgets/weather">Weather</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col s12 m6 offset-m3">
|
||||||
|
<div class="icon-block">
|
||||||
|
<h1 id="weather-widget">Weather widget</h1>
|
||||||
|
|
||||||
|
<p><img src="https://github.com/streetturtle/AwesomeWM/blob/master/weather-widget/weather-widget.png?raw=true" alt="Weather Widget" /></p>
|
||||||
|
|
||||||
|
<p>Note that widget uses the Arc icon theme, so it should be <a href="https://github.com/horst3180/arc-icon-theme#installation">installed</a> first under <strong>/usr/share/icons/Arc/</strong> folder.</p>
|
||||||
|
|
||||||
|
<h2 id="installation">Installation</h2>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li>install lua socket
|
||||||
|
<div class="language-bash highlighter-rouge"><pre class="highlight"><code><span class="gp">$ </span>sudo apt-get install lua-socket
|
||||||
|
</code></pre>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>download json parser for lua: https://github.com/rxi/json.lua</li>
|
||||||
|
<li>get Open Weather Map app id here: https://openweathermap.org/appid</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>You can read how it works in more details <a href="http://pavelmakhov.com/2017/02/weather-widget-for-awesome-wm">here</a></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<br><br>
|
||||||
|
|
||||||
|
<div class="section">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
<footer class="page-footer grey darken-3">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col l6 s12">
|
||||||
|
<h5 class="white-text">About</h5>
|
||||||
|
<p class="grey-text text-lighten-4">
|
||||||
|
Set of super simple widgets compatible with Awesome Window Manager v.4.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!--<div class="col l3 s12">-->
|
||||||
|
<!--<h5 class="white-text">Settings</h5>-->
|
||||||
|
<!--<ul>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 1</a></li>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 2</a></li>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 3</a></li>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 4</a></li>-->
|
||||||
|
<!--</ul>-->
|
||||||
|
<!--</div>-->
|
||||||
|
<div class="col l3 s12 offset-l3">
|
||||||
|
<h5 class="white-text">Links</h5>
|
||||||
|
<ul>
|
||||||
|
<li><!-- Place this tag where you want the button to render. -->
|
||||||
|
<a class="github-button" href="https://github.com/streetturtle/AwesomeWM" data-icon="octicon-star" data-count-href="/streetturtle/AwesomeWM/stargazers" data-count-api="/repos/streetturtle/AwesomeWM#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star streetturtle/AwesomeWM on GitHub">Star</a></li>
|
||||||
|
<!-- Place this tag where you want the button to render. -->
|
||||||
|
<li><!-- Place this tag where you want the button to render. -->
|
||||||
|
<a class="github-button" href="https://github.com/streetturtle/AwesomeWM/archive/master.zip" data-icon="octicon-cloud-download" aria-label="Download streetturtle/AwesomeWM on GitHub">Download</a></li>
|
||||||
|
<li><!-- Place this tag where you want the button to render. -->
|
||||||
|
<a class="github-button" href="https://github.com/streetturtle" data-count-href="/streetturtle/followers" data-count-api="/users/streetturtle#followers" data-count-aria-label="# followers on GitHub" aria-label="Follow @streetturtle on GitHub">Follow @streetturtle</a></li>
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 3</a></li>-->
|
||||||
|
<!--<li><a class="white-text" href="#!">Link 4</a></li>-->
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-copyright grey darken-4">
|
||||||
|
<div class="container">
|
||||||
|
Made by <a class="orange-text text-lighten-3" href="http://github.com/streetturtle">Pavel Makhov</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- Scripts-->
|
||||||
|
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
|
||||||
|
<script src="../assets/js/materialize.js"></script>
|
||||||
|
<script src="../assets/js/init.js"></script>
|
||||||
|
<script async defer src="https://buttons.github.io/buttons.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -0,0 +1,5 @@
|
||||||
|
---
|
||||||
|
layout: page
|
||||||
|
---
|
||||||
|
|
||||||
|
# Battery widget
|
|
@ -0,0 +1,5 @@
|
||||||
|
---
|
||||||
|
layout: page
|
||||||
|
---
|
||||||
|
|
||||||
|
# Brightness widget
|
|
@ -0,0 +1,5 @@
|
||||||
|
---
|
||||||
|
layout: page
|
||||||
|
---
|
||||||
|
|
||||||
|
# Email widget
|
|
@ -1,6 +1,10 @@
|
||||||
|
---
|
||||||
|
layout: page
|
||||||
|
---
|
||||||
|
|
||||||
# Spotify widget
|
# Spotify widget
|
||||||
|
|
||||||
This widget displays currently playing song on [Spotify for Linux](https://www.spotify.com/download/linux/) client: ![screenshot](./spo-wid-1.png).
|
This widget displays currently playing song on [Spotify for Linux](https://www.spotify.com/download/linux/) client: ![screenshot](https://github.com/streetturtle/AwesomeWM/blob/master/spotify-widget/spo-wid-1.png?raw=true).
|
||||||
|
|
||||||
Note that widget uses the Arc icon theme, so it should be [installed](https://github.com/horst3180/arc-icon-theme#installation) first under **/usr/share/icons/Arc/** folder.
|
Note that widget uses the Arc icon theme, so it should be [installed](https://github.com/horst3180/arc-icon-theme#installation) first under **/usr/share/icons/Arc/** folder.
|
||||||
|
|
|
@ -0,0 +1,5 @@
|
||||||
|
---
|
||||||
|
layout: page
|
||||||
|
---
|
||||||
|
|
||||||
|
# Volume widget
|
|
@ -1,6 +1,10 @@
|
||||||
|
---
|
||||||
|
layout: page
|
||||||
|
---
|
||||||
|
|
||||||
# Weather widget
|
# Weather widget
|
||||||
|
|
||||||
![Weather Widget](./weather-widget.png)
|
![Weather Widget](https://github.com/streetturtle/AwesomeWM/blob/master/weather-widget/weather-widget.png?raw=true)
|
||||||
|
|
||||||
Note that widget uses the Arc icon theme, so it should be [installed](https://github.com/horst3180/arc-icon-theme#installation) first under **/usr/share/icons/Arc/** folder.
|
Note that widget uses the Arc icon theme, so it should be [installed](https://github.com/horst3180/arc-icon-theme#installation) first under **/usr/share/icons/Arc/** folder.
|
||||||
|
|
|
@ -0,0 +1,37 @@
|
||||||
|
---
|
||||||
|
---
|
||||||
|
|
||||||
|
/* Custom Stylesheet */
|
||||||
|
/**
|
||||||
|
* Use this file to override Materialize files so you can update
|
||||||
|
* the core Materialize files in the future
|
||||||
|
*
|
||||||
|
* Made By MaterializeCSS.com
|
||||||
|
*/
|
||||||
|
|
||||||
|
.icon-block {
|
||||||
|
padding: 0 15px;
|
||||||
|
}
|
||||||
|
.icon-block .material-icons {
|
||||||
|
font-size: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
#index-banner {
|
||||||
|
background: linear-gradient(
|
||||||
|
rgba(0, 0, 0, 0.4),
|
||||||
|
rgba(0, 0, 0, 0.4)
|
||||||
|
),
|
||||||
|
url(/assets/img/pano.png) no-repeat center center;
|
||||||
|
background-size: cover;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
display: flex;
|
||||||
|
min-height: 100vh;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
flex: 1 0 auto;
|
||||||
|
}
|
After Width: | Height: | Size: 3.6 MiB |
After Width: | Height: | Size: 6.4 MiB |
|
@ -0,0 +1,7 @@
|
||||||
|
(function($){
|
||||||
|
$(function(){
|
||||||
|
|
||||||
|
$('.button-collapse').sideNav();
|
||||||
|
|
||||||
|
}); // end of document ready
|
||||||
|
})(jQuery); // end of jQuery name space
|
|
@ -1,37 +0,0 @@
|
||||||
# Battery widget
|
|
||||||
Simple and easy-to-install widget for Awesome Window Manager.
|
|
||||||
|
|
||||||
This widget consists of
|
|
||||||
|
|
||||||
- an icon which shows the battery level: ![Battery Widget](./bat-wid-1.png)
|
|
||||||
- a pop-up window, which shows up when you hover over an icon: ![Battery Widget](./bat-wid-2.png).
|
|
||||||
Alternatively you can use a tooltip: ![Battery Widget](./bat-wid-22.png)
|
|
||||||
- a pop-up warning message which appears on bottom right corner when battery level is less that 15%: ![Battery Widget](./bat-wid-3.png)
|
|
||||||
|
|
||||||
Note that widget uses the Arc icon theme, so it should be [installed](https://github.com/horst3180/arc-icon-theme#installation) first under **/usr/share/icons/Arc/** folder.
|
|
||||||
|
|
||||||
## Installation
|
|
||||||
|
|
||||||
This widget reads the output of acpi tool.
|
|
||||||
- install `acpi` and check the output:
|
|
||||||
|
|
||||||
```bash
|
|
||||||
$ sudo apt-get install acpi
|
|
||||||
$ acpi
|
|
||||||
Battery 0: Discharging, 66%, 02:34:06 remaining
|
|
||||||
```
|
|
||||||
|
|
||||||
- clone/copy **battery.lua** file to **~/.config/awesome/** folder;
|
|
||||||
|
|
||||||
- include **battery.lua** and add battery widget to your wibox in **rc.lua**:
|
|
||||||
|
|
||||||
```lua
|
|
||||||
require("battery")
|
|
||||||
...
|
|
||||||
s.mytasklist, -- Middle widget
|
|
||||||
{ -- Right widgets
|
|
||||||
layout = wibox.layout.fixed.horizontal,
|
|
||||||
...
|
|
||||||
battery_widget,
|
|
||||||
...
|
|
||||||
```
|
|
Before Width: | Height: | Size: 700 B |
Before Width: | Height: | Size: 18 KiB |
Before Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 14 KiB |
|
@ -1,87 +0,0 @@
|
||||||
local wibox = require("wibox")
|
|
||||||
local awful = require("awful")
|
|
||||||
local naughty = require("naughty")
|
|
||||||
local watch = require("awful.widget.watch")
|
|
||||||
|
|
||||||
-- acpi sample outputs
|
|
||||||
-- Battery 0: Discharging, 75%, 01:51:38 remaining
|
|
||||||
-- Battery 0: Charging, 53%, 00:57:43 until charged
|
|
||||||
|
|
||||||
local path_to_icons = "/usr/share/icons/Arc/status/symbolic/"
|
|
||||||
|
|
||||||
battery_widget = wibox.widget {
|
|
||||||
{
|
|
||||||
id = "icon",
|
|
||||||
widget = wibox.widget.imagebox,
|
|
||||||
resize = false
|
|
||||||
},
|
|
||||||
layout = wibox.container.margin(brightness_icon, 0, 0, 3),
|
|
||||||
set_image = function(self, path)
|
|
||||||
self.icon.image = path
|
|
||||||
end
|
|
||||||
}
|
|
||||||
|
|
||||||
-- Popup with battery info
|
|
||||||
battery_popup = awful.tooltip({objects = {battery_widget}})
|
|
||||||
|
|
||||||
-- To use colors from beautiful theme put
|
|
||||||
-- following lines in rc.lua before require("battery")
|
|
||||||
--
|
|
||||||
-- beautiful.tooltip_fg = beautiful.fg_normal
|
|
||||||
-- beautiful.tooltip_bg = beautiful.bg_normal
|
|
||||||
|
|
||||||
watch(
|
|
||||||
"acpi", 10,
|
|
||||||
function(widget, stdout, stderr, exitreason, exitcode)
|
|
||||||
local batteryType
|
|
||||||
local _, status, charge_str, time = string.match(stdout, '(.+): (%a+), (%d?%d%d)%%,? ?.*')
|
|
||||||
local charge = tonumber(charge_str)
|
|
||||||
if (charge >= 0 and charge < 15) then
|
|
||||||
batteryType="battery-empty%s-symbolic"
|
|
||||||
show_battery_warning()
|
|
||||||
elseif (charge >= 15 and charge < 40) then batteryType="battery-caution%s-symbolic"
|
|
||||||
elseif (charge >= 40 and charge < 60) then batteryType="battery-low%s-symbolic"
|
|
||||||
elseif (charge >= 60 and charge < 80) then batteryType="battery-good%s-symbolic"
|
|
||||||
elseif (charge >= 80 and charge <= 100) then batteryType="battery-full%s-symbolic"
|
|
||||||
end
|
|
||||||
if status == 'Charging' then
|
|
||||||
batteryType = string.format(batteryType,'-charging')
|
|
||||||
else
|
|
||||||
batteryType = string.format(batteryType,'')
|
|
||||||
end
|
|
||||||
battery_widget.image = path_to_icons .. batteryType .. ".svg"
|
|
||||||
|
|
||||||
-- Update popup text
|
|
||||||
-- TODO: Filter long lines
|
|
||||||
battery_popup.text = string.gsub(stdout, "\n$", "")
|
|
||||||
end
|
|
||||||
)
|
|
||||||
|
|
||||||
-- Alternative to tooltip - popup message shown by naughty library. You can compare both and choose the preferred one
|
|
||||||
--function show_battery_status()
|
|
||||||
-- awful.spawn.easy_async([[bash -c 'acpi']],
|
|
||||||
-- function(stdout, stderr, reason, exit_code)
|
|
||||||
-- naughty.notify{
|
|
||||||
-- text = stdout,
|
|
||||||
-- title = "Battery status",
|
|
||||||
-- timeout = 5, hover_timeout = 0.5,
|
|
||||||
-- width = 200,
|
|
||||||
-- }
|
|
||||||
-- end
|
|
||||||
-- )
|
|
||||||
--end
|
|
||||||
--battery_widget:connect_signal("mouse::enter", function() show_battery_status() end)
|
|
||||||
|
|
||||||
function show_battery_warning()
|
|
||||||
naughty.notify{
|
|
||||||
icon = "/home/pashik/.config/awesome/nichosi.png",
|
|
||||||
icon_size=100,
|
|
||||||
text = "Huston, we have a problem",
|
|
||||||
title = "Battery is dying",
|
|
||||||
timeout = 5, hover_timeout = 0.5,
|
|
||||||
position = "bottom_right",
|
|
||||||
bg = "#F06060",
|
|
||||||
fg = "#EEE9EF",
|
|
||||||
width = 300,
|
|
||||||
}
|
|
||||||
end
|
|
Before Width: | Height: | Size: 1.3 KiB |
|
@ -1,24 +0,0 @@
|
||||||
local wibox = require("wibox")
|
|
||||||
local awful = require("awful")
|
|
||||||
local gears = require("gears")
|
|
||||||
local watch = require("awful.widget.watch")
|
|
||||||
|
|
||||||
brightness_widget = wibox.widget.textbox()
|
|
||||||
brightness_widget:set_font('Play 9')
|
|
||||||
|
|
||||||
brightness_icon = wibox.widget {
|
|
||||||
{
|
|
||||||
image = "/usr/share/icons/Arc/status/symbolic/display-brightness-symbolic.svg",
|
|
||||||
resize = false,
|
|
||||||
widget = wibox.widget.imagebox,
|
|
||||||
},
|
|
||||||
layout = wibox.container.margin(brightness_icon, 0, 0, 3)
|
|
||||||
}
|
|
||||||
|
|
||||||
watch(
|
|
||||||
"xbacklight -get", 1,
|
|
||||||
function(widget, stdout, stderr, exitreason, exitcode)
|
|
||||||
local brightness_level = tonumber(string.format("%.0f", stdout))
|
|
||||||
brightness_widget:set_text(brightness_level)
|
|
||||||
end
|
|
||||||
)
|
|
|
@ -1,35 +0,0 @@
|
||||||
# Email widget
|
|
||||||
|
|
||||||
This widget consists of an icon with counter which shows number of unread emails: ![email icon](./em-wid-1.png)
|
|
||||||
and a popup message which appears when mouse hovers over an icon: ![email popup](./em-wid-2.png)
|
|
||||||
|
|
||||||
Note that widget uses the Arc icon theme, so it should be [installed](https://github.com/horst3180/arc-icon-theme#installation) first under **/usr/share/icons/Arc/** folder.
|
|
||||||
|
|
||||||
## Installation
|
|
||||||
|
|
||||||
To install it put **email.lua** and **email-widget** folder under **~/.config/awesome**. Then
|
|
||||||
|
|
||||||
- in **email.lua** cahnge path to python scripts;
|
|
||||||
- in python scripts add your credentials (note that password should be encrypted using pgp for example);
|
|
||||||
- add widget to awesome:
|
|
||||||
|
|
||||||
```lua
|
|
||||||
require("email")
|
|
||||||
...
|
|
||||||
s.mytasklist, -- Middle widget
|
|
||||||
{ -- Right widgets
|
|
||||||
layout = wibox.layout.fixed.horizontal,
|
|
||||||
...
|
|
||||||
email_icon,
|
|
||||||
email_widget,
|
|
||||||
...
|
|
||||||
```
|
|
||||||
|
|
||||||
## How it works
|
|
||||||
|
|
||||||
This widget uses the output of two python scripts, first is called every 20 seconds - it returns number of unread emails and second is called when mouse hovers over an icon and displays content of those emails. For both of them you'll need to provide your credentials and imap server. For testing they can simply be called from console:
|
|
||||||
|
|
||||||
``` bash
|
|
||||||
python ~/.config/awesome/email/count_unread_emails.py
|
|
||||||
python ~/.config/awesome/email/read_emails.py
|
|
||||||
```
|
|
|
@ -1,16 +0,0 @@
|
||||||
#!/usr/bin/python
|
|
||||||
|
|
||||||
import imaplib
|
|
||||||
import email
|
|
||||||
|
|
||||||
M=imaplib.IMAP4_SSL("mail.teenagemutantninjaturtles.com", 993)
|
|
||||||
M.login("mickey@tmnt.com","cowabunga")
|
|
||||||
|
|
||||||
status, counts = M.status("INBOX","(MESSAGES UNSEEN)")
|
|
||||||
|
|
||||||
if status == "OK":
|
|
||||||
unread = counts[0].split()[4][:-1]
|
|
||||||
else:
|
|
||||||
unread = "N/A"
|
|
||||||
|
|
||||||
print(unread)
|
|
Before Width: | Height: | Size: 1.8 KiB |
Before Width: | Height: | Size: 38 KiB |
|
@ -1,42 +0,0 @@
|
||||||
local wibox = require("wibox")
|
|
||||||
local awful = require("awful")
|
|
||||||
local naughty = require("naughty")
|
|
||||||
local watch = require("awful.widget.watch")
|
|
||||||
|
|
||||||
local path_to_icons = "/usr/share/icons/Arc/actions/22/"
|
|
||||||
|
|
||||||
email_widget = wibox.widget.textbox()
|
|
||||||
email_widget:set_font('Play 9')
|
|
||||||
|
|
||||||
email_icon = wibox.widget.imagebox()
|
|
||||||
email_icon:set_image(path_to_icons .. "/mail-mark-new.png")
|
|
||||||
|
|
||||||
watch(
|
|
||||||
"python /home/<username>/.config/awesome/email-widget/count_unread_emails.py", 20,
|
|
||||||
function(widget, stdout, stderr, exitreason, exitcode)
|
|
||||||
local unread_emails_num = tonumber(stdout) or 0
|
|
||||||
if (unread_emails_num > 0) then
|
|
||||||
email_icon:set_image(path_to_icons .. "/mail-mark-unread.png")
|
|
||||||
email_widget:set_text(stdout)
|
|
||||||
elseif (unread_emails_num == 0) then
|
|
||||||
email_icon:set_image(path_to_icons .. "/mail-message-new.png")
|
|
||||||
email_widget:set_text("")
|
|
||||||
end
|
|
||||||
end
|
|
||||||
)
|
|
||||||
|
|
||||||
|
|
||||||
function show_emails()
|
|
||||||
awful.spawn.easy_async([[bash -c 'python /home/<username>/.config/awesome/email-widget/read_unread_emails.py']],
|
|
||||||
function(stdout, stderr, reason, exit_code)
|
|
||||||
naughty.notify{
|
|
||||||
text = stdout,
|
|
||||||
title = "Unread Emails",
|
|
||||||
timeout = 5, hover_timeout = 0.5,
|
|
||||||
width = 400,
|
|
||||||
}
|
|
||||||
end
|
|
||||||
)
|
|
||||||
end
|
|
||||||
|
|
||||||
email_icon:connect_signal("mouse::enter", function() show_emails() end)
|
|
|
@ -1,42 +0,0 @@
|
||||||
#!/usr/bin/python
|
|
||||||
|
|
||||||
import imaplib
|
|
||||||
import email
|
|
||||||
import datetime
|
|
||||||
|
|
||||||
def process_mailbox(M):
|
|
||||||
rv, data = M.search(None, "(UNSEEN)")
|
|
||||||
if rv != 'OK':
|
|
||||||
print "No messages found!"
|
|
||||||
return
|
|
||||||
|
|
||||||
for num in data[0].split():
|
|
||||||
rv, data = M.fetch(num, '(BODY.PEEK[])')
|
|
||||||
if rv != 'OK':
|
|
||||||
print "ERROR getting message", num
|
|
||||||
return
|
|
||||||
|
|
||||||
msg = email.message_from_string(data[0][1])
|
|
||||||
print 'From:', msg['From']
|
|
||||||
print 'Subject: %s' % (msg['Subject'])
|
|
||||||
date_tuple = email.utils.parsedate_tz(msg['Date'])
|
|
||||||
if date_tuple:
|
|
||||||
local_date = datetime.datetime.fromtimestamp(email.utils.mktime_tz(date_tuple))
|
|
||||||
print "Local Date:", local_date.strftime("%a, %d %b %Y %H:%M:%S")
|
|
||||||
# with code below you can process text of email
|
|
||||||
# if msg.is_multipart():
|
|
||||||
# for payload in msg.get_payload():
|
|
||||||
# if payload.get_content_maintype() == 'text':
|
|
||||||
# print payload.get_payload()
|
|
||||||
# else:
|
|
||||||
# print msg.get_payload()
|
|
||||||
|
|
||||||
|
|
||||||
M=imaplib.IMAP4_SSL("mail.teenagemutantninjaturtles.com", 993)
|
|
||||||
M.login("mickey@tmnt.com","cowabunga")
|
|
||||||
|
|
||||||
rv, data = M.select("INBOX")
|
|
||||||
if rv == 'OK':
|
|
||||||
process_mailbox(M)
|
|
||||||
M.close()
|
|
||||||
M.logout()
|
|
|
@ -0,0 +1,38 @@
|
||||||
|
---
|
||||||
|
layout: page
|
||||||
|
---
|
||||||
|
|
||||||
|
# AwesomeWM
|
||||||
|
|
||||||
|
Set of super simple widgets compatible with Awesome Window Manager v.4.
|
||||||
|
|
||||||
|
![screenshot](https://github.com/streetturtle/AwesomeWM/blob/master/screenshot.png?raw=true)
|
||||||
|
|
||||||
|
From left to right:
|
||||||
|
|
||||||
|
- [spotify-widget](https://github.com/streetturtle/AwesomeWM/tree/master/spotify-widget) / [rhythmbox-widget](https://github.com/streetturtle/AwesomeWM/tree/master/rhythmbox-widget)
|
||||||
|
- [weather-widget](https://github.com/streetturtle/AwesomeWM/tree/master/weather-widget)
|
||||||
|
- [email-widget](https://github.com/streetturtle/AwesomeWM/tree/master/email-widget)
|
||||||
|
- [brightness-widget](https://github.com/streetturtle/AwesomeWM/tree/master/brightness-widget)
|
||||||
|
- [volume-widget](https://github.com/streetturtle/AwesomeWM/tree/master/volume-widget)
|
||||||
|
- [battery-widget](https://github.com/streetturtle/AwesomeWM/tree/master/battery-widget)
|
||||||
|
|
||||||
|
These widgets use [Arc icon theme](https://github.com/horst3180/arc-icon-theme) by default but it could be easily
|
||||||
|
changed to any other icon theme. If you want to have separators between widgets like on the screenshot create text widget with ` : ` and place it between widgets:
|
||||||
|
|
||||||
|
```lua
|
||||||
|
...
|
||||||
|
sprtr = wibox.widget.textbox()
|
||||||
|
sprtr:set_text(" : ")
|
||||||
|
...
|
||||||
|
sprtr,
|
||||||
|
volume_icon,
|
||||||
|
sprtr,
|
||||||
|
battery_widget,
|
||||||
|
sprtr,
|
||||||
|
...
|
||||||
|
```
|
||||||
|
|
||||||
|
# Installation
|
||||||
|
|
||||||
|
[Install](https://github.com/horst3180/arc-icon-theme#installation) Arc icon theme and follow installation instructions of each widget.
|
|
@ -1,16 +0,0 @@
|
||||||
local wibox = require("wibox")
|
|
||||||
local awful = require("awful")
|
|
||||||
local watch = require("awful.widget.watch")
|
|
||||||
|
|
||||||
rhythmbox_widget = wibox.widget.textbox()
|
|
||||||
rhythmbox_widget:set_font('Play 9')
|
|
||||||
|
|
||||||
rhythmbox_icon = wibox.widget.imagebox()
|
|
||||||
rhythmbox_icon:set_image("/usr/share/icons/Arc/devices/22/audio-speakers.png")
|
|
||||||
|
|
||||||
watch(
|
|
||||||
"rhythmbox-client --no-start --print-playing", 1,
|
|
||||||
function(widget, stdout, stderr, exitreason, exitcode)
|
|
||||||
rhythmbox_widget:set_text(stdout)
|
|
||||||
end
|
|
||||||
)
|
|
BIN
screenshot.png
Before Width: | Height: | Size: 11 KiB |
Before Width: | Height: | Size: 4.5 KiB |
|
@ -1,17 +0,0 @@
|
||||||
local wibox = require("wibox")
|
|
||||||
local awful = require("awful")
|
|
||||||
local watch = require("awful.widget.watch")
|
|
||||||
|
|
||||||
spotify_widget = wibox.widget.textbox()
|
|
||||||
spotify_widget:set_font('Play 9')
|
|
||||||
|
|
||||||
-- optional icon, could be replaced by spotfiy logo (https://developer.spotify.com/design/)
|
|
||||||
spotify_icon = wibox.widget.imagebox()
|
|
||||||
spotify_icon:set_image("/usr/share/icons/Arc/devices/22/audio-headphones.png")
|
|
||||||
|
|
||||||
watch(
|
|
||||||
"sp current-oneline", 1,
|
|
||||||
function(widget, stdout, stderr, exitreason, exitcode)
|
|
||||||
spotify_widget:set_text(stdout)
|
|
||||||
end
|
|
||||||
)
|
|
|
@ -1,35 +0,0 @@
|
||||||
# Volume widget
|
|
||||||
|
|
||||||
Simple and easy-to-install widget for Awesome Window Manager which represents the sound level: ![Volume Widget](
|
|
||||||
./vol-widget-1.png)
|
|
||||||
|
|
||||||
Note that widget uses the Arc icon theme, so it should be [installed](https://github.com/horst3180/arc-icon-theme#installation) first under **/usr/share/icons/Arc/** folder.
|
|
||||||
|
|
||||||
## Installation
|
|
||||||
|
|
||||||
- clone/copy **volume.lua** file;
|
|
||||||
|
|
||||||
- include `volume.lua` and add volume widget to your wibox in rc.lua:
|
|
||||||
|
|
||||||
```lua
|
|
||||||
require("volume")
|
|
||||||
...
|
|
||||||
s.mytasklist, -- Middle widget
|
|
||||||
{ -- Right widgets
|
|
||||||
layout = wibox.layout.fixed.horizontal,
|
|
||||||
...
|
|
||||||
volume_widget,
|
|
||||||
...
|
|
||||||
```
|
|
||||||
|
|
||||||
## Control volume
|
|
||||||
|
|
||||||
To mute/unmute click on the widget. To increase/decrease volume scroll up or down when mouse cursor is over the widget.
|
|
||||||
|
|
||||||
If you want to control volume level by keyboard shortcuts add following lines in shortcut section of the **rc.lua** (the commands could be slightly different depending on your PC configuration):
|
|
||||||
|
|
||||||
```lua
|
|
||||||
awful.key({ modkey}, "[", function () awful.spawn("amixer -D pulse sset Master 5%-") end, {description = "increase volume", group = "custom"}),
|
|
||||||
awful.key({ modkey}, "]", function () awful.spawn("amixer -D pulse sset Master 5%+") end, {description = "decrease volume", group = "custom"}),
|
|
||||||
awful.key({ modkey}, "\\", function () awful.spawn("amixer -D pulse set Master +1 toggle") end, {description = "mute volume", group = "custom"}),
|
|
||||||
```
|
|
Before Width: | Height: | Size: 824 B |
|
@ -1,49 +0,0 @@
|
||||||
local awful = require("awful")
|
|
||||||
local wibox = require("wibox")
|
|
||||||
local watch = require("awful.widget.watch")
|
|
||||||
|
|
||||||
local path_to_icons = "/usr/share/icons/Arc/status/symbolic/"
|
|
||||||
|
|
||||||
volume_widget = wibox.widget {
|
|
||||||
{
|
|
||||||
id = "icon",
|
|
||||||
image = path_to_icons .. "audio-volume-muted-symbolic.svg",
|
|
||||||
resize = false,
|
|
||||||
widget = wibox.widget.imagebox,
|
|
||||||
},
|
|
||||||
layout = wibox.container.margin(brightness_icon, 0, 0, 3),
|
|
||||||
set_image = function(self, path)
|
|
||||||
self.icon.image = path
|
|
||||||
end
|
|
||||||
}
|
|
||||||
|
|
||||||
--[[ allows control volume level by:
|
|
||||||
- clicking on the widget to mute/unmute
|
|
||||||
- scrolling when curson is over the widget
|
|
||||||
]]
|
|
||||||
volume_widget:connect_signal("button::press", function(_,_,_,button)
|
|
||||||
if (button == 4) then
|
|
||||||
awful.spawn("amixer -D pulse sset Master 5%+", false)
|
|
||||||
elseif (button == 5) then
|
|
||||||
awful.spawn("amixer -D pulse sset Master 5%-", false)
|
|
||||||
elseif (button == 1) then
|
|
||||||
awful.spawn("amixer -D pulse sset Master toggle", false)
|
|
||||||
end
|
|
||||||
end)
|
|
||||||
|
|
||||||
watch(
|
|
||||||
'amixer -D pulse sget Master', 1,
|
|
||||||
function(widget, stdout, stderr, reason, exit_code)
|
|
||||||
local mute = string.match(stdout, "%[(o%D%D?)%]")
|
|
||||||
local volume = string.match(stdout, "(%d?%d?%d)%%")
|
|
||||||
volume = tonumber(string.format("% 3d", volume))
|
|
||||||
local volume_icon_name
|
|
||||||
if mute == "off" then volume_icon_name="audio-volume-muted-symbolic"
|
|
||||||
elseif (volume >= 0 and volume < 25) then volume_icon_name="audio-volume-muted-symbolic"
|
|
||||||
elseif (volume >= 25 and volume < 50) then volume_icon_name="audio-volume-low-symbolic"
|
|
||||||
elseif (volume >= 50 and volume < 75) then volume_icon_name="audio-volume-medium-symbolic"
|
|
||||||
elseif (volume >= 75 and volume <= 100) then volume_icon_name="audio-volume-high-symbolic"
|
|
||||||
end
|
|
||||||
volume_widget.image = path_to_icons .. volume_icon_name .. ".svg"
|
|
||||||
end
|
|
||||||
)
|
|
Before Width: | Height: | Size: 17 KiB |
|
@ -1,82 +0,0 @@
|
||||||
local wibox = require("wibox")
|
|
||||||
local http = require("socket.http")
|
|
||||||
local json = require("json")
|
|
||||||
local naughty = require("naughty")
|
|
||||||
|
|
||||||
local city = "Montreal,ca"
|
|
||||||
local open_map_key = "<openWeatherMap api key>"
|
|
||||||
local path_to_icons = "/usr/share/icons/Arc/status/symbolic/"
|
|
||||||
|
|
||||||
local icon_widget = wibox.widget {
|
|
||||||
{
|
|
||||||
id = "icon",
|
|
||||||
resize = false,
|
|
||||||
widget = wibox.widget.imagebox,
|
|
||||||
},
|
|
||||||
layout = wibox.container.margin(brightness_icon, 0, 0, 3),
|
|
||||||
set_image = function(self, path)
|
|
||||||
self.icon.image = path
|
|
||||||
end,
|
|
||||||
}
|
|
||||||
|
|
||||||
local temp_widget = wibox.widget{
|
|
||||||
font = "Play 9",
|
|
||||||
widget = wibox.widget.textbox,
|
|
||||||
}
|
|
||||||
|
|
||||||
weather_widget = wibox.widget {
|
|
||||||
icon_widget,
|
|
||||||
temp_widget,
|
|
||||||
layout = wibox.layout.fixed.horizontal,
|
|
||||||
}
|
|
||||||
|
|
||||||
-- helps to map openWeatherMap icons to Arc icons
|
|
||||||
local icon_map = {
|
|
||||||
["01d"] = "weather-clear-symbolic.svg",
|
|
||||||
["02d"] = "weather-few-clouds-symbolic.svg",
|
|
||||||
["03d"] = "weather-clouds-symbolic.svg",
|
|
||||||
["04d"] = "weather-overcast-symbolic.svg",
|
|
||||||
["09d"] = "weather-showers-scattered-symbolic.svg",
|
|
||||||
["10d"] = "weather-showers-symbolic.svg",
|
|
||||||
["11d"] = "weather-storm-symbolic.svg",
|
|
||||||
["13d"] = "weather-snow-symbolic.svg",
|
|
||||||
["50d"] = "weather-fog-symbolic.svg",
|
|
||||||
["01n"] = "weather-clear-night-symbolic.svg",
|
|
||||||
["02n"] = "weather-few-clouds-night-symbolic.svg",
|
|
||||||
["03n"] = "weather-clouds-night-symbolic.svg",
|
|
||||||
["04n"] = "weather-overcast-symbolic.svg",
|
|
||||||
["09n"] = "weather-showers-scattered-symbolic.svg",
|
|
||||||
["10n"] = "weather-showers-symbolic.svg",
|
|
||||||
["11n"] = "weather-storm-symbolic.svg",
|
|
||||||
["13n"] = "weather-snow-symbolic.svg",
|
|
||||||
["50n"] = "weather-fog-symbolic.svg"
|
|
||||||
}
|
|
||||||
|
|
||||||
-- handy function to convert temperature from Kelvin to Celcius
|
|
||||||
function to_celcius(kelvin)
|
|
||||||
return math.floor(tonumber(kelvin) - 273.15)
|
|
||||||
end
|
|
||||||
|
|
||||||
local weather_timer = timer({ timeout = 600 })
|
|
||||||
local resp
|
|
||||||
|
|
||||||
weather_timer:connect_signal("timeout", function ()
|
|
||||||
local resp_json = http.request("http://api.openweathermap.org/data/2.5/weather?q=" .. city .."&appid=" .. open_map_key)
|
|
||||||
if (resp_json ~= nil) then
|
|
||||||
resp = json.decode(resp_json)
|
|
||||||
icon_widget.image = path_to_icons .. icon_map[resp.weather[1].icon]
|
|
||||||
temp_widget:set_text(to_celcius(resp.main.temp))
|
|
||||||
end
|
|
||||||
end)
|
|
||||||
weather_timer:start()
|
|
||||||
weather_timer:emit_signal("timeout")
|
|
||||||
|
|
||||||
weather_widget:connect_signal("mouse::enter", function()
|
|
||||||
naughty.notify{
|
|
||||||
icon = path_to_icons .. icon_map[resp.weather[1].icon],
|
|
||||||
icon_size=20,
|
|
||||||
text = '<b>Humidity:</b> ' .. resp.main.humidity .. '%<br><b>Temperature: </b>' .. to_celcius(resp.main.temp),
|
|
||||||
timeout = 5, hover_timeout = 0.5,
|
|
||||||
width = 200,
|
|
||||||
}
|
|
||||||
end)
|
|