Organize main site images

docusaurus.config.js

@@ -6,11 +6,11 @@ module.exports = {
   baseUrl: '/',
   onBrokenLinks: 'warn',
   onBrokenMarkdownLinks: 'warn',
-  favicon: 'img/favicon.ico',
+  favicon: 'images/favicon.ico',
   organizationName: 'jellyfin',
   projectName: 'jellyfin.org',
   themeConfig: {
-    image: 'img/social.png',
+    image: 'images/social.png',
     announcementBar: {
       id: 'work_in_progress', // Any value that will identify this message.
       content:
@@ -32,7 +32,7 @@ module.exports = {
     navbar: {
       logo: {
         alt: 'Jellyfin logo',
-        src: 'img/logo.svg'
+        src: 'images/logo.svg'
       },
       items: [
         {

src/components/BuiltByVolunteers.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import Svg from '../../static/img/people.svg';
+import Svg from '../../static/images/icons/people.svg';
 import styles from './BuiltByVolunteers.modules.css';
 
 export default function BuiltByVolunteers() {

src/components/FreeSoftware.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import Svg from '../../static/img/icon-transparent.svg';
+import Svg from '../../static/images/icon-transparent.svg';
 import styles from './FreeSoftware.modules.css';
 
 export default function FreeSoftware() {
@@ -23,7 +23,7 @@ export default function FreeSoftware() {
             <img
               alt="Jellyfin home screen"
               className="shadow--md"
-              src={require('../../static/img/home-10.7.png').default}
+              src={require('/static/images/screenshots/home-10.7.png').default}
             />
           </div>
         </div>

src/components/HomepageFeatures.tsx

@@ -5,7 +5,7 @@ import styles from './HomepageFeatures.module.css';
 const FeatureList = [
   {
     title: 'Movies',
-    Svg: require('../../static/img/undraw_home_cinema.svg').default,
+    Svg: require('/static/images/illustrations/undraw_home_cinema.svg').default,
     description: (
       <>
         Enjoy your entire movie collection, easy to browse and with beautiful
@@ -15,7 +15,7 @@ const FeatureList = [
   },
   {
     title: 'Shows',
-    Svg: require('../../static/img/undraw_Video_streaming_re.svg').default,
+    Svg: require('/static/images/illustrations/undraw_Video_streaming_re.svg').default,
     description: (
       <>
         Watch your favorite shows, automatically sorted by season and ready to
@@ -25,7 +25,7 @@ const FeatureList = [
   },
   {
     title: 'Music',
-    Svg: require('../../static/img/undraw_compose_music.svg').default,
+    Svg: require('/static/images/illustrations/undraw_compose_music.svg').default,
     description: (
       <>
         Listen to music, your artists and your playlists, at home or on the go.
@@ -34,26 +34,26 @@ const FeatureList = [
   },
   {
     title: 'Live TV & DVR',
-    Svg: require('../../static/img/undraw_game_day.svg').default,
+    Svg: require('/static/images/illustrations/undraw_game_day.svg').default,
     description: (
       <>Watch TV and set automatic recordings to expand your library.</>
     )
   },
   {
     title: 'Books',
-    Svg: require('../../static/img/undraw_book_lover.svg').default,
+    Svg: require('/static/images/illustrations/undraw_book_lover.svg').default,
     description: <>Read your books, comics, and magazines.</>
   },
   {
     title: 'Photos',
-    Svg: require('../../static/img/undraw_group_selfie.svg').default,
+    Svg: require('/static/images/illustrations/undraw_group_selfie.svg').default,
     description: (
       <>Organize your photos and share memories with your friends and family.</>
     )
   },
   {
     title: 'SyncPlay',
-    Svg: require('../../static/img/undraw_real_time_collaboration.svg').default,
+    Svg: require('/static/images/illustrations/undraw_real_time_collaboration.svg').default,
     description: <>Sharing a movie night remotely has never been so easy.</>
   }
 ];

src/components/MoreClients.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import Web from '../../static/img/web.svg';
-import Desktop from '../../static/img/monitor.svg';
+import Web from '../../static/images/icons/web.svg';
+import Desktop from '../../static/images/icons/monitor.svg';
 import {
   Android,
   Apple,
@@ -8,7 +8,7 @@ import {
   Amazon,
   Kodi
 } from '@icons-pack/react-simple-icons';
-import Plus from '../../static/img/plus-thick.svg';
+import Plus from '../../static/images/icons/plus-thick.svg';
 
 export default function MoreClients() {
   return (