Skip to content

Commit

Permalink
Add maintenance notice
Browse files Browse the repository at this point in the history
  • Loading branch information
@twildh
twildh committed Jul 11, 2021
1 parent 8d20585 commit dcf37b4
Show file tree
Hide file tree
Showing 3 changed files with 62 additions and 42 deletions.
6 changes: 3 additions & 3 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,11 +5,11 @@
<img src="website/img/screenshot-1.png" width="100%" alt="Screenshot">
</div>

## Download
**Mini Diary is no longer maintained. Please use a different journal app instead.**

**Features and download links can be found on the website:**
## Website

→ [**minidiary.app**](https://minidiary.app)
Features and FAQs can be found on the website: [**minidiary.app**](https://minidiary.app)

## Development

Expand Down
81 changes: 46 additions & 35 deletions website/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,37 +46,35 @@
<img src="./img/app-icon.png" alt="App icon" width="150" />
<h1>Mini Diary</h1>
<p class="tagline">Simple and secure journal app</p>

<div>
<a class="button download" href="https://github.com/samuelmeuli/mini-diary/releases/latest">
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="feather feather-download"
>
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
<polyline points="7 10 12 15 17 10"></polyline>
<line x1="12" y1="15" x2="12" y2="3"></line>
</svg>
Download
</a>
</div>
<a
id="all-platforms-link"
class="small-text"
href="https://github.com/samuelmeuli/mini-diary/releases/latest"
>
More download options
</a>
</header>

<main>
<section class="section-maintenance-notice">
<div>
<div class="text-with-icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2.5"
stroke-linecap="round"
stroke-linejoin="round"
class="maintenance-notice-icon"
>
<circle cx="12" cy="12" r="10"></circle>
<line x1="12" y1="8" x2="12" y2="12"></line>
<line x1="12" y1="16" x2="12.01" y2="16"></line>
</svg>
<p class="maintenance-notice-title">Mini Diary is no longer maintained.</p>
</div>
<p class="maintenance-notice-message small-text">
Please use a different journal app instead.
</p>
</div>
</section>

<section class="section-screenshots">
<img
src="./img/screenshot-1.png"
Expand All @@ -97,7 +95,6 @@ <h1>Mini Diary</h1>
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="feather feather-smile"
>
<circle cx="12" cy="12" r="10"></circle>
<path d="M8 14s1.5 2 4 2 4-2 4-2"></path>
Expand All @@ -122,7 +119,6 @@ <h2>Simple and intuitive</h2>
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="feather feather-lock"
>
<rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect>
<path d="M7 11V7a5 5 0 0 1 10 0v4"></path>
Expand All @@ -145,7 +141,6 @@ <h2>Private and secure</h2>
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="feather feather-save"
>
<path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"></path>
<polyline points="17 21 17 13 7 13 7 21"></polyline>
Expand All @@ -169,7 +164,6 @@ <h2>Portable</h2>
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="feather feather-gift"
>
<polyline points="20 12 20 22 4 22 4 12"></polyline>
<rect x="2" y="7" width="20" height="5"></rect>
Expand Down Expand Up @@ -226,6 +220,20 @@ <h2>Features</h2>
<section class="section-faq centered">
<h2>FAQ</h2>
<ul class="small-text">
<li>
<p class="faq-question">Where can I download Mini Diary?</p>
<p class="faq-answer">
Mini Diary is no longer supported, so please consider using a different journal app
instead. You can export your data in various file formats (unlock your diary and
select File → Export in the menu bar). If you need to download the app again to export
your data, you can get it for your platform
<a class="download" href="https://github.com/samuelmeuli/mini-diary/releases/latest"
>here</a
>, or see
<a href="https://github.com/samuelmeuli/mini-diary/releases/latest">GitHub</a>
for all download options.
</p>
</li>
<li>
<p class="faq-question">How can I change my password?</p>
<p class="faq-answer">
Expand Down Expand Up @@ -265,7 +273,7 @@ <h2>FAQ</h2>
<footer class="small-text">
<ul>
<li>
<a href="https://samuelmeuli.com">
<a href="https://samuelmeuli.com" class="text-with-icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
Expand All @@ -283,7 +291,7 @@ <h2>FAQ</h2>
</a>
</li>
<li>
<a href="https://github.com/samuelmeuli/mini-diary">
<a href="https://github.com/samuelmeuli/mini-diary" class="text-with-icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
Expand All @@ -302,7 +310,10 @@ <h2>FAQ</h2>
</a>
</li>
<li>
<a href="https://github.com/samuelmeuli/mini-diary/blob/master/PRIVACY.md">
<a
href="https://github.com/samuelmeuli/mini-diary/blob/master/PRIVACY.md"
class="text-with-icon"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
Expand Down
17 changes: 13 additions & 4 deletions website/styles/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -144,11 +144,15 @@ main a:hover {
color: var(--color-text);
}

footer a {
.text-with-icon {
display: inline-flex;
align-items: center;
}

.text-with-icon svg {
margin-right: 7px;
}

::selection {
background-color: var(--color-selection);
}
Expand All @@ -174,9 +178,14 @@ footer a {
background: var(--color-main-hover);
}

.button svg,
footer svg {
margin-right: 7px;
/* Maintenance notice */

.section-maintenance-notice {
text-align: center;
}

.maintenance-notice-title {
font-weight: var(--font-weight-semibold);
}

/* Screenshots */
Expand Down

0 comments on commit dcf37b4

Please sign in to comment.