From 9f0acf97649a2a43ed6f1d06b0106410389420fc Mon Sep 17 00:00:00 2001 From: Keyemail Date: Thu, 6 Jun 2024 19:06:27 -0700 Subject: [PATCH] Finished videos --- src/App.vue | 1 + .../JP-Installing-Windows-Project.png | Bin 0 -> 8604 bytes src/data/videos.js | 4 +- src/views/VideoPage.vue | 87 +++++++++++++++++- src/views/VideosPage.vue | 54 +++++++---- 5 files changed, 124 insertions(+), 22 deletions(-) create mode 100644 src/assets/video_thumbnails/JP-Installing-Windows-Project.png diff --git a/src/App.vue b/src/App.vue index bb321d4..632320d 100644 --- a/src/App.vue +++ b/src/App.vue @@ -19,6 +19,7 @@ export default { :root { --bg-color: #192236; --bg-alt-color: #151d2f; + --bg-alt-hover-color: #111726; --fg-color: #fff; --padding: 20px; } diff --git a/src/assets/video_thumbnails/JP-Installing-Windows-Project.png b/src/assets/video_thumbnails/JP-Installing-Windows-Project.png new file mode 100644 index 0000000000000000000000000000000000000000..b984d591c911c602d74aec5d9e4ecebf4de1c1b2 GIT binary patch literal 8604 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 NNWlM7L}D87{{X*L&NTo4 literal 0 HcmV?d00001 diff --git a/src/data/videos.js b/src/data/videos.js index ab0cab3..86b60e9 100644 --- a/src/data/videos.js +++ b/src/data/videos.js @@ -1,7 +1,9 @@ export default [ { "videoName": "JP Installing Windows Project", + "videoDescription": "This is a guide in japanese where I teach you how to install windows completely. This was made because of a JP Project I had to do.", "videoID": "1", - "path": "videos/JP-Installing-Windows-Project.mp4" + "path": "videos/JP-Installing-Windows-Project.mp4", + "thumbnail": "video_thumbnails/JP-Installing-Windows-Project.png" } ] diff --git a/src/views/VideoPage.vue b/src/views/VideoPage.vue index 27727a8..3b6ed2e 100644 --- a/src/views/VideoPage.vue +++ b/src/views/VideoPage.vue @@ -1,16 +1,95 @@ + + diff --git a/src/views/VideosPage.vue b/src/views/VideosPage.vue index 7d69f6a..ac365ba 100644 --- a/src/views/VideosPage.vue +++ b/src/views/VideosPage.vue @@ -1,49 +1,69 @@