mirror of
https://github.com/jrnl-org/jrnl.git
synced 2025-05-10 16:48:31 +02:00
Add JSON-LD and semantic tags
This commit is contained in:
Manuel Ebert
parent
bf16472b53
commit
b424749d2d
3 changed files with 89 additions and 63 deletions
2
docs/CNAME
Normal file
2
docs/CNAME
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
jrnl.sh
|
||||
|
||||
56
docs/theme/index.css
vendored
56
docs/theme/index.css
vendored
|
|
@ -59,7 +59,7 @@ h3 { font-weight: 400; }
|
|||
background-position: -4em -1em;
|
||||
}
|
||||
|
||||
#upper {
|
||||
header {
|
||||
background-image: linear-gradient(211deg, #95699C 0%, #604385 100%);
|
||||
color: white;
|
||||
border: 0px solid transparent;
|
||||
|
|
@ -139,7 +139,7 @@ h3 { font-weight: 400; }
|
|||
}
|
||||
|
||||
#title {
|
||||
max-width: 690px;
|
||||
max-width: 630px;
|
||||
margin: 0 auto;
|
||||
padding: 0px 20px;
|
||||
}
|
||||
|
|
@ -150,7 +150,7 @@ h3 { font-weight: 400; }
|
|||
padding: 0px 20px;
|
||||
}
|
||||
|
||||
#upper img {
|
||||
header img {
|
||||
float: left;
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
|
@ -160,11 +160,11 @@ h1 {
|
|||
font-weight: 300;
|
||||
}
|
||||
|
||||
#nav {
|
||||
nav {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#nav a#twitter-nav {
|
||||
nav a#twitter-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
@ -173,7 +173,7 @@ a {
|
|||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#nav a {
|
||||
nav a {
|
||||
font-size: 14pt;
|
||||
line-height: 40pt;
|
||||
margin: 0 40px;
|
||||
|
|
@ -183,7 +183,7 @@ a:hover {
|
|||
color: #A3629F;
|
||||
}
|
||||
|
||||
#nav a.cta {
|
||||
nav a.cta {
|
||||
display: inline-block;
|
||||
color: white;
|
||||
background-image: linear-gradient(259deg, #A3629F 0%, #604385 100%);
|
||||
|
|
@ -196,15 +196,15 @@ a:hover {
|
|||
text-decoration: none;
|
||||
}
|
||||
|
||||
#nav a.cta:hover {
|
||||
nav a.cta:hover {
|
||||
text-decoration: none;
|
||||
background-image: linear-gradient(259deg, #AE57A8 0%, #68419C 100%);
|
||||
box-shadow: 0 4px 16px 0 rgba(0,0,0,0.25);
|
||||
color: #f7f8f9;
|
||||
}
|
||||
|
||||
#lower {
|
||||
padding: 50px 0;
|
||||
main {
|
||||
padding: 50px 0 0 0;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -218,28 +218,28 @@ a:hover {
|
|||
|
||||
}
|
||||
|
||||
.flex .item {
|
||||
.flex section {
|
||||
/*margin: 20px;*/
|
||||
margin-top: 40px;
|
||||
width: 32%;
|
||||
}
|
||||
|
||||
.flex .item:first-child {
|
||||
.flex section:first-child {
|
||||
margin-left: 0px;
|
||||
}
|
||||
.flex .item:last-child {
|
||||
.flex section:last-child {
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
|
||||
.flex .item i {
|
||||
.flex section i {
|
||||
float: left;
|
||||
left: 0;
|
||||
display: block;
|
||||
margin: 0px auto 10px auto;
|
||||
}
|
||||
|
||||
.flex .item h3 {
|
||||
.flex section h3 {
|
||||
margin-top: 0;
|
||||
font-size: 14pt;
|
||||
color: #684688;
|
||||
|
|
@ -248,51 +248,59 @@ a:hover {
|
|||
margin-left: 40px;
|
||||
}
|
||||
|
||||
.flex .item p {
|
||||
.flex section p {
|
||||
padding-left: 40px;
|
||||
color: #888;
|
||||
font-size: 12pt;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
footer {
|
||||
max-width: 700px;
|
||||
margin: 20px auto;
|
||||
padding: 0 20px 20px 20px;
|
||||
font-size: 10pt;
|
||||
opacity: .5;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 680px) {
|
||||
.flex {
|
||||
display: block;
|
||||
padding: 0;
|
||||
}
|
||||
.flex .item {
|
||||
.flex section {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#lower {
|
||||
main {
|
||||
padding: 20px;
|
||||
margin: 0;
|
||||
width: calc(100% - 40px);
|
||||
}
|
||||
|
||||
#nav a,
|
||||
#nav a#twitter-nav {
|
||||
nav a,
|
||||
nav a#twitter-nav {
|
||||
display: inline-block;
|
||||
margin: 0px 10px;
|
||||
}
|
||||
|
||||
#nav a.cta {
|
||||
nav a.cta {
|
||||
display: block;
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
#upper #twitter {
|
||||
header #twitter {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#upper #logo {
|
||||
header #logo {
|
||||
display: block;
|
||||
float: none;
|
||||
margin: 0px auto;
|
||||
}
|
||||
|
||||
#upper #title br {
|
||||
header #title br {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
60
docs/theme/index.html
vendored
60
docs/theme/index.html
vendored
|
|
@ -24,11 +24,26 @@
|
|||
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400' rel='stylesheet' type='text/css'>
|
||||
<link rel="stylesheet" href="index.css">
|
||||
<link rel="shortcut icon" href="img/favicon.ico">
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "SoftwareApplication",
|
||||
"applicationCategory": "https://schema.org/LifestyleApplication",
|
||||
"name": "jrnl",
|
||||
"description": "Collect your thoughts and notes without leaving the command line.",
|
||||
"operatingSystem": ["macOS", "Windows", "Linux"],
|
||||
"thumbnailUrl": "https://jrnl.sh/img/banner_og.png",
|
||||
"installUrl": "https://jrnl.sh/installation",
|
||||
"softwareVersion": "2.0.0rc2"
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="upper">
|
||||
<header>
|
||||
<aside>
|
||||
<a id="twitter" href="https://twitter.com/intent/tweet?text=Write+your+memoirs+on+the+command+line.+Like+a+boss.+%23jrnl&url=http%3A%2F%2Fjrnl.sh&via=maebert"><i class="icon twitter"></i>Tell your friends</a>
|
||||
</aside>
|
||||
<div id="title">
|
||||
<img id="logo" src="img/jrnl_white.svg" width="90px" height="98px" title="jrnl" />
|
||||
<h1>Collect your thoughts and notes <br />without leaving the command line.</h1>
|
||||
|
|
@ -38,54 +53,55 @@
|
|||
<div id="typed"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="lower">
|
||||
<div id="nav">
|
||||
</header>
|
||||
<main>
|
||||
<nav>
|
||||
<a href="overview">Documentation</a>
|
||||
<a href="http://github.com/jrnl-org/jrnl" title="View on Github">Fork me on GitHub</a>
|
||||
<a id="twitter-nav" href="https://twitter.com/intent/tweet?text=Write+your+memoirs+on+the+command+line.+Like+a+boss.+%23jrnl&url=http%3A%2F%2Fjrnl.sh&via=maebert">Tell your friends on twitter</a>
|
||||
<a href="installation" class="cta">Download</a>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="flex">
|
||||
<div class="item">
|
||||
<section>
|
||||
<i class="icon nli"></i>
|
||||
<h3>Human friendly.</h3>
|
||||
<p>jrnl has a natural-language interface so you don't have to remember cryptic shortcuts when you're writing down your thoughts.</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
</section>
|
||||
<section>
|
||||
<i class="icon future"></i>
|
||||
<h3>Future-proof.</h3>
|
||||
<p>Your journals are stored in plain-text files that will still be readable in 50 years when all your fancy iPad apps will have gone the way of the Dodo.</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
</section>
|
||||
<section>
|
||||
<i class="icon secure"></i>
|
||||
<h3>Secure.</h3>
|
||||
<p>Encrypt your journals with the industry-strength AES encryption. The NSA won't be able to read your dirty secrets.</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
</section>
|
||||
<section>
|
||||
<i class="icon sync"></i>
|
||||
<h3>Accessible anywhere.</h3>
|
||||
<p>Sync your journals with Dropbox and capture your thoughts where ever you are</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
</section>
|
||||
<section>
|
||||
<i class="icon dayone"></i>
|
||||
<h3>DayOne compatible.</h3>
|
||||
<p>Read, write and search your DayOne journal from the command line.</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
</section>
|
||||
<section>
|
||||
<i class="icon github"></i>
|
||||
<h3>Free & Open Source.</h3>
|
||||
<p>jrnl is made by a bunch of really friendly and remarkably attractive people. Maybe even <a href="https://www.github.com/jrnl-org/jrnl" title="Fork jrnl on GitHub">you</a>?</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
</section>
|
||||
<section>
|
||||
<i class="icon folders"></i>
|
||||
<h3>For work and play.</h3>
|
||||
<p>Effortlessly access several journals for all parts of your life.</p>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<footer>
|
||||
jrnl is made with love by <a rel="author" href="http://www.1450.me">Manuel Ebert</a> and <a href="https://github.com/jrnl-org/jrnl/graphs/contributors" title="Contributors">many other fabulous people</a>. If you need help, <a href="https://github.com/jrnl-org/jrnl/issues/new" title="Open a new issue on Github">submit an issue</a> on Github.
|
||||
</footer>
|
||||
<script src="//cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.10/typed.min.js"></script>
|
||||
<script>
|
||||
new Typed("#typed", {
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue