desktop app with text
This commit is contained in:
GlennWSo
parent
a4d8e52705
commit
a34ea9ebe1
|
|
@ -33,9 +33,7 @@
|
|||
<code class="link">
|
||||
https://cloud.sondell.org/
|
||||
</code>
|
||||
<button
|
||||
class="url"
|
||||
_="on click
|
||||
<button class="url" _="on click
|
||||
writeText(my previousElementSibling's innerText) into navigator's clipboard
|
||||
put 'copied!' into me
|
||||
wait 1s
|
||||
|
|
@ -45,11 +43,11 @@
|
|||
</p>
|
||||
<span>
|
||||
|
||||
<a class="app-link" href="https://nextcloud.com/install/#card-clients-btns">
|
||||
<img src="./desktop.svg" height="40">
|
||||
<a class="app-link desktop" href="https://www.onlyoffice.com/download-desktop.aspx#desktop">
|
||||
<p>Desktop App</p>
|
||||
</a>
|
||||
|
||||
<a class="app-link" href= "https://play.google.com/store/apps/details?id=com.nextcloud.client" rel="nofollow">
|
||||
<a class="app-link" href="https://play.google.com/store/apps/details?id=com.nextcloud.client" rel="nofollow">
|
||||
<img src="./googleplay-trim.png" alt="Download from Google Play" height="40"
|
||||
data-canonical-src="https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png"
|
||||
style="max-width: 100%;">
|
||||
|
|
@ -62,7 +60,7 @@
|
|||
data-canonical-src="https://developer.apple.com/assets/elements/badges/download-on-the-app-store.svg"
|
||||
style="max-width: 100%;">
|
||||
</a>
|
||||
<a class="app-link" href="https://itunes.apple.com/us/app/nextcloud/id1125420102" rel="nofollow">
|
||||
<a class="app-link" href="https://cloud.sondell.org" rel="nofollow">
|
||||
<img src="./pwa-badge.png" alt="Demo of the Nextcloud iOS files app" height="40"
|
||||
data-canonical-src="https://developer.apple.com/assets/elements/badges/download-on-the-app-store.svg"
|
||||
style="max-width: 100%;">
|
||||
|
|
@ -72,38 +70,39 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card trunc" _="on click toggle .trunc on me">
|
||||
<img class="icon" src="nextcloud_icon_14.png">
|
||||
<h3>Nextcloud</h3>
|
||||
<div id="onlyoffice" class="card" _="on click toggle .trunc on me">
|
||||
<img class="icon" src="./onlyoffice.png">
|
||||
<h3>Onlyoffice</h3>
|
||||
<p class="text">
|
||||
Nextcloud is a suite of client-server software for creating and using file
|
||||
hosting services. Our nextcloud server is integrated with OnlyOffice and can provide functionality similar to
|
||||
Dropbox, Office 365 or Google Drive.
|
||||
OnlyOffice is a free software
|
||||
office suite and ecosystem of collaborative applications. It features online
|
||||
editors for text documents, spreadsheets, presentations, forms and PDFs, and the
|
||||
room-based collaborative platform. Our onlyoffice server is integreated with our nextcloud.
|
||||
</p>
|
||||
<div class="footer" _="on click halt the event's bubbling">
|
||||
<h4>Get started</h4>
|
||||
<p>
|
||||
Download the app for your device and login with the server adress:
|
||||
Download the app for your device and connect to our cloud with the server adress:
|
||||
<code class="link">
|
||||
https://cloud.sondell.org/
|
||||
</code>
|
||||
<button
|
||||
style="font:inherit;font-size:.8em;background:#3465a4;color:white;border:none;padding: 0 .4em; border-radius: .4em"
|
||||
_="on click
|
||||
<button class="url" _="on click
|
||||
writeText(my previousElementSibling's innerText) into navigator's clipboard
|
||||
put 'copied!' into me
|
||||
wait 1s
|
||||
put 'copy' into me">
|
||||
copy
|
||||
put 'copy url' into me
|
||||
">
|
||||
copy url
|
||||
</button>
|
||||
</p>
|
||||
<span>
|
||||
|
||||
<a class="app-link" href="https://nextcloud.com/install/#card-clients-btns">
|
||||
<img src="./desktop.svg" height="40">
|
||||
<a class="app-link desktop" href="https://www.onlyoffice.com/download-desktop.aspx#desktop">
|
||||
<!- img src="./desktop.svg" height="40" ->
|
||||
<p>Desktop App</p>
|
||||
</a>
|
||||
|
||||
<a class="app-link" href= "https://play.google.com/store/apps/details?id=com.nextcloud.client" rel="nofollow">
|
||||
<a class="app-link" href="https://play.google.com/store/apps/details?id=com.nextcloud.client" rel="nofollow">
|
||||
<img src="./googleplay-trim.png" alt="Download from Google Play" height="40"
|
||||
data-canonical-src="https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png"
|
||||
style="max-width: 100%;">
|
||||
|
|
|
|||
BIN
static/onlyoffice.png
Normal file
BIN
static/onlyoffice.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
|
|
@ -1,5 +1,8 @@
|
|||
body {
|
||||
padding-left: 2%;
|
||||
padding-right: 2%;
|
||||
padding-bottom: 4em;
|
||||
|
||||
}
|
||||
|
||||
.icon {
|
||||
|
|
@ -35,6 +38,25 @@ button.url {
|
|||
}
|
||||
}
|
||||
|
||||
.app-link.desktop {
|
||||
color: white;
|
||||
background-color: black;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
height: 40px;
|
||||
width: 120px;
|
||||
border-radius: 5px;
|
||||
overflow: hidden;
|
||||
|
||||
p {
|
||||
display: inline;
|
||||
line-height: 40px;
|
||||
vertical-align: middle;
|
||||
font-family: sans;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
.list {
|
||||
/* display: flex; */
|
||||
flex-direction: column;
|
||||
|
|
@ -42,14 +64,15 @@ button.url {
|
|||
}
|
||||
|
||||
.card {
|
||||
border: 1px solid #1948e3;
|
||||
/* border: 2px solid #1948e3; */
|
||||
border: 2px solid darkblue;
|
||||
border-radius: 25px;
|
||||
margin: 0 0 0 0;
|
||||
padding: 1em;
|
||||
max-width: 40em;
|
||||
max-width: 400em;
|
||||
|
||||
&:hover {
|
||||
background-color: lightyellow;
|
||||
background-color: lightgoldenrodyellow;
|
||||
}
|
||||
|
||||
&:not(:last-of-type) {
|
||||
|
|
|
|||
Loading…
Reference in a new issue