Add Project + GGJ
This commit is contained in:
parent
e8a1a76c95
commit
19e243c1e1
4 changed files with 175 additions and 3 deletions
|
|
@ -6,13 +6,20 @@ import TimelineCard from './timeline/TimelineCard'
|
||||||
import TimelineCardSummary from './timeline/TimelineCardSummary'
|
import TimelineCardSummary from './timeline/TimelineCardSummary'
|
||||||
import TimelineCardContent from './timeline/TimelineCardContent'
|
import TimelineCardContent from './timeline/TimelineCardContent'
|
||||||
import Tag from './Tag'
|
import Tag from './Tag'
|
||||||
|
import ProjectList from './project/ProjectList'
|
||||||
|
import ProjectElement from './project/ProjectElement'
|
||||||
|
|
||||||
|
// Lang
|
||||||
|
const RUST_TAG = <Tag name="Rust" url="https://www.rust-lang.org/" />
|
||||||
|
const JAVA_TAG = <Tag name="Java" url="https://www.java.com/fr/" />
|
||||||
|
const CPP_TAG = <Tag name="C++" url="https://isocpp.org/" />
|
||||||
|
|
||||||
|
// Other
|
||||||
const REACT_TAG = <Tag name="React" url="https://fr.legacy.reactjs.org/" />
|
const REACT_TAG = <Tag name="React" url="https://fr.legacy.reactjs.org/" />
|
||||||
const SYMFONY_4_TAG = <Tag name="Symfony 4" url="https://symfony.com/" />
|
const SYMFONY_4_TAG = <Tag name="Symfony 4" url="https://symfony.com/" />
|
||||||
const FLUTTER_TAG = <Tag name="Flutter" url="https://flutter.dev/" />
|
const FLUTTER_TAG = <Tag name="Flutter" url="https://flutter.dev/" />
|
||||||
const RUBY_ON_RAILS_TAG = <Tag name="Ruby on rails" url="https://rubyonrails.org/" />
|
const RUBY_ON_RAILS_TAG = <Tag name="Ruby on rails" url="https://rubyonrails.org/" />
|
||||||
const HOTWIRED_TAG = <Tag name="Hotwired" url="https://hotwired.dev/" />
|
const HOTWIRED_TAG = <Tag name="Hotwired" url="https://hotwired.dev/" />
|
||||||
const RUST_TAG = <Tag name="Rust" url="https://www.rust-lang.org/" />
|
|
||||||
const DOCKER_TAG = <Tag name="Docker" url="https://www.docker.com/" />
|
const DOCKER_TAG = <Tag name="Docker" url="https://www.docker.com/" />
|
||||||
const STEAM_TAG = <Tag name="Steam API" url="https://partner.steamgames.com/doc/sdk/api/example" />
|
const STEAM_TAG = <Tag name="Steam API" url="https://partner.steamgames.com/doc/sdk/api/example" />
|
||||||
const GITLAB_CI_TAG = <Tag name="Gitlab CI" url="https://docs.gitlab.com/ee/ci/" />
|
const GITLAB_CI_TAG = <Tag name="Gitlab CI" url="https://docs.gitlab.com/ee/ci/" />
|
||||||
|
|
@ -23,7 +30,6 @@ const ELECTRON_TAG = <Tag name="Electron" url="https://www.electronjs.org/" />
|
||||||
const LWJGL_TAG = <Tag name="LWJGL" url="https://www.lwjgl.org/" />
|
const LWJGL_TAG = <Tag name="LWJGL" url="https://www.lwjgl.org/" />
|
||||||
const OPENGL_TAG = <Tag name="OpenGL" url="https://www.opengl.org/" />
|
const OPENGL_TAG = <Tag name="OpenGL" url="https://www.opengl.org/" />
|
||||||
const VULKAN_TAG = <Tag name="Vulkan" url="https://www.vulkan.org/" />
|
const VULKAN_TAG = <Tag name="Vulkan" url="https://www.vulkan.org/" />
|
||||||
const JAVA_TAG = <Tag name="Java" url="https://www.java.com/fr/" />
|
|
||||||
const MIDI_TAG = <Tag name="MIDI" url="https://fr.wikipedia.org/wiki/Musical_Instrument_Digital_Interface" />
|
const MIDI_TAG = <Tag name="MIDI" url="https://fr.wikipedia.org/wiki/Musical_Instrument_Digital_Interface" />
|
||||||
const REQUIREJS_TAG = <Tag name="RequireJS" url="https://requirejs.org/" />
|
const REQUIREJS_TAG = <Tag name="RequireJS" url="https://requirejs.org/" />
|
||||||
const WEBPACK_TAG = <Tag name="Webpack" url="https://webpack.js.org/" />
|
const WEBPACK_TAG = <Tag name="Webpack" url="https://webpack.js.org/" />
|
||||||
|
|
@ -56,7 +62,7 @@ function MonParcours() {
|
||||||
<TimelineCard>
|
<TimelineCard>
|
||||||
<TimelineCardSummary
|
<TimelineCardSummary
|
||||||
tags={[
|
tags={[
|
||||||
RUST_TAG, VULKAN_TAG
|
RUST_TAG, VULKAN_TAG
|
||||||
]}
|
]}
|
||||||
>
|
>
|
||||||
Développement d’un petit moteur 3D (Perso)
|
Développement d’un petit moteur 3D (Perso)
|
||||||
|
|
@ -84,6 +90,32 @@ function MonParcours() {
|
||||||
<i>03 Septembre 2018 - 31 Juillet 2019 (Rupture pour raison économique)</i>
|
<i>03 Septembre 2018 - 31 Juillet 2019 (Rupture pour raison économique)</i>
|
||||||
</TimelineCardContent>
|
</TimelineCardContent>
|
||||||
</TimelineCard>
|
</TimelineCard>
|
||||||
|
<TimelineCard>
|
||||||
|
<TimelineCardSummary
|
||||||
|
tags={[
|
||||||
|
UNITY_TAG
|
||||||
|
]}
|
||||||
|
>
|
||||||
|
Global Game Jam édition 2019 (Concours)
|
||||||
|
</TimelineCardSummary>
|
||||||
|
<TimelineCardContent>
|
||||||
|
<p>Participation au Global Gam Jam édition 2019.</p><br />
|
||||||
|
<p>Le but du concours est de developper un Jeu en 48h à partir d’un thème donné au départ du concours.</p><br />
|
||||||
|
|
||||||
|
<i>3iL - Limoges</i><br />
|
||||||
|
<i>25 janvier - 27 janvier</i><br />
|
||||||
|
<i>Thème : What home means to you</i><br />
|
||||||
|
<i>Participants : Ezyrath, Fabien87, Flavien, MrDev023 (Moi), php4ever, spoutnik87</i><br />
|
||||||
|
|
||||||
|
<ProjectList>
|
||||||
|
<ProjectElement
|
||||||
|
image_src="https://github.com/mrdev023/Global-Game-Jam-2019/blob/master/ggj_2019_maison.png?raw=true"
|
||||||
|
description="Cauchemar en forêt"
|
||||||
|
url='https://github.com/mrdev023/Global-Game-Jam-2019'
|
||||||
|
/>
|
||||||
|
</ProjectList>
|
||||||
|
</TimelineCardContent>
|
||||||
|
</TimelineCard>
|
||||||
</TimelineElement>
|
</TimelineElement>
|
||||||
<TimelineElement>
|
<TimelineElement>
|
||||||
<TimelineLabel>2017 - 2018</TimelineLabel>
|
<TimelineLabel>2017 - 2018</TimelineLabel>
|
||||||
|
|
@ -135,6 +167,31 @@ function MonParcours() {
|
||||||
<i>04 Septembre 2017 - 24 Aout 2018</i>
|
<i>04 Septembre 2017 - 24 Aout 2018</i>
|
||||||
</TimelineCardContent>
|
</TimelineCardContent>
|
||||||
</TimelineCard>
|
</TimelineCard>
|
||||||
|
<TimelineCard>
|
||||||
|
<TimelineCardSummary
|
||||||
|
tags={[
|
||||||
|
OPENGL_TAG, JAVA_TAG
|
||||||
|
]}
|
||||||
|
>
|
||||||
|
Global Game Jam édition 2017 (Concours)
|
||||||
|
</TimelineCardSummary>
|
||||||
|
<TimelineCardContent>
|
||||||
|
<p>Participation au Global Gam Jam édition 2017.</p><br />
|
||||||
|
<p>Le but du concours est de developper un Jeu en 48h à partir d’un thème donné au départ du concours.</p><br />
|
||||||
|
|
||||||
|
<i>3iL - Limoges</i><br />
|
||||||
|
<i>20 janvier - 22 janvier</i><br />
|
||||||
|
<i>Thème : Waves</i><br />
|
||||||
|
<i>Participants : emiko, Fiesta87, MrDev023 (Moi), TheKitolex</i><br />
|
||||||
|
|
||||||
|
<ProjectList>
|
||||||
|
<ProjectElement
|
||||||
|
description="Beach Fighter"
|
||||||
|
url='https://github.com/mrdev023/Global-Gam-Jam-2017/'
|
||||||
|
/>
|
||||||
|
</ProjectList>
|
||||||
|
</TimelineCardContent>
|
||||||
|
</TimelineCard>
|
||||||
</TimelineElement>
|
</TimelineElement>
|
||||||
<TimelineElement>
|
<TimelineElement>
|
||||||
<TimelineLabel>2015 - 2017</TimelineLabel>
|
<TimelineLabel>2015 - 2017</TimelineLabel>
|
||||||
|
|
@ -162,6 +219,52 @@ function MonParcours() {
|
||||||
<i>03 Avril 2017 - 30 Juin 2017 (Stage)</i><br />
|
<i>03 Avril 2017 - 30 Juin 2017 (Stage)</i><br />
|
||||||
<i>01 Juillet 2017 - 31 Juillet 2017 (CDD)</i>
|
<i>01 Juillet 2017 - 31 Juillet 2017 (CDD)</i>
|
||||||
</TimelineCardContent>
|
</TimelineCardContent>
|
||||||
|
|
||||||
|
</TimelineCard>
|
||||||
|
<TimelineCard>
|
||||||
|
<TimelineCardSummary
|
||||||
|
tags={[
|
||||||
|
OPENGL_TAG, JAVA_TAG
|
||||||
|
]}
|
||||||
|
>
|
||||||
|
Global Game Jam édition 2016 (Concours)
|
||||||
|
</TimelineCardSummary>
|
||||||
|
<TimelineCardContent>
|
||||||
|
<p>Participation au Global Gam Jam édition 2016.</p><br />
|
||||||
|
<p>Le but du concours est de developper un Jeu en 48h à partir d’un thème donné au départ du concours.</p><br />
|
||||||
|
|
||||||
|
<i>3iL - Limoges</i><br />
|
||||||
|
<i>29 janvier - 31 janvier</i><br />
|
||||||
|
<i>Thème : Ritual</i><br />
|
||||||
|
<i>Participants : Aliths, dikaios, Fiesta87, MrDev023 (Moi), TheKitolex</i><br />
|
||||||
|
|
||||||
|
<ProjectList>
|
||||||
|
<ProjectElement
|
||||||
|
image_src="https://github.com/mrdev023/Global-Game-Jam-2016/blob/master/ggj_into.png?raw=true"
|
||||||
|
description="Bifrost Saver's"
|
||||||
|
url='https://github.com/mrdev023/MrDev023-Cpp-Engine'
|
||||||
|
/>
|
||||||
|
</ProjectList>
|
||||||
|
</TimelineCardContent>
|
||||||
|
</TimelineCard>
|
||||||
|
<TimelineCard>
|
||||||
|
<TimelineCardSummary
|
||||||
|
tags={[
|
||||||
|
OPENGL_TAG, CPP_TAG
|
||||||
|
]}
|
||||||
|
>
|
||||||
|
Utilisation de l’API graphique OpenGL (Perso)
|
||||||
|
</TimelineCardSummary>
|
||||||
|
<TimelineCardContent>
|
||||||
|
<p>Après avoir appris à faire de l’OpenGL en Java , j’ai voulu tester en C++</p><br />
|
||||||
|
|
||||||
|
<ProjectList>
|
||||||
|
<ProjectElement
|
||||||
|
description='Petit projet OpenGL en C++'
|
||||||
|
url='https://github.com/mrdev023/MrDev023-Cpp-Engine'
|
||||||
|
/>
|
||||||
|
</ProjectList>
|
||||||
|
</TimelineCardContent>
|
||||||
</TimelineCard>
|
</TimelineCard>
|
||||||
</TimelineElement>
|
</TimelineElement>
|
||||||
<TimelineElement>
|
<TimelineElement>
|
||||||
|
|
@ -200,6 +303,24 @@ function MonParcours() {
|
||||||
<TimelineCardContent>
|
<TimelineCardContent>
|
||||||
<p>Après avoir développé quelques trucs sur Minecraft. Je me suis interessé à son fonctionnement et j'ai découvert la librairie LWJGL utilisé dans Minecraft.</p><br />
|
<p>Après avoir développé quelques trucs sur Minecraft. Je me suis interessé à son fonctionnement et j'ai découvert la librairie LWJGL utilisé dans Minecraft.</p><br />
|
||||||
<p>J'ai très vite voulu développer mes propres Mini-Jeux en OpenGL avec cette librairie.</p>
|
<p>J'ai très vite voulu développer mes propres Mini-Jeux en OpenGL avec cette librairie.</p>
|
||||||
|
|
||||||
|
<ProjectList>
|
||||||
|
<ProjectElement
|
||||||
|
image_src='https://camo.githubusercontent.com/5895992a1089b81b0730608a47ebe08d55f1e6c9bada7752f89f7304a743652d/68747470733a2f2f7062732e7477696d672e636f6d2f6d656469612f4363334475776e5749414949355a772e6a70673a6c61726765'
|
||||||
|
description='Test gestion de la lumière'
|
||||||
|
url='https://github.com/mrdev023/Java-Game-Engine-Light-Test'
|
||||||
|
/>
|
||||||
|
<ProjectElement
|
||||||
|
image_src='https://camo.githubusercontent.com/f2dbe8898987b638eaa4d5dbc72797a4ff9c4bcb0275591f7fb24e7f32da5dd3/68747470733a2f2f7062732e7477696d672e636f6d2f6d656469612f4373567138634657384141374279722e6a7067'
|
||||||
|
description='Test OpenGL 3.3+ et LWJGL 3'
|
||||||
|
url='https://github.com/mrdev023/Modern-Game-Engine'
|
||||||
|
/>
|
||||||
|
<ProjectElement
|
||||||
|
image_src='https://camo.githubusercontent.com/414745fd4066b03c789b3a54d798c6f76df05039d464e29c822653e4e1515c73/68747470733a2f2f7062732e7477696d672e636f6d2f6d656469612f4350576147763457734141585068552e706e673a6c61726765'
|
||||||
|
description='Petit jeu en Voxel (Minecraft like)'
|
||||||
|
url='https://github.com/mrdev023/Voxel-Test'
|
||||||
|
/>
|
||||||
|
</ProjectList>
|
||||||
</TimelineCardContent>
|
</TimelineCardContent>
|
||||||
</TimelineCard>
|
</TimelineCard>
|
||||||
</TimelineElement>
|
</TimelineElement>
|
||||||
|
|
|
||||||
20
src/components/project/ProjectElement.tsx
Normal file
20
src/components/project/ProjectElement.tsx
Normal file
|
|
@ -0,0 +1,20 @@
|
||||||
|
import react from 'react'
|
||||||
|
|
||||||
|
type ProjectElementProps = {
|
||||||
|
image_src?: string,
|
||||||
|
description: string,
|
||||||
|
url: string
|
||||||
|
}
|
||||||
|
|
||||||
|
function ProjectElement({ image_src, description, url }: ProjectElementProps) {
|
||||||
|
return (
|
||||||
|
<a href={url} target='_blank'>
|
||||||
|
{
|
||||||
|
image_src && <img src={image_src} />
|
||||||
|
}
|
||||||
|
<div><p>{description}</p></div>
|
||||||
|
</a>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default ProjectElement
|
||||||
15
src/components/project/ProjectList.scss
Normal file
15
src/components/project/ProjectList.scss
Normal file
|
|
@ -0,0 +1,15 @@
|
||||||
|
.project_list {
|
||||||
|
@apply grid grid-cols-1 gap-4 md:grid-cols-2 mt-3;
|
||||||
|
|
||||||
|
& > a {
|
||||||
|
@apply rounded-lg p-5 bg-gray-300 flex flex-col items-center gap-2;
|
||||||
|
|
||||||
|
& > img {
|
||||||
|
@apply h-1/2;
|
||||||
|
}
|
||||||
|
|
||||||
|
& > div {
|
||||||
|
@apply flex flex-col justify-center h-full;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
16
src/components/project/ProjectList.tsx
Normal file
16
src/components/project/ProjectList.tsx
Normal file
|
|
@ -0,0 +1,16 @@
|
||||||
|
import './ProjectList.scss'
|
||||||
|
import react from 'react'
|
||||||
|
|
||||||
|
type ProjectListProps = {
|
||||||
|
children: react.ReactElement<any, react.JSXElementConstructor<any>> | react.ReactElement<any, react.JSXElementConstructor<any>>[]
|
||||||
|
}
|
||||||
|
|
||||||
|
function ProjectList({ children } : ProjectListProps) {
|
||||||
|
return (
|
||||||
|
<div className="project_list">
|
||||||
|
{ children }
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default ProjectList
|
||||||
Loading…
Reference in a new issue