mirror of
https://github.com/laurent22/joplin.git
synced 2024-12-30 10:36:35 +02:00
410 lines
12 KiB
Plaintext
410 lines
12 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta
|
|
charset="utf-8"
|
|
http-equiv="X-UA-Compatible"
|
|
content="IE=edge,chrome=1"
|
|
/>
|
|
<link rel="icon" href="{{imageBaseUrl}}/favicon.png" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<meta name="theme-color" content="#000000" />
|
|
<meta name="description" content="Jopli website" />
|
|
<link rel="stylesheet" href="{{cssBaseUrl}}/fontawesome-all.min.css?t={{buildTime}}">
|
|
<link
|
|
rel="stylesheet"
|
|
href="{{cssBaseUrl}}/bootstrap5.0.2.min.css"
|
|
as="style"
|
|
/>
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap"
|
|
rel="stylesheet"
|
|
as="style"
|
|
media="all"
|
|
onload="this.media='all'; this.onload = null"
|
|
/>
|
|
<link rel="stylesheet" href="{{cssBaseUrl}}/site.css?t={{buildTime}}" as="style" />
|
|
<title>Joplin</title>
|
|
</head>
|
|
<body class="front-page website-env-{{env}}">
|
|
<div class="container-fluid" id="main-container">
|
|
|
|
{{#navbar}}
|
|
{{> navbar}}
|
|
{{/navbar}}
|
|
|
|
<div class="blue-bg" id="top-section">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="alert alert-danger alert-env-dev" role="alert">
|
|
Running in {{env}} mode!
|
|
</div>
|
|
|
|
<h1 class="text-center">
|
|
Free your <span class="frame-bg frame-bg-blue">notes</span>
|
|
</h1>
|
|
<p class="text-center" id="top-section-text">
|
|
Joplin is an open source note-taking app. Capture your thoughts and securely access them from any device.
|
|
</p>
|
|
<br />
|
|
<br />
|
|
<p class="text-center">
|
|
<a href="{{baseUrl}}/download/" class="button-link btn-blue download-button">Download the app</a>
|
|
{{#showJoplinCloudLinks}}
|
|
<a href="{{baseUrl}}/plans/" class="button-link btn-trans plans-button">Sign up with Joplin Cloud</a>
|
|
{{/showJoplinCloudLinks}}
|
|
</p>
|
|
<img
|
|
src="{{imageBaseUrl}}/home-top-img.png"
|
|
alt=""
|
|
class="img-fluid img-center"
|
|
id="top-section-img"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="multimedia-notes-section">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12 col-md-5 col-xxl-6">
|
|
<div class="ml-30 ml-mobile-0">
|
|
<h2 id="multimedia-title">
|
|
Multimedia <span class="frame-bg frame-bg-yellow">notes</span>
|
|
</h2>
|
|
<p id="multimedia-text">
|
|
Images, videos, PDFs and audio files are supported. Create
|
|
math expressions and diagrams directly from the app. Take
|
|
photos with the mobile app and save them to a note.
|
|
</p>
|
|
<br />
|
|
<p>
|
|
<a href="{{baseUrl}}/download/" class="button-link btn-blue">Download the app</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-7 col-xxl-6">
|
|
<br class="d-block d-lg-none" />
|
|
<br class="d-block d-lg-none" />
|
|
<img
|
|
src="{{imageBaseUrl}}/multimedia-notes-img.png"
|
|
alt=""
|
|
class="img-fluid"
|
|
id="multimedia-notes-section-img"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{#showJoplinCloudLinks}}
|
|
<div id="work-together-section" class="gray-bg">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-6 d-none d-md-block"></div>
|
|
<div class="col-12 col-md-6">
|
|
<div class="ml-30 ml-mobile-0">
|
|
<h2>Work together</h2>
|
|
<p>
|
|
With Joplin Cloud, share your notes with your friends, family
|
|
or colleagues and collaborate on them.
|
|
</p>
|
|
<br />
|
|
<p>
|
|
<a href="{{baseUrl}}/plans/" class="button-link btn-blue">Try it now</a>
|
|
</p>
|
|
<br class="d-block d-md-none" />
|
|
<br class="d-block d-md-none" />
|
|
<div class="text-center">
|
|
<img
|
|
src="{{imageBaseUrl}}/work-together-img.png"
|
|
alt=""
|
|
class="img-fluid d-block-inline d-md-none"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{/showJoplinCloudLinks}}
|
|
|
|
<div id="save-web-section" class="blue-bg">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12 col-md-6">
|
|
<div class="ml-30 ml-mobile-0">
|
|
<h2 id="save-web-title">
|
|
Save web pages <br /><span class="frame-bg frame-bg-blue"
|
|
>as notes</span
|
|
>
|
|
</h2>
|
|
<p>
|
|
Use the web clipper extension, available on Chrome and
|
|
Firefox, to save web pages or take screenshots as notes.
|
|
</p>
|
|
<br />
|
|
<p>
|
|
<a href="{{baseUrl}}/clipper/" class="button-link btn-blue">Get the clipper</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-6">
|
|
<br class="d-block d-md-none" />
|
|
<br class="d-block d-md-none" />
|
|
<img
|
|
src="{{imageBaseUrl}}/save-web-img.png"
|
|
alt=""
|
|
class="img-fluid"
|
|
id="save-web-img"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="customise-it-section">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="d-none d-md-block col-md-6">
|
|
<img
|
|
src="{{imageBaseUrl}}/customise-it-img.png"
|
|
alt=""
|
|
class="img-fluid"
|
|
/>
|
|
</div>
|
|
<div class="col-12 col-md-6">
|
|
<div class="ml-30 ml-mobile-0">
|
|
<h2 id="customise-it-title">
|
|
<span class="frame-bg frame-bg-yellow-lg">Customise</span> it
|
|
<br />
|
|
to your needs
|
|
</h2>
|
|
<p>
|
|
Customise the app with plugins, custom themes and multiple
|
|
text editors (Rich Text or Markdown). Or create your own
|
|
scripts and plugins using the Extension API.
|
|
</p>
|
|
<br />
|
|
<p>
|
|
<a href="{{baseUrl}}/help/#plugins" class="button-link btn-blue">Find out more</a>
|
|
</p>
|
|
|
|
<br class="d-block d-lg-none" />
|
|
<br class="d-block d-lg-none" />
|
|
<img
|
|
src="{{imageBaseUrl}}/customise-it-img.png"
|
|
alt=""
|
|
class="img-fluid d-block d-md-none"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="your-data-section" class="gray-bg">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12 col-md-6">
|
|
<br class="d-block d-md-none" />
|
|
<div class="ml-30 ml-mobile-0">
|
|
<h2>100% your data</h2>
|
|
<p>
|
|
The app is open source and your notes are saved to an open
|
|
format, so you'll always have access to them. Uses EndTo-End Encryption (E2EE) to secure your notes and ensure no-one but
|
|
yourself can access them.
|
|
</p>
|
|
<br />
|
|
<p>
|
|
<a href="{{baseUrl}}/e2ee/" class="button-link btn-blue">More about E2EE</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-6">
|
|
<br class="d-block d-md-none" />
|
|
<br class="d-block d-md-none" />
|
|
<br class="d-block d-md-none" />
|
|
<img
|
|
src="{{imageBaseUrl}}/your-data-img.png"
|
|
alt=""
|
|
class="img-fluid"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="in-the-press-section">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<br />
|
|
<h2 class="text-center">
|
|
In the <span class="frame-bg frame-bg-yellow">Press</span>
|
|
</h2>
|
|
<br />
|
|
</div>
|
|
<div class="d-none d-md-block col-3">
|
|
<img
|
|
src="{{imageBaseUrl}}/in-the-press-img-left.png"
|
|
alt=""
|
|
class="img-fluid d-none d-md-block"
|
|
/>
|
|
</div>
|
|
<div class="d-none d-md-block col-6">
|
|
<div
|
|
id="{{pressCarouselRegular.id}}"
|
|
class="carousel slide d-none d-md-block"
|
|
data-bs-ride="carousel"
|
|
>
|
|
{{#pressCarouselRegular}}
|
|
{{> pressCarouselButtons}}
|
|
{{/pressCarouselRegular}}
|
|
<div class="carousel-inner">
|
|
{{#pressCarouselRegular.items}}
|
|
{{> pressCarouselItem}}
|
|
{{/pressCarouselRegular.items}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="d-none d-md-block col-3">
|
|
<div class="text-right">
|
|
<br />
|
|
<img
|
|
src="{{imageBaseUrl}}/in-the-press-img-right.png"
|
|
alt=""
|
|
class="img-fluid d-none d-md-inline-block"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row d-block d-md-none">
|
|
<div class="col-12">
|
|
<div
|
|
id="{{pressCarouselMobile.id}}"
|
|
class="carousel slide"
|
|
data-bs-ride="carousel"
|
|
>
|
|
{{#pressCarouselMobile}}
|
|
{{> pressCarouselButtons}}
|
|
{{/pressCarouselMobile}}
|
|
<div class="carousel-inner">
|
|
{{#pressCarouselMobile.items}}
|
|
{{> pressCarouselItem}}
|
|
{{/pressCarouselMobile.items}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="your-note-section" class="blue-bg">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<h2 class="text-center">
|
|
<span class="frame-bg frame-bg-blue-lg">Your notes,</span> everywhere you are.
|
|
</h2>
|
|
<p class="text-center" id="your-note-text">
|
|
Access your notes from your computer, phone or tablet. All your
|
|
data is synced to all your devices. The app is available on Windows, macOS, Linux, Android and iOS. A terminal app is also available!
|
|
</p>
|
|
<br />
|
|
<br />
|
|
<p class="text-center">
|
|
<a href="{{baseUrl}}/download/" class="button-link btn-blue">Download it now</a>
|
|
</p>
|
|
<br />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="sponsors-section" class="gray-bg">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<h2 class="text-center">
|
|
Our <span class="frame-bg frame-bg-blue-lg">sponsors</span>
|
|
</h2>
|
|
<p class="text-center" id="your-note-text">
|
|
Thank you for your support!
|
|
</p>
|
|
<br />
|
|
|
|
<div class="text-center sponsors-org">
|
|
{{#sponsors.orgs}}
|
|
<a class="sponsor-org-item" href="{{url}}"><img title="{{title}}" src="{{imageBaseUrl}}/sponsors/{{imageName}}"></a>
|
|
{{/sponsors.orgs}}
|
|
</div>
|
|
|
|
<div class="text-center sponsors-github">
|
|
{{#sponsors.github}}
|
|
<div class="sponsor-github-item">
|
|
<a href="https://github.com/{{name}}" title="{{name}}">
|
|
<img width="50" src="https://avatars2.githubusercontent.com/u/{{id}}?s=96&v=4">
|
|
</a>
|
|
</div>
|
|
{{/sponsors.github}}
|
|
</div>
|
|
<br />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<footer class="darkblue-bg">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-3 d-none d-md-block">
|
|
<img src="{{imageBaseUrl}}/logo-text.svg" alt="" width="150" />
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<hr />
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12 col-md-6">
|
|
<a href="{{baseUrl}}">
|
|
<img
|
|
src="{{imageBaseUrl}}/logo-text.svg"
|
|
width="120"
|
|
class="img-center d-block d-md-none"
|
|
alt=""
|
|
/>
|
|
</a>
|
|
<br class="d-block d-md-none" />
|
|
<p class="text-center-sm">Copyright (C) 2016-{{yyyy}} Laurent Cozic</p>
|
|
</div>
|
|
<div class="col-12 col-md-6">
|
|
<p class="text-right text-center-sm right-links">
|
|
<a href="https://github.com/laurent22/joplin/" class="github-link"><i class="fab fa-github"></i> GitHub Repository</a>
|
|
<a href="{{baseUrl}}/privacy/">Privacy Policy</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
|
|
<script
|
|
src="{{jsBaseUrl}}/bootstrap5.0.2.min.js"
|
|
rel="preload"
|
|
as="script"
|
|
></script>
|
|
<script
|
|
src="{{jsBaseUrl}}/jquery-3.6.0.min.js"
|
|
rel="preload"
|
|
as="script"
|
|
></script>
|
|
<script src="{{jsBaseUrl}}/script.js?t={{buildTime}}"></script>
|
|
{{> analytics}}
|
|
</body>
|
|
</html>
|