Added code sandbox to videoPlayer

JuanValeraDev · Oct 14, 2024 · afdb91d · afdb91d
1 parent 68e0682
commit afdb91d
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 30 deletions.
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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 >
-Original file line number
+Diff line change
@@ Expand Up / @@ -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 >
@@ Expand Down @@