From afdb91df8227f1f2c4adfc4a07a075770721ecd4 Mon Sep 17 00:00:00 2001
From: JuanValeraDev <juanvaleradev@gmail.com>
Date: Mon, 14 Oct 2024 11:00:18 +0200
Subject: [PATCH] Added code sandbox to videoPlayer

---
 .idea/workspace.xml                   | 17 +++++++++++++----
 portfolio/infoCountries.md            |  3 +--
 portfolio/infoCountriesReactNative.md |  1 -
 portfolio/podHouse.md                 |  2 --
 portfolio/projects.md                 | 24 ++++--------------------
 portfolio/videoPlayer.md              |  1 -
 6 files changed, 18 insertions(+), 30 deletions(-)

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 367b27a..3514701 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -4,7 +4,14 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="853b2493-a95c-4cb3-8ee7-048e5f397a89" name="Changes" comment="" />
+    <list default="true" id="853b2493-a95c-4cb3-8ee7-048e5f397a89" name="Changes" comment="">
+      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/portfolio/infoCountries.md" beforeDir="false" afterPath="$PROJECT_DIR$/portfolio/infoCountries.md" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/portfolio/infoCountriesReactNative.md" beforeDir="false" afterPath="$PROJECT_DIR$/portfolio/infoCountriesReactNative.md" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/portfolio/podHouse.md" beforeDir="false" afterPath="$PROJECT_DIR$/portfolio/podHouse.md" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/portfolio/projects.md" beforeDir="false" afterPath="$PROJECT_DIR$/portfolio/projects.md" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/portfolio/videoPlayer.md" beforeDir="false" afterPath="$PROJECT_DIR$/portfolio/videoPlayer.md" afterDir="false" />
+    </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
     <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
@@ -39,7 +46,7 @@
   &quot;keyToString&quot;: {
     &quot;RunOnceActivity.ShowReadmeOnStart&quot;: &quot;true&quot;,
     &quot;git-widget-placeholder&quot;: &quot;main&quot;,
-    &quot;last_opened_file_path&quot;: &quot;/Users/juanvalera/GitHubRepos/Porfolio/JuanValeraDev.github.io&quot;,
+    &quot;last_opened_file_path&quot;: &quot;/Users/juanvalera/GitHubRepos/Porfolio/JuanValeraDev.github.io/portfolio/assets&quot;,
     &quot;node.js.detected.package.eslint&quot;: &quot;true&quot;,
     &quot;node.js.detected.package.tslint&quot;: &quot;true&quot;,
     &quot;node.js.selected.package.eslint&quot;: &quot;(autodetect)&quot;,
@@ -51,10 +58,11 @@
 }</component>
   <component name="RecentsManager">
     <key name="CopyFile.RECENT_KEYS">
+      <recent name="$PROJECT_DIR$/portfolio/assets" />
+      <recent name="$PROJECT_DIR$/portfolio/public" />
       <recent name="$PROJECT_DIR$/docs/.vitepress/theme" />
       <recent name="$PROJECT_DIR$/docs/public" />
       <recent name="$PROJECT_DIR$/docs" />
-      <recent name="$PROJECT_DIR$/docs/assets" />
     </key>
     <key name="MoveFile.RECENT_KEYS">
       <recent name="$PROJECT_DIR$/portfolio/public" />
@@ -80,7 +88,8 @@
       <updated>1727885210378</updated>
       <workItem from="1727885212910" duration="5360000" />
       <workItem from="1727891313821" duration="738000" />
-      <workItem from="1728747700460" duration="4198000" />
+      <workItem from="1728747700460" duration="4340000" />
+      <workItem from="1728895227018" duration="882000" />
     </task>
     <servers />
   </component>
diff --git a/portfolio/infoCountries.md b/portfolio/infoCountries.md
index 8f33342..83b5735 100644
--- a/portfolio/infoCountries.md
+++ b/portfolio/infoCountries.md
@@ -5,9 +5,8 @@ related to countries information. You can search for information about a country
 comparation between two countries and play a quiz about countries.
 
 This project is made with React, Bootstrap, Express and API consumption, like chatgpt 3.5 turbo, restcountries or
-pexels. It is located on <a href="https://infocountrieswebservice.onrender.com/" target="_blank">Render</a>.
+pexels. 
 
-Check it out in <a href="https://github.com/JuanValeraDev/InfoCountries" target="_blank">GitHub</a>!
 
 <div class="grid">
     <div >
diff --git a/portfolio/infoCountriesReactNative.md b/portfolio/infoCountriesReactNative.md
index 64146a2..1debfe0 100644
--- a/portfolio/infoCountriesReactNative.md
+++ b/portfolio/infoCountriesReactNative.md
@@ -3,7 +3,6 @@
 
 This is the version of the InfoCountries project for mobile devices. It is made with React Native and Expo.
 
-Check it out in <a href="https://github.com/VictorGlvez/InfoCountriesReactNative" target="_blank">GitHub</a>!
 
 <div class="grid">
     <div >
diff --git a/portfolio/podHouse.md b/portfolio/podHouse.md
index 8dee63c..d535032 100644
--- a/portfolio/podHouse.md
+++ b/portfolio/podHouse.md
@@ -4,8 +4,6 @@
 This is a little project I did to practice HTML, CSS, Javascript and responsive design. It is a very simple page that
 offers pieces of humor podcasts.
 
-Check it out in <a href="https://github.com/JuanValeraDev/Podhouse" target="_blank">GitHub</a>!
-
 <div class="grid">
     <div >
         <img src="/assets/ph_1.png" alt="PodHouse">
diff --git a/portfolio/projects.md b/portfolio/projects.md
index 5571ce8..8147810 100644
--- a/portfolio/projects.md
+++ b/portfolio/projects.md
@@ -28,12 +28,10 @@ Here you can find some of the projects I have worked on.
     </div>
     <hr />
     <div class="tech-button-container">
-<!--
-<a class="tech-button" href="">
+    <a class="tech-button" href="https://codesandbox.io/p/github/JuanValeraDev/video-player-nextjs/main?import=true">
         <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link mr-2 h-4 w-4" data-id="21"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg>
-        Live Demo
+        Code Sandbox
       </a>
--->
       <a class="tech-button" href="https://github.com/JuanValeraDev/video-player-nextjs">
         <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-github mr-2 h-4 w-4" data-id="8"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path><path d="M9 18c-4.51 2-5-2-7-2"></path></svg>
         GitHub
@@ -68,12 +66,10 @@ Here you can find some of the projects I have worked on.
     </div>
     <hr />
     <div class="tech-button-container">
-<!--
-<a class="tech-button" href="">
+<a class="tech-button" href="https://infocountrieswebservice.onrender.com">
         <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link mr-2 h-4 w-4" data-id="21"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg>
-        Live Demo
+        Visit website
       </a>
--->
       <a class="tech-button" href="https://github.com/JuanValeraDev/InfoCountries">
         <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-github mr-2 h-4 w-4" data-id="8"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path><path d="M9 18c-4.51 2-5-2-7-2"></path></svg>
         GitHub
@@ -108,12 +104,6 @@ Here you can find some of the projects I have worked on.
     </div>
     <hr />
     <div class="tech-button-container">
-<!--
-<a class="tech-button" href="">
-        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link mr-2 h-4 w-4" data-id="21"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg>
-        Live Demo
-      </a>
--->
       <a class="tech-button" href="https://github.com/VictorGlvez/InfoCountriesReactNative">
         <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-github mr-2 h-4 w-4" data-id="8"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path><path d="M9 18c-4.51 2-5-2-7-2"></path></svg>
         GitHub
@@ -149,12 +139,6 @@ Here you can find some of the projects I have worked on.
     </div>
     <hr />
     <div class="tech-button-container">
-<!--
-<a class="tech-button" href="">
-        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link mr-2 h-4 w-4" data-id="21"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg>
-        Live Demo
-      </a>
--->
       <a class="tech-button" href="https://github.com/JuanValeraDev/Podhouse">
         <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-github mr-2 h-4 w-4" data-id="8"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path><path d="M9 18c-4.51 2-5-2-7-2"></path></svg>
         GitHub
diff --git a/portfolio/videoPlayer.md b/portfolio/videoPlayer.md
index 33af02b..d934c10 100644
--- a/portfolio/videoPlayer.md
+++ b/portfolio/videoPlayer.md
@@ -7,7 +7,6 @@ manages the state of likes and watches for each video, uses the App Router for n
 between pages through the URL. It also supports light and dark modes and displays loading skeletons while data is being
 fetched.
 
-Check it out in <a href="https://github.com/JuanValeraDev/video-player-nextjs" target="_blank">GitHub</a>!
 
 <div class="grid">
     <div >