Skip to content

Commit

Permalink
fix: projects
Browse files Browse the repository at this point in the history
  • Loading branch information
@barthy-koeln
barthy-koeln committed Dec 10, 2023
1 parent f63929f commit dc59a69
Show file tree
Hide file tree
Showing 2 changed files with 63 additions and 63 deletions.
46 changes: 23 additions & 23 deletions src/components/OFreelanceReferences.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,27 +19,37 @@
</template>

<script lang="ts" setup>
import type {ReferenceProject} from '../types/website'
import MProjectCard from './MProjectCard.vue'
import TFlex from './TFlex.vue'
import type { ReferenceProject } from '../types/website'
import MProjectCard from './MProjectCard.vue'
import TFlex from './TFlex.vue'
const projects: ReferenceProject[] = [
const projects: ReferenceProject[] = [
{
name: '3D-Darsteller',
link: 'https://www.3d-darsteller.de',
name: 'Display Vision International',
link: 'https://displayvision.net/',
image: {
alt: 'Eagle-eye perspective rendering of a old industrial building',
src: '/images/3d-darsteller.webp',
alt: 'Elegant and modern trade fair booth with contemporary art',
src: '/images/displayvision.webp',
width: 500,
height: 256
}
},
{
name: 'Display Vision International',
link: 'https://displayvision.net/',
name: 'Lucas Aritz | Graphic Design, etc.',
link: 'https://lucasaritz.com/',
image: {
alt: 'Elegant and modern trade fair booth with contemporary art',
src: '/images/displayvision.webp',
alt: 'Abstract digital artwork of colorful pipes',
src: '/images/lucasaritz.webp',
width: 428,
height: 256
}
},
{
name: '3D-Darsteller',
link: 'https://www.3d-darsteller.de',
image: {
alt: 'Eagle-eye perspective rendering of a old industrial building',
src: '/images/3d-darsteller.webp',
width: 500,
height: 256
}
Expand All @@ -64,16 +74,6 @@
height: 256
}
},
{
name: 'Lucas Aritz | Graphic Design, etc.',
link: 'https://lucasaritz.com/',
image: {
alt: 'Abstract digital artwork of colorful pipes',
src: '/images/lucasaritz.webp',
width: 428,
height: 256
}
},
{
name: 'keinegrenzen Festival 2019',
link: 'https://festival2019.keinegrenzen.org/',
Expand All @@ -85,4 +85,4 @@
}
}
]
</script>
</script>
80 changes: 40 additions & 40 deletions src/components/OOpenSourceSection.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,29 +16,29 @@
</template>

<script lang="ts" setup>
import TFlex from './TFlex.vue'
import MOpenSourceProject from "./MOpenSourceProject.vue"
import type {OpenSourceProject} from '../types/website'
import TFlex from './TFlex.vue'
import MOpenSourceProject from './MOpenSourceProject.vue'
import type { OpenSourceProject } from '../types/website'
const projects: OpenSourceProject[] = [
{
title: 'Arbitrary Remote Control System (ARCS)',
githubLink: 'https://github.com/arcs-vr',
demoLink: 'https://arcs.barthy.koeln',
image: {
width: 1920,
height: 1280,
src: '/images/arcs.webp',
alt: 'Mockup of two devices using a virtual experience remote control system'
},
paragraphs: [
'My bachelor thesis in early 2020 revolved around web and browser based virtual reality experiences, that were made accessible by combining several devices into a sigle Human Computer Interface (HCI).',
'You can use two smartphones, a smartphone and a laptop, or theoretically any connected device to control the VR experience and enjoy all degrees of freedom.',
'Front-end: Vue.js v2, Aframe, Three.js and Vanilla JS\nBack-end: MQTT'
]
},
const projects: OpenSourceProject[] = [
// {
// title: 'Arbitrary Remote Control System (ARCS)',
// githubLink: 'https://github.com/arcs-vr',
// demoLink: 'https://arcs.barthy.koeln',
//
// image: {
// width: 1920,
// height: 1280,
// src: '/images/arcs.webp',
// alt: 'Mockup of two devices using a virtual experience remote control system'
// },
//
// paragraphs: [
// 'My bachelor thesis in early 2020 revolved around web and browser based virtual reality experiences, that were made accessible by combining several devices into a sigle Human Computer Interface (HCI).',
// 'You can use two smartphones, a smartphone and a laptop, or theoretically any connected device to control the VR experience and enjoy all degrees of freedom.',
// 'Front-end: Vue.js v2, Aframe, Three.js and Vanilla JS\nBack-end: MQTT'
// ]
// },
{
title: 'Scroll-Snap Slider',
githubLink: 'https://github.com/barthy-koeln/scroll-snap-slider',
Expand All @@ -56,23 +56,23 @@
'The goal is to not repeat myself when implementing simple sliders, but also not use one of the huge libraries out there.',
'Technologies: TypeScript, ES Modules and Classes'
]
},
{
title: 'Experiment (WIP): Vue.js v3 + Three.js Animation',
githubLink: 'https://github.com/barthy-koeln/vinyl-experience',
demoLink: 'https://vinyl.barthy.koeln/',
image: {
width: 1920,
height: 1080,
src: '/images/vinyl.webp',
alt: 'A cosy 3D-Environment with a turntable and some vinyl.'
},
paragraphs: [
'Scrubbing through a keyframed animation, exploration with WASD/Arrow keys controls, and orbit controls. Interaction and reactivity managed in Vue.js.',
'Technologies: Blender, Vue.js v3, Three.js'
]
}
// {
// title: 'Experiment (WIP): Vue.js v3 + Three.js Animation',
// githubLink: 'https://github.com/barthy-koeln/vinyl-experience',
// demoLink: 'https://vinyl.barthy.koeln/',
//
// image: {
// width: 1920,
// height: 1080,
// src: '/images/vinyl.webp',
// alt: 'A cosy 3D-Environment with a turntable and some vinyl.'
// },
//
// paragraphs: [
// 'Scrubbing through a keyframed animation, exploration with WASD/Arrow keys controls, and orbit controls. Interaction and reactivity managed in Vue.js.',
// 'Technologies: Blender, Vue.js v3, Three.js'
// ]
// }
]
</script>
</script>

0 comments on commit dc59a69

Please sign in to comment.