More design work

This commit is contained in:
Manuel Ebert 2013-09-11 10:58:44 -07:00
parent acb69a472d
commit 3d943591cb
18 changed files with 657 additions and 2827 deletions

View file

@ -10,18 +10,17 @@
<meta name="description" content=""> <meta name="description" content="">
<meta name="viewport" content="width=device-width"> <meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="static/css/normalize.min.css"> <link rel="stylesheet" href="{{ pathto('_static/css/main.css', 1) }}">
<link rel="stylesheet" href="static/css/main.css">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,700' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="static/css/jrnl.css"> <link rel="stylesheet" href="{{ pathto('_static/css/jrnl.css', 1) }}">
<script src="js/vendor/modernizr-2.6.2.min.js"></script> <script src="js/vendor/modernizr-2.6.2.min.js"></script>
</head> </head>
<body id="landing"> <body id="landing">
<div id="upper"> <div id="upper">
<div id="title"> <div id="title">
<img id="logo" src="static/img/logo.png" title="jrnl"/> <img id="logo" src="{{ pathto('_static/img/logo.png', 1) }}" title="jrnl"/>
<h1>Collect your thoughts and notes<br />without leaving the command line</h1> <h1>Collect your thoughts and notes<br />without leaving the command line</h1>
</div> </div>
<div id="prompt"> <div id="prompt">
@ -31,9 +30,9 @@
</div> </div>
</div> </div>
<div id="nav"> <div id="nav">
<a href="/docs" title="Documentation">Documenation</a> <a href="{{ pathto('installation') }}" title="Documentation">Documenation</a>
<a href="http://github.com/maebert/jrnl" title="View on Github">Fork me on GitHub</a> <a href="http://github.com/maebert/jrnl" title="View on Github">Fork me on GitHub</a>
<a href="/qs" title="Quick Start" class="cta">Download &#9654;</a> <a href="{{ pathto('installation') }}" title="Quick Start" class="cta">Download &#9654;</a>
</div> </div>
<div id="lower"> <div id="lower">
<div class="row3"> <div class="row3">
@ -77,7 +76,7 @@
</div> </div>
</div> </div>
<script src="static/js/landing.js"></script> <script src="{{ pathto('_static/js/landing.js', 1) }}"></script>
<script> <script>
var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']]; var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0]; (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];

View file

@ -1,5 +1,9 @@
{%- extends "basic/layout.html" %} {% if pagename == "index" %}
{%- block extrahead %} {% include "index.html" %}
{% else %}
{%- extends "basic/layout.html" %}
{%- block extrahead %}
{{ super() }} {{ super() }}
{% if theme_touch_icon %} {% if theme_touch_icon %}
<link rel="apple-touch-icon" href="{{ pathto('_static/' ~ theme_touch_icon, 1) }}" /> <link rel="apple-touch-icon" href="{{ pathto('_static/' ~ theme_touch_icon, 1) }}" />
@ -7,10 +11,19 @@
<link media="only screen and (max-device-width: 480px)" href="{{ <link media="only screen and (max-device-width: 480px)" href="{{
pathto('_static/small_flask.css', 1) }}" type= "text/css" rel="stylesheet" /> pathto('_static/small_flask.css', 1) }}" type= "text/css" rel="stylesheet" />
<meta name="viewport" content="width=device-width, initial-scale=0.9, maximum-scale=0.9"> <meta name="viewport" content="width=device-width, initial-scale=0.9, maximum-scale=0.9">
{% endblock %} {% endblock %}
{%- block relbar2 %}{% endblock %}
{%- block footer %} {%- block relbar2 %}{% endblock %}
{%- block sidebar2 %}
<aside>
<img class="logo" src="{{ pathto('_static/img/logo.png', 1) }}" title="jrnl"/>
{{ super()}}
</aside>
{% endblock %}
{%- block footer %}
<div class="footer"> <div class="footer">
&copy; Copyright {{ copyright }}. &copy; Copyright {{ copyright }}.
</div> </div>
{%- endblock %} {%- endblock %}
{% endif %}

View file

@ -1,3 +1,365 @@
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
}
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
a:focus {
outline: thin dotted;
}
a:active,
a:hover {
outline: 0;
}
h1 {
font-size: 2em;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000000;
}
code,
kbd,
pre,
samp {
font-family: monospace,serif;
font-size: 1em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
q {
quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
button,
input,
select,
textarea {
font-family: inherit;
font-size: 100%;
margin: 0;
}
button,
input {
line-height: normal;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body {
font-family: "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 300;
background: #f7f8f9;
}
div.related {
background: rgba(255, 200, 200, 0.2);
}
* > a.headerlink {
display: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 300;
}
a:link,
a:visited {
color: #deaa09;
text-decoration: none;
}
a:hover,
a:active {
text-decoration: underline;
color: #f6c324;
}
.note {
background: #8c72ac;
background-image: -moz-linear-gradient(top, #8c72ac 0%, #6e5691 100%);
background-image: -webkit-linear-gradient(top, #8c72ac 0%, #6e5691 100%);
background-image: -o-linear-gradient(top, #8c72ac 0%, #6e5691 100%);
background-image: linear-gradient(to bottom, #8c72ac 0%, #6e5691 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c72ac', endColorstr='#6e5691', GradientType=0);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 2px 3px #413155;
-moz-box-shadow: 0px 2px 3px #413155;
-o-box-shadow: 0px 2px 3px #413155;
box-shadow: 0px 2px 3px #413155;
padding: 10px 20px 10px 70px;
position: relative;
color: white;
}
.note .admonition-title {
display: none;
}
.note a {
color: #fade86;
}
.note:before {
content: "";
display: block;
background-image: url("../img/icons.png");
width: 32px;
height: 32px;
display: inline-block;
font-size: 40px;
background-size: 200px 120px;
background-position: -2em -2em;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 20px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
.note:before {
background-image: url("../img/icons@2x.png");
}
}
.note:before.share {
background-position: 0em 0em;
}
.note:before.future {
background-position: -1em 0em;
}
.note:before.search {
background-position: -2em 0em;
}
.note:before.nli {
background-position: -3em 0em;
}
.note:before.secure {
background-position: -4em 0em;
}
.note:before.sync {
background-position: 0em -1em;
}
.note:before.dayone {
background-position: -1em -1em;
}
.note:before.github {
background-position: -2em -1em;
}
.note:before.folders {
background-position: -3em -1em;
}
.note:before.cal {
background-position: -4em -1em;
}
.note:before.left {
background-position: 0em -2em;
}
.note:before.right {
background-position: -1em -2em;
}
.note:before.info {
background-position: -2em -2em;
}
.highlight-python {
background: #2f1e34;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
padding: 50px 20px 10px 20px;
margin: 40px auto;
width: 500px;
-webkit-box-shadow: 0px 1px 8px #a0acb7;
-moz-box-shadow: 0px 1px 8px #a0acb7;
-o-box-shadow: 0px 1px 8px #a0acb7;
box-shadow: 0px 1px 8px #a0acb7;
position: relative;
color: #f7f8f9;
font-family: "Monaco", "Courier New";
font-size: 12pt;
}
.highlight-python #args {
color: #f6f7b9;
}
.highlight-python #output {
color: #9278b5;
}
.highlight-python:before {
content: "Terminal";
display: block;
width: 100%;
position: absolute;
left: 0;
-webkit-box-shadow: inset 0px 1px 0px #f4f4f4, inset 0px -1px 0px #888888;
-moz-box-shadow: inset 0px 1px 0px #f4f4f4, inset 0px -1px 0px #888888;
-o-box-shadow: inset 0px 1px 0px #f4f4f4, inset 0px -1px 0px #888888;
box-shadow: inset 0px 1px 0px #f4f4f4, inset 0px -1px 0px #888888;
margin-top: -50px;
text-align: center;
height: 30px;
line-height: 30px;
color: #777;
text-shadow: 0px 1px 0px #ddd;
-webkit-border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
background: #eaeaea;
background-image: -moz-linear-gradient(top, #eaeaea 0%, #bababa 100%);
background-image: -webkit-linear-gradient(top, #eaeaea 0%, #bababa 100%);
background-image: -o-linear-gradient(top, #eaeaea 0%, #bababa 100%);
background-image: linear-gradient(to bottom, #eaeaea 0%, #bababa 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#bababa', GradientType=0);
}
.highlight-python:after {
content: "";
width: 48px;
height: 30px;
position: absolute;
top: 0px;
left: 10px;
background: url(../img/terminal.png) no-repeat center center;
}
.highlight-python pre {
margin: 0 0 10px 0;
}
.highlight-python pre:before {
content: "$ ";
color: #deaa09;
}
*:hover > a.headerlink {
display: inline;
color: #c0b2d2;
margin-left: 10px;
text-decoration: none;
}
*:hover > a.headerlink:hover {
color: #725794;
}
tt {
color: #47375d;
font-size: 1.2em;
}
div.document {
max-width: 900px;
margin: 20px auto;
position: relative;
}
div.documentwrapper {
margin-left: 240px;
padding: 0;
}
div.sphinxsidebar {
position: absolute;
width: 220px;
top: 0px;
}
.icon { .icon {
background-image: url("../img/icons.png"); background-image: url("../img/icons.png");
width: 32px; width: 32px;

View file

@ -1 +0,0 @@
/*! normalize.css v1.1.2 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 21 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 137 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.7 KiB

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

View file

@ -18,6 +18,42 @@
sodipodi:docname="landing.svg"> sodipodi:docname="landing.svg">
<defs <defs
id="defs4"> id="defs4">
<linearGradient
inkscape:collect="always"
id="linearGradient4339">
<stop
style="stop-color:#c2bccb;stop-opacity:1"
offset="0"
id="stop4341" />
<stop
style="stop-color:#c1bbca;stop-opacity:0"
offset="1"
id="stop4343" />
</linearGradient>
<linearGradient
inkscape:collect="always"
id="linearGradient4331">
<stop
style="stop-color:#705f89;stop-opacity:1;"
offset="0"
id="stop4333" />
<stop
style="stop-color:#86759f;stop-opacity:1"
offset="1"
id="stop4335" />
</linearGradient>
<linearGradient
inkscape:collect="always"
id="linearGradient4323">
<stop
style="stop-color:#bfb9c8;stop-opacity:1;"
offset="0"
id="stop4325" />
<stop
style="stop-color:#d9d5de;stop-opacity:1"
offset="1"
id="stop4327" />
</linearGradient>
<linearGradient <linearGradient
id="linearGradient6709"> id="linearGradient6709">
<stop <stop
@ -2454,20 +2490,53 @@
x2="316.5" x2="316.5"
y2="323.66467" y2="323.66467"
gradientTransform="matrix(1,0,0,-0.76776695,0,569.86121)" /> gradientTransform="matrix(1,0,0,-0.76776695,0,569.86121)" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient4323"
id="radialGradient4329"
cx="1467.8275"
cy="545.32391"
fx="1467.8275"
fy="545.32391"
r="16"
gradientTransform="matrix(0.03270809,-1.6894155,1.1961543,0.02315615,769.01231,3008.7528)"
gradientUnits="userSpaceOnUse" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient4331"
id="radialGradient4337"
cx="1290.9248"
cy="349.65707"
fx="1290.9248"
fy="349.65707"
r="6.8894"
gradientTransform="matrix(0.15619932,2.507375,-1.7386076,0.10830823,1696.5628,-2927.7791)"
gradientUnits="userSpaceOnUse" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient4339"
id="radialGradient4345"
cx="1468.2242"
cy="507.2381"
fx="1468.2242"
fy="507.2381"
r="16"
gradientTransform="matrix(-1.9882057,0.35398273,-0.09041508,-0.50783204,4433.218,252.55239)"
gradientUnits="userSpaceOnUse" />
</defs> </defs>
<sodipodi:namedview <sodipodi:namedview
id="base" id="base"
pagecolor="#f7f8f9" pagecolor="#f7f8f9"
bordercolor="#666666" bordercolor="#666666"
borderopacity="1.0" borderopacity="1.0"
inkscape:pageopacity="1" inkscape:pageopacity="0"
inkscape:pageshadow="2" inkscape:pageshadow="2"
inkscape:zoom="45.254834" inkscape:zoom="3.7454562"
inkscape:cx="1290.3037" inkscape:cx="1457.6936"
inkscape:cy="695.65873" inkscape:cy="541.40343"
inkscape:document-units="px" inkscape:document-units="px"
inkscape:current-layer="layer1" inkscape:current-layer="layer1"
showgrid="true" showgrid="false"
showborder="false" showborder="false"
inkscape:window-width="1440" inkscape:window-width="1440"
inkscape:window-height="852" inkscape:window-height="852"
@ -2498,13 +2567,6 @@
inkscape:label="Layer 1" inkscape:label="Layer 1"
inkscape:groupmode="layer" inkscape:groupmode="layer"
id="layer1"> id="layer1">
<rect
y="514.36218"
x="1373"
height="32"
width="32"
id="rect6747"
style="fill:#7492d2;fill-opacity:1;stroke:none" />
<path <path
id="path6705" id="path6705"
style="fill:url(#linearGradient6707);fill-opacity:1;stroke:none" style="fill:url(#linearGradient6707);fill-opacity:1;stroke:none"
@ -2540,26 +2602,12 @@
height="165.52205" height="165.52205"
x="130.8519" x="130.8519"
y="668.7536" /></flowRegion><flowPara y="668.7536" /></flowRegion><flowPara
id="flowPara5440"></flowPara></flowRoot> <path id="flowPara5440" /></flowRoot> <path
id="rect5414" id="rect5414"
style="fill:url(#linearGradient6572);fill-opacity:1;stroke:none" style="fill:url(#linearGradient6572);fill-opacity:1;stroke:none"
d="m -492.94888,382.36218 1828.39658,0 0,610 -1828.39658,0 z" d="m -492.94888,382.36218 1828.39658,0 0,610 -1828.39658,0 z"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccc" /> sodipodi:nodetypes="ccccc" />
<rect
y="434.36218"
x="1533"
height="32"
width="32"
id="rect6743"
style="fill:#7492d2;fill-opacity:1;stroke:none" />
<rect
style="fill:#7492d2;fill-opacity:1;stroke:none"
id="rect6733"
width="32"
height="32"
x="1373"
y="434.36218" />
<path <path
style="fill:#d9d7dc;fill-opacity:1" style="fill:#d9d7dc;fill-opacity:1"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
@ -3244,27 +3292,6 @@
style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:#d9d7dc;fill-opacity:1;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans" style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:#d9d7dc;fill-opacity:1;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans"
d="m 1428.488,434.36218 c -0.4975,0 -0.7837,0.1754 -1.1547,0.47916 -0.3709,0.30377 -0.6666,0.7714 -0.6666,1.33334 l 0,1.52083 -0.6667,0 0,0.66667 -4,0 c -0.035,-0.002 -0.069,-0.002 -0.1042,0 -0.4879,0.0511 -0.8984,0.50939 -0.8958,1 l 0,0.33333 -0.3333,0 c -0.5236,6e-5 -1,0.47642 -1,1 l 0,0.39584 c -0.3852,0.1362 -0.6645,0.52896 -0.6667,0.9375 l 0,2.33333 c 10e-5,0.52358 0.4764,0.99994 1,1 l 1,0 0,16.33333 -0.5,0.79167 c -0.3049,0.17603 -0.5031,0.52295 -0.5,0.875 l 0,2 c 10e-5,0.52359 0.4764,0.99995 1,1 l 4.9375,0 4.7292,0 0.1041,0 5.2292,0 c 0.5236,-5e-5 0.9999,-0.47641 1,-1 l 0,-2 c 0,-0.35205 -0.1951,-0.69897 -0.5,-0.875 l -0.5,-0.79167 0,-16.33333 1,0 c 0.5236,-6e-5 1,-0.47642 1,-1 l 0,-2.33333 c 0,-0.40854 -0.2815,-0.8013 -0.6667,-0.9375 l 0,-0.39584 c 0,-0.52358 -0.4764,-0.99994 -1,-1 l -0.3333,0 0,-0.33333 c 0,-0.52359 -0.4764,-0.99995 -1,-1 l -4,0 0,-0.66667 -0.6667,0 0,-1.52083 c 0,-0.56194 -0.2957,-1.02957 -0.6666,-1.33334 -0.371,-0.30376 -0.6812,-0.47916 -1.1787,-0.47916 z m 0,0.9427 c 0.3246,0 0.9729,0.1444 0.9729,0.8698 l 0,1.52083 -1.914,0 0,-1.52083 c 0,-0.64509 0.6168,-0.8698 0.9411,-0.8698 z m -6.1547,5.0573 12.3334,0 0,0.66667 0.6666,0 c -0.035,0.49139 0.077,0.8422 0.6667,0.70833 l 0,2.625 -2,0 -11,0 -2,0 0,-2.5625 c 0.5459,0.0323 0.6271,-0.35301 0.6667,-0.77083 l 0.6666,0 z m 0.6667,5 11,0 0,17.66667 1,0.91666 0,0.41667 -13,0 0,-0.41667 1,-0.91666 z m 1,2 0,3 1,0 0,-3 z m 2,0 0,3.00001 1,0 0,-3.00001 z m 4,0 0,3.00001 1,0 0,-3.00001 z m 2,0 0,3.00001 1,0 0,-3.00001 z m -8,4 0,3 1,0 0,-3 z m 2,10e-6 0,2.99999 1,0 0,-2.99999 z m 4,0 0,2.99999 1,0 0,-2.99999 z m 2,0 0,2.99999 1,0 0,-2.99999 z m -2.0833,4.41665 c -0.507,0 -0.9167,0.40968 -0.9167,0.91667 0,0.50699 0.4097,0.91667 0.9167,0.91667 0.507,0 0.9166,-0.40968 0.9166,-0.91667 0,-0.50699 -0.4096,-0.91667 -0.9166,-0.91667 z" d="m 1428.488,434.36218 c -0.4975,0 -0.7837,0.1754 -1.1547,0.47916 -0.3709,0.30377 -0.6666,0.7714 -0.6666,1.33334 l 0,1.52083 -0.6667,0 0,0.66667 -4,0 c -0.035,-0.002 -0.069,-0.002 -0.1042,0 -0.4879,0.0511 -0.8984,0.50939 -0.8958,1 l 0,0.33333 -0.3333,0 c -0.5236,6e-5 -1,0.47642 -1,1 l 0,0.39584 c -0.3852,0.1362 -0.6645,0.52896 -0.6667,0.9375 l 0,2.33333 c 10e-5,0.52358 0.4764,0.99994 1,1 l 1,0 0,16.33333 -0.5,0.79167 c -0.3049,0.17603 -0.5031,0.52295 -0.5,0.875 l 0,2 c 10e-5,0.52359 0.4764,0.99995 1,1 l 4.9375,0 4.7292,0 0.1041,0 5.2292,0 c 0.5236,-5e-5 0.9999,-0.47641 1,-1 l 0,-2 c 0,-0.35205 -0.1951,-0.69897 -0.5,-0.875 l -0.5,-0.79167 0,-16.33333 1,0 c 0.5236,-6e-5 1,-0.47642 1,-1 l 0,-2.33333 c 0,-0.40854 -0.2815,-0.8013 -0.6667,-0.9375 l 0,-0.39584 c 0,-0.52358 -0.4764,-0.99994 -1,-1 l -0.3333,0 0,-0.33333 c 0,-0.52359 -0.4764,-0.99995 -1,-1 l -4,0 0,-0.66667 -0.6667,0 0,-1.52083 c 0,-0.56194 -0.2957,-1.02957 -0.6666,-1.33334 -0.371,-0.30376 -0.6812,-0.47916 -1.1787,-0.47916 z m 0,0.9427 c 0.3246,0 0.9729,0.1444 0.9729,0.8698 l 0,1.52083 -1.914,0 0,-1.52083 c 0,-0.64509 0.6168,-0.8698 0.9411,-0.8698 z m -6.1547,5.0573 12.3334,0 0,0.66667 0.6666,0 c -0.035,0.49139 0.077,0.8422 0.6667,0.70833 l 0,2.625 -2,0 -11,0 -2,0 0,-2.5625 c 0.5459,0.0323 0.6271,-0.35301 0.6667,-0.77083 l 0.6666,0 z m 0.6667,5 11,0 0,17.66667 1,0.91666 0,0.41667 -13,0 0,-0.41667 1,-0.91666 z m 1,2 0,3 1,0 0,-3 z m 2,0 0,3.00001 1,0 0,-3.00001 z m 4,0 0,3.00001 1,0 0,-3.00001 z m 2,0 0,3.00001 1,0 0,-3.00001 z m -8,4 0,3 1,0 0,-3 z m 2,10e-6 0,2.99999 1,0 0,-2.99999 z m 4,0 0,2.99999 1,0 0,-2.99999 z m 2,0 0,2.99999 1,0 0,-2.99999 z m -2.0833,4.41665 c -0.507,0 -0.9167,0.40968 -0.9167,0.91667 0,0.50699 0.4097,0.91667 0.9167,0.91667 0.507,0 0.9166,-0.40968 0.9166,-0.91667 0,-0.50699 -0.4096,-0.91667 -0.9166,-0.91667 z"
id="path6731" /> id="path6731" />
<rect
y="474.36218"
x="1413"
height="32"
width="32"
id="rect6735"
style="fill:#7492d2;fill-opacity:1;stroke:none" />
<rect
style="fill:#7492d2;fill-opacity:1;stroke:none"
id="rect6737"
width="32"
height="32"
x="1453"
y="434.36218" />
<rect
y="474.36218"
x="1493"
height="32"
width="32"
id="rect6739"
style="fill:#7492d2;fill-opacity:1;stroke:none" />
<path <path
sodipodi:nodetypes="ssssssssssccssssccccccsssscc" sodipodi:nodetypes="ssssssssssccssssccccccsssscc"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
@ -3360,5 +3387,20 @@
sodipodi:ry="3" sodipodi:ry="3"
d="m 1293,344.36218 a 3,3 0 1 1 -6,0 3,3 0 1 1 6,0 z" d="m 1293,344.36218 a 3,3 0 1 1 -6,0 3,3 0 1 1 6,0 z"
transform="matrix(0.83333333,0,0,0.83333333,213.5,57.893697)" /> transform="matrix(0.83333333,0,0,0.83333333,213.5,57.893697)" />
<path
sodipodi:nodetypes="cssssc"
inkscape:connector-curvature="0"
style="fill:url(#radialGradient4329);fill-opacity:1;stroke:none"
d="m 1468.1795,514.36218 c -8.4539,0.42853 -15.1795,7.43959 -15.1795,16 0,8.83655 7.1635,16 16,16 8.8366,0 16,-7.16345 16,-16 0,-8.83655 -7.1634,-16 -16,-16 -0.2761,0 -0.5478,-0.0139 -0.8205,0 z"
id="path3538" />
<path
id="path3542"
transform="matrix(0.83333333,0,0,0.83333333,393.5,235.8937)"
style="fill:url(#radialGradient4337);fill-opacity:1;stroke:none"
d="m 1293,344.36218 c 0,1.65686 -1.3431,3 -3,3 -1.6569,0 -3,-1.34314 -3,-3 0,-1.65685 1.3431,-3 3,-3 1.6569,0 3,1.34315 3,3 z m 0,5.4 0,13.2 2.8828,0 c 0.5781,0 0.9883,0.11328 1.2304,0.33985 0.25,0.21875 0.375,0.5078 0.375,0.86718 0,0.35156 -0.125,0.64063 -0.375,0.86719 -0.2421,0.21875 -0.6523,0.32813 -1.2304,0.32813 l -10.568,0 c -0.5781,0 -0.9921,-0.10944 -1.2422,-0.32813 -0.2422,-0.22656 -0.3632,-0.51953 -0.3632,-0.8789 0,-0.35157 0.121,-0.63672 0.3632,-0.85547 0.2501,-0.22656 0.6641,-0.33985 1.2422,-0.33985 l 2.8828,0 0,-10.79766 -1.9336,0 c -0.5703,1e-5 -0.9805,-0.10932 -1.2304,-0.32813 -0.25,-0.22655 -0.375,-0.51952 -0.375,-0.8789 0,-0.35156 0.121,-0.63671 0.3632,-0.85547 0.2501,-0.22655 0.6641,-0.33983 1.2422,-0.33984 l 6.736,0" />
<path
style="fill:url(#radialGradient4345);fill-opacity:1;stroke:none"
d="M 1468.1875 514.375 C 1459.7336 514.80353 1453 521.81459 1453 530.375 C 1453 530.51322 1453.0278 530.64387 1453.0312 530.78125 C 1453.3347 522.49344 1459.9305 515.79355 1468.1875 515.375 C 1468.4602 515.3611 1468.7239 515.375 1469 515.375 C 1477.6698 515.375 1484.7054 522.26912 1484.9688 530.875 C 1484.974 530.7063 1485 530.54498 1485 530.375 C 1485 521.53845 1477.8366 514.375 1469 514.375 C 1468.7239 514.375 1468.4602 514.3611 1468.1875 514.375 z "
id="path4318" />
</g> </g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 188 KiB

After

Width:  |  Height:  |  Size: 191 KiB

150
docs/_themes/jrnl/static/less/docs.less vendored Normal file
View file

@ -0,0 +1,150 @@
body
{
font-family: "Open Sans", "Helvetica Neue", sans-serif;
font-weight: 300;
color: #333;
background: @white;
}
input
{
background: transparent;
border: 1px solid #999;
.border-radius(3px);
padding: 2px 5px;
color: #666;
font-family: "Open Sans";
font-weight: 300;
outline: none;
&:focus
{
background: white;
}
}
div.related
{
background: rgba(255,200,200,.2);
}
* > a.headerlink
{
display: none;
}
h1, h2, h3, h4, h5, h6
{
font-weight: 300;
}
a:link, a:visited
{
color: @orange;
text-decoration: none;
}
a:hover, a:active
{
text-decoration: underline;
color: lighten(@orange, 10);
}
.note
{
.gradient(lighten(@purple-light, 10), lighten(@purple-light-shade, 10));
.border-radius(5px);
.box-shadow(0px 2px 3px @purple-shade);
padding: 10px 20px 10px 70px;
position: relative;
color: white;
.admonition-title {display: none;}
a { color: lighten(@orange, 30);}
&:before
{
content: "";
display: block;
.icon;
.icon.info;
position: absolute;
margin: auto;
top: 0; bottom: 0; left: 20px;
}
}
.highlight-output
{
.pre-block;
}
.highlight-python
{
.terminal;
pre
{
margin: 0 0 10px 0;
&:before
{
content: "$ ";
color: @orange;
}
}
}
*:hover > a.headerlink
{
display: inline;
color: lighten(@purple-light, 30);
margin-left: 10px;
text-decoration: none;
&:hover { color: @purple-light; }
}
tt
{
color: @purple;
font-size: 1.2em;
}
div.document
{
max-width: 900px;
margin: 20px auto;
position: relative;
}
div.documentwrapper
{
margin-left: 240px;
padding: 0;
}
aside
{
position: absolute;
width: 220px;
top: 0px;
.logo
{
margin: 0 0 20px 0px;
background: green;
width: 90px;
height: 98px;
}
}
.sphinxsidebarwrapper
{
color: #999;
a:link, a:visited
{
color: #999;
}
a:hover, a:active
{
color: @orange;
}
input[type=submit]
{
display: none;
}
&>ul
{
margin: 0 4px;
padding: 0;
list-style: none;
}
}

View file

@ -11,6 +11,9 @@
@purple-light-shade: #564371; @purple-light-shade: #564371;
@orange: #deaa09; @orange: #deaa09;
.normalize();
@import "docs.less";
.icon, .icon,
{ {
.sprite("../img/icons.png", 32px, 5, 3, 8px); .sprite("../img/icons.png", 32px, 5, 3, 8px);
@ -29,12 +32,11 @@
&.info {.sprite(2, 2)}; &.info {.sprite(2, 2)};
} }
.terminal .pre-block
{ {
background: @terminal; background: @terminal;
.border-radius(6px); .border-radius(6px);
@p: 20px; padding: 1px 20px;
padding: @p + 30px @p (@p - 10px) @p;
margin: 40px auto; margin: 40px auto;
width: 500px; width: 500px;
.box-shadow(0px 1px 8px darken(@white, 30)); .box-shadow(0px 1px 8px darken(@white, 30));
@ -44,6 +46,13 @@
font-size: 12pt; font-size: 12pt;
#args {color: #f6f7b9} #args {color: #f6f7b9}
#output {color: #9278b5} #output {color: #9278b5}
}
.terminal
{
.pre-block;
@p: 20px;
padding: @p + 30px @p (@p - 10px) @p;
&:before &:before
{ {
content: "Terminal"; content: "Terminal";

View file

@ -1,6 +1,6 @@
[theme] [theme]
inherit = basic inherit = basic
stylesheet = flasky.css stylesheet = css/jrnl.css
pygments_style = flask_theme_support.FlaskyStyle pygments_style = flask_theme_support.FlaskyStyle
[options] [options]

View file

@ -6,7 +6,7 @@ Getting started
Installation Installation
------------ ------------
Install *jrnl_* using pip :: Install *jrnl* using pip ::
pip install jrnl pip install jrnl
@ -14,7 +14,7 @@ Or, if you want the option to encrypt your journal, ::
pip install jrnl[encrypted] pip install jrnl[encrypted]
To install the dependencies for encrypting journals as well to install the dependencies for encrypting journals as well.
.. note:: .. note::
@ -30,7 +30,9 @@ to make a new entry, just type::
jrnl yesterday: Called in sick. Used the time to clean the house anspent 4h on writing my book. jrnl yesterday: Called in sick. Used the time to clean the house anspent 4h on writing my book.
and hit return. `yesterday:` will be interpreted as a timestamp. Everything until the first sentence mark (`.?!`) will be interpreted as the title, the rest as the body. In your journal file, the result will look like this::: and hit return. ```yesterday:``` will be interpreted as a timestamp. Everything until the first sentence mark (```.?!:```) will be interpreted as the title, the rest as the body. In your journal file, the result will look like this:
.. code-block:: output
2012-03-29 09:00 Called in sick. 2012-03-29 09:00 Called in sick.
Used the time to clean the house and spent 4h on writing my book. Used the time to clean the house and spent 4h on writing my book.