From 597e9f98c169ffaaff5b159d597ceaa469b8431f Mon Sep 17 00:00:00 2001 From: Penelope Gwen Date: Tue, 18 Feb 2025 23:36:26 -0800 Subject: [PATCH] working on client and info pages --- assets/img/icons/header/download-black.svg | 43 +++++++ assets/img/icons/header/info-black.svg | 43 +++++++ assets/views/footer.html | 80 +++++++----- assets/views/header.html | 14 +-- clients.html | 140 +++++++++++++++++++++ index.html | 136 +++++++++++++++----- info.html | 69 ++++++++++ style/css/style.css | 52 ++++++-- 8 files changed, 503 insertions(+), 74 deletions(-) create mode 100644 assets/img/icons/header/download-black.svg create mode 100644 assets/img/icons/header/info-black.svg create mode 100644 clients.html create mode 100644 info.html diff --git a/assets/img/icons/header/download-black.svg b/assets/img/icons/header/download-black.svg new file mode 100644 index 0000000..17f1bcd --- /dev/null +++ b/assets/img/icons/header/download-black.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/assets/img/icons/header/info-black.svg b/assets/img/icons/header/info-black.svg new file mode 100644 index 0000000..2886522 --- /dev/null +++ b/assets/img/icons/header/info-black.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/assets/views/footer.html b/assets/views/footer.html index 34204b3..d2aa1db 100644 --- a/assets/views/footer.html +++ b/assets/views/footer.html @@ -1,36 +1,56 @@
- - - - - - - - pixelfed icon - - - - - - - +
+ + + +
+
+ + + +
+
+ + pixelfed icon + +
+
+ + + +
+
+ + + +
- - - - - - - - - - - - - - - +
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
diff --git a/assets/views/header.html b/assets/views/header.html index 8840e53..cd0d857 100644 --- a/assets/views/header.html +++ b/assets/views/header.html @@ -1,24 +1,24 @@
-
+
account icon

suite
-
+
account icon

account
-
+

register
-
+

request

@@ -26,19 +26,19 @@
-
+

about
-
+

donate
-
+

status

diff --git a/clients.html b/clients.html new file mode 100644 index 0000000..09ac95a --- /dev/null +++ b/clients.html @@ -0,0 +1,140 @@ + + + + + Pogmom Suite | About + + + + +

Pogmom Suite

+
An Archival & Decentralization Project
+ +
+
+

Nextcloud

+
+
+

Desktop

+

Visit the Nextcloud website to download the desktop client for your system.

+
+
+

Mobile

+

Android

+

Nextcloud
Official Nextcloud client for Android
F-Droid >
Google Play Store >

+

iOS

+

Nextcloud
Official Nextcloud client for iOS
App Store >

+
+
+ +
+
+

Mastodon

+
+
+

Desktop

+

It is recommended to use your browser to interface with Mastodon on desktop platforms

+
+
+

Mobile

+

Android

+

Fedilab
A multifunctional Android client to access the distributed Fediverse
F-Droid >
Google Play Store >

+

Mastodon
Official Mastodon client for Android
F-Droid >
Google Play Store >

+

iOS

+

Mastodon
Official Mastodon client for iOS
App Store >

+
+
+
+
+

Pixelfed

+
+
+

Desktop

+
+
+

Mobile

+
+
+
+
+

Peertube

+
+
+

Desktop

+
+
+

Mobile

+
+
+
+
+

Element

+
+
+

Desktop

+
+
+

Mobile

+
+
+
+
+

Jellyfin

+
+
+

Desktop

+
+
+

Mobile

+
+
+
+
+

Airsonic

+
+
+

Desktop

+
+
+

Mobile

+
+
+
+
+

Calibre

+
+
+

Desktop

+
+
+

Mobile

+
+
+
+
+

EmulatorJS

+
+
+

Desktop

+
+
+

Mobile

+
+
+
+
+

Minecraft

+
+
+

Desktop

+
+
+

Mobile

+
+
+
+
+ + + + diff --git a/index.html b/index.html index f95320f..a2b36b8 100644 --- a/index.html +++ b/index.html @@ -14,79 +14,157 @@

Social

-
+

Nextcloud

 +
+ + + + + + +
-
+

Mastodon

 +
+ + + + + + +
-
+
- -

Pixelfed

+ +

Pixelfed

 +
+ + + + + + +
-
+
- -

Peertube

+ +

Peertube

 +
+ + + + + + +
-
+
- -

Element

+ +

Element

 +
+ + + + + + +

Multimedia

-
+
- -

Calibre

+ +

Jellyfin

 +
+ + + + + + +
-
+
- -

Jellyfin

- -
-
- - -

Airsonic

+ +

Airsonic

 +
+ + + + + + +
+
+ + +

Calibre

+ +
+ + + + + + +
+

Games

-
+
- -

EmulatorJS

+ +

EmuJS

 +
+ + + + + + +
-
+

Minecraft

 -

about

-

clients

+
+ + + + + + +
diff --git a/info.html b/info.html new file mode 100644 index 0000000..015fcfd --- /dev/null +++ b/info.html @@ -0,0 +1,69 @@ + + + + + Pogmom Suite | About + + + + +

Pogmom Suite

+
An Archival & Decentralization Project
+ +
+
+

Nextcloud

+

NextCloud is a productivity and cloud storage platform.
+ Learn more >

+ +
+
+

Mastodon

+

Mastodon is a federated microblogging social media platform powered by ActivityPub.
+ Learn more >

+
+
+

Pixelfed

+

Pixelfed is a federated image sharing social media platform powered by ActivityPub.
+ Learn more >

+
+
+

Peertube

+

Peertube is a federated video platform powered by ActivityPub.
+ Learn more >

+
+
+

Element

+

Element is a frontend for Matrix, a federated real-time communication platform.
+ Learn more >

+
+
+

Jellyfin

+

Jellyfin is a Movie, Television, and Music streaming service.
+ Learn more >

+
+
+

Airsonic

+

Airsonic is fully-featured music server powered by the Subsonic API.
+ Learn more >

+
+
+

Calibre

+

Calibre-Web is an online reader for Text Books, Novels, Comic Books, and Manga.
+ Learn more >

+
+
+

EmulatorJS

+

EmulatorJS is a retro game catalog playable in your browser.
+ Learn more >

+
+
+

Minecraft

+

A survival Minecraft server compatible with both the Java and Bedrock editions of Minecraft.
+ Learn more >

+
+
+ + + + diff --git a/style/css/style.css b/style/css/style.css index e5581fd..5cf77bc 100644 --- a/style/css/style.css +++ b/style/css/style.css @@ -2,14 +2,15 @@ body { background-color: #000000; margin: 0 5vw; } -h1,h2,p,hr { +h1,h2,h3,p,a,hr { color: #da74e5; } -h1,h2,p{ +h1,h2,h3,p,a{ font-family: 'Overpass', sans-serif; font-weight: 50; text-align: center; margin-bottom: 0; + text-decoration: none; } h1 { font-size: 3em; @@ -41,9 +42,9 @@ h1 { } } .footer { - .wrapgroup > .flexbutton { - min-width: 5vmin; - padding: 1vmax; + .wrapgroup > .flexbutton > a { + min-width: 35px; +/* padding: 1vmax;*/ } } .flexbutton,.flexbutton > a { @@ -51,27 +52,62 @@ h1 { flex-direction: column; justify-content: center; } -.flexbutton { +.pinkborder { border-style: solid; border-color: #da74e5; border-width: 3px; border-radius: 8px; +} +.flexbutton { margin: 1vh 1vw; transition: 0.5s; - a { + > a { min-width: 75px; text-decoration: none; padding: 1.5vh; - p { + > p { font-size: 1em; margin-bottom: 0px; } } + > .buttondetails { + display:flex; + flex-direction: row; + width: 100%; + justify-content: space-evenly; + > a { + width: 50%; + padding: 10px 0; + > img { + display: block; + margin: 0 auto; + } + } + > a:hover { + opacity: 50%; + } + } } + .flexbutton:hover { box-shadow: 0px 0px 30px #da75e5dd; transition: 0.25s; } +.textsection { + padding: 0 2vw 2vh; + margin: 2vh 10vw; +} +.clientgroup{ + width: 40%; +/* flex-grow:1;*/ + margin: 0vh 2vw; +} +:target { +/* box-shadow: 0px 0px 30px #da75e5dd;*/ + background-color: #da75e533; + border-radius: 13px; + padding: 2vh 0; +} /* latin-ext */ @font-face { font-family: 'Overpass';