https://github.com/inkflow59/portinkfolio
Portfolio sur le thème de Windows XP codé en HTML, JSS et MFA, disponible également en exécutable Windows
https://github.com/inkflow59/portinkfolio
clickteam-fusion css degree-project easter-eggs html5 javascript nostalgia portfolio portfolio-website windows-xp
Last synced: 6 months ago
JSON representation
Portfolio sur le thème de Windows XP codé en HTML, JSS et MFA, disponible également en exécutable Windows
- Host: GitHub
- URL: https://github.com/inkflow59/portinkfolio
- Owner: Inkflow59
- Created: 2023-09-19T14:51:21.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-09-12T07:46:46.000Z (9 months ago)
- Last Synced: 2024-09-12T17:12:54.895Z (9 months ago)
- Topics: clickteam-fusion, css, degree-project, easter-eggs, html5, javascript, nostalgia, portfolio, portfolio-website, windows-xp
- Language: JavaScript
- Homepage: https://portinkfolio.vercel.app
- Size: 11.1 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[](https://www.javascript.com)
[](https://www.clickteam.com/fr/clickteam-fusion-2-5)
[](https://www.wikipedia.org/wiki/HTML5)
# Le PortInkFolio
### Un portfolio moderne venu du passé
Ce portfolio, codé à l'aide d'**HTML** et de **JavaScript**, interprétés et générés par le logiciel **Clickteam Fusion 2.5** *(language dit **MFA** pour **Multimedia Fusion Application**)*, simule un système tournant sous **Windows XP** pour une expérience unique et nostalgique. Il permet une meilleure **visibilité** ainsi qu'une navigation plus **intuitive** et plus **dynamique**. Pour parvenir à ce résultat, une extraction depuis les fichiers système de Windows XP a été nécessaire, comprenant **les sons, les logos, les icônes** ainsi qu'une analyse approfondie du **comportement** de la machine.
### Démontrer ses capacités intelligemment
Tout a été pensé pour **créer une envie de lire et de s'y intéresser**. Le design et l'intuitivité du site portfolio sont crées pour permettre au **lecteur**, ou au **recruteur** de visualiser **les compétences** et **les acquis** de manière visuelle et sans efforts.
### Aller plus loin que le simple portfolio
Pour aller plus loin, des **mini-jeux** ont été cachés dans le portfolio, toujours dans l'objectif de démontrer mes **capacités** ainsi que procurer la sensation de **satisfaction** auprès du lecteur afin qu'il passe un agréable moment sur le site. Donner envie de lire un portfolio, c'est rare, **mais c'est possible**.
### Lancement du portfolio en local
Si vous souhaitez lancer le portfolio en local *(c'est-à-dire en version non-hébergée)*, **lancer le fichier HTML n'affichera rien**. La technologie MFACanva a besoin d'un serveur local pour fonctionner. Pour cela, il vous suffit de télécharger et d'installer [XAMPP](https://www.apachefriends.org/fr/index.html) ou [WampServer](https://wampserver.aviatechno.net/) pour Windows, ou ses équivalents pour les autres systèmes d'exploitations. Il vous suffira ensuite de glisser les fichiers du site dans le dossier d'hébergement *(**htdocs** pour XAMPP et **www** pour WampServer)* et de vous y rendre depuis le navigateur pour accéder au site en local.
### Exécutable Windows *(mode hors-ligne)*
Ce portfolio est également disponible en **mode offline** afin de pouvoir le lire n'importe où, et ce sans se soucier de sa connexion internet, et **en meilleure qualité** grâce au chargement des assets **en local**. Pour ce faire, il vous suffira de télécharger le ``.zip`` disponible dans la section **Releases** de ce GitHub et de **l'extraire**. Il ne vous manquera plus qu'à lancer le ``.exe`` et le tour sera joué !
> [!NOTE]
> La version **online *(web)*** du portfolio sera souvent plus avancée que la version **offline *(exécutable)*** du portfolio, pour la simple raison que l'exécutable prends plus de temps qu'un simple build HTML et JS. Préférez donc la version **online** si vous souhaitez être le plus à jour sur le portfolio.
# ATTENTION
La lecture du portfolio peut être difficile si l'écran n'a pas une résolution de **1920x1080** (ou toute autre résolution de type **16:9**). Si c'est le cas, cliquez sur le bouton *Passer en mode fenêtré* afin de modifier le comportement du site.
Complétion estimée à 14%
Project XP - Made with love by Inkflow (Tom CUCHEROSSET)
2024