Update image customization

This commit is contained in:
Gobinath 2017-04-26 15:55:53 -04:00
parent bbf10a94e2
commit 53012c4424
18 changed files with 121 additions and 151 deletions

View File

@ -59,7 +59,7 @@
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<p class="large text-muted">Write about Safe Eyes and create videos about Safe Eyes</p>
<p class="large text-muted">Translate Safe Eyes into other languages (See how to tranlsate under Customize)</p>
<br>
</div>
</div>
@ -95,7 +95,7 @@
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<p class="large text-muted">Are you a Python developer with creative ideas to improve Safe Eyes? Please send a pull request with new feature and bug fixes.</p>
<p class="large text-muted">Are you a Python developer with creative ideas to improve Safe Eyes? Please <a href="http://www.javahelps.com/2017/04/git-pull-request-complete-guide-for.html">send a pull request</a> with new feature and bug fixes.</p>
<br>
</div>
</div>
@ -112,4 +112,4 @@
</div>
</div>
</div>
</section>
</section>

View File

@ -58,4 +58,3 @@
{% if page.title %}<a class="page-link" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a>{% endif %}
{% endfor %}
-->

View File

@ -4,7 +4,7 @@
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Getting Started</h2>
<h3 class="section-subheading text-muted">Protect your eyes from eye strain using this continuous breaks reminder. A Free and Open Source Linux alternative to EyeLeo; a sexy and customizable alternative to Workrave.<br><br><b>Note: </b>Wayland users must use <code>env GDK_BACKEND=x11 safeeyes</code> instead of <code>safeeyes</code> to start Safe Eyes from terminal.</h3>
<h3 class="section-subheading text-muted">Protect your eyes from eye strain using this simple and beautiful, yet extensible break reminder. A Free and Open Source Linux alternative to EyeLeo.<br><br><b>Note: </b>Wayland users must use <code>env GDK_BACKEND=x11 safeeyes</code> instead of <code>safeeyes</code> to start Safe Eyes from terminal.</h3>
</div>
</div>
<div class="row text-center">

View File

@ -21,7 +21,7 @@ steps: ['Fork Safe Eyes to your Git Hub account',
'Translate other property values to the selected language. The <code>{}</code> used in property values will be replaced by runtime variables related to those commands. For example the <code>{}</code> in <code>Next break at {}</code> will be replaced by time at the runtime',
'Add a new comment in the <code>share/applications/safeeyes.desktop</code> file. For example:<pre><code>Comment[en]=Protect your eyes from eye strain</code></pre>',
'Commit the changes and push to the origin master',
'Send a pull request to Safe Eyes <code>master</code> branch'
'<a href="http://www.javahelps.com/2017/04/git-pull-request-complete-guide-for.html">Send a pull request</a> to Safe Eyes <code>master</code> branch'
]
---

View File

@ -1,29 +1,24 @@
---
title: Break image
subtitle: Override the break image
subtitle: Add images to the break screen
layout: default
modal-id: 1
img: override-image-thumbnail.png
modal-url: override-image
thumbnail: override-image-thumbnail.png
alt: image-alt
description: The image of a break can be changed by either creating a new image in the resource directory or by pointing the image to a new one. Make sure that the new image size is within <code>128x128px</code>
description: You can add image to the break screen by creating a new image in the resource directory. Make sure that the new image size is within <code>128x128px</code>
steps: ['Create a new directory <code>resource</code> if it does not exist:<pre><code>mkdir ~/.config/safeyes/resource</code></pre>',
'Copy a new image to the resource directory:<pre><code>cp new_image.png ~/.config/safeyes/resource/new_image.png</code></pre>',
'Change the <code>image</code> name the the new name: <pre><code>...<br>
'Copy a new image to the resource directory:<pre><code>cp image.png ~/.config/safeyes/resource/short_break_close_eyes.png</code></pre>',
'Create a new property <code>image</code> next to the break name : <pre><code>...<br>
"short_breaks": [<br>
&nbsp;&nbsp;&nbsp;&nbsp;{<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_close_eyes",<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "new_image.png"<br>
&nbsp;&nbsp;&nbsp;&nbsp;},<br>
&nbsp;&nbsp;&nbsp;&nbsp;{<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_roll_eyes"<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "short_break_roll_eyes.png"<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "short_break_close_eyes.png"<br>
&nbsp;&nbsp;&nbsp;&nbsp;},<br>
&nbsp;&nbsp;&nbsp;&nbsp;...<br>
],<br>
...</code></pre>',
'You can also override the image by simply creating a new image with the same name in the resource directory:<pre><code>cp new_image.png ~/.config/safeyes/resource/short_break_roll_eyes.png</code></pre>'
...</code></pre>'
]
---

View File

@ -99,14 +99,13 @@
-->
<!-- Services Section -->
<section id="introduction">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Getting Started</h2>
<h3 class="section-subheading text-muted">Protect your eyes from eye strain using this continuous breaks reminder. A Free and Open Source Linux alternative to EyeLeo; a sexy and customizable alternative to Workrave.<br><br><b>Note: </b>Wayland users must use <code>env GDK_BACKEND=x11 safeeyes</code> instead of <code>safeeyes</code> to start Safe Eyes from terminal.</h3>
<h3 class="section-subheading text-muted">Protect your eyes from eye strain using this simple and beautiful, yet extensible break reminder. A Free and Open Source Linux alternative to EyeLeo.<br><br><b>Note: </b>Wayland users must use <code>env GDK_BACKEND=x11 safeeyes</code> instead of <code>safeeyes</code> to start Safe Eyes from terminal.</h3>
</div>
</div>
<div class="row text-center">
@ -383,7 +382,7 @@
</a>
<div class="portfolio-caption">
<h4>Break image</h4>
<p class="text-muted">Override the break image</p>
<p class="text-muted">Add images to the break screen</p>
</div>
</div>
@ -593,7 +592,7 @@
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<p class="large text-muted">Write about Safe Eyes and create videos about Safe Eyes</p>
<p class="large text-muted">Translate Safe Eyes into other languages (See how to tranlsate under Customize)</p>
<br>
</div>
</div>
@ -629,7 +628,7 @@
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<p class="large text-muted">Are you a Python developer with creative ideas to improve Safe Eyes? Please send a pull request with new feature and bug fixes.</p>
<p class="large text-muted">Are you a Python developer with creative ideas to improve Safe Eyes? Please <a href="http://www.javahelps.com/2017/04/git-pull-request-complete-guide-for.html">send a pull request</a> with new feature and bug fixes.</p>
<br>
</div>
</div>
@ -647,6 +646,7 @@
</div>
</div>
</section>
<!-- Clients Aside -->
<aside class="clients">
<div class="container">
@ -875,17 +875,15 @@
<h2>Break image</h2>
<hr class="star-primary">
<!-- <img src="img/portfolio/override-image-thumbnail.png" class="img-responsive img-centered" alt="image-alt"> -->
<p>The image of a break can be changed by either creating a new image in the resource directory or by pointing the image to a new one. Make sure that the new image size is within <code>128x128px</code></p>
<p>You can add image to the break screen by creating a new image in the resource directory. Make sure that the new image size is within <code>128x128px</code></p>
<p align="left">
<ol>
<li align="left">Create a new directory <code>resource</code> if it does not exist:<pre><code>mkdir ~/.config/safeyes/resource</code></pre></li>
<li align="left">Copy a new image to the resource directory:<pre><code>cp new_image.png ~/.config/safeyes/resource/new_image.png</code></pre></li>
<li align="left">Copy a new image to the resource directory:<pre><code>cp image.png ~/.config/safeyes/resource/short_break_close_eyes.png</code></pre></li>
<li align="left">Change the <code>image</code> name the the new name: <pre><code>...<br> "short_breaks": [<br> &nbsp;&nbsp;&nbsp;&nbsp;{<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_close_eyes",<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "new_image.png"<br> &nbsp;&nbsp;&nbsp;&nbsp;},<br> &nbsp;&nbsp;&nbsp;&nbsp;{<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_roll_eyes"<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "short_break_roll_eyes.png"<br> &nbsp;&nbsp;&nbsp;&nbsp;},<br> &nbsp;&nbsp;&nbsp;&nbsp;...<br> ],<br> ...</code></pre></li>
<li align="left">You can also override the image by simply creating a new image with the same name in the resource directory:<pre><code>cp new_image.png ~/.config/safeyes/resource/short_break_roll_eyes.png</code></pre></li>
<li align="left">Create a new property <code>image</code> next to the break name : <pre><code>...<br> "short_breaks": [<br> &nbsp;&nbsp;&nbsp;&nbsp;{<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_close_eyes",<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "short_break_close_eyes.png"<br> &nbsp;&nbsp;&nbsp;&nbsp;},<br> &nbsp;&nbsp;&nbsp;&nbsp;...<br> ],<br> ...</code></pre></li>
</ol>
</p>
@ -1154,7 +1152,7 @@
<li align="left">Commit the changes and push to the origin master</li>
<li align="left">Send a pull request to Safe Eyes <code>master</code> branch</li>
<li align="left"><a href="http://www.javahelps.com/2017/04/git-pull-request-complete-guide-for.html">Send a pull request</a> to Safe Eyes <code>master</code> branch</li>
</ol>
</p>

View File

@ -99,14 +99,13 @@
-->
<!-- Services Section -->
<section id="introduction">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Getting Started</h2>
<h3 class="section-subheading text-muted">Protect your eyes from eye strain using this continuous breaks reminder. A Free and Open Source Linux alternative to EyeLeo; a sexy and customizable alternative to Workrave.<br><br><b>Note: </b>Wayland users must use <code>env GDK_BACKEND=x11 safeeyes</code> instead of <code>safeeyes</code> to start Safe Eyes from terminal.</h3>
<h3 class="section-subheading text-muted">Protect your eyes from eye strain using this simple and beautiful, yet extensible break reminder. A Free and Open Source Linux alternative to EyeLeo.<br><br><b>Note: </b>Wayland users must use <code>env GDK_BACKEND=x11 safeeyes</code> instead of <code>safeeyes</code> to start Safe Eyes from terminal.</h3>
</div>
</div>
<div class="row text-center">
@ -383,7 +382,7 @@
</a>
<div class="portfolio-caption">
<h4>Break image</h4>
<p class="text-muted">Override the break image</p>
<p class="text-muted">Add images to the break screen</p>
</div>
</div>
@ -593,7 +592,7 @@
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<p class="large text-muted">Write about Safe Eyes and create videos about Safe Eyes</p>
<p class="large text-muted">Translate Safe Eyes into other languages (See how to tranlsate under Customize)</p>
<br>
</div>
</div>
@ -629,7 +628,7 @@
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<p class="large text-muted">Are you a Python developer with creative ideas to improve Safe Eyes? Please send a pull request with new feature and bug fixes.</p>
<p class="large text-muted">Are you a Python developer with creative ideas to improve Safe Eyes? Please <a href="http://www.javahelps.com/2017/04/git-pull-request-complete-guide-for.html">send a pull request</a> with new feature and bug fixes.</p>
<br>
</div>
</div>
@ -647,6 +646,7 @@
</div>
</div>
</section>
<!-- Clients Aside -->
<aside class="clients">
<div class="container">
@ -875,17 +875,15 @@
<h2>Break image</h2>
<hr class="star-primary">
<!-- <img src="img/portfolio/override-image-thumbnail.png" class="img-responsive img-centered" alt="image-alt"> -->
<p>The image of a break can be changed by either creating a new image in the resource directory or by pointing the image to a new one. Make sure that the new image size is within <code>128x128px</code></p>
<p>You can add image to the break screen by creating a new image in the resource directory. Make sure that the new image size is within <code>128x128px</code></p>
<p align="left">
<ol>
<li align="left">Create a new directory <code>resource</code> if it does not exist:<pre><code>mkdir ~/.config/safeyes/resource</code></pre></li>
<li align="left">Copy a new image to the resource directory:<pre><code>cp new_image.png ~/.config/safeyes/resource/new_image.png</code></pre></li>
<li align="left">Copy a new image to the resource directory:<pre><code>cp image.png ~/.config/safeyes/resource/short_break_close_eyes.png</code></pre></li>
<li align="left">Change the <code>image</code> name the the new name: <pre><code>...<br> "short_breaks": [<br> &nbsp;&nbsp;&nbsp;&nbsp;{<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_close_eyes",<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "new_image.png"<br> &nbsp;&nbsp;&nbsp;&nbsp;},<br> &nbsp;&nbsp;&nbsp;&nbsp;{<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_roll_eyes"<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "short_break_roll_eyes.png"<br> &nbsp;&nbsp;&nbsp;&nbsp;},<br> &nbsp;&nbsp;&nbsp;&nbsp;...<br> ],<br> ...</code></pre></li>
<li align="left">You can also override the image by simply creating a new image with the same name in the resource directory:<pre><code>cp new_image.png ~/.config/safeyes/resource/short_break_roll_eyes.png</code></pre></li>
<li align="left">Create a new property <code>image</code> next to the break name : <pre><code>...<br> "short_breaks": [<br> &nbsp;&nbsp;&nbsp;&nbsp;{<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_close_eyes",<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "short_break_close_eyes.png"<br> &nbsp;&nbsp;&nbsp;&nbsp;},<br> &nbsp;&nbsp;&nbsp;&nbsp;...<br> ],<br> ...</code></pre></li>
</ol>
</p>
@ -1154,7 +1152,7 @@
<li align="left">Commit the changes and push to the origin master</li>
<li align="left">Send a pull request to Safe Eyes <code>master</code> branch</li>
<li align="left"><a href="http://www.javahelps.com/2017/04/git-pull-request-complete-guide-for.html">Send a pull request</a> to Safe Eyes <code>master</code> branch</li>
</ol>
</p>

View File

@ -99,14 +99,13 @@
-->
<!-- Services Section -->
<section id="introduction">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Getting Started</h2>
<h3 class="section-subheading text-muted">Protect your eyes from eye strain using this continuous breaks reminder. A Free and Open Source Linux alternative to EyeLeo; a sexy and customizable alternative to Workrave.<br><br><b>Note: </b>Wayland users must use <code>env GDK_BACKEND=x11 safeeyes</code> instead of <code>safeeyes</code> to start Safe Eyes from terminal.</h3>
<h3 class="section-subheading text-muted">Protect your eyes from eye strain using this simple and beautiful, yet extensible break reminder. A Free and Open Source Linux alternative to EyeLeo.<br><br><b>Note: </b>Wayland users must use <code>env GDK_BACKEND=x11 safeeyes</code> instead of <code>safeeyes</code> to start Safe Eyes from terminal.</h3>
</div>
</div>
<div class="row text-center">
@ -383,7 +382,7 @@
</a>
<div class="portfolio-caption">
<h4>Break image</h4>
<p class="text-muted">Override the break image</p>
<p class="text-muted">Add images to the break screen</p>
</div>
</div>
@ -593,7 +592,7 @@
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<p class="large text-muted">Write about Safe Eyes and create videos about Safe Eyes</p>
<p class="large text-muted">Translate Safe Eyes into other languages (See how to tranlsate under Customize)</p>
<br>
</div>
</div>
@ -629,7 +628,7 @@
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<p class="large text-muted">Are you a Python developer with creative ideas to improve Safe Eyes? Please send a pull request with new feature and bug fixes.</p>
<p class="large text-muted">Are you a Python developer with creative ideas to improve Safe Eyes? Please <a href="http://www.javahelps.com/2017/04/git-pull-request-complete-guide-for.html">send a pull request</a> with new feature and bug fixes.</p>
<br>
</div>
</div>
@ -647,6 +646,7 @@
</div>
</div>
</section>
<!-- Clients Aside -->
<aside class="clients">
<div class="container">
@ -875,17 +875,15 @@
<h2>Break image</h2>
<hr class="star-primary">
<!-- <img src="img/portfolio/override-image-thumbnail.png" class="img-responsive img-centered" alt="image-alt"> -->
<p>The image of a break can be changed by either creating a new image in the resource directory or by pointing the image to a new one. Make sure that the new image size is within <code>128x128px</code></p>
<p>You can add image to the break screen by creating a new image in the resource directory. Make sure that the new image size is within <code>128x128px</code></p>
<p align="left">
<ol>
<li align="left">Create a new directory <code>resource</code> if it does not exist:<pre><code>mkdir ~/.config/safeyes/resource</code></pre></li>
<li align="left">Copy a new image to the resource directory:<pre><code>cp new_image.png ~/.config/safeyes/resource/new_image.png</code></pre></li>
<li align="left">Copy a new image to the resource directory:<pre><code>cp image.png ~/.config/safeyes/resource/short_break_close_eyes.png</code></pre></li>
<li align="left">Change the <code>image</code> name the the new name: <pre><code>...<br> "short_breaks": [<br> &nbsp;&nbsp;&nbsp;&nbsp;{<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_close_eyes",<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "new_image.png"<br> &nbsp;&nbsp;&nbsp;&nbsp;},<br> &nbsp;&nbsp;&nbsp;&nbsp;{<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_roll_eyes"<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "short_break_roll_eyes.png"<br> &nbsp;&nbsp;&nbsp;&nbsp;},<br> &nbsp;&nbsp;&nbsp;&nbsp;...<br> ],<br> ...</code></pre></li>
<li align="left">You can also override the image by simply creating a new image with the same name in the resource directory:<pre><code>cp new_image.png ~/.config/safeyes/resource/short_break_roll_eyes.png</code></pre></li>
<li align="left">Create a new property <code>image</code> next to the break name : <pre><code>...<br> "short_breaks": [<br> &nbsp;&nbsp;&nbsp;&nbsp;{<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_close_eyes",<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "short_break_close_eyes.png"<br> &nbsp;&nbsp;&nbsp;&nbsp;},<br> &nbsp;&nbsp;&nbsp;&nbsp;...<br> ],<br> ...</code></pre></li>
</ol>
</p>
@ -1154,7 +1152,7 @@
<li align="left">Commit the changes and push to the origin master</li>
<li align="left">Send a pull request to Safe Eyes <code>master</code> branch</li>
<li align="left"><a href="http://www.javahelps.com/2017/04/git-pull-request-complete-guide-for.html">Send a pull request</a> to Safe Eyes <code>master</code> branch</li>
</ol>
</p>

View File

@ -99,14 +99,13 @@
-->
<!-- Services Section -->
<section id="introduction">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Getting Started</h2>
<h3 class="section-subheading text-muted">Protect your eyes from eye strain using this continuous breaks reminder. A Free and Open Source Linux alternative to EyeLeo; a sexy and customizable alternative to Workrave.<br><br><b>Note: </b>Wayland users must use <code>env GDK_BACKEND=x11 safeeyes</code> instead of <code>safeeyes</code> to start Safe Eyes from terminal.</h3>
<h3 class="section-subheading text-muted">Protect your eyes from eye strain using this simple and beautiful, yet extensible break reminder. A Free and Open Source Linux alternative to EyeLeo.<br><br><b>Note: </b>Wayland users must use <code>env GDK_BACKEND=x11 safeeyes</code> instead of <code>safeeyes</code> to start Safe Eyes from terminal.</h3>
</div>
</div>
<div class="row text-center">
@ -383,7 +382,7 @@
</a>
<div class="portfolio-caption">
<h4>Break image</h4>
<p class="text-muted">Override the break image</p>
<p class="text-muted">Add images to the break screen</p>
</div>
</div>
@ -593,7 +592,7 @@
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<p class="large text-muted">Write about Safe Eyes and create videos about Safe Eyes</p>
<p class="large text-muted">Translate Safe Eyes into other languages (See how to tranlsate under Customize)</p>
<br>
</div>
</div>
@ -629,7 +628,7 @@
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<p class="large text-muted">Are you a Python developer with creative ideas to improve Safe Eyes? Please send a pull request with new feature and bug fixes.</p>
<p class="large text-muted">Are you a Python developer with creative ideas to improve Safe Eyes? Please <a href="http://www.javahelps.com/2017/04/git-pull-request-complete-guide-for.html">send a pull request</a> with new feature and bug fixes.</p>
<br>
</div>
</div>
@ -647,6 +646,7 @@
</div>
</div>
</section>
<!-- Clients Aside -->
<aside class="clients">
<div class="container">
@ -875,17 +875,15 @@
<h2>Break image</h2>
<hr class="star-primary">
<!-- <img src="img/portfolio/override-image-thumbnail.png" class="img-responsive img-centered" alt="image-alt"> -->
<p>The image of a break can be changed by either creating a new image in the resource directory or by pointing the image to a new one. Make sure that the new image size is within <code>128x128px</code></p>
<p>You can add image to the break screen by creating a new image in the resource directory. Make sure that the new image size is within <code>128x128px</code></p>
<p align="left">
<ol>
<li align="left">Create a new directory <code>resource</code> if it does not exist:<pre><code>mkdir ~/.config/safeyes/resource</code></pre></li>
<li align="left">Copy a new image to the resource directory:<pre><code>cp new_image.png ~/.config/safeyes/resource/new_image.png</code></pre></li>
<li align="left">Copy a new image to the resource directory:<pre><code>cp image.png ~/.config/safeyes/resource/short_break_close_eyes.png</code></pre></li>
<li align="left">Change the <code>image</code> name the the new name: <pre><code>...<br> "short_breaks": [<br> &nbsp;&nbsp;&nbsp;&nbsp;{<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_close_eyes",<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "new_image.png"<br> &nbsp;&nbsp;&nbsp;&nbsp;},<br> &nbsp;&nbsp;&nbsp;&nbsp;{<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_roll_eyes"<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "short_break_roll_eyes.png"<br> &nbsp;&nbsp;&nbsp;&nbsp;},<br> &nbsp;&nbsp;&nbsp;&nbsp;...<br> ],<br> ...</code></pre></li>
<li align="left">You can also override the image by simply creating a new image with the same name in the resource directory:<pre><code>cp new_image.png ~/.config/safeyes/resource/short_break_roll_eyes.png</code></pre></li>
<li align="left">Create a new property <code>image</code> next to the break name : <pre><code>...<br> "short_breaks": [<br> &nbsp;&nbsp;&nbsp;&nbsp;{<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_close_eyes",<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "short_break_close_eyes.png"<br> &nbsp;&nbsp;&nbsp;&nbsp;},<br> &nbsp;&nbsp;&nbsp;&nbsp;...<br> ],<br> ...</code></pre></li>
</ol>
</p>
@ -1154,7 +1152,7 @@
<li align="left">Commit the changes and push to the origin master</li>
<li align="left">Send a pull request to Safe Eyes <code>master</code> branch</li>
<li align="left"><a href="http://www.javahelps.com/2017/04/git-pull-request-complete-guide-for.html">Send a pull request</a> to Safe Eyes <code>master</code> branch</li>
</ol>
</p>

View File

@ -99,14 +99,13 @@
-->
<!-- Services Section -->
<section id="introduction">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Getting Started</h2>
<h3 class="section-subheading text-muted">Protect your eyes from eye strain using this continuous breaks reminder. A Free and Open Source Linux alternative to EyeLeo; a sexy and customizable alternative to Workrave.<br><br><b>Note: </b>Wayland users must use <code>env GDK_BACKEND=x11 safeeyes</code> instead of <code>safeeyes</code> to start Safe Eyes from terminal.</h3>
<h3 class="section-subheading text-muted">Protect your eyes from eye strain using this simple and beautiful, yet extensible break reminder. A Free and Open Source Linux alternative to EyeLeo.<br><br><b>Note: </b>Wayland users must use <code>env GDK_BACKEND=x11 safeeyes</code> instead of <code>safeeyes</code> to start Safe Eyes from terminal.</h3>
</div>
</div>
<div class="row text-center">
@ -383,7 +382,7 @@
</a>
<div class="portfolio-caption">
<h4>Break image</h4>
<p class="text-muted">Override the break image</p>
<p class="text-muted">Add images to the break screen</p>
</div>
</div>
@ -593,7 +592,7 @@
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<p class="large text-muted">Write about Safe Eyes and create videos about Safe Eyes</p>
<p class="large text-muted">Translate Safe Eyes into other languages (See how to tranlsate under Customize)</p>
<br>
</div>
</div>
@ -629,7 +628,7 @@
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<p class="large text-muted">Are you a Python developer with creative ideas to improve Safe Eyes? Please send a pull request with new feature and bug fixes.</p>
<p class="large text-muted">Are you a Python developer with creative ideas to improve Safe Eyes? Please <a href="http://www.javahelps.com/2017/04/git-pull-request-complete-guide-for.html">send a pull request</a> with new feature and bug fixes.</p>
<br>
</div>
</div>
@ -647,6 +646,7 @@
</div>
</div>
</section>
<!-- Clients Aside -->
<aside class="clients">
<div class="container">
@ -875,17 +875,15 @@
<h2>Break image</h2>
<hr class="star-primary">
<!-- <img src="img/portfolio/override-image-thumbnail.png" class="img-responsive img-centered" alt="image-alt"> -->
<p>The image of a break can be changed by either creating a new image in the resource directory or by pointing the image to a new one. Make sure that the new image size is within <code>128x128px</code></p>
<p>You can add image to the break screen by creating a new image in the resource directory. Make sure that the new image size is within <code>128x128px</code></p>
<p align="left">
<ol>
<li align="left">Create a new directory <code>resource</code> if it does not exist:<pre><code>mkdir ~/.config/safeyes/resource</code></pre></li>
<li align="left">Copy a new image to the resource directory:<pre><code>cp new_image.png ~/.config/safeyes/resource/new_image.png</code></pre></li>
<li align="left">Copy a new image to the resource directory:<pre><code>cp image.png ~/.config/safeyes/resource/short_break_close_eyes.png</code></pre></li>
<li align="left">Change the <code>image</code> name the the new name: <pre><code>...<br> "short_breaks": [<br> &nbsp;&nbsp;&nbsp;&nbsp;{<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_close_eyes",<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "new_image.png"<br> &nbsp;&nbsp;&nbsp;&nbsp;},<br> &nbsp;&nbsp;&nbsp;&nbsp;{<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_roll_eyes"<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "short_break_roll_eyes.png"<br> &nbsp;&nbsp;&nbsp;&nbsp;},<br> &nbsp;&nbsp;&nbsp;&nbsp;...<br> ],<br> ...</code></pre></li>
<li align="left">You can also override the image by simply creating a new image with the same name in the resource directory:<pre><code>cp new_image.png ~/.config/safeyes/resource/short_break_roll_eyes.png</code></pre></li>
<li align="left">Create a new property <code>image</code> next to the break name : <pre><code>...<br> "short_breaks": [<br> &nbsp;&nbsp;&nbsp;&nbsp;{<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_close_eyes",<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "short_break_close_eyes.png"<br> &nbsp;&nbsp;&nbsp;&nbsp;},<br> &nbsp;&nbsp;&nbsp;&nbsp;...<br> ],<br> ...</code></pre></li>
</ol>
</p>
@ -1154,7 +1152,7 @@
<li align="left">Commit the changes and push to the origin master</li>
<li align="left">Send a pull request to Safe Eyes <code>master</code> branch</li>
<li align="left"><a href="http://www.javahelps.com/2017/04/git-pull-request-complete-guide-for.html">Send a pull request</a> to Safe Eyes <code>master</code> branch</li>
</ol>
</p>

View File

@ -99,14 +99,13 @@
-->
<!-- Services Section -->
<section id="introduction">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Getting Started</h2>
<h3 class="section-subheading text-muted">Protect your eyes from eye strain using this continuous breaks reminder. A Free and Open Source Linux alternative to EyeLeo; a sexy and customizable alternative to Workrave.<br><br><b>Note: </b>Wayland users must use <code>env GDK_BACKEND=x11 safeeyes</code> instead of <code>safeeyes</code> to start Safe Eyes from terminal.</h3>
<h3 class="section-subheading text-muted">Protect your eyes from eye strain using this simple and beautiful, yet extensible break reminder. A Free and Open Source Linux alternative to EyeLeo.<br><br><b>Note: </b>Wayland users must use <code>env GDK_BACKEND=x11 safeeyes</code> instead of <code>safeeyes</code> to start Safe Eyes from terminal.</h3>
</div>
</div>
<div class="row text-center">
@ -383,7 +382,7 @@
</a>
<div class="portfolio-caption">
<h4>Break image</h4>
<p class="text-muted">Override the break image</p>
<p class="text-muted">Add images to the break screen</p>
</div>
</div>
@ -593,7 +592,7 @@
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<p class="large text-muted">Write about Safe Eyes and create videos about Safe Eyes</p>
<p class="large text-muted">Translate Safe Eyes into other languages (See how to tranlsate under Customize)</p>
<br>
</div>
</div>
@ -629,7 +628,7 @@
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<p class="large text-muted">Are you a Python developer with creative ideas to improve Safe Eyes? Please send a pull request with new feature and bug fixes.</p>
<p class="large text-muted">Are you a Python developer with creative ideas to improve Safe Eyes? Please <a href="http://www.javahelps.com/2017/04/git-pull-request-complete-guide-for.html">send a pull request</a> with new feature and bug fixes.</p>
<br>
</div>
</div>
@ -647,6 +646,7 @@
</div>
</div>
</section>
<!-- Clients Aside -->
<aside class="clients">
<div class="container">
@ -875,17 +875,15 @@
<h2>Break image</h2>
<hr class="star-primary">
<!-- <img src="img/portfolio/override-image-thumbnail.png" class="img-responsive img-centered" alt="image-alt"> -->
<p>The image of a break can be changed by either creating a new image in the resource directory or by pointing the image to a new one. Make sure that the new image size is within <code>128x128px</code></p>
<p>You can add image to the break screen by creating a new image in the resource directory. Make sure that the new image size is within <code>128x128px</code></p>
<p align="left">
<ol>
<li align="left">Create a new directory <code>resource</code> if it does not exist:<pre><code>mkdir ~/.config/safeyes/resource</code></pre></li>
<li align="left">Copy a new image to the resource directory:<pre><code>cp new_image.png ~/.config/safeyes/resource/new_image.png</code></pre></li>
<li align="left">Copy a new image to the resource directory:<pre><code>cp image.png ~/.config/safeyes/resource/short_break_close_eyes.png</code></pre></li>
<li align="left">Change the <code>image</code> name the the new name: <pre><code>...<br> "short_breaks": [<br> &nbsp;&nbsp;&nbsp;&nbsp;{<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_close_eyes",<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "new_image.png"<br> &nbsp;&nbsp;&nbsp;&nbsp;},<br> &nbsp;&nbsp;&nbsp;&nbsp;{<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_roll_eyes"<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "short_break_roll_eyes.png"<br> &nbsp;&nbsp;&nbsp;&nbsp;},<br> &nbsp;&nbsp;&nbsp;&nbsp;...<br> ],<br> ...</code></pre></li>
<li align="left">You can also override the image by simply creating a new image with the same name in the resource directory:<pre><code>cp new_image.png ~/.config/safeyes/resource/short_break_roll_eyes.png</code></pre></li>
<li align="left">Create a new property <code>image</code> next to the break name : <pre><code>...<br> "short_breaks": [<br> &nbsp;&nbsp;&nbsp;&nbsp;{<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_close_eyes",<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "short_break_close_eyes.png"<br> &nbsp;&nbsp;&nbsp;&nbsp;},<br> &nbsp;&nbsp;&nbsp;&nbsp;...<br> ],<br> ...</code></pre></li>
</ol>
</p>
@ -1154,7 +1152,7 @@
<li align="left">Commit the changes and push to the origin master</li>
<li align="left">Send a pull request to Safe Eyes <code>master</code> branch</li>
<li align="left"><a href="http://www.javahelps.com/2017/04/git-pull-request-complete-guide-for.html">Send a pull request</a> to Safe Eyes <code>master</code> branch</li>
</ol>
</p>

View File

@ -99,14 +99,13 @@
-->
<!-- Services Section -->
<section id="introduction">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Getting Started</h2>
<h3 class="section-subheading text-muted">Protect your eyes from eye strain using this continuous breaks reminder. A Free and Open Source Linux alternative to EyeLeo; a sexy and customizable alternative to Workrave.<br><br><b>Note: </b>Wayland users must use <code>env GDK_BACKEND=x11 safeeyes</code> instead of <code>safeeyes</code> to start Safe Eyes from terminal.</h3>
<h3 class="section-subheading text-muted">Protect your eyes from eye strain using this simple and beautiful, yet extensible break reminder. A Free and Open Source Linux alternative to EyeLeo.<br><br><b>Note: </b>Wayland users must use <code>env GDK_BACKEND=x11 safeeyes</code> instead of <code>safeeyes</code> to start Safe Eyes from terminal.</h3>
</div>
</div>
<div class="row text-center">
@ -383,7 +382,7 @@
</a>
<div class="portfolio-caption">
<h4>Break image</h4>
<p class="text-muted">Override the break image</p>
<p class="text-muted">Add images to the break screen</p>
</div>
</div>
@ -593,7 +592,7 @@
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<p class="large text-muted">Write about Safe Eyes and create videos about Safe Eyes</p>
<p class="large text-muted">Translate Safe Eyes into other languages (See how to tranlsate under Customize)</p>
<br>
</div>
</div>
@ -629,7 +628,7 @@
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<p class="large text-muted">Are you a Python developer with creative ideas to improve Safe Eyes? Please send a pull request with new feature and bug fixes.</p>
<p class="large text-muted">Are you a Python developer with creative ideas to improve Safe Eyes? Please <a href="http://www.javahelps.com/2017/04/git-pull-request-complete-guide-for.html">send a pull request</a> with new feature and bug fixes.</p>
<br>
</div>
</div>
@ -647,6 +646,7 @@
</div>
</div>
</section>
<!-- Clients Aside -->
<aside class="clients">
<div class="container">
@ -875,17 +875,15 @@
<h2>Break image</h2>
<hr class="star-primary">
<!-- <img src="img/portfolio/override-image-thumbnail.png" class="img-responsive img-centered" alt="image-alt"> -->
<p>The image of a break can be changed by either creating a new image in the resource directory or by pointing the image to a new one. Make sure that the new image size is within <code>128x128px</code></p>
<p>You can add image to the break screen by creating a new image in the resource directory. Make sure that the new image size is within <code>128x128px</code></p>
<p align="left">
<ol>
<li align="left">Create a new directory <code>resource</code> if it does not exist:<pre><code>mkdir ~/.config/safeyes/resource</code></pre></li>
<li align="left">Copy a new image to the resource directory:<pre><code>cp new_image.png ~/.config/safeyes/resource/new_image.png</code></pre></li>
<li align="left">Copy a new image to the resource directory:<pre><code>cp image.png ~/.config/safeyes/resource/short_break_close_eyes.png</code></pre></li>
<li align="left">Change the <code>image</code> name the the new name: <pre><code>...<br> "short_breaks": [<br> &nbsp;&nbsp;&nbsp;&nbsp;{<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_close_eyes",<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "new_image.png"<br> &nbsp;&nbsp;&nbsp;&nbsp;},<br> &nbsp;&nbsp;&nbsp;&nbsp;{<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_roll_eyes"<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "short_break_roll_eyes.png"<br> &nbsp;&nbsp;&nbsp;&nbsp;},<br> &nbsp;&nbsp;&nbsp;&nbsp;...<br> ],<br> ...</code></pre></li>
<li align="left">You can also override the image by simply creating a new image with the same name in the resource directory:<pre><code>cp new_image.png ~/.config/safeyes/resource/short_break_roll_eyes.png</code></pre></li>
<li align="left">Create a new property <code>image</code> next to the break name : <pre><code>...<br> "short_breaks": [<br> &nbsp;&nbsp;&nbsp;&nbsp;{<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_close_eyes",<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "short_break_close_eyes.png"<br> &nbsp;&nbsp;&nbsp;&nbsp;},<br> &nbsp;&nbsp;&nbsp;&nbsp;...<br> ],<br> ...</code></pre></li>
</ol>
</p>
@ -1154,7 +1152,7 @@
<li align="left">Commit the changes and push to the origin master</li>
<li align="left">Send a pull request to Safe Eyes <code>master</code> branch</li>
<li align="left"><a href="http://www.javahelps.com/2017/04/git-pull-request-complete-guide-for.html">Send a pull request</a> to Safe Eyes <code>master</code> branch</li>
</ol>
</p>

View File

@ -99,14 +99,13 @@
-->
<!-- Services Section -->
<section id="introduction">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Getting Started</h2>
<h3 class="section-subheading text-muted">Protect your eyes from eye strain using this continuous breaks reminder. A Free and Open Source Linux alternative to EyeLeo; a sexy and customizable alternative to Workrave.<br><br><b>Note: </b>Wayland users must use <code>env GDK_BACKEND=x11 safeeyes</code> instead of <code>safeeyes</code> to start Safe Eyes from terminal.</h3>
<h3 class="section-subheading text-muted">Protect your eyes from eye strain using this simple and beautiful, yet extensible break reminder. A Free and Open Source Linux alternative to EyeLeo.<br><br><b>Note: </b>Wayland users must use <code>env GDK_BACKEND=x11 safeeyes</code> instead of <code>safeeyes</code> to start Safe Eyes from terminal.</h3>
</div>
</div>
<div class="row text-center">
@ -383,7 +382,7 @@
</a>
<div class="portfolio-caption">
<h4>Break image</h4>
<p class="text-muted">Override the break image</p>
<p class="text-muted">Add images to the break screen</p>
</div>
</div>
@ -593,7 +592,7 @@
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<p class="large text-muted">Write about Safe Eyes and create videos about Safe Eyes</p>
<p class="large text-muted">Translate Safe Eyes into other languages (See how to tranlsate under Customize)</p>
<br>
</div>
</div>
@ -629,7 +628,7 @@
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<p class="large text-muted">Are you a Python developer with creative ideas to improve Safe Eyes? Please send a pull request with new feature and bug fixes.</p>
<p class="large text-muted">Are you a Python developer with creative ideas to improve Safe Eyes? Please <a href="http://www.javahelps.com/2017/04/git-pull-request-complete-guide-for.html">send a pull request</a> with new feature and bug fixes.</p>
<br>
</div>
</div>
@ -647,6 +646,7 @@
</div>
</div>
</section>
<!-- Clients Aside -->
<aside class="clients">
<div class="container">
@ -875,17 +875,15 @@
<h2>Break image</h2>
<hr class="star-primary">
<!-- <img src="img/portfolio/override-image-thumbnail.png" class="img-responsive img-centered" alt="image-alt"> -->
<p>The image of a break can be changed by either creating a new image in the resource directory or by pointing the image to a new one. Make sure that the new image size is within <code>128x128px</code></p>
<p>You can add image to the break screen by creating a new image in the resource directory. Make sure that the new image size is within <code>128x128px</code></p>
<p align="left">
<ol>
<li align="left">Create a new directory <code>resource</code> if it does not exist:<pre><code>mkdir ~/.config/safeyes/resource</code></pre></li>
<li align="left">Copy a new image to the resource directory:<pre><code>cp new_image.png ~/.config/safeyes/resource/new_image.png</code></pre></li>
<li align="left">Copy a new image to the resource directory:<pre><code>cp image.png ~/.config/safeyes/resource/short_break_close_eyes.png</code></pre></li>
<li align="left">Change the <code>image</code> name the the new name: <pre><code>...<br> "short_breaks": [<br> &nbsp;&nbsp;&nbsp;&nbsp;{<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_close_eyes",<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "new_image.png"<br> &nbsp;&nbsp;&nbsp;&nbsp;},<br> &nbsp;&nbsp;&nbsp;&nbsp;{<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_roll_eyes"<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "short_break_roll_eyes.png"<br> &nbsp;&nbsp;&nbsp;&nbsp;},<br> &nbsp;&nbsp;&nbsp;&nbsp;...<br> ],<br> ...</code></pre></li>
<li align="left">You can also override the image by simply creating a new image with the same name in the resource directory:<pre><code>cp new_image.png ~/.config/safeyes/resource/short_break_roll_eyes.png</code></pre></li>
<li align="left">Create a new property <code>image</code> next to the break name : <pre><code>...<br> "short_breaks": [<br> &nbsp;&nbsp;&nbsp;&nbsp;{<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_close_eyes",<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "short_break_close_eyes.png"<br> &nbsp;&nbsp;&nbsp;&nbsp;},<br> &nbsp;&nbsp;&nbsp;&nbsp;...<br> ],<br> ...</code></pre></li>
</ol>
</p>
@ -1154,7 +1152,7 @@
<li align="left">Commit the changes and push to the origin master</li>
<li align="left">Send a pull request to Safe Eyes <code>master</code> branch</li>
<li align="left"><a href="http://www.javahelps.com/2017/04/git-pull-request-complete-guide-for.html">Send a pull request</a> to Safe Eyes <code>master</code> branch</li>
</ol>
</p>

View File

@ -99,14 +99,13 @@
-->
<!-- Services Section -->
<section id="introduction">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Getting Started</h2>
<h3 class="section-subheading text-muted">Protect your eyes from eye strain using this continuous breaks reminder. A Free and Open Source Linux alternative to EyeLeo; a sexy and customizable alternative to Workrave.<br><br><b>Note: </b>Wayland users must use <code>env GDK_BACKEND=x11 safeeyes</code> instead of <code>safeeyes</code> to start Safe Eyes from terminal.</h3>
<h3 class="section-subheading text-muted">Protect your eyes from eye strain using this simple and beautiful, yet extensible break reminder. A Free and Open Source Linux alternative to EyeLeo.<br><br><b>Note: </b>Wayland users must use <code>env GDK_BACKEND=x11 safeeyes</code> instead of <code>safeeyes</code> to start Safe Eyes from terminal.</h3>
</div>
</div>
<div class="row text-center">
@ -383,7 +382,7 @@
</a>
<div class="portfolio-caption">
<h4>Break image</h4>
<p class="text-muted">Override the break image</p>
<p class="text-muted">Add images to the break screen</p>
</div>
</div>
@ -593,7 +592,7 @@
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<p class="large text-muted">Write about Safe Eyes and create videos about Safe Eyes</p>
<p class="large text-muted">Translate Safe Eyes into other languages (See how to tranlsate under Customize)</p>
<br>
</div>
</div>
@ -629,7 +628,7 @@
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<p class="large text-muted">Are you a Python developer with creative ideas to improve Safe Eyes? Please send a pull request with new feature and bug fixes.</p>
<p class="large text-muted">Are you a Python developer with creative ideas to improve Safe Eyes? Please <a href="http://www.javahelps.com/2017/04/git-pull-request-complete-guide-for.html">send a pull request</a> with new feature and bug fixes.</p>
<br>
</div>
</div>
@ -647,6 +646,7 @@
</div>
</div>
</section>
<!-- Clients Aside -->
<aside class="clients">
<div class="container">
@ -875,17 +875,15 @@
<h2>Break image</h2>
<hr class="star-primary">
<!-- <img src="img/portfolio/override-image-thumbnail.png" class="img-responsive img-centered" alt="image-alt"> -->
<p>The image of a break can be changed by either creating a new image in the resource directory or by pointing the image to a new one. Make sure that the new image size is within <code>128x128px</code></p>
<p>You can add image to the break screen by creating a new image in the resource directory. Make sure that the new image size is within <code>128x128px</code></p>
<p align="left">
<ol>
<li align="left">Create a new directory <code>resource</code> if it does not exist:<pre><code>mkdir ~/.config/safeyes/resource</code></pre></li>
<li align="left">Copy a new image to the resource directory:<pre><code>cp new_image.png ~/.config/safeyes/resource/new_image.png</code></pre></li>
<li align="left">Copy a new image to the resource directory:<pre><code>cp image.png ~/.config/safeyes/resource/short_break_close_eyes.png</code></pre></li>
<li align="left">Change the <code>image</code> name the the new name: <pre><code>...<br> "short_breaks": [<br> &nbsp;&nbsp;&nbsp;&nbsp;{<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_close_eyes",<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "new_image.png"<br> &nbsp;&nbsp;&nbsp;&nbsp;},<br> &nbsp;&nbsp;&nbsp;&nbsp;{<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_roll_eyes"<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "short_break_roll_eyes.png"<br> &nbsp;&nbsp;&nbsp;&nbsp;},<br> &nbsp;&nbsp;&nbsp;&nbsp;...<br> ],<br> ...</code></pre></li>
<li align="left">You can also override the image by simply creating a new image with the same name in the resource directory:<pre><code>cp new_image.png ~/.config/safeyes/resource/short_break_roll_eyes.png</code></pre></li>
<li align="left">Create a new property <code>image</code> next to the break name : <pre><code>...<br> "short_breaks": [<br> &nbsp;&nbsp;&nbsp;&nbsp;{<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_close_eyes",<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "short_break_close_eyes.png"<br> &nbsp;&nbsp;&nbsp;&nbsp;},<br> &nbsp;&nbsp;&nbsp;&nbsp;...<br> ],<br> ...</code></pre></li>
</ol>
</p>
@ -1154,7 +1152,7 @@
<li align="left">Commit the changes and push to the origin master</li>
<li align="left">Send a pull request to Safe Eyes <code>master</code> branch</li>
<li align="left"><a href="http://www.javahelps.com/2017/04/git-pull-request-complete-guide-for.html">Send a pull request</a> to Safe Eyes <code>master</code> branch</li>
</ol>
</p>

View File

@ -99,14 +99,13 @@
-->
<!-- Services Section -->
<section id="introduction">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Getting Started</h2>
<h3 class="section-subheading text-muted">Protect your eyes from eye strain using this continuous breaks reminder. A Free and Open Source Linux alternative to EyeLeo; a sexy and customizable alternative to Workrave.<br><br><b>Note: </b>Wayland users must use <code>env GDK_BACKEND=x11 safeeyes</code> instead of <code>safeeyes</code> to start Safe Eyes from terminal.</h3>
<h3 class="section-subheading text-muted">Protect your eyes from eye strain using this simple and beautiful, yet extensible break reminder. A Free and Open Source Linux alternative to EyeLeo.<br><br><b>Note: </b>Wayland users must use <code>env GDK_BACKEND=x11 safeeyes</code> instead of <code>safeeyes</code> to start Safe Eyes from terminal.</h3>
</div>
</div>
<div class="row text-center">
@ -383,7 +382,7 @@
</a>
<div class="portfolio-caption">
<h4>Break image</h4>
<p class="text-muted">Override the break image</p>
<p class="text-muted">Add images to the break screen</p>
</div>
</div>
@ -593,7 +592,7 @@
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<p class="large text-muted">Write about Safe Eyes and create videos about Safe Eyes</p>
<p class="large text-muted">Translate Safe Eyes into other languages (See how to tranlsate under Customize)</p>
<br>
</div>
</div>
@ -629,7 +628,7 @@
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<p class="large text-muted">Are you a Python developer with creative ideas to improve Safe Eyes? Please send a pull request with new feature and bug fixes.</p>
<p class="large text-muted">Are you a Python developer with creative ideas to improve Safe Eyes? Please <a href="http://www.javahelps.com/2017/04/git-pull-request-complete-guide-for.html">send a pull request</a> with new feature and bug fixes.</p>
<br>
</div>
</div>
@ -647,6 +646,7 @@
</div>
</div>
</section>
<!-- Clients Aside -->
<aside class="clients">
<div class="container">
@ -875,17 +875,15 @@
<h2>Break image</h2>
<hr class="star-primary">
<!-- <img src="img/portfolio/override-image-thumbnail.png" class="img-responsive img-centered" alt="image-alt"> -->
<p>The image of a break can be changed by either creating a new image in the resource directory or by pointing the image to a new one. Make sure that the new image size is within <code>128x128px</code></p>
<p>You can add image to the break screen by creating a new image in the resource directory. Make sure that the new image size is within <code>128x128px</code></p>
<p align="left">
<ol>
<li align="left">Create a new directory <code>resource</code> if it does not exist:<pre><code>mkdir ~/.config/safeyes/resource</code></pre></li>
<li align="left">Copy a new image to the resource directory:<pre><code>cp new_image.png ~/.config/safeyes/resource/new_image.png</code></pre></li>
<li align="left">Copy a new image to the resource directory:<pre><code>cp image.png ~/.config/safeyes/resource/short_break_close_eyes.png</code></pre></li>
<li align="left">Change the <code>image</code> name the the new name: <pre><code>...<br> "short_breaks": [<br> &nbsp;&nbsp;&nbsp;&nbsp;{<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_close_eyes",<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "new_image.png"<br> &nbsp;&nbsp;&nbsp;&nbsp;},<br> &nbsp;&nbsp;&nbsp;&nbsp;{<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_roll_eyes"<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "short_break_roll_eyes.png"<br> &nbsp;&nbsp;&nbsp;&nbsp;},<br> &nbsp;&nbsp;&nbsp;&nbsp;...<br> ],<br> ...</code></pre></li>
<li align="left">You can also override the image by simply creating a new image with the same name in the resource directory:<pre><code>cp new_image.png ~/.config/safeyes/resource/short_break_roll_eyes.png</code></pre></li>
<li align="left">Create a new property <code>image</code> next to the break name : <pre><code>...<br> "short_breaks": [<br> &nbsp;&nbsp;&nbsp;&nbsp;{<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_close_eyes",<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "short_break_close_eyes.png"<br> &nbsp;&nbsp;&nbsp;&nbsp;},<br> &nbsp;&nbsp;&nbsp;&nbsp;...<br> ],<br> ...</code></pre></li>
</ol>
</p>
@ -1154,7 +1152,7 @@
<li align="left">Commit the changes and push to the origin master</li>
<li align="left">Send a pull request to Safe Eyes <code>master</code> branch</li>
<li align="left"><a href="http://www.javahelps.com/2017/04/git-pull-request-complete-guide-for.html">Send a pull request</a> to Safe Eyes <code>master</code> branch</li>
</ol>
</p>

View File

@ -99,14 +99,13 @@
-->
<!-- Services Section -->
<section id="introduction">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Getting Started</h2>
<h3 class="section-subheading text-muted">Protect your eyes from eye strain using this continuous breaks reminder. A Free and Open Source Linux alternative to EyeLeo; a sexy and customizable alternative to Workrave.<br><br><b>Note: </b>Wayland users must use <code>env GDK_BACKEND=x11 safeeyes</code> instead of <code>safeeyes</code> to start Safe Eyes from terminal.</h3>
<h3 class="section-subheading text-muted">Protect your eyes from eye strain using this simple and beautiful, yet extensible break reminder. A Free and Open Source Linux alternative to EyeLeo.<br><br><b>Note: </b>Wayland users must use <code>env GDK_BACKEND=x11 safeeyes</code> instead of <code>safeeyes</code> to start Safe Eyes from terminal.</h3>
</div>
</div>
<div class="row text-center">
@ -383,7 +382,7 @@
</a>
<div class="portfolio-caption">
<h4>Break image</h4>
<p class="text-muted">Override the break image</p>
<p class="text-muted">Add images to the break screen</p>
</div>
</div>
@ -593,7 +592,7 @@
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<p class="large text-muted">Write about Safe Eyes and create videos about Safe Eyes</p>
<p class="large text-muted">Translate Safe Eyes into other languages (See how to tranlsate under Customize)</p>
<br>
</div>
</div>
@ -629,7 +628,7 @@
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<p class="large text-muted">Are you a Python developer with creative ideas to improve Safe Eyes? Please send a pull request with new feature and bug fixes.</p>
<p class="large text-muted">Are you a Python developer with creative ideas to improve Safe Eyes? Please <a href="http://www.javahelps.com/2017/04/git-pull-request-complete-guide-for.html">send a pull request</a> with new feature and bug fixes.</p>
<br>
</div>
</div>
@ -647,6 +646,7 @@
</div>
</div>
</section>
<!-- Clients Aside -->
<aside class="clients">
<div class="container">
@ -875,17 +875,15 @@
<h2>Break image</h2>
<hr class="star-primary">
<!-- <img src="img/portfolio/override-image-thumbnail.png" class="img-responsive img-centered" alt="image-alt"> -->
<p>The image of a break can be changed by either creating a new image in the resource directory or by pointing the image to a new one. Make sure that the new image size is within <code>128x128px</code></p>
<p>You can add image to the break screen by creating a new image in the resource directory. Make sure that the new image size is within <code>128x128px</code></p>
<p align="left">
<ol>
<li align="left">Create a new directory <code>resource</code> if it does not exist:<pre><code>mkdir ~/.config/safeyes/resource</code></pre></li>
<li align="left">Copy a new image to the resource directory:<pre><code>cp new_image.png ~/.config/safeyes/resource/new_image.png</code></pre></li>
<li align="left">Copy a new image to the resource directory:<pre><code>cp image.png ~/.config/safeyes/resource/short_break_close_eyes.png</code></pre></li>
<li align="left">Change the <code>image</code> name the the new name: <pre><code>...<br> "short_breaks": [<br> &nbsp;&nbsp;&nbsp;&nbsp;{<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_close_eyes",<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "new_image.png"<br> &nbsp;&nbsp;&nbsp;&nbsp;},<br> &nbsp;&nbsp;&nbsp;&nbsp;{<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_roll_eyes"<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "short_break_roll_eyes.png"<br> &nbsp;&nbsp;&nbsp;&nbsp;},<br> &nbsp;&nbsp;&nbsp;&nbsp;...<br> ],<br> ...</code></pre></li>
<li align="left">You can also override the image by simply creating a new image with the same name in the resource directory:<pre><code>cp new_image.png ~/.config/safeyes/resource/short_break_roll_eyes.png</code></pre></li>
<li align="left">Create a new property <code>image</code> next to the break name : <pre><code>...<br> "short_breaks": [<br> &nbsp;&nbsp;&nbsp;&nbsp;{<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_close_eyes",<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "short_break_close_eyes.png"<br> &nbsp;&nbsp;&nbsp;&nbsp;},<br> &nbsp;&nbsp;&nbsp;&nbsp;...<br> ],<br> ...</code></pre></li>
</ol>
</p>
@ -1154,7 +1152,7 @@
<li align="left">Commit the changes and push to the origin master</li>
<li align="left">Send a pull request to Safe Eyes <code>master</code> branch</li>
<li align="left"><a href="http://www.javahelps.com/2017/04/git-pull-request-complete-guide-for.html">Send a pull request</a> to Safe Eyes <code>master</code> branch</li>
</ol>
</p>

View File

@ -5,8 +5,8 @@
<description>Protect your eyes from asthenopia</description>
<link>http://localhost:4000/SafeEyes/</link>
<atom:link href="http://localhost:4000/SafeEyes/feed.xml" rel="self" type="application/rss+xml" />
<pubDate>Fri, 21 Apr 2017 17:55:01 -0400</pubDate>
<lastBuildDate>Fri, 21 Apr 2017 17:55:01 -0400</lastBuildDate>
<pubDate>Wed, 26 Apr 2017 15:55:32 -0400</pubDate>
<lastBuildDate>Wed, 26 Apr 2017 15:55:32 -0400</lastBuildDate>
<generator>Jekyll v3.4.0</generator>
<item>

View File

@ -99,14 +99,13 @@
-->
<!-- Services Section -->
<section id="introduction">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Getting Started</h2>
<h3 class="section-subheading text-muted">Protect your eyes from eye strain using this continuous breaks reminder. A Free and Open Source Linux alternative to EyeLeo; a sexy and customizable alternative to Workrave.<br><br><b>Note: </b>Wayland users must use <code>env GDK_BACKEND=x11 safeeyes</code> instead of <code>safeeyes</code> to start Safe Eyes from terminal.</h3>
<h3 class="section-subheading text-muted">Protect your eyes from eye strain using this simple and beautiful, yet extensible break reminder. A Free and Open Source Linux alternative to EyeLeo.<br><br><b>Note: </b>Wayland users must use <code>env GDK_BACKEND=x11 safeeyes</code> instead of <code>safeeyes</code> to start Safe Eyes from terminal.</h3>
</div>
</div>
<div class="row text-center">
@ -383,7 +382,7 @@
</a>
<div class="portfolio-caption">
<h4>Break image</h4>
<p class="text-muted">Override the break image</p>
<p class="text-muted">Add images to the break screen</p>
</div>
</div>
@ -593,7 +592,7 @@
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<p class="large text-muted">Write about Safe Eyes and create videos about Safe Eyes</p>
<p class="large text-muted">Translate Safe Eyes into other languages (See how to tranlsate under Customize)</p>
<br>
</div>
</div>
@ -629,7 +628,7 @@
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<p class="large text-muted">Are you a Python developer with creative ideas to improve Safe Eyes? Please send a pull request with new feature and bug fixes.</p>
<p class="large text-muted">Are you a Python developer with creative ideas to improve Safe Eyes? Please <a href="http://www.javahelps.com/2017/04/git-pull-request-complete-guide-for.html">send a pull request</a> with new feature and bug fixes.</p>
<br>
</div>
</div>
@ -647,6 +646,7 @@
</div>
</div>
</section>
<!-- Clients Aside -->
<aside class="clients">
<div class="container">
@ -875,17 +875,15 @@
<h2>Break image</h2>
<hr class="star-primary">
<!-- <img src="img/portfolio/override-image-thumbnail.png" class="img-responsive img-centered" alt="image-alt"> -->
<p>The image of a break can be changed by either creating a new image in the resource directory or by pointing the image to a new one. Make sure that the new image size is within <code>128x128px</code></p>
<p>You can add image to the break screen by creating a new image in the resource directory. Make sure that the new image size is within <code>128x128px</code></p>
<p align="left">
<ol>
<li align="left">Create a new directory <code>resource</code> if it does not exist:<pre><code>mkdir ~/.config/safeyes/resource</code></pre></li>
<li align="left">Copy a new image to the resource directory:<pre><code>cp new_image.png ~/.config/safeyes/resource/new_image.png</code></pre></li>
<li align="left">Copy a new image to the resource directory:<pre><code>cp image.png ~/.config/safeyes/resource/short_break_close_eyes.png</code></pre></li>
<li align="left">Change the <code>image</code> name the the new name: <pre><code>...<br> "short_breaks": [<br> &nbsp;&nbsp;&nbsp;&nbsp;{<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_close_eyes",<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "new_image.png"<br> &nbsp;&nbsp;&nbsp;&nbsp;},<br> &nbsp;&nbsp;&nbsp;&nbsp;{<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_roll_eyes"<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "short_break_roll_eyes.png"<br> &nbsp;&nbsp;&nbsp;&nbsp;},<br> &nbsp;&nbsp;&nbsp;&nbsp;...<br> ],<br> ...</code></pre></li>
<li align="left">You can also override the image by simply creating a new image with the same name in the resource directory:<pre><code>cp new_image.png ~/.config/safeyes/resource/short_break_roll_eyes.png</code></pre></li>
<li align="left">Create a new property <code>image</code> next to the break name : <pre><code>...<br> "short_breaks": [<br> &nbsp;&nbsp;&nbsp;&nbsp;{<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"name": "short_break_close_eyes",<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"image": "short_break_close_eyes.png"<br> &nbsp;&nbsp;&nbsp;&nbsp;},<br> &nbsp;&nbsp;&nbsp;&nbsp;...<br> ],<br> ...</code></pre></li>
</ol>
</p>
@ -1154,7 +1152,7 @@
<li align="left">Commit the changes and push to the origin master</li>
<li align="left">Send a pull request to Safe Eyes <code>master</code> branch</li>
<li align="left"><a href="http://www.javahelps.com/2017/04/git-pull-request-complete-guide-for.html">Send a pull request</a> to Safe Eyes <code>master</code> branch</li>
</ol>
</p>