raffi/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'master' into read_projects_from_last

Browse Source
This commit is contained in:
raffiskender
2023-12-05 09:14:37 +03:00
parent bd513b9fb4 69b69d32e6
commit 3325eaa118
4 changed files with 84 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/views/Projects.vue
View File

@@ -28,6 +28,12 @@ const items = ref([
bg_image : "url('https://picsum.photos/id/23/200/300')"
},
{ id:4,
selected : false,
name : "A backend for an artist",
bg_image : "url('https://picsum.photos/id/23/200/300')"
},
]);
const handleLeftArrow = () =>{
@@ -146,10 +152,9 @@ const changeSelectedTab = (id) => {
<div class="project"
v-else-if ="items[1].selected">
<p>A presentation of this (finally useful) project... is to be watched soon</p>
<p>A presentation of this (finally useful) project can be watched in the video below... in the language of Shakespeare!</p>
<!-- <p>A presentation of this Watch a presentation of this (finally useful) project... And in the English language!</p> -->
<iframe class="video unavailable" src="https://www.youtube.com/embed" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<h4>The project</h4>
<iframe class = "video" src="https://www.youtube.com/embed/3ZlYSN8dt5U" title="Presentation of (my) shopping list project" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> <h4>The project</h4>
<p class="project-summary">
The project <a href="https://liste-v2.raffiskender.com" target="_blank">"shopping list"</a> began when I was bored, thinking of what I could code. A teacher used to tell us "make little projects, like a list or a calculator...". So I thought, "Okay, let's create a shopping list for my wife that can also be used by my mom."
</p>
@@ -197,6 +202,19 @@ const changeSelectedTab = (id) => {
<p>Please note that this project will not work on mobile devices</p>
<p><a href="https://memory.raffiskender.com" target="_blank">See this project</a></p>
</div>
<div class="project"
v-else-if ="items[3].selected">
<!-- <p>A presentation of this Watch a presentation of this (finally useful) project... And in the English language!</p> -->
<p class="project-summary">
This website, created by my wife and me, showcases the remarkable work of a great artist. The purpose is to display his own creations, share news, introduce his students, and showcase their artistic endeavors.
</p>
<p class="project-summary">
I created a brief video to showcase and explain the backend I developed for him.
</p>
<iframe class= "video" src="https://www.youtube.com/embed/5oV5-I_yuYA" title="Wordpress backend for an artist" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
</Transition>
</div>
</template>