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="viewport" content="width=device-width">
<link rel="stylesheet" href="static/css/normalize.min.css">
<link rel="stylesheet" href="static/css/main.css">
<link rel="stylesheet" href="{{ pathto('_static/css/main.css', 1) }}">
<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>
</head>
<body id="landing">
<div id="upper">
<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>
</div>
<div id="prompt">
@ -31,9 +30,9 @@
</div>
</div>
<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="/qs" title="Quick Start" class="cta">Download &#9654;</a>
<a href="{{ pathto('installation') }}" title="Quick Start" class="cta">Download &#9654;</a>
</div>
<div id="lower">
<div class="row3">
@ -77,7 +76,7 @@
</div>
</div>
<script src="static/js/landing.js"></script>
<script src="{{ pathto('_static/js/landing.js', 1) }}"></script>
<script>
var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];

View file

@ -1,5 +1,9 @@
{%- extends "basic/layout.html" %}
{%- block extrahead %}
{% if pagename == "index" %}
{% include "index.html" %}
{% else %}
{%- extends "basic/layout.html" %}
{%- block extrahead %}
{{ super() }}
{% if theme_touch_icon %}
<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="{{
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">
{% endblock %}
{%- block relbar2 %}{% endblock %}
{%- block footer %}
{% endblock %}
{%- 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">
&copy; Copyright {{ copyright }}.
</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 {
background-image: url("../img/icons.png");
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">
<defs
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
id="linearGradient6709">
<stop
@ -2454,20 +2490,53 @@
x2="316.5"
y2="323.66467"
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>
<sodipodi:namedview
id="base"
pagecolor="#f7f8f9"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="1"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:zoom="45.254834"
inkscape:cx="1290.3037"
inkscape:cy="695.65873"
inkscape:zoom="3.7454562"
inkscape:cx="1457.6936"
inkscape:cy="541.40343"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
showgrid="false"
showborder="false"
inkscape:window-width="1440"
inkscape:window-height="852"
@ -2498,13 +2567,6 @@
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
<rect
y="514.36218"
x="1373"
height="32"
width="32"
id="rect6747"
style="fill:#7492d2;fill-opacity:1;stroke:none" />
<path
id="path6705"
style="fill:url(#linearGradient6707);fill-opacity:1;stroke:none"
@ -2540,26 +2602,12 @@
height="165.52205"
x="130.8519"
y="668.7536" /></flowRegion><flowPara
id="flowPara5440"></flowPara></flowRoot> <path
id="flowPara5440" /></flowRoot> <path
id="rect5414"
style="fill:url(#linearGradient6572);fill-opacity:1;stroke:none"
d="m -492.94888,382.36218 1828.39658,0 0,610 -1828.39658,0 z"
inkscape:connector-curvature="0"
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
style="fill:#d9d7dc;fill-opacity:1"
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"
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" />
<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
sodipodi:nodetypes="ssssssssssccssssccccccsssscc"
inkscape:connector-curvature="0"
@ -3360,5 +3387,20 @@
sodipodi:ry="3"
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)" />
<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>
</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;
@orange: #deaa09;
.normalize();
@import "docs.less";
.icon,
{
.sprite("../img/icons.png", 32px, 5, 3, 8px);
@ -29,12 +32,11 @@
&.info {.sprite(2, 2)};
}
.terminal
.pre-block
{
background: @terminal;
.border-radius(6px);
@p: 20px;
padding: @p + 30px @p (@p - 10px) @p;
padding: 1px 20px;
margin: 40px auto;
width: 500px;
.box-shadow(0px 1px 8px darken(@white, 30));
@ -44,6 +46,13 @@
font-size: 12pt;
#args {color: #f6f7b9}
#output {color: #9278b5}
}
.terminal
{
.pre-block;
@p: 20px;
padding: @p + 30px @p (@p - 10px) @p;
&:before
{
content: "Terminal";

View file

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

View file

@ -6,7 +6,7 @@ Getting started
Installation
------------
Install *jrnl_* using pip ::
Install *jrnl* using pip ::
pip install jrnl
@ -14,7 +14,7 @@ Or, if you want the option to encrypt your journal, ::
pip install jrnl[encrypted]
To install the dependencies for encrypting journals as well
to install the dependencies for encrypting journals as well.
.. 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.
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.
Used the time to clean the house and spent 4h on writing my book.