Frontend: Update footer and support options on about page
This commit is contained in:
Michael Mayer
parent
e2cd4eeb44
commit
a7fba17a4a
1
assets/static/img/badge-ask-on-github.svg
Normal file
1
assets/static/img/badge-ask-on-github.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="92" height="20" role="img" aria-label="ask: on github"><title>ask: on github</title><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="92" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="29" height="20" fill="#555"/><rect x="29" width="63" height="20" fill="#4d6a91"/><rect width="92" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text aria-hidden="true" x="155" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="190">ask</text><text x="155" y="140" transform="scale(.1)" fill="#fff" textLength="190">ask</text><text aria-hidden="true" x="595" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="530">on github</text><text x="595" y="140" transform="scale(.1)" fill="#fff" textLength="530">on github</text></g></svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
1
assets/static/img/badge-pixls-us.svg
Normal file
1
assets/static/img/badge-pixls-us.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="168" height="20" role="img" aria-label="discuss: pixls.us/photoprism"><title>discuss: pixls.us/photoprism</title><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="168" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="49" height="20" fill="#555"/><rect x="49" width="119" height="20" fill="#0f82af"/><rect width="168" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text aria-hidden="true" x="255" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="390">discuss</text><text x="255" y="140" transform="scale(.1)" fill="#fff" textLength="390">discuss</text><text aria-hidden="true" x="1075" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="1090">pixls.us/photoprism</text><text x="1075" y="140" transform="scale(.1)" fill="#fff" textLength="1090">pixls.us/photoprism</text></g></svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
1
assets/static/img/badge-reddit.svg
Normal file
1
assets/static/img/badge-reddit.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="118" height="20" role="img" aria-label="join: /r/photoprism"><title>join: /r/photoprism</title><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="118" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="31" height="20" fill="#555"/><rect x="31" width="87" height="20" fill="#ec5800"/><rect width="118" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text aria-hidden="true" x="165" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="210">join</text><text x="165" y="140" transform="scale(.1)" fill="#fff" textLength="210">join</text><text aria-hidden="true" x="735" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="770">/r/photoprism</text><text x="735" y="140" transform="scale(.1)" fill="#fff" textLength="770">/r/photoprism</text></g></svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
|
|
@ -3,12 +3,12 @@
|
|||
<v-card-actions class="px-4 py-2">
|
||||
<v-layout wrap align-top pt-3>
|
||||
<v-flex xs12 sm6 class="px-0 pb-2 body-1 text-selectable">
|
||||
<router-link to="/about">PhotoPrism®</router-link> {{ $config.get("version") }}<br>
|
||||
<a href="https://photoprism.app/" target="_blank">© 2018-2022 Michael Mayer</a>
|
||||
PhotoPrism® {{ $config.get("version") }}<br>
|
||||
<router-link to="/about">© 2018-2022 Michael Mayer</router-link>
|
||||
</v-flex>
|
||||
|
||||
<v-flex xs12 sm6 class="px-0 pb-2 body-1 text-xs-left text-sm-right">
|
||||
<a href="https://docs.photoprism.app/credits/" target="_blank">Thanks to all who made this possible!</a>
|
||||
<a href="https://photoprism.app/team/" target="_blank">100% self-funded and independent</a>
|
||||
<br>
|
||||
<a href="https://raw.githubusercontent.com/photoprism/photoprism/develop/NOTICE"
|
||||
target="_blank">
|
||||
|
|
|
|||
|
|
@ -43,6 +43,7 @@ https://docs.photoprism.app/developer-guide/
|
|||
@import url("maps.css");
|
||||
@import url("labels.css");
|
||||
@import url("files.css");
|
||||
@import url("pages.css");
|
||||
@import url("help.css");
|
||||
|
||||
@media (min-width: 1750px) {
|
||||
|
|
@ -182,4 +183,25 @@ main {
|
|||
padding: 0 0.2rem;
|
||||
min-width: 1.1rem;
|
||||
height: 1.1rem;
|
||||
}
|
||||
|
||||
/* Line Height */
|
||||
|
||||
.lh-15 {
|
||||
line-height: 1.5rem !important;
|
||||
}
|
||||
.lh-16 {
|
||||
line-height: 1.6rem !important;
|
||||
}
|
||||
.lh-17 {
|
||||
line-height: 1.7rem !important;
|
||||
}
|
||||
.lh-18 {
|
||||
line-height: 1.8rem !important;
|
||||
}
|
||||
.lh-19 {
|
||||
line-height: 1.9rem !important;
|
||||
}
|
||||
.lh-20 {
|
||||
line-height: 2.0rem !important;
|
||||
}
|
||||
3
frontend/src/css/pages.css
Normal file
3
frontend/src/css/pages.css
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
.p-page-about {
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
Binary file not shown.
File diff suppressed because it is too large
Load diff
File diff suppressed because one or more lines are too long
|
|
@ -65,7 +65,7 @@ msgstr ""
|
|||
#: src/component/navigation.vue:394
|
||||
#: src/component/navigation.vue:27
|
||||
#: src/pages/about/about.vue:4
|
||||
#: src/pages/about/about.vue:94
|
||||
#: src/pages/about/about.vue:141
|
||||
#: src/pages/help.vue:45
|
||||
msgid "About"
|
||||
msgstr ""
|
||||
|
|
@ -249,6 +249,10 @@ msgstr ""
|
|||
msgid "All Years"
|
||||
msgstr ""
|
||||
|
||||
#: src/pages/about/about.vue:34
|
||||
msgid "Also, please leave a star on GitHub if you like this project. It provides additional motivation to keep going."
|
||||
msgstr ""
|
||||
|
||||
#: src/dialog/share.vue:75
|
||||
msgid "Alternatively, you can upload files directly to WebDAV servers like Nextcloud."
|
||||
msgstr ""
|
||||
|
|
@ -355,6 +359,10 @@ msgstr ""
|
|||
msgid "Become a sponsor"
|
||||
msgstr ""
|
||||
|
||||
#: src/pages/about/about.vue:42
|
||||
msgid "Before submitting a support request, please use our Troubleshooting Checklists to determine the cause of your problem."
|
||||
msgstr ""
|
||||
|
||||
#: src/pages/people/subjects.vue:430
|
||||
msgid "Bio"
|
||||
msgstr ""
|
||||
|
|
@ -1053,6 +1061,10 @@ msgstr ""
|
|||
msgid "German"
|
||||
msgstr ""
|
||||
|
||||
#: src/pages/about/about.vue:38
|
||||
msgid "Getting Support"
|
||||
msgstr ""
|
||||
|
||||
#: src/options/options.js:360
|
||||
msgid "Gold"
|
||||
msgstr ""
|
||||
|
|
@ -1130,6 +1142,10 @@ msgstr ""
|
|||
msgid "I'm a sponsor"
|
||||
msgstr ""
|
||||
|
||||
#: src/pages/about/about.vue:43
|
||||
msgid "If this doesn't help, or you have other questions:"
|
||||
msgstr ""
|
||||
|
||||
#: src/dialog/photo/labels.vue:34
|
||||
msgid "image"
|
||||
msgstr ""
|
||||
|
|
@ -1175,6 +1191,10 @@ msgstr ""
|
|||
msgid "in"
|
||||
msgstr ""
|
||||
|
||||
#: src/pages/about/about.vue:52
|
||||
msgid "In addition, sponsors receive direct technical support via email."
|
||||
msgstr ""
|
||||
|
||||
#: src/component/photo/cards.vue:11
|
||||
#: src/component/photo/list.vue:12
|
||||
#: src/component/photo/mosaic.vue:11
|
||||
|
|
@ -1715,6 +1735,10 @@ msgstr ""
|
|||
msgid "Options"
|
||||
msgstr ""
|
||||
|
||||
#: src/pages/about/about.vue:49
|
||||
msgid "or ask in our Community Chat"
|
||||
msgstr ""
|
||||
|
||||
#: src/options/options.js:359
|
||||
msgid "Orange"
|
||||
msgstr ""
|
||||
|
|
@ -1806,10 +1830,6 @@ msgstr ""
|
|||
msgid "PhotoPrism has been updated…"
|
||||
msgstr ""
|
||||
|
||||
#: src/pages/about/about.vue:35
|
||||
msgid "PhotoPrism® is a registered trademark"
|
||||
msgstr ""
|
||||
|
||||
#: src/routes.js:114
|
||||
msgid "Photos"
|
||||
msgstr ""
|
||||
|
|
@ -1867,6 +1887,10 @@ msgstr ""
|
|||
msgid "Português de Portugal"
|
||||
msgstr ""
|
||||
|
||||
#: src/pages/about/about.vue:48
|
||||
msgid "post your question in GitHub Discussions"
|
||||
msgstr ""
|
||||
|
||||
#: src/dialog/account/edit.vue:338
|
||||
msgid "Preserve filenames"
|
||||
msgstr ""
|
||||
|
|
@ -2033,10 +2057,6 @@ msgstr ""
|
|||
msgid "Request failed - invalid response"
|
||||
msgstr ""
|
||||
|
||||
#: src/pages/about/about.vue:30
|
||||
msgid "Requests endorsed by silver and gold sponsors receive a golden label and will be prioritized."
|
||||
msgstr ""
|
||||
|
||||
#: src/pages/about/feedback.vue:103
|
||||
#: src/pages/about/feedback.vue:123
|
||||
#: src/pages/about/feedback.vue:165
|
||||
|
|
@ -2273,6 +2293,10 @@ msgstr ""
|
|||
msgid "Spanish"
|
||||
msgstr ""
|
||||
|
||||
#: src/pages/about/about.vue:30
|
||||
msgid "Sponsors get access to additional features, receive direct technical support via email, and can join our private chat room on matrix.org."
|
||||
msgstr ""
|
||||
|
||||
#: src/component/photo/cards.vue:235
|
||||
#: src/component/photo/mosaic.vue:210
|
||||
#: src/share/photo/cards.vue:208
|
||||
|
|
@ -2369,8 +2393,8 @@ msgstr ""
|
|||
msgid "Text too long"
|
||||
msgstr ""
|
||||
|
||||
#: src/pages/about/about.vue:31
|
||||
msgid "Thank you very much!"
|
||||
#: src/pages/about/about.vue:57
|
||||
msgid "Thank you!"
|
||||
msgstr ""
|
||||
|
||||
#: src/pages/library/index.vue:36
|
||||
|
|
@ -2389,6 +2413,10 @@ msgstr ""
|
|||
msgid "Theme"
|
||||
msgstr ""
|
||||
|
||||
#: src/pages/about/about.vue:56
|
||||
msgid "Think of \"free software\" as in \"free speech,\" not as in \"free beer\"."
|
||||
msgstr ""
|
||||
|
||||
#: src/dialog/sponsor.vue:17
|
||||
msgid "This currently is a sponsor feature to thank everyone who supports the development of this application."
|
||||
msgstr ""
|
||||
|
|
@ -2635,6 +2663,10 @@ msgstr ""
|
|||
msgid "View"
|
||||
msgstr ""
|
||||
|
||||
#: src/pages/about/about.vue:55
|
||||
msgid "We'll do our best to answer all your questions. In return, we ask you to back us on Patreon or GitHub Sponsors."
|
||||
msgstr ""
|
||||
|
||||
#: src/dialog/sponsor.vue:18
|
||||
msgid "We'll let you know how to enable it when you sign up on Patreon or GitHub Sponsors."
|
||||
msgstr ""
|
||||
|
|
@ -2687,6 +2719,10 @@ msgstr ""
|
|||
msgid "Yes"
|
||||
msgstr ""
|
||||
|
||||
#: src/pages/about/about.vue:47
|
||||
msgid "you are welcome to join us on Reddit"
|
||||
msgstr ""
|
||||
|
||||
#: src/component/album/clipboard.vue:79
|
||||
#: src/component/subject/clipboard.vue:40
|
||||
#: src/share/album/clipboard.vue:33
|
||||
|
|
|
|||
|
|
@ -11,8 +11,8 @@
|
|||
<v-icon size="26">info_outline</v-icon>
|
||||
</v-btn>
|
||||
</v-toolbar>
|
||||
<v-container fluid class="pa-4">
|
||||
<p class="body-2">
|
||||
<v-container fluid class="px-4 pt-4 pb-1">
|
||||
<p class="body-2 lh-17">
|
||||
<translate>Our vision is to provide the most user- and privacy-friendly solution to keep your pictures organized and accessible.</translate>
|
||||
<a href="https://github.com/photoprism/photoprism/projects/5" target="_blank">
|
||||
<translate>The roadmap shows what tasks are in progress, what needs testing, and which feature requests are going to be implemented next.</translate>
|
||||
|
|
@ -32,26 +32,39 @@
|
|||
</v-btn>
|
||||
</p>
|
||||
|
||||
<p class="body-1 pb-2">
|
||||
<p class="body-1">
|
||||
<translate>Your continued support helps us provide regular updates and services like world maps.</translate>
|
||||
<translate>Requests endorsed by silver and gold sponsors receive a golden label and will be prioritized.</translate>
|
||||
<translate>Thank you very much!</translate>
|
||||
<translate>Sponsors get access to additional features, receive direct technical support via email, and can join our private chat room on matrix.org.</translate>
|
||||
</p>
|
||||
<p class="body-1 pb-2">
|
||||
<a target="_blank" href="https://github.com/photoprism/photoprism">
|
||||
<translate>Also, please leave a star on GitHub if you like this project. It provides additional motivation to keep going.</translate>
|
||||
</a>
|
||||
</p>
|
||||
|
||||
<h2 class="mt-4 mb-2 subheading">
|
||||
<translate>PhotoPrism® is a registered trademark</translate>
|
||||
<translate>Getting Support</translate>
|
||||
</h2>
|
||||
<p class="body-1">
|
||||
Our <a target="_blank" href="https://photoprism.app/trademark">Trademark and Brand Guidelines</a>,
|
||||
which may be updated from time to time, describe how our Brand Assets may be used.
|
||||
It is important to us that any permitted use of our Brand Assets is fair and meets the highest standards.
|
||||
<a target="_blank" href="https://docs.photoprism.app/getting-started/troubleshooting/">
|
||||
<translate>Before submitting a support request, please use our Troubleshooting Checklists to determine the cause of your problem.</translate>
|
||||
<translate>If this doesn't help, or you have other questions:</translate>
|
||||
</a>
|
||||
</p>
|
||||
<ul class="body-1 mb-3">
|
||||
<li><a target="_blank" href="https://www.reddit.com/r/photoprism/"><translate>you are welcome to join us on Reddit</translate></a></li>
|
||||
<li><a target="_blank" href="https://github.com/photoprism/photoprism/discussions"><translate>post your question in GitHub Discussions</translate></a></li>
|
||||
<li><a target="_blank" href="https://gitter.im/browseyourlife/community"><translate>or ask in our Community Chat</translate></a></li>
|
||||
</ul>
|
||||
<p class="body-1">
|
||||
<a target="_blank" href="https://photoprism.app/contact"><translate>In addition, sponsors receive direct technical support via email.</translate></a>
|
||||
</p>
|
||||
<p class="body-1 pb-2">
|
||||
To ensure this, we reserve the right to object to any use or misuse in any jurisdiction worldwide.
|
||||
Visit <a target="_blank" href="https://photoprism.app/trademark">photoprism.app/trademark</a> to learn more.
|
||||
<translate>We'll do our best to answer all your questions. In return, we ask you to back us on Patreon or GitHub Sponsors.</translate>
|
||||
<translate>Think of "free software" as in "free speech," not as in "free beer".</translate>
|
||||
<translate>Thank you!</translate> 💜
|
||||
</p>
|
||||
|
||||
<p class="text-xs-center pt-3 mb-2">
|
||||
<p class="text-xs-center pt-2 ma-0 pb-0">
|
||||
<router-link to="/about/license">
|
||||
<img :src="$config.staticUri + '/img/badge-agpl.svg'" alt="License AGPL v3" style="max-width:100%;"/>
|
||||
</router-link>
|
||||
|
|
@ -60,11 +73,26 @@
|
|||
style="max-width:100%;"></a>
|
||||
<a target="_blank" href="https://gitter.im/browseyourlife/community" rel="nofollow"><img
|
||||
:src="$config.staticUri + '/img/badge-chat.svg'" alt="Community Chat" style="max-width:100%;"></a>
|
||||
<a target="_blank" href="https://github.com/photoprism/photoprism/discussions" rel="nofollow"><img
|
||||
:src="$config.staticUri + '/img/badge-ask-on-github.svg'" alt="GitHub Discussions" style="max-width:100%;"></a>
|
||||
<a target="_blank" href="https://discuss.pixls.us/photoprism" rel="nofollow"><img
|
||||
:src="$config.staticUri + '/img/badge-pixls-us.svg'" alt="PIXLS.US" style="max-width:100%;"></a>
|
||||
<a target="_blank" href="https://twitter.com/photoprism_app" rel="nofollow"><img
|
||||
:src="$config.staticUri + '/img/badge-twitter.svg'" alt="Twitter" style="max-width:100%;"></a>
|
||||
<a target="_blank" href="https://www.reddit.com/r/photoprism/" rel="nofollow"><img
|
||||
:src="$config.staticUri + '/img/badge-reddit.svg'" alt="Reddit" style="max-width:100%;"></a>
|
||||
</p>
|
||||
|
||||
<p class="caption mt-4">
|
||||
<a target="_blank" href="https://photoprism.app/trademark">
|
||||
PhotoPrism® is a registered trademark. Our Trademark and Brand Guidelines,
|
||||
which may be updated from time to time, describe how our Brand Assets may be used.
|
||||
It is important to us that any permitted use of our Brand Assets is fair and meets the highest standards.
|
||||
To ensure this, we reserve the right to object to any use or misuse in any jurisdiction worldwide.
|
||||
Visit photoprism.app/trademark to learn more.
|
||||
</a>
|
||||
</p>
|
||||
</v-container>
|
||||
|
||||
<p-about-footer></p-about-footer>
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
|||
Loading…
Reference in a new issue