filling out clients.html,experimenting with layout
This commit is contained in:
Penelope Gwen
parent
17fac8b790
commit
7afcb5afab
8 changed files with 692 additions and 65 deletions
48
assets/img/icons/platforms/android.svg
Normal file
48
assets/img/icons/platforms/android.svg
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
|
||||
|
||||
<svg
|
||||
fill="#000000"
|
||||
version="1.1"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 15.36 15.36"
|
||||
enable-background="new 0 0 512 512"
|
||||
xml:space="preserve"
|
||||
id="svg3704"
|
||||
sodipodi:docname="android-svgrepo-com(1).svg"
|
||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"><defs
|
||||
id="defs3708" /><sodipodi:namedview
|
||||
id="namedview3706"
|
||||
pagecolor="#505050"
|
||||
bordercolor="#eeeeee"
|
||||
borderopacity="1"
|
||||
inkscape:showpageshadow="0"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#505050"
|
||||
showgrid="false"
|
||||
inkscape:zoom="9.9863302"
|
||||
inkscape:cx="11.866221"
|
||||
inkscape:cy="16.272244"
|
||||
inkscape:window-width="1890"
|
||||
inkscape:window-height="1117"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="svg3704" />
|
||||
|
||||
<path
|
||||
display="inline"
|
||||
d="m 3.61025,5.0648774 h 8.13953 v 6.6328396 c 0,0.39404 -0.31946,0.7135 -0.71302,0.7135 h -0.81528 v 2.02004 c 0,0.51298 -0.40916,0.92872 -0.91424,0.92872 -0.50637,0 -0.91492,-0.41574 -0.91492,-0.92872 v -2.02004 H 6.96841 v 2.02004 c 0,0.51298 -0.40997,0.92872 -0.91502,0.92872 -0.50496,0 -0.9149,-0.41574 -0.9149,-0.92872 v -2.02004 H 4.32393 c -0.39365,0 -0.71371,-0.31946 -0.71371,-0.7135 V 5.0648774 Z m -1.59506,-0.0541 c -0.51022,0 -0.9235,0.41971 -0.9235,0.93783 v 3.66526 c 0,0.5175196 0.41328,0.9379496 0.9235,0.9379496 0.5103,0 0.92349,-0.42043 0.92349,-0.9379496 v -3.66526 c 0,-0.51812 -0.41319,-0.93783 -0.92349,-0.93783 z m 9.73462,-0.61425 H 3.61025 c 0.10046,-1.15961 0.85267,-2.1575 1.93554,-2.73528 L 4.7719,0.52490738 c -0.10437,-0.15324 -0.065,-0.36233 0.0885,-0.46666 0.15336,-0.10434 0.36203,-0.0647 0.4669,0.0885 L 6.17078,1.3861274 c 0.46765,-0.16172 0.97528,-0.25457 1.50919,-0.25457 0.53453,0 1.04219,0.0928 1.50981,0.25478 l 0.84348,-1.23914002 c 0.10358,-0.15354 0.31291,-0.19322 0.46627,-0.0889 0.15354,0.10433 0.19292,0.31342 0.0885,0.46666 L 9.81477,1.6612974 c 1.08284,0.57742 1.83454,1.57531 1.93494,2.73525 z m -5.33632,-1.57565 c 0,-0.24867 -0.20136,-0.45037 -0.44995,-0.45037 -0.24921,0 -0.45058,0.2017 -0.45058,0.45037 0,0.24856 0.20203,0.45016 0.45058,0.45016 0.24856,0 0.44995,-0.2016 0.44995,-0.45016 z m 3.49063,0 c 0,-0.24867 -0.20206,-0.45037 -0.45058,-0.45037 -0.24922,0 -0.44998,0.2017 -0.44998,0.45037 0,0.24856 0.20076,0.45016 0.44998,0.45016 0.24855,0 0.45058,-0.2016 0.45058,-0.45016 z m 3.44136,2.1886 c -0.50968,0 -0.92413,0.42034 -0.92413,0.9385 v 3.66655 c 0,0.5181596 0.41445,0.9386196 0.92413,0.9386196 0.51033,0 0.92283,-0.42043 0.92283,-0.9386196 v -3.66655 c 3e-5,-0.51816 -0.4125,-0.9385 -0.92283,-0.9385 z"
|
||||
id="path3701"
|
||||
inkscape:label="android"
|
||||
style="fill:#da74e5;fill-opacity:1;stroke-width:0.0300587">
|
||||
|
||||
</path>
|
||||
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3 KiB |
58
assets/img/icons/platforms/apple.svg
Normal file
58
assets/img/icons/platforms/apple.svg
Normal file
|
|
@ -0,0 +1,58 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
|
||||
|
||||
<svg
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="-1.5 0 0.6 0.6"
|
||||
version="1.1"
|
||||
id="svg2633"
|
||||
sodipodi:docname="apple-173-svgrepo-com.svg"
|
||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/">
|
||||
<sodipodi:namedview
|
||||
id="namedview2635"
|
||||
pagecolor="#505050"
|
||||
bordercolor="#eeeeee"
|
||||
borderopacity="1"
|
||||
inkscape:showpageshadow="0"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#505050"
|
||||
showgrid="false"
|
||||
inkscape:zoom="17.804712"
|
||||
inkscape:cx="7.1610256"
|
||||
inkscape:cy="13.788485"
|
||||
inkscape:window-width="1890"
|
||||
inkscape:window-height="1117"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="svg2633" />
|
||||
<title
|
||||
id="title2623">apple [#173]</title>
|
||||
<desc
|
||||
id="desc2625">Created with Sketch.</desc>
|
||||
<defs
|
||||
id="defs2627" />
|
||||
<path
|
||||
d="M -1.1078734,0.0957888 C -1.0860012,0.0704391 -1.071258,0.0351294 -1.0752926,0 c -0.031519,0.0012 -0.069651,0.02013 -0.092251,0.045449 -0.020295,0.02247 -0.038011,0.058379 -0.033248,0.092819 0.035159,0.00261 0.071047,-0.0171 0.092919,-0.042479 m 0.078843,0.222956 c 8.797e-4,0.09081 0.08312,0.121019 0.08403,0.121409 -6.674e-4,0.0021 -0.013135,0.04305 -0.04332,0.08535 -0.026119,0.03654 -0.053209,0.07293 -0.095892,0.07371 -0.041924,7.5e-4 -0.055424,-0.02382 -0.1033847,-0.02382 -0.047931,0 -0.062917,0.02304 -0.102596,0.02457 -0.041196,0.0015 -0.072594,-0.03954 -0.098895,-0.07596 -0.053816,-0.07449 -0.094921,-0.210508 -0.03971,-0.3023058 0.027424,-0.045569 0.076416,-0.074459 0.1296252,-0.075179 0.040438,-7.5e-4 0.078631,0.02607 0.1033544,0.02607 0.024724,0 0.071138,-0.03225 0.1199177,-0.02751 0.020416,8.1e-4 0.077751,0.00789 0.11454828,0.059519 -0.00297,0.00177 -0.068407,0.03825 -0.067679,0.1141478"
|
||||
id="apple-[#173]"
|
||||
inkscape:label="apple"
|
||||
style="stroke-width:0.03;fill:#da74e5;fill-opacity:1" />
|
||||
<metadata
|
||||
id="metadata3118">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:title>apple [#173]</dc:title>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.6 KiB |
57
assets/img/icons/platforms/linux.svg
Normal file
57
assets/img/icons/platforms/linux.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 15 KiB |
72
assets/img/icons/platforms/web.svg
Normal file
72
assets/img/icons/platforms/web.svg
Normal file
|
|
@ -0,0 +1,72 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
|
||||
|
||||
<svg
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 0.72 0.72"
|
||||
fill="none"
|
||||
version="1.1"
|
||||
id="svg40"
|
||||
sodipodi:docname="web.svg"
|
||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<defs
|
||||
id="defs44" />
|
||||
<sodipodi:namedview
|
||||
id="namedview42"
|
||||
pagecolor="#505050"
|
||||
bordercolor="#eeeeee"
|
||||
borderopacity="1"
|
||||
inkscape:showpageshadow="0"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#505050"
|
||||
showgrid="false"
|
||||
inkscape:zoom="8.0483319"
|
||||
inkscape:cx="10.996067"
|
||||
inkscape:cy="15.593293"
|
||||
inkscape:window-width="1890"
|
||||
inkscape:window-height="1117"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="svg40" />
|
||||
<g
|
||||
id="g831"
|
||||
transform="matrix(0.036,0,0,0.036,-0.072,-0.072)">
|
||||
<path
|
||||
d="m 21,12 c 0,4.9706 -4.0294,9 -9,9 -4.97056,0 -9,-4.0294 -9,-9 0,-4.97056 4.02944,-9 9,-9 4.9706,0 9,4.02944 9,9 z"
|
||||
stroke="#323232"
|
||||
stroke-width="2"
|
||||
id="path32"
|
||||
style="stroke:#da74e5;stroke-opacity:1" />
|
||||
<path
|
||||
d="M 3.5,11 H 6 c 1.10457,0 2,0.8954 2,2 v 0 c 0,1.1046 0.89543,2 2,2 v 0 c 1.1046,0 2,0.8954 2,2 v 3.5"
|
||||
stroke="#323232"
|
||||
stroke-width="2"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
id="path34"
|
||||
style="stroke:#da74e5;stroke-opacity:1" />
|
||||
<path
|
||||
d="m 8,4 v 1 c 0,1.10457 0.89543,2 2,2 h 0.1459 C 11.1699,7 12,7.83011 12,8.8541 v 0 c 0,0.70228 0.3968,1.3443 1.0249,1.6584 l 0.0807,0.0403 c 0.563,0.2815 1.2258,0.2815 1.7888,0 l 0.0807,-0.0403 C 15.6032,10.1984 16,9.55638 16,8.8541 v 0 C 16,7.83011 16.8301,7 17.8541,7 H 19.5"
|
||||
stroke="#323232"
|
||||
stroke-width="2"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
id="path36"
|
||||
style="stroke:#da74e5;stroke-opacity:1" />
|
||||
<path
|
||||
d="M 16,19.5 V 17 c 0,-1.1046 0.8954,-2 2,-2 h 2"
|
||||
stroke="#323232"
|
||||
stroke-width="2"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
id="path38"
|
||||
style="fill:none;fill-opacity:1;stroke:#da74e5;stroke-opacity:1" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.5 KiB |
58
assets/img/icons/platforms/windows.svg
Normal file
58
assets/img/icons/platforms/windows.svg
Normal file
|
|
@ -0,0 +1,58 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
|
||||
|
||||
<svg
|
||||
width="24"
|
||||
height="24.0002"
|
||||
viewBox="0 0 0.6 0.60000501"
|
||||
version="1.1"
|
||||
id="svg303"
|
||||
sodipodi:docname="windows-174-svgrepo-com.svg"
|
||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/">
|
||||
<sodipodi:namedview
|
||||
id="namedview305"
|
||||
pagecolor="#505050"
|
||||
bordercolor="#eeeeee"
|
||||
borderopacity="1"
|
||||
inkscape:showpageshadow="0"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#505050"
|
||||
showgrid="false"
|
||||
inkscape:zoom="25.346489"
|
||||
inkscape:cx="7.0029423"
|
||||
inkscape:cy="12.960375"
|
||||
inkscape:window-width="1890"
|
||||
inkscape:window-height="1117"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="svg303" />
|
||||
<title
|
||||
id="title293">windows [#174]</title>
|
||||
<desc
|
||||
id="desc295">Created with Sketch.</desc>
|
||||
<defs
|
||||
id="defs297" />
|
||||
<path
|
||||
d="m 0.2743759,0.313028 c 1.504e-4,0.05997 3.309e-4,0.161851 4.812e-4,0.241037 0.1084209,0.01466 0.2168419,0.02977 0.3250829,0.04594 0,-0.09454 1.2e-4,-0.188656 0,-0.278607 -0.108511,0 -0.216993,-0.0084 -0.3255641,-0.0084 M 0,0.313058 v 0.203588 c 0.081774,0.01103 0.1635489,0.02159 0.2451729,0.03364 1.504e-4,-0.07877 -6.01e-5,-0.157563 -6.01e-5,-0.23633 C 0.1633988,0.314106 0.0817143,0.312756 0,0.313057 M 0,0.0853022 v 0.2030181 c 0.081774,2.1e-4 0.1635489,-0.00102 0.2453233,-9.294e-4 C 0.2452632,0.2088051 0.2452632,0.1303083 0.2451729,0.0517215 0.1633383,0.0619458 0.0815038,0.0727701 0,0.0853032 m 0.6,0.1988505 c -0.108361,4.197e-4 -0.216722,0.00207 -0.3251429,0.0024 -6.01e-5,-0.079876 -6.01e-5,-0.1596624 0,-0.2394783 C 0.383068,0.0305532 0.491519,0.0150216 0.59994,0 c 6e-5,0.094748 0,0.1894059 6e-5,0.2841537"
|
||||
id="windows-[#174]"
|
||||
inkscape:label="windows"
|
||||
style="fill:#da74e5;fill-opacity:1;stroke-width:0.03" />
|
||||
<metadata
|
||||
id="metadata2542">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:title>windows [#174]</dc:title>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.5 KiB |
415
clients.html
415
clients.html
|
|
@ -15,15 +15,39 @@
|
|||
<h2>Nextcloud</h2>
|
||||
<div class="flexrow">
|
||||
<div class="clientgroup pinkborder">
|
||||
<h2>Desktop</h2>
|
||||
<p>Visit the Nextcloud website to download the desktop client for your system.</p><a class="button pinkborder" href="https://nextcloud.com/install/#desktop-files">Visit Now ></a>
|
||||
<h2 class="groupheader">Desktop</h2>
|
||||
<div class="groupcontent">
|
||||
<h2>Nextcloud Client</h2>
|
||||
<div class="flexrow">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/linux.svg">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/windows.svg">
|
||||
</div>
|
||||
<p>Visit the Nextcloud website to download the desktop client for your system.</p>
|
||||
<a class="button pinkborder" href="https://nextcloud.com/install/#desktop-files">
|
||||
<p>Visit Now</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clientgroup pinkborder">
|
||||
<h2>Mobile</h2>
|
||||
<h3>Android</h3>
|
||||
<p>Nextcloud<br>Official Nextcloud client for Android</p><a class="button pinkborder" href="https://f-droid.org/packages/com.nextcloud.client/">F-Droid ></a><a class="button pinkborder" href="https://play.google.com/store/apps/details?id=com.nextcloud.client">Google Play Store ></a>
|
||||
<h3>iOS</h3>
|
||||
<p>Nextcloud<br>Official Nextcloud client for iOS</p><a class="button pinkborder" href="https://itunes.apple.com/us/app/nextcloud/id1125420102">App Store ></a>
|
||||
<h2 class="groupheader">Mobile</h2>
|
||||
<div class="groupcontent">
|
||||
<h2>Nextcloud App</h2>
|
||||
<div class="flexrow">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/android.svg">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
|
||||
</div>
|
||||
<p>Official Nextcloud client for mobile devices</p>
|
||||
<a class="button pinkborder" href="https://f-droid.org/packages/com.nextcloud.client/">
|
||||
<p>F-Droid</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://play.google.com/store/apps/details?id=com.nextcloud.client">
|
||||
<p>Google Play Store</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://itunes.apple.com/us/app/nextcloud/id1125420102">
|
||||
<p>App Store</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</h2>
|
||||
|
|
@ -32,16 +56,68 @@
|
|||
<h2>Mastodon</h2>
|
||||
<div class="flexrow">
|
||||
<div class="clientgroup pinkborder">
|
||||
<h2>Desktop</h2>
|
||||
<p>It is recommended to use your browser to interface with Mastodon on desktop platforms</p><a class="button pinkborder" href="https://masto.pogmom.me/">Visit Now ></a>
|
||||
<h2 class="groupheader">Desktop</h2>
|
||||
<div class="groupcontent">
|
||||
<h2>Mastodon</h2>
|
||||
<div class="flexrow">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/web.svg">
|
||||
</div>
|
||||
<p>It is recommended to use Mastodon through your browser on Desktop platforms</p>
|
||||
<a class="button pinkborder" href="https://masto.pogmom.me/">
|
||||
<p>Visit Now</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clientgroup pinkborder">
|
||||
<h2>Mobile</h2>
|
||||
<h3>Android</h3>
|
||||
<p>Fedilab<br>A multifunctional Android client to access the distributed Fediverse</p><a href="https://f-droid.org/packages/fr.gouv.etalab.mastodon/">F-Droid ></a><br><a class="button pinkborder" href="https://play.google.com/store/apps/details?id=app.fedilab.android">Google Play Store ></a>
|
||||
<p>Mastodon<br>Official Mastodon client for Android</p><a class="button pinkborder" href="https://f-droid.org/packages/org.joinmastodon.android/">F-Droid ></a><a class="button pinkborder" href="https://play.google.com/store/apps/details?id=org.joinmastodon.android">Google Play Store ></a>
|
||||
<h3>iOS</h3>
|
||||
<p>Mastodon<br>Official Mastodon client for iOS</p><a class="button pinkborder" href="https://apps.apple.com/us/app/mastodon-for-iphone/id1571998974">App Store ></a>
|
||||
<h2 class="groupheader">Mobile</h2>
|
||||
<div class="groupcontent">
|
||||
<h2>Mastodon App</h2>
|
||||
<div class="flexrow">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/android.svg">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
|
||||
</div>
|
||||
<p>Official Mastodon client for mobile devices</p>
|
||||
<a class="button pinkborder" href="https://f-droid.org/packages/org.joinmastodon.android/">
|
||||
<p>F-Droid</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://play.google.com/store/apps/details?id=org.joinmastodon.android">
|
||||
<p>Google Play Store</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://apps.apple.com/us/app/mastodon-for-iphone/id1571998974">
|
||||
<p>App Store</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://github.com/mastodon/mastodon-android">
|
||||
<p>View Source (Android)</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://github.com/mastodon/mastodon-ios">
|
||||
<p>View Source (iOS)</p>
|
||||
</a>
|
||||
<h2>Fedilab</h2>
|
||||
<div class="flexrow">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/android.svg">
|
||||
</div>
|
||||
<p>A multifunctional Android client to access the distributed Fediverse</p>
|
||||
<a class="button pinkborder" href="https://f-droid.org/packages/fr.gouv.etalab.mastodon/">
|
||||
<p>F-Droid</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://play.google.com/store/apps/details?id=app.fedilab.android">
|
||||
<p>Google Play Store</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://github.com/caraesten/Fedilab">
|
||||
<p>View Source</p>
|
||||
</a>
|
||||
<h2>Ice Cubes</h2>
|
||||
<div class="flexrow">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
|
||||
</div>
|
||||
<p>Native iOS client for Mastodon built in SwiftUI</p>
|
||||
<a class="button pinkborder" href="https://apps.apple.com/us/app/ice-cubes-for-mastodon/id6444915884">
|
||||
<p>App Store</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://github.com/Dimillian/IceCubesApp">
|
||||
<p>View Source</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -49,10 +125,68 @@
|
|||
<h2>Pixelfed</h2>
|
||||
<div class="flexrow">
|
||||
<div class="clientgroup pinkborder">
|
||||
<h2>Desktop</h2>
|
||||
<h2 class="groupheader">Desktop</h2>
|
||||
<div class="groupcontent">
|
||||
<h2>Pixelfed</h2>
|
||||
<div class="flexrow">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/web.svg">
|
||||
</div>
|
||||
<p>It is recommended to use Pixelfed through your browser on Desktop platforms</p>
|
||||
<a class="button pinkborder" href="https://pixel.pogmom.me/">
|
||||
<p>Visit Now</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clientgroup pinkborder">
|
||||
<h2>Mobile</h2>
|
||||
<h2 class="groupheader">Mobile</h2>
|
||||
<div class="groupcontent">
|
||||
<h2>Pixelfed App</h2>
|
||||
<div class="flexrow">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/android.svg">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
|
||||
</div>
|
||||
<p>Official Pixelfed client for mobile devices</p>
|
||||
<a class="button pinkborder" href="https://fdroid.pixelfed.net/fdroid/repo/">
|
||||
<p>F-Droid</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://play.google.com/store/apps/details?id=com.pixelfed">
|
||||
<p>Google Play Store</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://apps.apple.com/us/app/pixelfed/id1632519816">
|
||||
<p>App Store</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://github.com/pixelfed/pixelfed-rn">
|
||||
<p>View Source</p>
|
||||
</a>
|
||||
<h2>Fedilab</h2>
|
||||
<div class="flexrow">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/android.svg">
|
||||
</div>
|
||||
<p>A multifunctional Android client to access the distributed Fediverse</p>
|
||||
<a class="button pinkborder" href="https://f-droid.org/packages/fr.gouv.etalab.mastodon/">
|
||||
<p>F-Droid</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://play.google.com/store/apps/details?id=app.fedilab.android">
|
||||
<p>Google Play Store</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://github.com/caraesten/Fedilab">
|
||||
<p>View Source</p>
|
||||
</a>
|
||||
<h2>Pixelix</h2>
|
||||
<div class="flexrow">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/android.svg">
|
||||
</div>
|
||||
<p>User-friendly android client for Pixelfed</p>
|
||||
<a class="button pinkborder" href="https://f-droid.org/packages/com.daniebeler.pfpixelix">
|
||||
<p>F-Droid</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://play.google.com/store/apps/details?id=com.daniebeler.pfpixelix">
|
||||
<p>Google Play Store</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://github.com/daniebeler/pixelix">
|
||||
<p>View Source</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -60,13 +194,54 @@
|
|||
<h2>Peertube</h2>
|
||||
<div class="flexrow">
|
||||
<div class="clientgroup pinkborder">
|
||||
<h2>Desktop</h2>
|
||||
<p>It is recommended to use your browser to interface with Mastodon on desktop platforms</p><a class="button pinkborder" href="https://masto.pogmom.me/">Visit Now ></a>
|
||||
<h2 class="groupheader">Desktop</h2>
|
||||
<div class="groupcontent">
|
||||
<h2>Peertube</h2>
|
||||
<div class="flexrow">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/web.svg">
|
||||
</div>
|
||||
<p>It is recommended to use Peertube through your browser on Desktop platforms</p>
|
||||
<a class="button pinkborder" href="https://peertube.pogmom.me/">
|
||||
<p>Visit Now</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clientgroup pinkborder">
|
||||
<h2>Mobile</h2>
|
||||
<h3>Android</h3>
|
||||
<p>Fedilab<br>A multifunctional Android client to access the distributed Fediverse<br><a href="https://f-droid.org/packages/fr.gouv.etalab.mastodon/">F-Droid ></a><br><a class="button pinkborder" href="https://play.google.com/store/apps/details?id=app.fedilab.android">Google Play Store ></a></p>
|
||||
<h2 class="groupheader">Mobile</h2>
|
||||
<div class="groupcontent">
|
||||
<h2>Peertube App</h2>
|
||||
<div class="flexrow">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/android.svg">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
|
||||
</div>
|
||||
<p>Official Peertube application for mobile devices</p>
|
||||
<a class="button pinkborder" href="https://f-droid.org/packages/org.framasoft.peertube/">
|
||||
<p>F-Droid</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://play.google.com/store/apps/details?id=org.framasoft.peertube">
|
||||
<p>Google Play Store</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://apps.apple.com/gb/app/peertube/id6737834858">
|
||||
<p>App Store</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://framagit.org/framasoft/peertube/mobile-application">
|
||||
<p>View Source</p>
|
||||
</a>
|
||||
<h2>Fedilab</h2>
|
||||
<div class="flexrow">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/android.svg">
|
||||
</div>
|
||||
<p>A multifunctional Android client to access the distributed Fediverse</p>
|
||||
<a class="button pinkborder" href="https://f-droid.org/packages/fr.gouv.etalab.mastodon/">
|
||||
<p>F-Droid</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://play.google.com/store/apps/details?id=app.fedilab.android">
|
||||
<p>Google Play Store</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://github.com/caraesten/Fedilab">
|
||||
<p>View Source</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -74,10 +249,22 @@
|
|||
<h2>Element</h2>
|
||||
<div class="flexrow">
|
||||
<div class="clientgroup pinkborder">
|
||||
<h2>Desktop</h2>
|
||||
<h2 class="groupheader">Desktop</h2>
|
||||
<div class="groupcontent">
|
||||
<h2>Element</h2>
|
||||
<div class="flexrow">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/web.svg">
|
||||
</div>
|
||||
<p>It is recommended to use Element through your browser on Desktop platforms</p>
|
||||
<a class="button pinkborder" href="https://chat.pogmom.me/">
|
||||
<p>Visit Now</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clientgroup pinkborder">
|
||||
<h2>Mobile</h2>
|
||||
<h2 class="groupheader">Mobile</h2>
|
||||
<div class="groupcontent">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -85,10 +272,63 @@
|
|||
<h2>Jellyfin</h2>
|
||||
<div class="flexrow">
|
||||
<div class="clientgroup pinkborder">
|
||||
<h2>Desktop</h2>
|
||||
<h2 class="groupheader">Desktop</h2>
|
||||
<div class="groupcontent">
|
||||
</div>
|
||||
</div>
|
||||
<div class="clientgroup pinkborder">
|
||||
<h2>Mobile</h2>
|
||||
<h2 class="groupheader">Mobile</h2>
|
||||
<div class="groupcontent">
|
||||
<h2>Jellyfin Mobile</h2>
|
||||
<div class="flexrow">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/android.svg">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
|
||||
</div>
|
||||
<p>Official Jellyfin application for mobile devices</p>
|
||||
<a class="button pinkborder" href="https://f-droid.org/en/packages/org.jellyfin.mobile/">
|
||||
<p>F-Droid</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://play.google.com/store/apps/details?id=org.jellyfin.mobile">
|
||||
<p>Google Play Store</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://apps.apple.com/us/app/jellyfin-mobile/id1480192618">
|
||||
<p>Apple App Store</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://github.com/jellyfin/jellyfin-android">
|
||||
<p>View Source (Android)</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://github.com/jellyfin/jellyfin-expo">
|
||||
<p>View Source (iOS)</p>
|
||||
</a>
|
||||
<h2>Findroid</h2>
|
||||
<div class="flexrow">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/android.svg">
|
||||
</div>
|
||||
<a class="button pinkborder" href="https://f-droid.org/packages/dev.jdtech.jellyfin">
|
||||
<p>F-Droid</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://play.google.com/store/apps/details?id=dev.jdtech.jellyfin">
|
||||
<p>Google Play Store</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://github.com/jarnedemeulemeester/findroid">
|
||||
<p>View Source</p>
|
||||
</a>
|
||||
<h2>Swiftfin</h2>
|
||||
<div class="flexrow">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
|
||||
</div>
|
||||
<a class="button pinkborder" href="https://apps.apple.com/us/app/swiftfin/id1604098728">
|
||||
<p>App Store</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://github.com/jellyfin/Swiftfin">
|
||||
<p>View Source</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clientgroup pinkborder">
|
||||
<h2 class="groupheader">Other</h2>
|
||||
<div class="groupcontent">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -96,10 +336,70 @@
|
|||
<h2>Airsonic</h2>
|
||||
<div class="flexrow">
|
||||
<div class="clientgroup pinkborder">
|
||||
<h2>Desktop</h2>
|
||||
<h2 class="groupheader">Desktop</h2>
|
||||
<div class="groupcontent">
|
||||
<h2>Feishin</h2>
|
||||
<div class="flexrow">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/linux.svg">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/windows.svg">
|
||||
</div>
|
||||
<p>Cross-platform client for subsonic-compatible media servers</p>
|
||||
<a class="button pinkborder" href="https://github.com/jeffvli/feishin/releases/latest">
|
||||
<p>Download</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://github.com/jeffvli/feishin">
|
||||
<p>View Source</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clientgroup pinkborder">
|
||||
<h2>Mobile</h2>
|
||||
<h2 class="groupheader">Mobile</h2>
|
||||
<div class="groupcontent">
|
||||
<h2>Ultrasonic</h2>
|
||||
<div class="flexrow">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/android.svg">
|
||||
</div>
|
||||
<p>Android client for subsonic media servers</p>
|
||||
<a class="button pinkborder" href="https://f-droid.org/packages/org.moire.ultrasonic/">
|
||||
<p>F-Droid</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://play.google.com/store/apps/details?id=org.moire.ultrasonic">
|
||||
<p>Google Play Store</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://gitlab.com/ultrasonic/ultrasonic">
|
||||
<p>View Source</p>
|
||||
</a>
|
||||
<h2 style="background-color:red;">Symfonium</h2>
|
||||
<div class="flexrow">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/android.svg">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
|
||||
</div>
|
||||
<p>Feature-rich client for subsonic media servers</p>
|
||||
<a class="button pinkborder" href="https://play.google.com/store/apps/details?id=app.symfonik.music.player">
|
||||
<p>Google Play Store</p>
|
||||
</a>
|
||||
<h2 style="background-color:red;">SubStreamer</h2>
|
||||
<div class="flexrow">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/android.svg">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
|
||||
</div>
|
||||
<p>Mobile client for subsonic media servers</p>
|
||||
<a class="button pinkborder" href="https://play.google.com/store/apps/details?id=com.ghenry22.substream2">
|
||||
<p>Google Play Store</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://apps.apple.com/us/app/substreamer/id1012991665">
|
||||
<p>App Store</p>
|
||||
</a>
|
||||
<h2 style="background-color:red;">play:Sub</h2>
|
||||
<div class="flexrow">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
|
||||
</div>
|
||||
<p>Feature-rich iOS client for subsonic media servers</p>
|
||||
<a class="button pinkborder" href="https://apps.apple.com/us/app/play-sub-music-streamer/id955329386">
|
||||
<p>App Store</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -107,21 +407,22 @@
|
|||
<h2>Calibre</h2>
|
||||
<div class="flexrow">
|
||||
<div class="clientgroup pinkborder">
|
||||
<h2>Desktop</h2>
|
||||
<h2 class="groupheader">Desktop</h2>
|
||||
<div class="groupcontent">
|
||||
<h2>Calibre-Web</h2>
|
||||
<div class="flexrow">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/web.svg">
|
||||
</div>
|
||||
<p>It is recommended to use Calibre through your browser on Desktop platforms</p>
|
||||
<a class="button pinkborder" href="https://books.pogmom.me/">
|
||||
<p>Visit Now</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clientgroup pinkborder">
|
||||
<h2>Mobile</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="emulatorjs">
|
||||
<h2>EmulatorJS</h2>
|
||||
<div class="flexrow">
|
||||
<div class="clientgroup pinkborder">
|
||||
<h2>Desktop</h2>
|
||||
</div>
|
||||
<div class="clientgroup pinkborder">
|
||||
<h2>Mobile</h2>
|
||||
<h2 class="groupheader">Mobile</h2>
|
||||
<div class="groupcontent">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -129,14 +430,34 @@
|
|||
<h2>Minecraft</h2>
|
||||
<div class="flexrow">
|
||||
<div class="clientgroup pinkborder">
|
||||
<h2>Desktop</h2>
|
||||
<h3>Prism Launcher</h3>
|
||||
<p>Linux | MacOS | Windows</p>
|
||||
<p>A fully-featured Minecraft Java Edition Launcher</p>
|
||||
<a class="button pinkborder" href="https://prismlauncher.org/">Download ></a>
|
||||
<h2 class="groupheader">Desktop</h2>
|
||||
<div class="groupcontent">
|
||||
<h2>Prism Launcher</h2>
|
||||
<div class="flexrow">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/linux.svg">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/windows.svg">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
|
||||
</div>
|
||||
<p>A fully-featured Minecraft Java Edition Launcher</p>
|
||||
<a class="button pinkborder" href="https://prismlauncher.org/">
|
||||
<p>Download</p>
|
||||
</a>
|
||||
<h2>Java Edition</h2>
|
||||
<div class="flexrow">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/linux.svg">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/windows.svg">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
|
||||
</div>
|
||||
<p>The official Minecraft Java Edition Launcher</p>
|
||||
<a class="button pinkborder" href="https://minecraft.net/en-us/download/">
|
||||
<p>Download</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clientgroup pinkborder">
|
||||
<h2>Mobile</h2>
|
||||
<h2 class="groupheader">Mobile</h2>
|
||||
<div class="groupcontent">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -147,9 +147,6 @@
|
|||
<a href="/info.html#emulatorjs">
|
||||
<img src="/assets/img/icons/header/info.svg">
|
||||
</a>
|
||||
<a href="/clients.html#emulatorjs">
|
||||
<img src="/assets/img/icons/header/download.svg">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flexobject button pinkborder">
|
||||
|
|
|
|||
|
|
@ -15,6 +15,18 @@ h1,h2,h3,p,a{
|
|||
h1 {
|
||||
font-size: 3em;
|
||||
}
|
||||
.button {
|
||||
margin: 1vh 1vw;
|
||||
transition: 0.5s;
|
||||
display:block;
|
||||
> p {
|
||||
margin: 1vh 0vw;
|
||||
}
|
||||
}
|
||||
.button:hover {
|
||||
box-shadow: 0px 0px 30px #da75e5dd;
|
||||
transition: 0.25s;
|
||||
}
|
||||
.flexrow {
|
||||
margin: 2vmax 0;
|
||||
}
|
||||
|
|
@ -58,18 +70,7 @@ h1 {
|
|||
border-width: 3px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.button {
|
||||
margin: 1vh 1vw;
|
||||
transition: 0.5s;
|
||||
display:block;
|
||||
}
|
||||
.button:hover {
|
||||
box-shadow: 0px 0px 30px #da75e5dd;
|
||||
transition: 0.25s;
|
||||
}
|
||||
.flexobject {
|
||||
/* margin: 1vh 1vw;
|
||||
transition: 0.5s;*/
|
||||
> a {
|
||||
min-width: 75px;
|
||||
text-decoration: none;
|
||||
|
|
@ -97,6 +98,15 @@ h1 {
|
|||
}
|
||||
}
|
||||
}
|
||||
.platformicon{
|
||||
margin: 0 1vw
|
||||
}
|
||||
.icon-inline {
|
||||
width: 1.5em;
|
||||
height: 1.5em;
|
||||
position: relative;
|
||||
margin: auto 1vw;
|
||||
}
|
||||
.textsection {
|
||||
padding: 0 2vw 2vh;
|
||||
margin: 2vh 10vw;
|
||||
|
|
@ -104,14 +114,20 @@ h1 {
|
|||
.clientgroup{
|
||||
flex: 1 1 0px;
|
||||
flex-wrap: wrap;
|
||||
min-width: 30vh;
|
||||
/* flex-grow:1;*/
|
||||
padding: 0 2vw 2vh;
|
||||
min-width: 40vh;
|
||||
margin: 2vh 2vw;
|
||||
> .groupheader {
|
||||
background-color: #da74e5;
|
||||
color: #000;
|
||||
margin-top: 0;
|
||||
}
|
||||
> .groupcontent {
|
||||
padding: 0 2vw 2vh;
|
||||
}
|
||||
}
|
||||
:target {
|
||||
/* box-shadow: 0px 0px 30px #da75e5dd;*/
|
||||
background-color: #da75e533;
|
||||
background-color: #da75e522;
|
||||
border-radius: 13px;
|
||||
padding: 2vh 0;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue