update docs site

This commit is contained in:
Kevin Schoon 2021-07-28 19:50:26 -04:00
parent b2fc750ed3
commit 1b2d22aa5a
7 changed files with 125 additions and 292 deletions

View File

@ -1,14 +1,10 @@
<?xml version="1.0" encoding="utf-8" standalone="yes" ?> <?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel> <channel>
<title>Categories on Pomo</title> <title>Categories on Pomo</title>
<link>/pomo/categories/</link> <link>/pomo/categories/</link>
<description>Recent content in Categories on Pomo</description> <description>Recent content in Categories on Pomo</description>
<generator>Hugo -- gohugo.io</generator> <generator>Hugo -- gohugo.io</generator>
<language>en-us</language> <language>en-us</language><atom:link href="/pomo/categories/index.xml" rel="self" type="application/rss+xml" />
<atom:link href="/pomo/categories/index.xml" rel="self" type="application/rss+xml" />
</channel> </channel>
</rss> </rss>

View File

@ -1,109 +1,83 @@
html, * {
body { -webkit-box-sizing: border-box;
height: 100%; -moz-box-sizing: border-box;
box-sizing: border-box;
} }
body { :root {
padding-top: 55px; --accent: #b1675d;
display: flex; --light-gray: #eee;
text-align: center; --dark-gray: #c2c2c2;
flex-direction: column; --white: #f8f9fa;
--black: #2d2d2d;
--border-width: 5px;
} }
main { body {}
margin: auto;
padding: 25px; h1,
flex: 1 0 auto; h2,
max-width: 1200px; h3,
h4,
h5,
h6,
label {
color: var(--black);
} }
/*footer*/
.copyright {
margin: 15px 0;
}
/*home page*/
/*
.intro { .intro {
transform: translateY(22vh); text-align: center;
}
*/
.intro>h1 {
color: #212121;
font-size: 12vh;
} }
.intro>h2 { .tomato {
color: #757575; max-width: 20em;
font-size: 3vmin;
} }
.intro>.profile { .icons a {
width: 10vh; text-decoration: none;
height: 10vh;
border-radius: 50%;
} }
div.readme { .icons svg {
text-align: left !important; margin-left: 10px;
padding-top: 50px; margin-right: 10px;
} }
/*apply accent colour to links*/ .content {
margin: auto;
a:link, padding-top: 5em;
a:visited {
color: var(--accent);
} }
a.icon:hover { .readme {
text-decoration: none; font-size: 12px;
} }
a:hover { .content h1,h2,h3,h4,h5,h6 {
color: var(--accent) !important; padding: .2em;
} }
/*paginator at bottom of list view*/ .center-splash {
text-align: center;
.pages {
padding: 15px 0;
} }
.pages-icon { .splash-image img {
padding: 0 15px; border-radius: 2em;
} }
/*list item for posts and projects*/ @media screen and (max-height: 600px) {
.center-splash {
.item { padding-top: 10%;
padding: 10px 0; }
} }
.item-tag { @media screen and (max-width: 900px) {
background-color: var(--accent); .splash-image img {
max-height: 250px;
}
} }
/*navigation bar icons*/ @media screen and (min-width: 900px) {
.content {
.navbar-icon { max-width: 75% ;
font-size: 125%; }
display: inline-block !important;
} }
/*coloured borders at top and bottom of the page*/
.navbar.navbar-default {
border-top: var(--border-width) solid var(--accent);
}
footer {
border-bottom: var(--border-width) solid var(--accent);
}
img {
max-width: 100%;
}

11
docs/css/pure.css Normal file

File diff suppressed because one or more lines are too long

View File

@ -1,137 +1,32 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en-us"> <html>
<head> <head>
<meta name="generator" content="Hugo 0.85.0" />
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <title>Pomo
<title>Pomo</title> </title>
<style> <link rel="stylesheet" href="/css/main.css">
<link rel="stylesheet" href="/css/pure.css">
html body { <meta name="viewport" content="width=device-width, initial-scale=1">
font-family: 'Raleway', sans-serif; </head>
background-color: white; <body>
}
:root {
--accent: red;
--border-width: 5px ;
}
</style>
<link rel="stylesheet" href="/pomo/css/main.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/solarized-dark.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/languages/go.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/languages/haskell.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/languages/kotlin.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/languages/scala.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/languages/swift.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script>$(document).on('click', function() { $('.collapse').collapse('hide'); })</script>
<meta name="generator" content="Hugo 0.47.1" />
<link href="/pomo/index.xml" rel="alternate" type="application/rss+xml" title="Pomo" />
<link href="/pomo/index.xml" rel="feed" type="application/rss+xml" title="Pomo" />
</head>
<script type="text/javascript" async
src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand visible-xs" href="#">Pomo</a>
<button class="navbar-toggle" data-target=".navbar-collapse" data-toggle="collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse">
</div>
</div>
</nav>
<div class="content">
<main> <main>
<div class="intro"> <div class="intro">
<a href="https://github.com/kevinschoon/pomo"> <img class="tomato" src="/tomato.png" /> </a>
<img class="profile" src="./tomato.png"> <h1> Pomo </h1>
<h1> Pomodoro Command Line Interface </h1>
<h1>Pomo</h1> <img class="demo" src="/demo.gif" />
<h2>Pomodoro Command Line Interface</h2>
<div class="btn-group" role="group" aria-label="...">
<a class="btn btn-default" href="https://github.com/kevinschoon/pomo">github</a>
<a class="btn btn-default" href="https://github.com/kevinschoon/pomo/releases">releases</a>
</div>
</div> </div>
<div class="readme"> <div class="readme">
<p align="center"><img src="https://raw.githubusercontent.com/kevinschoon/pomo/master/www/static/demo.gif" alt="demo"/></p> <!-- raw HTML omitted -->
<h1 id="-pomo">🍅 pomo</h1>
<h1 id="pomo">🍅 pomo</h1> <p><img src="https://github.com/kevinschoon/pomo/workflows/pomo/badge.svg" alt="pomo"></p>
<p><code>pomo</code> is a simple CLI for using the <a href="https://en.wikipedia.org/wiki/Pomodoro_Technique">Pomodoro Technique</a>. There are <a href="https://taskwarrior.org/">some</a> <a href="https://todoist.com/">amazing</a> task management systems but <code>pomo</code> is more of a task <em>execution</em> or <a href="https://en.wikipedia.org/wiki/Timeboxing">timeboxing</a> system. <code>pomo</code> helps you track what you did, how long it took you to do it, and how much effort you expect it to take.</p> <p><code>pomo</code> is a simple CLI for using the <a href="https://en.wikipedia.org/wiki/Pomodoro_Technique">Pomodoro Technique</a>. There are <a href="https://taskwarrior.org/">some</a> <a href="https://todoist.com/">amazing</a> task management systems but <code>pomo</code> is more of a task <em>execution</em> or <a href="https://en.wikipedia.org/wiki/Timeboxing">timeboxing</a> system. <code>pomo</code> helps you track what you did, how long it took you to do it, and how much effort you expect it to take.</p>
<h2 id="background">Background</h2> <h2 id="background">Background</h2>
<p>The Pomodoro Technique is simple and effective:</p> <p>The Pomodoro Technique is simple and effective:</p>
<ul> <ul>
<li>Decide on a task you want to accomplish</li> <li>Decide on a task you want to accomplish</li>
<li>Break the task into timed intervals (pomodoros), [approx. 25 min]</li> <li>Break the task into timed intervals (pomodoros), [approx. 25 min]</li>
@ -139,84 +34,49 @@
<li>Once all pomodoros are completed take a longer break [approx 15 - 20 min]</li> <li>Once all pomodoros are completed take a longer break [approx 15 - 20 min]</li>
<li>Repeat</li> <li>Repeat</li>
</ul> </ul>
<h2 id="installation">Installation</h2> <h2 id="installation">Installation</h2>
<h3 id="binaries">Binaries</h3> <h3 id="binaries">Binaries</h3>
<p>Binaries are available for Linux and OSX platforms in the <a href="https://github.com/kevinschoon/pomo/releases">releases section</a> on github.</p> <p>Binaries are available for Linux and OSX platforms in the <a href="https://github.com/kevinschoon/pomo/releases">releases section</a> on github.</p>
<h3 id="installer-script">Installer Script</h3> <h3 id="installer-script">Installer Script</h3>
<p>A bash script to download and verify the latest release for Linux and OSX platforms can be run <p>A bash script to download and verify the latest release for Linux and OSX platforms can be run
with the following command:</p> with the following command:</p>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-bash" data-lang="bash">curl -L -s https://kevinschoon.github.io/pomo/install.sh | bash /dev/stdin
<pre><code class="language-bash">curl -L -s https://kevinschoon.github.io/pomo/install.sh | bash /dev/stdin </code></pre></div><h3 id="source">Source</h3>
</code></pre> <div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-bash" data-lang="bash">go get github.com/kevinschoon/pomo
pomo -v
<h3 id="source">Source</h3> </code></pre></div><h2 id="usage">Usage</h2>
<pre><code class="language-bash"> go get github.com/kevinschoon/pomo
pomo -v
</code></pre>
<h2 id="usage">Usage</h2>
<p>Once <code>pomo</code> is installed you need to initialize it&rsquo;s database.</p> <p>Once <code>pomo</code> is installed you need to initialize it&rsquo;s database.</p>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-bash" data-lang="bash">pomo init
<pre><code class="language-bash">pomo init </code></pre></div><p>Start a 4 pomodoro session at 25 minute intervals:</p>
</code></pre> <div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-bash" data-lang="bash">pomo start -t my-project <span style="color:#e6db74">&#34;write some codes&#34;</span>
</code></pre></div><h2 id="configuration">Configuration</h2>
<p>Start a 4 pomodoro session at 25 minute intervals:</p>
<pre><code class="language-bash">pomo start -t my-project &quot;write some codes&quot;
</code></pre>
<h2 id="configuration">Configuration</h2>
<p>Pomo has a few configuration options which can be read from a JSON file in Pomo&rsquo;s state directory <code>~/.pomo/config.json</code>.</p> <p>Pomo has a few configuration options which can be read from a JSON file in Pomo&rsquo;s state directory <code>~/.pomo/config.json</code>.</p>
<h3 id="colors">colors</h3> <h3 id="colors">colors</h3>
<p>You can map colors to specific tags in the <code>colors</code> field.</p> <p>You can map colors to specific tags in the <code>colors</code> field.</p>
<p>Example:</p> <p>Example:</p>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-json" data-lang="json">{
<pre><code class="language-json">{ <span style="color:#f92672">&#34;colors&#34;</span>: {
&quot;colors&quot;: { <span style="color:#f92672">&#34;my-project&#34;</span>: <span style="color:#e6db74">&#34;hiyellow&#34;</span>,
&quot;my-project&quot;: &quot;hiyellow&quot;, <span style="color:#f92672">&#34;another-project&#34;</span>: <span style="color:#e6db74">&#34;green&#34;</span>
&quot;another-project&quot;: &quot;green&quot;
} }
} }
</code></pre> </code></pre></div><h2 id="integrations">Integrations</h2>
<h2 id="integrations">Integrations</h2>
<h3 id="status-bars">Status Bars</h3> <h3 id="status-bars">Status Bars</h3>
<p>The Pomo CLI can output the current state of a running task session via the <code>pomo status</code> <p>The Pomo CLI can output the current state of a running task session via the <code>pomo status</code>
making it easy to script and embed it&rsquo;s output in various Linux status bars.</p> making it easy to script and embed it&rsquo;s output in various Linux status bars.</p>
<h4 id="polybarhttpsgithubcomjaagrpolybar"><a href="https://github.com/jaagr/polybar">Polybar</a></h4>
<h4 id="polybar-https-github-com-jaagr-polybar"><a href="https://github.com/jaagr/polybar">Polybar</a></h4>
<p>You can create a module with the <code>custom/script</code> type and <p>You can create a module with the <code>custom/script</code> type and
embed Pomo&rsquo;s status output in your Polybar:</p> embed Pomo&rsquo;s status output in your Polybar:</p>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-ini" data-lang="ini"><span style="color:#66d9ef">[module/pomo]</span>
<pre><code class="language-ini">[module/pomo] <span style="color:#a6e22e">type</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">custom/script</span>
type = custom/script <span style="color:#a6e22e">interval</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">1</span>
interval = 1 <span style="color:#a6e22e">exec</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">pomo status</span>
exec = pomo status </code></pre></div><h2 id="roadmap">Roadmap</h2>
</code></pre>
<h2 id="roadmap">Roadmap</h2>
<ul> <ul>
<li>Generate charts/burn down</li> <li>Generate charts/burn down</li>
<li>??</li> <li>??</li>
</ul> </ul>
<h2 id="credits">Credits</h2> <h2 id="credits">Credits</h2>
<ul> <ul>
<li><a href="https://cirillocompany.de/pages/pomodoro-technique/book/">pomodoro technique</a></li> <li><a href="https://cirillocompany.de/pages/pomodoro-technique/book/">pomodoro technique</a></li>
<li><a href="https://openclipart.org/detail/262421/tomato-by-rones">logo by rones</a></li> <li><a href="https://openclipart.org/detail/262421/tomato-by-rones">logo by rones</a></li>
@ -225,5 +85,14 @@ exec = pomo status
</ul> </ul>
</div> </div>
</main> </main>
</div><div id="footer">
<small>
2021
</small>
</div>
</body>
</html>

View File

@ -1,14 +1,10 @@
<?xml version="1.0" encoding="utf-8" standalone="yes" ?> <?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel> <channel>
<title>Pomo</title> <title>Pomo</title>
<link>/pomo/</link> <link>/pomo/</link>
<description>Recent content on Pomo</description> <description>Recent content on Pomo</description>
<generator>Hugo -- gohugo.io</generator> <generator>Hugo -- gohugo.io</generator>
<language>en-us</language> <language>en-us</language><atom:link href="/pomo/index.xml" rel="self" type="application/rss+xml" />
<atom:link href="/pomo/index.xml" rel="self" type="application/rss+xml" />
</channel> </channel>
</rss> </rss>

View File

@ -1,20 +1,11 @@
<?xml version="1.0" encoding="utf-8" standalone="yes" ?> <?xml version="1.0" encoding="utf-8" standalone="yes"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xhtml="http://www.w3.org/1999/xhtml"> xmlns:xhtml="http://www.w3.org/1999/xhtml">
<url> <url>
<loc>/pomo/categories/</loc> <loc>/pomo/categories/</loc>
<priority>0</priority> </url><url>
</url>
<url>
<loc>/pomo/</loc> <loc>/pomo/</loc>
<priority>0</priority> </url><url>
</url>
<url>
<loc>/pomo/tags/</loc> <loc>/pomo/tags/</loc>
<priority>0</priority>
</url> </url>
</urlset> </urlset>

View File

@ -1,14 +1,10 @@
<?xml version="1.0" encoding="utf-8" standalone="yes" ?> <?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel> <channel>
<title>Tags on Pomo</title> <title>Tags on Pomo</title>
<link>/pomo/tags/</link> <link>/pomo/tags/</link>
<description>Recent content in Tags on Pomo</description> <description>Recent content in Tags on Pomo</description>
<generator>Hugo -- gohugo.io</generator> <generator>Hugo -- gohugo.io</generator>
<language>en-us</language> <language>en-us</language><atom:link href="/pomo/tags/index.xml" rel="self" type="application/rss+xml" />
<atom:link href="/pomo/tags/index.xml" rel="self" type="application/rss+xml" />
</channel> </channel>
</rss> </rss>