final preparation
This commit is contained in:
Penelope Gwen
parent
7afcb5afab
commit
46c9f2f9e6
11 changed files with 571 additions and 214 deletions
|
Before Width: | Height: | Size: 3 KiB After Width: | Height: | Size: 3 KiB |
|
|
@ -1,43 +0,0 @@
|
|||
<?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="svg53761"
|
||||
sodipodi:docname="download-black.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="defs53765" />
|
||||
<sodipodi:namedview
|
||||
id="namedview53763"
|
||||
pagecolor="#000000"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pagecheckerboard="true"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
showgrid="false"
|
||||
inkscape:zoom="31.819805"
|
||||
inkscape:cx="12.85363"
|
||||
inkscape:cy="13.010765"
|
||||
inkscape:window-width="3410"
|
||||
inkscape:window-height="1357"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="svg53761" />
|
||||
<path
|
||||
style="color:#000000;fill:#000000;stroke-width:0.0719988;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
|
||||
d="m 0.35997231,0 c -0.039757,4.7409529e-6 -0.0719854,0.0322332 -0.0719902,0.0719902 V 0.47417117 L 0.12289872,0.30908779 c -0.02811638,-0.0281124 -0.07369804,-0.0281124 -0.10181442,0 -0.0281124,0.0281164 -0.0281124,0.073698 0,0.10181442 l 0.2879948,0.2879948 c 0.0134999,0.0135079 0.0318111,0.021098 0.0509072,0.021103 0.0190967,-4.94e-6 0.0374081,-0.007595 0.0509072,-0.021103 l 0.2879948,-0.2879948 c 0.0281124,-0.0281164 0.0281124,-0.073698 0,-0.10181442 -0.0281164,-0.0281124 -0.073698,-0.0281124 -0.10181442,0 L 0.43199051,0.47417117 V 0.0719902 C 0.43198577,0.0322254 0.39974511,-6.3990471e-6 0.35998031,0 Z"
|
||||
id="path53759"
|
||||
sodipodi:nodetypes="scccccccccccccss" />
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.9 KiB |
|
|
@ -1,43 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
|
||||
|
||||
<svg
|
||||
width="24.000401"
|
||||
height="24.000401"
|
||||
viewBox="0 0 0.72001202 0.72001202"
|
||||
fill="none"
|
||||
version="1.1"
|
||||
id="svg53698"
|
||||
sodipodi:docname="info-black.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="defs53702" />
|
||||
<sodipodi:namedview
|
||||
id="namedview53700"
|
||||
pagecolor="#000000"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="true"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
showgrid="false"
|
||||
inkscape:zoom="31.819805"
|
||||
inkscape:cx="13.042192"
|
||||
inkscape:cy="13.859293"
|
||||
inkscape:window-width="3410"
|
||||
inkscape:window-height="1357"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="svg53698" />
|
||||
<path
|
||||
style="color:#000000;fill:#000000;stroke-width:0.0720018;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
|
||||
d="M 0.35982946,1.8379106e-8 C 0.32007077,4.7592483e-6 0.28784106,0.03223453 0.28783626,0.07199322 c 4.74e-6,0.03975869 0.0322343,0.0719884 0.0719932,0.0719932 h 7.0612e-4 c 0.0397589,-4.74e-6 0.0719884,-0.0322343 0.0719932,-0.0719932 C 0.43252404,0.03223453 0.40029447,4.8192593e-6 0.36053558,1.8379106e-8 Z m 0,0.288006801620894 c -0.0397587,4.74e-6 -0.0719884,0.0322343 -0.0719932,0.0719932 v 0.2880068 c 4.74e-6,0.0397587 0.0322343,0.0719884 0.0719932,0.0719932 0.0397667,6.3e-6 0.0720084,-0.0322265 0.0720132,-0.0719932 v -0.2880068 c -4.74e-6,-0.0397665 -0.0322467,-0.0719994 -0.0720132,-0.0719932 z"
|
||||
id="path53696"
|
||||
sodipodi:nodetypes="scsscssccccccc" />
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2 KiB |
42
assets/img/icons/ui/info.svg
Normal file
42
assets/img/icons/ui/info.svg
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
|
||||
|
||||
<svg
|
||||
width="24.000401"
|
||||
height="24.000401"
|
||||
viewBox="0 0 0.72001202 0.72001202"
|
||||
fill="none"
|
||||
version="1.1"
|
||||
id="svg53698"
|
||||
sodipodi:docname="info.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="defs53702" />
|
||||
<sodipodi:namedview
|
||||
id="namedview53700"
|
||||
pagecolor="#da74e5"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="true"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
showgrid="false"
|
||||
inkscape:zoom="31.819805"
|
||||
inkscape:cx="12.995051"
|
||||
inkscape:cy="13.843579"
|
||||
inkscape:window-width="3390"
|
||||
inkscape:window-height="1341"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="svg53698" />
|
||||
<path
|
||||
style="color:#000000;fill:#da74e5;stroke-width:0.0359943;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
|
||||
d="m 0.20885802,6.0021299e-5 c -0.06048,0 -0.09578,-0.0019000013 -0.130198,0.0156799987 -0.02709,0.0138 -0.04912,0.03583 -0.06292,0.06292 -0.01754,0.03442 -0.0156799987,0.06972 -0.0156799987,0.130198 v 0.302296 c 0,0.06048 -0.0019000013,0.09578 0.0156799987,0.130198 0.0138,0.02709 0.03583,0.04912 0.06292,0.06292 0.03442,0.01754 0.06972,0.01568 0.130198,0.01568 h 0.302296 c 0.06048,0 0.09578,0.0019 0.130198,-0.01568 0.02709,-0.0138 0.04912,-0.03583 0.06292,-0.06292 0.01754,-0.03442 0.01568,-0.06972 0.01568,-0.130198 v -0.302296 c 0,-0.06048 0.0019,-0.09578 -0.01568,-0.130198 -0.0138,-0.02709 -0.03583,-0.04912 -0.06292,-0.06292 -0.03442,-0.01754 -0.06972,-0.0156799987 -0.130198,-0.0156799987 z m 0,0.0719899987 h 0.302296 c 0.06048,0 0.08573,0.0019 0.09751,0.0079 0.01355,0.0069 0.02452,0.01787 0.03143,0.03142 0.006,0.01178 0.0079,0.03703 0.0079,0.09751 v 0.302296 c 0,0.06048 -0.0019,0.08573 -0.0079,0.09751 -0.0069,0.01355 -0.01788,0.02452 -0.03143,0.03143 -0.01178,0.006 -0.03703,0.0079 -0.09751,0.0079 h -0.302296 c -0.06048,0 -0.08573,-0.0019 -0.09751,-0.0079 -0.01355,-0.0069 -0.02452,-0.01788 -0.03142,-0.03143 -0.006,-0.01178 -0.0079,-0.03703 -0.0079,-0.09751 v -0.302296 c 0,-0.06048 0.0019,-0.08573 0.0079,-0.09751 0.0069,-0.01355 0.01788,-0.02452 0.03142,-0.03142 0.01178,-0.006 0.03703,-0.0079 0.09751,-0.0079 z m 0.151148,0.107983 a 0.03599429,0.03599429 0 0 0 -0.03599,0.03599 0.03599429,0.03599429 0 0 0 0.03599,0.03599 h 3.53e-4 a 0.03599429,0.03599429 0 0 0 0.03599,-0.03599 0.03599429,0.03599429 0 0 0 -0.03599,-0.03599 z m 0,0.143977 a 0.03599429,0.03599429 0 0 0 -0.03599,0.03599 v 0.143977 a 0.03599429,0.03599429 0 0 0 0.03599,0.03599 0.03599429,0.03599429 0 0 0 0.036,-0.03599 v -0.143977 a 0.03599429,0.03599429 0 0 0 -0.036,-0.03599 z"
|
||||
id="path53696" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3 KiB |
42
assets/img/icons/ui/paid.svg
Normal file
42
assets/img/icons/ui/paid.svg
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
|
||||
|
||||
<svg
|
||||
width="23.999475"
|
||||
height="24"
|
||||
viewBox="0 0 0.71998426 0.72"
|
||||
fill="none"
|
||||
version="1.1"
|
||||
id="svg54183"
|
||||
sodipodi:docname="paid.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="defs54187" />
|
||||
<sodipodi:namedview
|
||||
id="namedview54185"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pagecheckerboard="true"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
showgrid="false"
|
||||
inkscape:zoom="45"
|
||||
inkscape:cx="10.488889"
|
||||
inkscape:cy="13.066667"
|
||||
inkscape:window-width="3410"
|
||||
inkscape:window-height="1357"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="svg54183" />
|
||||
<path
|
||||
style="color:#000000;fill:#ff0000;stroke-width:0.03272;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;fill-opacity:1"
|
||||
d="m 0.13747012,0.09825512 c -0.03665,0 -0.05949,-0.0017 -0.08378,0.01067 -0.01847,0.0094 -0.03354,0.02448 -0.04294,0.04294 -0.01238,0.02429 -0.01067000125,0.04713 -0.01067000125,0.08378 v 0.248724 c 0,0.03665 -0.0016999987,0.05949 0.01067000125,0.08378 0.0094,0.01846 0.02447,0.03354 0.04294,0.04294 0.02429,0.01238 0.04713,0.01067 0.08378,0.01067 h 0.445044 c 0.03665,0 0.05949,0.0017 0.08378,-0.01067 0.01847,-0.0094 0.03354,-0.02448 0.04294,-0.04294 0.01238,-0.02429 0.01067,-0.04713 0.01067,-0.08378 v -0.248724 c 0,-0.03665 0.0017,-0.05949 -0.01067,-0.08378 -0.0094,-0.01847 -0.02448,-0.03354 -0.04294,-0.04294 -0.02429,-0.01238 -0.04713,-0.01067 -0.08378,-0.01067 z m 0,0.06544 h 0.445044 c 0.03665,0 0.05036,0.0017 0.05406,0.0036 0.0062,0.0031 0.01118,0.0082 0.01431,0.01431 0.0019,0.0037 0.0036,0.01742 0.0036,0.05406 v 0.248724 c 0,0.03665 -0.0017,0.05036 -0.0036,0.05406 -0.0031,0.0062 -0.0082,0.01118 -0.01431,0.01432 -0.0037,0.0019 -0.01741,0.0036 -0.05406,0.0036 h -0.445044 c -0.03665,0 -0.05036,-0.0017 -0.05406,-0.0036 -0.0062,-0.0031 -0.01118,-0.0082 -0.01431,-0.01432 -0.0019,-0.0037 -0.0036,-0.01741 -0.0036,-0.05406 v -0.248724 c 0,-0.03665 0.0017,-0.05036 0.0036,-0.05406 0.0031,-0.0062 0.0082,-0.01118 0.01431,-0.01431 0.0037,-0.0019 0.01742,-0.0036 0.05406,-0.0036 z m 0.222522,0.03272 a 0.03272003,0.03272003 0 0 0 -0.03272,0.03272 v 0.0068 c -0.03604,0.0085 -0.06544,0.03652 -0.06544,0.07496 0,0.04479 0.03701,0.0818 0.0818,0.0818 h 0.03272 c 0.0094,0 0.01636,0.0069 0.01636,0.01636 0,0.0094 -0.0069,0.01636 -0.01636,0.01636 h -0.01636 -0.06544 a 0.03272003,0.03272003 0 0 0 -0.03272,0.03272 0.03272003,0.03272003 0 0 0 0.03272,0.03272 h 0.03272 a 0.03272003,0.03272003 0 0 0 0.03272,0.03272 0.03272003,0.03272003 0 0 0 0.03272,-0.03272 v -0.0068 c 0.03604,-0.0085 0.06544,-0.03652 0.06544,-0.07496 0,-0.04479 -0.03701,-0.0818 -0.0818,-0.0818 h -0.03272 c -0.0094,0 -0.01636,-0.0069 -0.01636,-0.01636 0,-0.0094 0.0069,-0.01636 0.01636,-0.01636 h 0.01636 0.06544 a 0.03272003,0.03272003 0 0 0 0.03272,-0.03272 0.03272003,0.03272003 0 0 0 -0.03272,-0.03272 h -0.03272 a 0.03272003,0.03272003 0 0 0 -0.03272,-0.03272 z m -0.19632,0.11452 c -0.02672,0 -0.04908,0.02236 -0.04908,0.04908 0,0.02672 0.02236,0.04908 0.04908,0.04908 0.02672,0 0.04908,-0.02236 0.04908,-0.04908 0,-0.02672 -0.02236,-0.04908 -0.04908,-0.04908 z m 0.39264,0 c -0.02672,0 -0.04908,0.02236 -0.04908,0.04908 0,0.02672 0.02236,0.04908 0.04908,0.04908 0.02672,0 0.04908,-0.02236 0.04908,-0.04908 0,-0.02672 -0.02236,-0.04908 -0.04908,-0.04908 z"
|
||||
id="path54181" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.8 KiB |
65
assets/img/icons/ui/warning.svg
Normal file
65
assets/img/icons/ui/warning.svg
Normal file
|
|
@ -0,0 +1,65 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
|
||||
|
||||
<svg
|
||||
width="23.999998"
|
||||
height="24"
|
||||
viewBox="0 0 0.71999994 0.72"
|
||||
fill="none"
|
||||
version="1.1"
|
||||
id="svg186"
|
||||
sodipodi:docname="warning-1-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">
|
||||
<defs
|
||||
id="defs190" />
|
||||
<sodipodi:namedview
|
||||
id="namedview188"
|
||||
pagecolor="#505050"
|
||||
bordercolor="#ffffff"
|
||||
borderopacity="1"
|
||||
inkscape:showpageshadow="0"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pagecheckerboard="1"
|
||||
inkscape:deskcolor="#505050"
|
||||
showgrid="false"
|
||||
inkscape:zoom="33.72"
|
||||
inkscape:cx="11.491696"
|
||||
inkscape:cy="13.196916"
|
||||
inkscape:window-width="1557"
|
||||
inkscape:window-height="1357"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="svg186" />
|
||||
<g
|
||||
id="g299"
|
||||
transform="matrix(0.03690166,0,0,0.03690166,-0.08282019,-0.09231044)">
|
||||
<circle
|
||||
cx="12"
|
||||
cy="17"
|
||||
r="1"
|
||||
fill="#000000"
|
||||
id="circle180"
|
||||
style="fill:#ff0000;fill-opacity:1" />
|
||||
<path
|
||||
d="m 12,10 v 4"
|
||||
stroke="#000000"
|
||||
stroke-width="2"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
id="path182"
|
||||
style="stroke:#ff0000;stroke-opacity:1" />
|
||||
<path
|
||||
d="M 3.44722,18.1056 10.2111,4.57771 c 0.7371,-1.4741 2.8407,-1.47409 3.5778,0 L 20.5528,18.1056 C 21.2177,19.4354 20.2507,21 18.7639,21 H 5.23607 C 3.7493,21 2.78231,19.4354 3.44722,18.1056 Z"
|
||||
stroke="#000000"
|
||||
stroke-width="2"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
id="path184"
|
||||
style="stroke:#ff0000;stroke-opacity:1" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2 KiB |
|
|
@ -28,7 +28,7 @@
|
|||
<div class="wrapgroup">
|
||||
<div class="flexobject button pinkborder">
|
||||
<a href="/about.html">
|
||||
<img src="/assets/img/icons/header/info.svg">
|
||||
<img src="/assets/img/icons/header/about.svg">
|
||||
<p>about</p>
|
||||
</a>
|
||||
</div>
|
||||
|
|
|
|||
324
clients.html
324
clients.html
|
|
@ -2,7 +2,7 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Pogmom Suite | About</title>
|
||||
<title>Pogmom Suite | Clients</title>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<link rel="stylesheet" href="/style/css/style.css">
|
||||
</head>
|
||||
|
|
@ -17,27 +17,30 @@
|
|||
<div class="clientgroup pinkborder">
|
||||
<h2 class="groupheader">Desktop</h2>
|
||||
<div class="groupcontent">
|
||||
<h2>Nextcloud Client</h2>
|
||||
<div class="flexrow">
|
||||
<h2>Nextcloud Desktop Client</h2>
|
||||
<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>
|
||||
<p>Cross-platform Nextcloud client for synchronizing files</p>
|
||||
<a class="button pinkborder" href="https://nextcloud.com/install/#desktop-files">
|
||||
<p>Visit Now</p>
|
||||
<p>Download</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://github.com/nextcloud/desktop">
|
||||
<p>View Source</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clientgroup pinkborder">
|
||||
<h2 class="groupheader">Mobile</h2>
|
||||
<div class="groupcontent">
|
||||
<h2>Nextcloud App</h2>
|
||||
<div class="flexrow">
|
||||
<h2>Nextcloud Files</h2>
|
||||
<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>
|
||||
<p>Official Nextcloud client for synchronizing files on mobile devices</p>
|
||||
<a class="button pinkborder" href="https://f-droid.org/packages/com.nextcloud.client/">
|
||||
<p>F-Droid</p>
|
||||
</a>
|
||||
|
|
@ -45,7 +48,13 @@
|
|||
<p>Google Play Store</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://itunes.apple.com/us/app/nextcloud/id1125420102">
|
||||
<p>App Store</p>
|
||||
<p>Apple App Store</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://github.com/nextcloud/android">
|
||||
<p>View Source (Android)</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://github.com/nextcloud/ios">
|
||||
<p>View Source (iOS)</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -58,8 +67,8 @@
|
|||
<div class="clientgroup pinkborder">
|
||||
<h2 class="groupheader">Desktop</h2>
|
||||
<div class="groupcontent">
|
||||
<h2>Mastodon</h2>
|
||||
<div class="flexrow">
|
||||
<h2>Mastodon</h2>
|
||||
<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>
|
||||
|
|
@ -71,8 +80,8 @@
|
|||
<div class="clientgroup pinkborder">
|
||||
<h2 class="groupheader">Mobile</h2>
|
||||
<div class="groupcontent">
|
||||
<h2>Mastodon App</h2>
|
||||
<div class="flexrow">
|
||||
<h2>Mastodon App</h2>
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/android.svg">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
|
||||
</div>
|
||||
|
|
@ -84,7 +93,7 @@
|
|||
<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>
|
||||
<p>Apple App Store</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://github.com/mastodon/mastodon-android">
|
||||
<p>View Source (Android)</p>
|
||||
|
|
@ -92,8 +101,8 @@
|
|||
<a class="button pinkborder" href="https://github.com/mastodon/mastodon-ios">
|
||||
<p>View Source (iOS)</p>
|
||||
</a>
|
||||
<h2>Fedilab</h2>
|
||||
<div class="flexrow">
|
||||
<h2>Fedilab</h2>
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/android.svg">
|
||||
</div>
|
||||
<p>A multifunctional Android client to access the distributed Fediverse</p>
|
||||
|
|
@ -106,13 +115,13 @@
|
|||
<a class="button pinkborder" href="https://github.com/caraesten/Fedilab">
|
||||
<p>View Source</p>
|
||||
</a>
|
||||
<h2>Ice Cubes</h2>
|
||||
<div class="flexrow">
|
||||
<h2>Ice Cubes</h2>
|
||||
<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>
|
||||
<p>Apple App Store</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://github.com/Dimillian/IceCubesApp">
|
||||
<p>View Source</p>
|
||||
|
|
@ -140,8 +149,8 @@
|
|||
<div class="clientgroup pinkborder">
|
||||
<h2 class="groupheader">Mobile</h2>
|
||||
<div class="groupcontent">
|
||||
<h2>Pixelfed App</h2>
|
||||
<div class="flexrow">
|
||||
<h2>Pixelfed App</h2>
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/android.svg">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
|
||||
</div>
|
||||
|
|
@ -153,13 +162,13 @@
|
|||
<p>Google Play Store</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://apps.apple.com/us/app/pixelfed/id1632519816">
|
||||
<p>App Store</p>
|
||||
<p>Apple 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">
|
||||
<h2>Fedilab</h2>
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/android.svg">
|
||||
</div>
|
||||
<p>A multifunctional Android client to access the distributed Fediverse</p>
|
||||
|
|
@ -172,8 +181,8 @@
|
|||
<a class="button pinkborder" href="https://github.com/caraesten/Fedilab">
|
||||
<p>View Source</p>
|
||||
</a>
|
||||
<h2>Pixelix</h2>
|
||||
<div class="flexrow">
|
||||
<h2>Pixelix</h2>
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/android.svg">
|
||||
</div>
|
||||
<p>User-friendly android client for Pixelfed</p>
|
||||
|
|
@ -196,8 +205,8 @@
|
|||
<div class="clientgroup pinkborder">
|
||||
<h2 class="groupheader">Desktop</h2>
|
||||
<div class="groupcontent">
|
||||
<h2>Peertube</h2>
|
||||
<div class="flexrow">
|
||||
<h2>Peertube</h2>
|
||||
<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>
|
||||
|
|
@ -209,8 +218,8 @@
|
|||
<div class="clientgroup pinkborder">
|
||||
<h2 class="groupheader">Mobile</h2>
|
||||
<div class="groupcontent">
|
||||
<h2>Peertube App</h2>
|
||||
<div class="flexrow">
|
||||
<h2>Peertube App</h2>
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/android.svg">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
|
||||
</div>
|
||||
|
|
@ -222,13 +231,13 @@
|
|||
<p>Google Play Store</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://apps.apple.com/gb/app/peertube/id6737834858">
|
||||
<p>App Store</p>
|
||||
<p>Apple 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">
|
||||
<h2>Fedilab</h2>
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/android.svg">
|
||||
</div>
|
||||
<p>A multifunctional Android client to access the distributed Fediverse</p>
|
||||
|
|
@ -251,19 +260,86 @@
|
|||
<div class="clientgroup pinkborder">
|
||||
<h2 class="groupheader">Desktop</h2>
|
||||
<div class="groupcontent">
|
||||
<h2>Element</h2>
|
||||
<div class="flexrow">
|
||||
<h2>Element</h2>
|
||||
<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">
|
||||
<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>
|
||||
<p>Official Element Matrix client</p>
|
||||
<a class="button pinkborder" href="https://matrix.org/ecosystem/clients/element/">
|
||||
<p>Download</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://github.com/element-hq">
|
||||
<p>View Source</p>
|
||||
</a>
|
||||
<div class="flexrow">
|
||||
<h2>FluffyChat</h2>
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/linux.svg">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/web.svg">
|
||||
</div>
|
||||
<p>Matrix client built with flutter</p>
|
||||
<a class="button pinkborder" href="https://matrix.org/ecosystem/clients/fluffychat/">
|
||||
<p>Download</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://github.com/krille-chan/fluffychat">
|
||||
<p>View Source</p>
|
||||
</a>
|
||||
<div class="flexrow">
|
||||
<h2>Cinny</h2>
|
||||
<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>Matrix client focusing primarily on simple, elegant and secure interface</p>
|
||||
<a class="button pinkborder" href="https://matrix.org/ecosystem/clients/cinny/">
|
||||
<p>Download</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://github.com/cinnyapp/cinny">
|
||||
<p>View Source</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clientgroup pinkborder">
|
||||
<h2 class="groupheader">Mobile</h2>
|
||||
<div class="groupcontent">
|
||||
<div class="flexrow">
|
||||
<h2>Element</h2>
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/android.svg">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
|
||||
</div>
|
||||
<p>Official Element Matrix client</p>
|
||||
<a class="button pinkborder" href="https://f-droid.org/packages/im.vector.app">
|
||||
<p>F-Droid</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://play.google.com/store/apps/details?id=im.vector.app">
|
||||
<p>Google Play Store</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://apps.apple.com/app/vector/id1083446067">
|
||||
<p>Apple App Store</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://github.com/element-hq">
|
||||
<p>View Source</p>
|
||||
</a>
|
||||
<div class="flexrow">
|
||||
<h2>FluffyChat</h2>
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/android.svg">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
|
||||
</div>
|
||||
<p>Matrix client built with flutter</p>
|
||||
<a class="button pinkborder" href="https://f-droid.org/packages/chat.fluffy.fluffychat">
|
||||
<p>F-Droid</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://play.google.com/store/apps/details?id=chat.fluffy.fluffychat">
|
||||
<p>Google Play Store</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://apps.apple.com/app/fluffychat/id1551469600">
|
||||
<p>Apple App Store</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://github.com/krille-chan/fluffychat">
|
||||
<p>View Source</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -274,13 +350,39 @@
|
|||
<div class="clientgroup pinkborder">
|
||||
<h2 class="groupheader">Desktop</h2>
|
||||
<div class="groupcontent">
|
||||
<div class="flexrow">
|
||||
<h2>Jellyfin Media Player</h2>
|
||||
<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>Official Jellyfin desktop client</p>
|
||||
<a class="button pinkborder" href="https://github.com/jellyfin/jellyfin-media-player/releases">
|
||||
<p>Download</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://github.com/jellyfin/jellyfin-media-player">
|
||||
<p>View Source</p>
|
||||
</a>
|
||||
<div class="flexrow">
|
||||
<h2>Fladder</h2>
|
||||
<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>Jellyfin client built with flutter</p>
|
||||
<a class="button pinkborder" href="https://github.com/DonutWare/Fladder/releases/latest">
|
||||
<p>Download</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://github.com/DonutWare/Fladder">
|
||||
<p>View Source</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clientgroup pinkborder">
|
||||
<h2 class="groupheader">Mobile</h2>
|
||||
<div class="groupcontent">
|
||||
<h2>Jellyfin Mobile</h2>
|
||||
<div class="flexrow">
|
||||
<h2>Jellyfin Mobile</h2>
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/android.svg">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
|
||||
</div>
|
||||
|
|
@ -300,8 +402,20 @@
|
|||
<a class="button pinkborder" href="https://github.com/jellyfin/jellyfin-expo">
|
||||
<p>View Source (iOS)</p>
|
||||
</a>
|
||||
<h2>Findroid</h2>
|
||||
<div class="flexrow">
|
||||
<h2>Fladder</h2>
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/android.svg">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
|
||||
</div>
|
||||
<p>Jellyfin client built with flutter</p>
|
||||
<a class="button pinkborder" href="https://github.com/DonutWare/Fladder/releases/latest">
|
||||
<p>Download</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://github.com/DonutWare/Fladder">
|
||||
<p>View Source</p>
|
||||
</a>
|
||||
<div class="flexrow">
|
||||
<h2>Findroid</h2>
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/android.svg">
|
||||
</div>
|
||||
<a class="button pinkborder" href="https://f-droid.org/packages/dev.jdtech.jellyfin">
|
||||
|
|
@ -313,23 +427,18 @@
|
|||
<a class="button pinkborder" href="https://github.com/jarnedemeulemeester/findroid">
|
||||
<p>View Source</p>
|
||||
</a>
|
||||
<h2>Swiftfin</h2>
|
||||
<div class="flexrow">
|
||||
<h2>Swiftfin</h2>
|
||||
<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>
|
||||
<p>Apple 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>
|
||||
<div id="airsonic">
|
||||
|
|
@ -338,8 +447,8 @@
|
|||
<div class="clientgroup pinkborder">
|
||||
<h2 class="groupheader">Desktop</h2>
|
||||
<div class="groupcontent">
|
||||
<h2>Feishin</h2>
|
||||
<div class="flexrow">
|
||||
<h2>Feishin</h2>
|
||||
<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">
|
||||
|
|
@ -351,13 +460,37 @@
|
|||
<a class="button pinkborder" href="https://github.com/jeffvli/feishin">
|
||||
<p>View Source</p>
|
||||
</a>
|
||||
<div class="flexrow">
|
||||
<h2>Supersonic</h2>
|
||||
<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/dweymouth/supersonic#installation">
|
||||
<p>Download</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://github.com/dweymouth/supersonic">
|
||||
<p>View Source</p>
|
||||
</a>
|
||||
<div class="flexrow">
|
||||
<h2>Submariner</h2>
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
|
||||
</div>
|
||||
<p>Native MacOS client for subsonic-compatible media servers</p>
|
||||
<a class="button pinkborder" href="https://submarinerapp.com/">
|
||||
<p>Download</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://github.com/SubmarinerApp/Submariner">
|
||||
<p>View Source</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clientgroup pinkborder">
|
||||
<h2 class="groupheader">Mobile</h2>
|
||||
<div class="groupcontent">
|
||||
<h2>Ultrasonic</h2>
|
||||
<div class="flexrow">
|
||||
<h2>Ultrasonic</h2>
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/android.svg">
|
||||
</div>
|
||||
<p>Android client for subsonic media servers</p>
|
||||
|
|
@ -370,93 +503,152 @@
|
|||
<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">
|
||||
<h2>Symfonium</h2>
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/android.svg">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
|
||||
</div>
|
||||
<div class="flexrow">
|
||||
<div class="flexrow warning">
|
||||
<img src="/assets/img/icons/ui/warning.svg">
|
||||
<p>Proprietary</p>
|
||||
</div>
|
||||
<div class="flexrow warning">
|
||||
<img src="/assets/img/icons/ui/paid.svg">
|
||||
<p>Paid</p>
|
||||
</div>
|
||||
</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">
|
||||
<h2>SubStreamer</h2>
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/android.svg">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
|
||||
</div>
|
||||
<div class="flexrow">
|
||||
<div class="flexrow warning">
|
||||
<img src="/assets/img/icons/ui/warning.svg">
|
||||
<p>Proprietary</p>
|
||||
</div>
|
||||
</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>
|
||||
<p>Apple App Store</p>
|
||||
</a>
|
||||
<h2 style="background-color:red;">play:Sub</h2>
|
||||
<div class="flexrow">
|
||||
<h2>play:Sub</h2>
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
|
||||
</div>
|
||||
<div class="flexrow">
|
||||
<div class="flexrow warning">
|
||||
<img class="platformicon" src="/assets/img/icons/ui/warning.svg">
|
||||
<p>Proprietary</p>
|
||||
</div>
|
||||
<div class="flexrow warning">
|
||||
<img class="platformicon" src="/assets/img/icons/ui/paid.svg">
|
||||
<p>Paid</p>
|
||||
</div>
|
||||
</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>
|
||||
<p>Apple App Store</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="calibre">
|
||||
<h2>Calibre</h2>
|
||||
<div class="flexrow">
|
||||
<div class="clientgroup pinkborder">
|
||||
<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 class="groupheader">Mobile</h2>
|
||||
<div class="groupcontent">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="minecraft">
|
||||
<h2>Minecraft</h2>
|
||||
<div class="flexrow">
|
||||
<div class="clientgroup pinkborder">
|
||||
<h2 class="groupheader">Desktop</h2>
|
||||
<div class="groupcontent">
|
||||
<h2>Prism Launcher</h2>
|
||||
<div class="flexrow">
|
||||
<h2>Prism Launcher</h2>
|
||||
<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>
|
||||
<div class="flexrow">
|
||||
<div class="flexrow warning">
|
||||
<img class="platformicon" src="/assets/img/icons/ui/paid.svg">
|
||||
<p>Paid</p>
|
||||
</div>
|
||||
</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">
|
||||
<h2>Java Edition</h2>
|
||||
<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>
|
||||
<div class="flexrow">
|
||||
<div class="flexrow warning">
|
||||
<img class="platformicon" src="/assets/img/icons/ui/warning.svg">
|
||||
<p>Proprietary</p>
|
||||
</div>
|
||||
<div class="flexrow warning">
|
||||
<img class="platformicon" src="/assets/img/icons/ui/paid.svg">
|
||||
<p>Paid</p>
|
||||
</div>
|
||||
</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 class="flexrow">
|
||||
<h2>Bedrock Edition</h2>
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/windows.svg">
|
||||
</div>
|
||||
<div class="flexrow">
|
||||
<div class="flexrow warning">
|
||||
<img class="platformicon" src="/assets/img/icons/ui/warning.svg">
|
||||
<p>Proprietary</p>
|
||||
</div>
|
||||
<div class="flexrow warning">
|
||||
<img class="platformicon" src="/assets/img/icons/ui/paid.svg">
|
||||
<p>Paid</p>
|
||||
</div>
|
||||
</div>
|
||||
<p>The official Minecraft Bedrock Edition</p>
|
||||
<a class="button pinkborder" href="https://www.xbox.com/en-us/games/store/minecraft-for-windows/9nblggh2jhxj">
|
||||
<p>Download</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clientgroup pinkborder">
|
||||
<h2 class="groupheader">Mobile</h2>
|
||||
<div class="groupcontent">
|
||||
<div class="flexrow">
|
||||
<h2>Bedrock Edition</h2>
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/android.svg">
|
||||
<img class="platformicon" src="/assets/img/icons/platforms/apple.svg">
|
||||
</div>
|
||||
<div class="flexrow">
|
||||
<div class="flexrow warning">
|
||||
<img class="platformicon" src="/assets/img/icons/ui/warning.svg">
|
||||
<p>Proprietary</p>
|
||||
</div>
|
||||
<div class="flexrow warning">
|
||||
<img class="platformicon" src="/assets/img/icons/ui/paid.svg">
|
||||
<p>Paid</p>
|
||||
</div>
|
||||
</div>
|
||||
<p>The official Minecraft Bedrock Edition</p>
|
||||
<a class="button pinkborder" href="https://play.google.com/store/apps/details?id=com.mojang.minecraftpe">
|
||||
<p>Google Play Store</p>
|
||||
</a>
|
||||
<a class="button pinkborder" href="https://apps.apple.com/us/app/minecraft-play-with-friends/id479516143">
|
||||
<p>Apple App Store</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
23
index.html
23
index.html
|
|
@ -21,7 +21,7 @@
|
|||
</a>
|
||||
<div class="buttondetails">
|
||||
<a href="/info.html#nextcloud">
|
||||
<img src="/assets/img/icons/header/info.svg">
|
||||
<img src="/assets/img/icons/ui/info.svg">
|
||||
</a>
|
||||
<a href="/clients.html#nextcloud">
|
||||
<img src="/assets/img/icons/header/download.svg">
|
||||
|
|
@ -35,7 +35,7 @@
|
|||
</a>
|
||||
<div class="buttondetails">
|
||||
<a href="/info.html#mastodon">
|
||||
<img src="/assets/img/icons/header/info.svg">
|
||||
<img src="/assets/img/icons/ui/info.svg">
|
||||
</a>
|
||||
<a href="/clients.html#mastodon">
|
||||
<img src="/assets/img/icons/header/download.svg">
|
||||
|
|
@ -51,7 +51,7 @@
|
|||
</a>
|
||||
<div class="buttondetails">
|
||||
<a href="/info.html#pixelfed">
|
||||
<img src="/assets/img/icons/header/info.svg">
|
||||
<img src="/assets/img/icons/ui/info.svg">
|
||||
</a>
|
||||
<a href="/clients.html#pixelfed">
|
||||
<img src="/assets/img/icons/header/download.svg">
|
||||
|
|
@ -65,7 +65,7 @@
|
|||
</a>
|
||||
<div class="buttondetails">
|
||||
<a href="/info.html#peertube">
|
||||
<img src="/assets/img/icons/header/info.svg">
|
||||
<img src="/assets/img/icons/ui/info.svg">
|
||||
</a>
|
||||
<a href="/clients.html#peertube">
|
||||
<img src="/assets/img/icons/header/download.svg">
|
||||
|
|
@ -79,7 +79,7 @@
|
|||
</a>
|
||||
<div class="buttondetails">
|
||||
<a href="/info.html#element">
|
||||
<img src="/assets/img/icons/header/info.svg">
|
||||
<img src="/assets/img/icons/ui/info.svg">
|
||||
</a>
|
||||
<a href="/clients.html#element">
|
||||
<img src="/assets/img/icons/header/download.svg">
|
||||
|
|
@ -98,7 +98,7 @@
|
|||
</a>
|
||||
<div class="buttondetails">
|
||||
<a href="/info.html#jellyfin">
|
||||
<img src="/assets/img/icons/header/info.svg">
|
||||
<img src="/assets/img/icons/ui/info.svg">
|
||||
</a>
|
||||
<a href="/clients.html#jellyfin">
|
||||
<img src="/assets/img/icons/header/download.svg">
|
||||
|
|
@ -112,7 +112,7 @@
|
|||
</a>
|
||||
<div class="buttondetails">
|
||||
<a href="/info.html#airsonic">
|
||||
<img src="/assets/img/icons/header/info.svg">
|
||||
<img src="/assets/img/icons/ui/info.svg">
|
||||
</a>
|
||||
<a href="/clients.html#airsonic">
|
||||
<img src="/assets/img/icons/header/download.svg">
|
||||
|
|
@ -126,10 +126,7 @@
|
|||
</a>
|
||||
<div class="buttondetails">
|
||||
<a href="/info.html#calibre">
|
||||
<img src="/assets/img/icons/header/info.svg">
|
||||
</a>
|
||||
<a href="/clients.html#calibre">
|
||||
<img src="/assets/img/icons/header/download.svg">
|
||||
<img src="/assets/img/icons/ui/info.svg">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -145,7 +142,7 @@
|
|||
</a>
|
||||
<div class="buttondetails">
|
||||
<a href="/info.html#emulatorjs">
|
||||
<img src="/assets/img/icons/header/info.svg">
|
||||
<img src="/assets/img/icons/ui/info.svg">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -156,7 +153,7 @@
|
|||
</a>
|
||||
<div class="buttondetails">
|
||||
<a href="/info.html#minecraft">
|
||||
<img src="/assets/img/icons/header/info.svg">
|
||||
<img src="/assets/img/icons/ui/info.svg">
|
||||
</a>
|
||||
<a href="/clients.html#minecraft">
|
||||
<img src="/assets/img/icons/header/download.svg">
|
||||
|
|
|
|||
151
info.html
151
info.html
|
|
@ -2,7 +2,7 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Pogmom Suite | About</title>
|
||||
<title>Pogmom Suite | Information</title>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<link rel="stylesheet" href="/style/css/style.css">
|
||||
</head>
|
||||
|
|
@ -11,56 +11,123 @@
|
|||
<div>An Archival & Decentralization Project</div>
|
||||
<div id="header"></div>
|
||||
<hr>
|
||||
<div class="textsection pinkborder" id="nextcloud">
|
||||
<h2>Nextcloud</h2>
|
||||
<p>NextCloud is a productivity and cloud storage platform.<br>
|
||||
<a href="https://nextcloud.com/">Learn more ></a></p>
|
||||
</h2>
|
||||
<div id="nextcloud">
|
||||
<div class="textsection pinkborder">
|
||||
<h2 class="groupheader">Nextcloud</h2>
|
||||
<div class="groupcontent">
|
||||
<p>NextCloud is a productivity and cloud storage platform</p>
|
||||
<p>If prompted for a server address while setting up a compatible client, enter <span class="termtext">https://cloud.pogmom.me</span></p>
|
||||
<a class="button pinkborder" href="https://nextcloud.com/">
|
||||
<p>Learn more</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="textsection pinkborder" id="mastodon">
|
||||
<h2>Mastodon</h2>
|
||||
<p>Mastodon is a federated microblogging social media platform powered by ActivityPub.<br>
|
||||
<a href="https://joinmastodon.org/">Learn more ></a></p>
|
||||
<div id="mastodon">
|
||||
<div class="textsection pinkborder">
|
||||
<h2 class="groupheader">Mastodon</h2>
|
||||
<div class="groupcontent">
|
||||
<p>Mastodon is a federated microblogging social media platform powered by ActivityPub</p>
|
||||
<p>If prompted for a server address while setting up a compatible client, enter <span class="termtext">https://masto.pogmom.me</span></p>
|
||||
<a class="button pinkborder" href="https://joinmastodon.org/">
|
||||
<p>Learn more</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="textsection pinkborder" id="pixel">
|
||||
<h2>Pixelfed</h2>
|
||||
<p>Pixelfed is a federated image sharing social media platform powered by ActivityPub.<br>
|
||||
<a href="https://pixelfed.org/">Learn more ></a></p>
|
||||
<div id="pixelfed">
|
||||
<div class="textsection pinkborder">
|
||||
<h2 class="groupheader">Pixelfed</h2>
|
||||
<div class="groupcontent">
|
||||
<p>Pixelfed is a federated image sharing social media platform powered by ActivityPub</p>
|
||||
<p>If prompted for a server address while setting up a compatible client, enter <span class="termtext">https://pixel.pogmom.me</span></p>
|
||||
<a class="button pinkborder" href="https://pixelfed.org/">
|
||||
<p>Learn more</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="textsection pinkborder" id="peertube">
|
||||
<h2>Peertube</h2>
|
||||
<p>Peertube is a federated video platform powered by ActivityPub.<br>
|
||||
<a href="https://joinpeertube.org/">Learn more ></a></p>
|
||||
<div id="peertube">
|
||||
<div class="textsection pinkborder">
|
||||
<h2 class="groupheader">Peertube</h2>
|
||||
<div class="groupcontent">
|
||||
<p>Peertube is a federated video platform powered by ActivityPub</p>
|
||||
<p>If prompted for a server address while setting up a compatible client, enter <span class="termtext">https://peertube.pogmom.me</span></p>
|
||||
<a class="button pinkborder" href="https://joinpeertube.org/">
|
||||
<p>Learn more</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="textsection pinkborder" id="element">
|
||||
<h2>Element</h2>
|
||||
<p>Element is a frontend for Matrix, a federated real-time communication platform.<br>
|
||||
<a href="https://element.io/">Learn more ></a></p>
|
||||
<div id="element">
|
||||
<div class="textsection pinkborder">
|
||||
<h2 class="groupheader">Element</h2>
|
||||
<div class="groupcontent">
|
||||
<p>Element is a frontend for Matrix, a federated real-time communication platform</p>
|
||||
<p>If prompted for a server address while setting up a compatible client, enter <span class="termtext">https://chat.pogmom.me</span></p>
|
||||
<a class="button pinkborder" href="https://element.io/">
|
||||
<p>Learn more</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="textsection pinkborder" id="jellyfin">
|
||||
<h2>Jellyfin</h2>
|
||||
<p>Jellyfin is a Movie, Television, and Music streaming service.<br>
|
||||
<a href="https://jellyfin.org/">Learn more ></a></p>
|
||||
<div id="jellyfin">
|
||||
<div class="textsection pinkborder">
|
||||
<h2 class="groupheader">Jellyfin</h2>
|
||||
<div class="groupcontent">
|
||||
<p>Jellyfin is a Movie, Television, and Music streaming service.</p>
|
||||
<p>If prompted for a server address while setting up a compatible client, enter <span class="termtext">https://watch.pogmom.me</span></p>
|
||||
<a class="button pinkborder" href="https://jellyfin.org/">
|
||||
<p>Learn more</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="textsection pinkborder" id="airsonic">
|
||||
<h2>Airsonic</h2>
|
||||
<p>Airsonic is fully-featured music server powered by the Subsonic API.<br>
|
||||
<a href="https://github.com/airsonic-advanced/airsonic-advanced">Learn more ></a></p>
|
||||
<div id="airsonic">
|
||||
<div class="textsection pinkborder">
|
||||
<h2 class="groupheader">Airsonic</h2>
|
||||
<div class="groupcontent">
|
||||
<p>Airsonic is fully-featured music server powered by the Subsonic API</p>
|
||||
<p>If prompted for a server address while setting up a compatible client, enter <span class="termtext">https://listen.pogmom.me</span></p>
|
||||
<a class="button pinkborder" href="https://github.com/airsonic-advanced/airsonic-advanced">
|
||||
<p>Learn more</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="textsection pinkborder" id="calibre">
|
||||
<h2>Calibre</h2>
|
||||
<p>Calibre-Web is an online reader for Text Books, Novels, Comic Books, and Manga.<br>
|
||||
<a href="https://github.com/janeczku/calibre-web">Learn more ></a></p>
|
||||
<div id="calibre">
|
||||
<div class="textsection pinkborder">
|
||||
<h2 class="groupheader">Calibre</h2>
|
||||
<div class="groupcontent">
|
||||
<p>Calibre-Web is an online reader for Text Books, Novels, Comic Books, and Manga</p>
|
||||
<a class="button pinkborder" href="https://github.com/janeczku/calibre-web">
|
||||
<p>Learn more</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="textsection pinkborder" id="emulatorjs">
|
||||
<h2>EmulatorJS</h2>
|
||||
<p>EmulatorJS is a retro game catalog playable in your browser.<br>
|
||||
<a href="https://emulatorjs.org/">Learn more ></a></p>
|
||||
<div id="emulatorjs">
|
||||
<div class="textsection pinkborder">
|
||||
<h2 class="groupheader">EmulatorJS</h2>
|
||||
<div class="groupcontent">
|
||||
<p>EmulatorJS is a retro game catalog playable in your browser</p>
|
||||
<a class="button pinkborder" href="https://emulatorjs.org/">
|
||||
<p>Learn more</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="textsection pinkborder" id="minecraft">
|
||||
<h2>Minecraft</h2>
|
||||
<p>A survival Minecraft server compatible with both the Java and Bedrock editions of Minecraft.<br>
|
||||
<a href="https://minecraft.net">Learn more ></a></p>
|
||||
<div id="minecraft">
|
||||
<div class="textsection pinkborder">
|
||||
<h2 class="groupheader">Minecraft</h2>
|
||||
<div class="groupcontent">
|
||||
<p>A survival Minecraft server compatible with both the Java and Bedrock editions of Minecraft</p>
|
||||
<p>If prompted for a server address while setting up a compatible client, enter <span class="termtext">mc.pogmom.me</span></p>
|
||||
<a class="button pinkborder" href="https://minecraft.net/">
|
||||
<p>Learn more</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div id="footer"></div>
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@ h1 {
|
|||
transition: 0.25s;
|
||||
}
|
||||
.flexrow {
|
||||
margin: 2vmax 0;
|
||||
margin: 1vh 0;
|
||||
}
|
||||
.flexrow,.wrapgroup{
|
||||
display:flex;
|
||||
|
|
@ -70,6 +70,26 @@ h1 {
|
|||
border-width: 3px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.warning {
|
||||
padding: 0.5vh 1vh;
|
||||
width: fit-content;
|
||||
margin: 0 1vmin;
|
||||
border-style: solid;
|
||||
border-color: #f00;
|
||||
border-width: 3px;
|
||||
border-radius: 8px;
|
||||
> p {
|
||||
color: red;
|
||||
margin: auto 0;
|
||||
}
|
||||
> h2 {
|
||||
margin: auto 0;
|
||||
}
|
||||
> img {
|
||||
margin: auto 1vh auto 0px;
|
||||
height: 1em;
|
||||
}
|
||||
}
|
||||
.flexobject {
|
||||
> a {
|
||||
min-width: 75px;
|
||||
|
|
@ -99,7 +119,10 @@ h1 {
|
|||
}
|
||||
}
|
||||
.platformicon{
|
||||
margin: 0 1vw
|
||||
margin: 0px 0px 7px 0.75vmin;
|
||||
}
|
||||
h2:has(+ .platformicon) {
|
||||
margin: auto 0;
|
||||
}
|
||||
.icon-inline {
|
||||
width: 1.5em;
|
||||
|
|
@ -108,23 +131,38 @@ h1 {
|
|||
margin: auto 1vw;
|
||||
}
|
||||
.textsection {
|
||||
padding: 0 2vw 2vh;
|
||||
margin: 2vh 10vw;
|
||||
margin: 2vh auto;
|
||||
max-width: 600px;
|
||||
> .groupcontent {
|
||||
margin-top: 3vh;
|
||||
}
|
||||
}
|
||||
.clientgroup{
|
||||
.clientgroup {
|
||||
flex: 1 1 0px;
|
||||
flex-wrap: wrap;
|
||||
min-width: 40vh;
|
||||
margin: 2vh 2vw;
|
||||
height: fit-content;
|
||||
}
|
||||
.clientgroup,.textsection{
|
||||
> .groupheader {
|
||||
background-color: #da74e5;
|
||||
color: #000;
|
||||
margin-top: 0;
|
||||
}
|
||||
> .groupcontent {
|
||||
padding: 0 2vw 2vh;
|
||||
padding: 0 2vw 2vh;
|
||||
> .flexrow:has(h2) {
|
||||
margin-top: 3vh;
|
||||
}
|
||||
}
|
||||
}
|
||||
.termtext {
|
||||
font-family:monospace;
|
||||
background-color: #da75e5ff;
|
||||
padding: 0px 3px;
|
||||
color: #000;
|
||||
}
|
||||
:target {
|
||||
/* box-shadow: 0px 0px 30px #da75e5dd;*/
|
||||
background-color: #da75e522;
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue