Home Explore Help
Sign In
Operations
/
atlas
3
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

use mocked atlas assets hosted on jsgenesis infra

Klaudiusz Dembler 4 years ago
parent
c60b94fff0
commit
87ac11221c
4 changed files with 74 additions and 42 deletions
Split View Show Diff Stats
  1. 8 2
      packages/app/public/index.html
  2. 57 28
      packages/app/src/mocking/data/mockImages.ts
  3. 8 11
      packages/app/src/shared/.storybook/preview-head.html
  4. 1 1
      packages/app/src/views/HomeView.tsx

+ 8 - 2
packages/app/public/index.html
View File 

@@ -4,8 +4,14 @@
 
     <meta charset="utf-8" />
 
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     <meta name="description" content="Joystream Atlas" />
 
-    <link rel="stylesheet" href="https://ben.click/Optimo_11264_K0tfnA/Optimo-PxGrotesk/PxGroteskRegular-Regular.css" />
 
-    <link rel="stylesheet" href="https://ben.click/Optimo_11264_K0tfnA/Optimo-PxGrotesk/PxGroteskBold-Regular.css" />
 
+    <link
 
+      rel="stylesheet"
 
+      href="https://eu-central-1.linodeobjects.com/atlas-assets/fonts/Optimo-PxGrotesk/PxGroteskRegular-Regular.css"
 
+    />
 
+    <link
 
+      rel="stylesheet"
 
+      href="https://eu-central-1.linodeobjects.com/atlas-assets/fonts/Optimo-PxGrotesk/PxGroteskBold-Regular.css"
 
+    />
 
     <title>Atlas</title>
 
   </head>
 
   <body>

+ 57 - 28
packages/app/src/mocking/data/mockImages.ts
View File 

@@ -1,36 +1,65 @@
 
 export const channelSources = [
 
-  'https://source.unsplash.com/collection/781477/320x320',
 
-  'https://source.unsplash.com/collection/895539/320x320',
 
-  'https://source.unsplash.com/collection/162326/320x320',
 
-  'https://source.unsplash.com/collection/472913/320x320',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/channel-avatars/1.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/channel-avatars/2.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/channel-avatars/3.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/channel-avatars/4.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/channel-avatars/5.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/channel-avatars/6.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/channel-avatars/7.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/channel-avatars/8.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/channel-avatars/9.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/channel-avatars/10.jpg',
 
 ]
 
 
 export const posterSources = [
 
-  'https://source.unsplash.com/collection/1538150/640x380',
 
-  'https://source.unsplash.com/collection/1424240/640x380',
 
-  'https://source.unsplash.com/collection/2569191/640x380',
 
-  'https://source.unsplash.com/collection/357786/640x380',
 
-  'https://source.unsplash.com/collection/1360971/640x380',
 
-  'https://source.unsplash.com/collection/935527/640x380',
 
-  'https://source.unsplash.com/collection/1120118/640x380',
 
-  'https://source.unsplash.com/collection/369/640x380',
 
-  'https://source.unsplash.com/collection/827737/640x380',
 
-  'https://source.unsplash.com/collection/782142/640x380',
 
-  'https://source.unsplash.com/collection/1198157/640x380',
 
-  'https://source.unsplash.com/collection/207682/640x380',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/channel-posters/1.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/channel-posters/2.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/channel-posters/3.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/channel-posters/4.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/channel-posters/5.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/channel-posters/6.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/channel-posters/7.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/channel-posters/8.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/channel-posters/9.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/channel-posters/10.jpg',
 
 ]
 
 
 export const coverSources = [
 
-  'https://source.unsplash.com/collection/1538150/1600x900',
 
-  'https://source.unsplash.com/collection/1424240/1600x900',
 
-  'https://source.unsplash.com/collection/2569191/1600x900',
 
-  'https://source.unsplash.com/collection/357786/1600x900',
 
-  'https://source.unsplash.com/collection/1360971/1600x900',
 
-  'https://source.unsplash.com/collection/935527/1600x900',
 
-  'https://source.unsplash.com/collection/1120118/1600x900',
 
-  'https://source.unsplash.com/collection/369/1600x900',
 
-  'https://source.unsplash.com/collection/827737/1600x900',
 
-  'https://source.unsplash.com/collection/782142/1600x900',
 
-  'https://source.unsplash.com/collection/1198157/1600x900',
 
-  'https://source.unsplash.com/collection/207682/1600x900',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/video-thumbnails/1.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/video-thumbnails/2.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/video-thumbnails/3.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/video-thumbnails/4.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/video-thumbnails/5.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/video-thumbnails/6.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/video-thumbnails/7.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/video-thumbnails/8.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/video-thumbnails/9.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/video-thumbnails/10.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/video-thumbnails/11.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/video-thumbnails/12.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/video-thumbnails/13.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/video-thumbnails/14.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/video-thumbnails/15.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/video-thumbnails/16.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/video-thumbnails/17.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/video-thumbnails/18.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/video-thumbnails/19.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/video-thumbnails/20.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/video-thumbnails/21.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/video-thumbnails/22.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/video-thumbnails/23.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/video-thumbnails/24.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/video-thumbnails/25.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/video-thumbnails/26.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/video-thumbnails/27.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/video-thumbnails/28.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/video-thumbnails/29.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/video-thumbnails/30.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/video-thumbnails/31.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/video-thumbnails/32.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/video-thumbnails/33.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/video-thumbnails/34.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/video-thumbnails/35.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/video-thumbnails/36.jpg',
 
+  'https://eu-central-1.linodeobjects.com/atlas-assets/video-thumbnails/37.jpg',
 
 ]

+ 8 - 11
packages/app/src/shared/.storybook/preview-head.html
View File 

@@ -1,16 +1,13 @@
 
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700&display=swap" rel="stylesheet" />
 
-<link rel="stylesheet" href="https://ben.click/Optimo_11264_K0tfnA/Optimo-PxGrotesk/PxGroteskRegular-Regular.css" />
 
-<link rel="stylesheet" href="https://ben.click/Optimo_11264_K0tfnA/Optimo-PxGrotesk/PxGroteskBold-Regular.css" />
 
+<link
 
+  rel="stylesheet"
 
+  href="https://eu-central-1.linodeobjects.com/atlas-assets/fonts/Optimo-PxGrotesk/PxGroteskRegular-Regular.css"
 
+/>
 
+<link
 
+  rel="stylesheet"
 
+  href="https://eu-central-1.linodeobjects.com/atlas-assets/fonts/Optimo-PxGrotesk/PxGroteskBold-Regular.css"
 
+/>
 
 <style>
 
-  @font-face {
 
-    font-family: 'PxGroteskRegular';
 
-    src: url('https://ben.click/Optimo_11264_K0tfnA/Optimo-PxGrotesk/PxGroteskRegular-Regular.css');
 
-  }
 
-  @font-face {
 
-    font-family: 'PxGroteskRegular';
 
-    font-weight: bold;
 
-    src: url('https://ben.click/Optimo_11264_K0tfnA/Optimo-PxGrotesk/PxGroteskBold-Regular.css');
 
-  }
 
   body {
 
     margin: 0;
 
   }

+ 1 - 1
packages/app/src/views/HomeView.tsx
View File 

@@ -9,7 +9,7 @@ import { GetNewestChannels } from '@/api/queries/__generated__/GetNewestChannels
 
 import { GetVideos, GetVideosVariables } from '@/api/queries/__generated__/GetVideos'
 
 import { InfiniteVideoGrid } from '@/shared/components'
 
 
-const backgroundImg = 'https://source.unsplash.com/Nyvq2juw4_o/1920x1080'
 
+const backgroundImg = 'https://eu-central-1.linodeobjects.com/atlas-assets/hero.jpeg'
 
 
 const NEWEST_VIDEOS_COUNT = 8