mirror of
https://github.com/jellyfin/jellyfin.org.git
synced 2024-10-07 03:13:28 +00:00
Merge pull request #492 from jellyfin/nvv-contact-updates
Update contact page
This commit is contained in:
Joshua M. Boniface
GitHub
commit
68230c62d4
@ -42,19 +42,6 @@
|
||||
border-color: #d93b00;
|
||||
}
|
||||
|
||||
.button--telegram {
|
||||
background-color: #26a5e4;
|
||||
border-color: #26a5e4;
|
||||
}
|
||||
.button--telegram:hover {
|
||||
background-color: #1b97d5;
|
||||
border-color: #1b97d5;
|
||||
}
|
||||
.button--telegram:active {
|
||||
background-color: #198fc9;
|
||||
border-color: #198fc9;
|
||||
}
|
||||
|
||||
.button--twitter {
|
||||
background-color: #1da1f2;
|
||||
border-color: #1da1f2;
|
||||
@ -79,4 +66,4 @@
|
||||
.button--mastodon:active {
|
||||
background-color: #2f0c7a;
|
||||
border-color: #2f0c7a;
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,11 +1,9 @@
|
||||
import { Element } from '@icons-pack/react-simple-icons';
|
||||
import React, { useState } from 'react';
|
||||
import React from 'react';
|
||||
|
||||
import './ContactCard.scss';
|
||||
|
||||
const MatrixCard = () => {
|
||||
const [isAllRoomsVisible, setAllRoomsVisible] = useState(false);
|
||||
|
||||
return (
|
||||
<div className='card card--contact'>
|
||||
<div className='card__header' style={{ display: 'flex' }}>
|
||||
@ -20,72 +18,58 @@ const MatrixCard = () => {
|
||||
</div>
|
||||
<div className='card__footer container'>
|
||||
<div className='row margin-bottom--md'>
|
||||
<div className='col text--center'>
|
||||
<button
|
||||
className='button button--sm button--secondary button--outline'
|
||||
onClick={() => {
|
||||
setAllRoomsVisible(!isAllRoomsVisible);
|
||||
}}
|
||||
>
|
||||
View All Rooms
|
||||
</button>
|
||||
<div className='col col--6'>
|
||||
<h4>General Rooms</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<a href='https://matrix.to/#/#jellyfin:matrix.org'>#jellyfin</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='https://matrix.to/#/#jellyfin-announce:matrix.org'>#jellyfin-announce</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='https://matrix.to/#/#jellyfin-troubleshooting:matrix.org'>#jellyfin-troubleshooting</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='https://matrix.to/#/#jellyfin-offtopic:matrix.org'>#jellyfin-offtopic</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='https://matrix.to/#/#jellyfin-translate:matrix.org'>#jellyfin-translate</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className='col col--6'>
|
||||
<h4>Development Rooms</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<a href='https://matrix.to/#/#jellyfin-dev:matrix.org'>#jellyfin-dev</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='https://matrix.to/#/#jellyfin-dev-client:matrix.org'>#jellyfin-dev-client</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='https://matrix.to/#/#jellyfin-dev-android:matrix.org'>#jellyfin-dev-android</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='https://matrix.to/#/#jellyfin-dev-ios:matrix.org'>#jellyfin-dev-ios</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='https://matrix.to/#/#jellyfin-dev-ios:matrix.org'>#jellyfin-vue</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='https://matrix.to/#/#jellyfin-dev-ios:matrix.org'>#jellyfin-dev-roku</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='https://matrix.to/#/#jellyfin-dev-python:matrix.org'>#jellyfin-dev-python</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='https://matrix.to/#/#jellyfin-ui-ux:matrix.org'>#jellyfin-ui-ux</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{isAllRoomsVisible && (
|
||||
<div className='row margin-bottom--md'>
|
||||
<div className='col col--3 col--offset-3'>
|
||||
<h4>General Rooms</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<a href='https://matrix.to/#/#jellyfin:matrix.org'>#jellyfin</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='https://matrix.to/#/#jellyfin-announce:matrix.org'>#jellyfin-announce</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='https://matrix.to/#/#jellyfin-troubleshooting:matrix.org'>#jellyfin-troubleshooting</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='https://matrix.to/#/#jellyfin-offtopic:matrix.org'>#jellyfin-offtopic</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='https://matrix.to/#/#jellyfin-translate:matrix.org'>#jellyfin-translate</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className='col col--3'>
|
||||
<h4>Development Rooms</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<a href='https://matrix.to/#/#jellyfin-dev:matrix.org'>#jellyfin-dev</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='https://matrix.to/#/#jellyfin-dev-client:matrix.org'>#jellyfin-dev-client</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='https://matrix.to/#/#jellyfin-dev-android:matrix.org'>#jellyfin-dev-android</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='https://matrix.to/#/#jellyfin-dev-ios:matrix.org'>#jellyfin-dev-ios</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='https://matrix.to/#/#jellyfin-dev-ios:matrix.org'>#jellyfin-vue</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='https://matrix.to/#/#jellyfin-dev-ios:matrix.org'>#jellyfin-dev-roku</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='https://matrix.to/#/#jellyfin-dev-python:matrix.org'>#jellyfin-dev-python</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='https://matrix.to/#/#jellyfin-ui-ux:matrix.org'>#jellyfin-ui-ux</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
<div className='row'>
|
||||
<div className='col col--6 col--offset-3'>
|
||||
<div className='col col--12'>
|
||||
<a href='https://matrix.to/#/#jellyfinorg:matrix.org' className='button button--block button--matrix'>
|
||||
Join the Jellyfin Space
|
||||
</a>
|
||||
|
||||
@ -1,34 +0,0 @@
|
||||
import { Telegram } from '@icons-pack/react-simple-icons';
|
||||
import React from 'react';
|
||||
|
||||
import './ContactCard.scss';
|
||||
|
||||
const TelegramCard = () => (
|
||||
<div className='card card--contact'>
|
||||
<div className='card__header' style={{ display: 'flex' }}>
|
||||
<h3 className='margin-bottom--none' style={{ flexGrow: 1 }}>
|
||||
Telegram
|
||||
</h3>
|
||||
<Telegram />
|
||||
</div>
|
||||
<div className='card__body'>
|
||||
The chats on Telegram are <strong>not</strong> bridged to the official Matrix rooms.
|
||||
</div>
|
||||
<div className='card__footer'>
|
||||
<div className='margin-bottom--xs'>
|
||||
<small>Release Announcements:</small>
|
||||
</div>
|
||||
<a href='https://t.me/jellyfinofficial' className='button button--block button--telegram'>
|
||||
@JellyfinOfficial
|
||||
</a>
|
||||
<div className='margin-vert--xs'>
|
||||
<small>Troubleshooting and Chat:</small>
|
||||
</div>
|
||||
<a href='https://t.me/jellyfinchat' className='button button--block button--telegram'>
|
||||
@JellyfinChat
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
export default TelegramCard;
|
||||
@ -5,7 +5,6 @@ import DiscordCard from '../components/contact/DiscordCard';
|
||||
import IrcCard from '../components/contact/IrcCard';
|
||||
import MatrixCard from '../components/contact/MatrixCard';
|
||||
import RedditCard from '../components/contact/RedditCard';
|
||||
import TelegramCard from '../components/contact/TelegramCard';
|
||||
import TwitterCard from '../components/contact/TwitterCard';
|
||||
import MastodonCard from '../components/contact/MastodonCard';
|
||||
|
||||
@ -24,15 +23,12 @@ export default function Contact() {
|
||||
</div>
|
||||
</div>
|
||||
<div className='row'>
|
||||
<div className='col col--12 margin-bottom--md' style={{ display: 'flex' }}>
|
||||
<div className='col col--8 margin-bottom--md' style={{ display: 'flex' }}>
|
||||
<MatrixCard />
|
||||
</div>
|
||||
<div className='col margin-bottom--md' style={{ display: 'flex' }}>
|
||||
<div className='col col--4 margin-bottom--md' style={{ display: 'flex' }}>
|
||||
<DiscordCard />
|
||||
</div>
|
||||
<div className='col margin-bottom--md' style={{ display: 'flex' }}>
|
||||
<TelegramCard />
|
||||
</div>
|
||||
</div>
|
||||
<div className='row'>
|
||||
<div className='col margin-bottom--md text--center'>
|
||||
@ -48,7 +44,7 @@ export default function Contact() {
|
||||
</div>
|
||||
{isOtherChatVisible && (
|
||||
<div className='row'>
|
||||
<div className='col margin-bottom--md'>
|
||||
<div className='col col--12 margin-bottom--md'>
|
||||
<IrcCard />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user