Skip to content

Commit

Permalink
All Translated in English
Browse files Browse the repository at this point in the history
  • Loading branch information
@feove
feove committed Aug 30, 2024
1 parent 118e986 commit bac3d2e
Show file tree
Hide file tree
Showing 4 changed files with 95 additions and 89 deletions.
42 changes: 21 additions & 21 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,10 +40,10 @@
<nav>

<ul>
<li><a href="index.html" class ="active a-nav">Accueil</a></li>
<li><a href="index/download.html" class="a-nav">Téléchargement</a></li>
<li><a href="index/about.html" class="a-nav">A propos</a></li>
<li><a href="index/leaderboard.html" class="a-nav">Classement</a></li>
<li><a href="index.html" class ="active a-nav">Home</a></li>
<li><a href="index/download.html" class="a-nav">Download</a></li>
<li><a href="index/about.html" class="a-nav">About</a></li>
<li><a href="index/leaderboard.html" class="a-nav">Ranking</a></li>
</ul>

</nav>
Expand All @@ -52,14 +52,14 @@
<div class="translucent-background">
<div class="wrapper">
<div class="text-box">
<h3>Bienvenue dans Treashunt</h3>
<h3>Welcome to Treashunt</h3>
</div>
</div>
</div>

<div class="video-container">
<div class="text-left">
<p>N<br>O<br>T<br>R<br>E</p>
<p>T<br>R<br>E<br>A<br>S<br>H<br>U<br>N<br>T</p>
</div>

<div class="video-frame">
Expand All @@ -74,7 +74,7 @@ <h3>Bienvenue dans Treashunt</h3>
</div>

<div class="animated-title" style="margin-top: 50%;">
<h1>Partez à l'aventure !</h1>
<h1>Set off on an adventure !</h1>
</div>


Expand All @@ -83,19 +83,19 @@ <h1>Partez à l'aventure !</h1>
<div class="grid-item">
<img src="media/forestchap1.png" alt="Forest">
<div class="text-overlay">
<h3>Aventure</h3>
<h3>Adventure</h3>
</div>
</div>
<div class="grid-item">
<img src="media/beach.png" alt="Beach">
<div class="text-overlay">
<h3>Emotion</h3>
<h3>Emotional</h3>
</div>
</div>
<div class="grid-item large">
<img src="media/trader.png" alt="Trader">
<div class="text-overlay">
<h3>Histoire</h3>
<h3>History</h3>
</div>
</div>
</div>
Expand All @@ -104,20 +104,20 @@ <h3>Histoire</h3>
<div class="Story-content">
<div class="story-background">
<div class="story-header">
<h2>Qu'est ce que TreasHunt ?</h2>
<h2>What is TreasHunt ?</h2>
</div>
<div class="story-content">
<div class="story-text">
<p>Un jeu de parcours palpitant qui vous transporte dans un univers empreint de mystères et de défis captivants.
Incarnez un jeune aventurier intrépide, fraîchement débarqué sur une île légendaire au cœur de l'océan,
réputée pour abriter un volcan au caractère explosif. Dans cette aventure épique mais périlleuse,
votre objectif sera : atteindre le sommet du volcan et mettre la main sur un trésor inestimable
qui réserve des pouvoirs extraordinaires à ceux qui en sont dignes. <br>Cependant, la route qui mène
au sommet est loin d'être une promenade de santé. Vous devrez traverser d'épaisses forêts luxuriantes,
gravir des montagnes escarpées et surmonter des épreuves redoutables. Chaque étape de votre parcours
vous rapprochera du trésor tant convoité, mais il faudra user de votre intelligence, de votre agilité
et de votre bravoure pour surmonter les obstacles qui se dresseront sur votre chemin.</p>
<p>A thrilling adventure game that transports you into a world full of mysteries and captivating challenges.
You play as a fearless young adventurer who has just arrived on a legendary island in the heart of the ocean,
known for its volatile volcano. In this epic yet dangerous journey, your goal is to reach the summit of the volcano
and claim a priceless treasure that bestows extraordinary powers upon those who are worthy. <br>
However, the path to the summit is anything but easy. You will have to navigate dense, lush forests,
climb steep mountains, and overcome formidable trials. Each stage of your journey brings you closer to the coveted treasure,
but you'll need to use your intelligence, agility, and bravery to conquer the obstacles that stand in your way.
</p>
</div>

<div class="story-image">
<img src="media/dessin.png" alt="Volcano">
</div>
Expand All @@ -140,7 +140,7 @@ <h2>Qu'est ce que TreasHunt ?</h2>
<li class="footer-item">
<a href="https://mail.google.com" target="_blank" class="contact-link">
<img src="media/contact-logo.png" id="contact-logo" alt="Contact" class="footer-icon">
<span>Contactez-nous</span>
<span>Contact us</span>
</a>
</li>
<li class="footer-item">
Expand Down
89 changes: 47 additions & 42 deletions index/about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,10 +33,10 @@
</div>
<nav>
<ul >
<li><a href="../index.html" class ="a-nav">Accueil</a></li>
<li><a href="download.html" class="a-nav" >Téléchargement</a></li>
<li><a href="about.html" class="active a-nav">A propos</a></li>
<li><a href="leaderboard.html" class="a-nav">Classement</a></li>
<li><a href="../index.html" class ="a-nav">Home</a></li>
<li><a href="download.html" class="a-nav" >Download</a></li>
<li><a href="about.html" class="active a-nav">About</a></li>
<li><a href="leaderboard.html" class="a-nav">Ranking</a></li>
</ul>
</nav>
</header>
Expand All @@ -48,31 +48,31 @@
<div class="sec">

<div class="band"></div>
<div class="repertory">Notre équipe</div>
<div class="repertory">Our Team</div>

<div class="friends-box" style="margin-top: 5%;">
<div class="friend-item">
<h3>Paul Vogeleisen</h3>
<div class="friend-content">
<img src="../media/paul.jpg" alt="Paul Vogeleisen">
<div class="overlay">
<p>J'ai mené l'équipe pour assurer le succès du projet en respectant les délais et résolvant les conflits.
J’ai également créé une expérience sonore immersive unique</p>
<p>I led the team to ensure the success of the project by meeting deadlines and resolving conflicts.
I also created a unique immersive sound experience.</p>
</div>
<div class="icons">
<a href="https://github.com/ActivLP"><img src="../media/icon-github.png" alt="GitHub"></a>
<a href="https://discord.com/users/948306966982307872"><img src="../media/icon-discord.png" alt="Discord"></a>
<a href="https://www.linkedin.com/in/paul-vogeleisen/"><img src="../media/icon-linkedin.png" alt="Linkedin"></a>
</div>
</div>
<p class="role">Chef de projet</p>
<p class="role">Project leader</p>
</div>
<div class="friend-item">
<h3>Léo Sibour</h3>
<div class="friend-content">
<img src="../media/leo.jpg" alt="Léo Sibour">
<div class="overlay">
<p>J'ai créé les cartes des chapitres 1 et 2 et contribué à l'ajout de plusieurs fonctionnalités dans le jeu.</p>
<p>I created the maps for Chapters 1 and 2 and helped add several features to the game.</p>

</div>
<div class="icons">
Expand All @@ -88,24 +88,24 @@ <h3>Cyril Kohler</h3>
<div class="friend-content">
<img src="../media/cyril.jpg" alt="Cyril Kohler">
<div class="overlay">
<p>J'ai mis au point un mode multijoueur par lobby et réaliser les déplacements du joueur</p>
<p>I've set up a lobby-based multiplayer mode and realized the player's moves</p>

</div>
<div class="icons">
<a href="https://github.com/frost-phoenix"><img src="../media/icon-github.png" id="icon-git" alt="GitHub"></a>
<a href="https://discord.com/users/593456700045000704"><img src="../media/icon-discord.png" alt="Discord"></a>
</div>
</div>
<p class="role">Directeur technique</p>
<p class="role">Technical Director</p>
</div>
<div class="friend-item">
<h3>Baptiste Marx</h3>
<div class="friend-content">
<img src="../media/baptiste.jpg" alt="Baptiste Marx">

<div class="overlay">
<p>J'ai conçu le level design, développé le scénario, et géré les assets graphiques pour créer des
environnements immersifs et une histoire captivante.</p>
<p>I conceived the level design, developed the scenario, and managed the
graphic assets to create immersive environments and a compelling story.</p>

</div>

Expand All @@ -116,89 +116,94 @@ <h3>Baptiste Marx</h3>
</div>
</div>

<p class="role">Directeur artistique</p>
<p class="role">Art Director</p>
</div>
</div>



<div class="repertory" >Réalisation de Treashunt</div>
<div class="repertory" >Realization of Treashunt</div>
<div class="process-wrapper">
<div id="progress-bar-container">
<ul>
<li class="step step01 active"><div class="step-inner">Octobre</div></li>
<li class="step step02"><div class="step-inner">Soutenance octobre </div></li>
<li class="step step03"><div class="step-inner">Janvier/février</div></li>
<li class="step step04"><div class="step-inner">Soutenance mars </div></li>
<li class="step step05"><div class="step-inner">Mai/juin</div></li>
<li class="step step01 active"><div class="step-inner">October</div></li>
<li class="step step02"><div class="step-inner">November</div></li>
<li class="step step03"><div class="step-inner">January/February</div></li>
<li class="step step04"><div class="step-inner">March presentation</div></li>
<li class="step step05"><div class="step-inner">May/June</div></li>
</ul>
<div id="line">
<div id="line-progress"></div>
</div>
</div>
<div id="progress-content-section">
<div class="section-content discovery active">
<h2>Octobre</h2>
<p>Debut du projet, rédaction du cahier des charges, réflexion sur le jeu à travers plusieurs brainstormings lors de nos multiples appels, etc.</p>
<h2>October</h2>
<p>Starting the project, writing the specifications, brainstorming about the game during our many calls, etc.</p>

</div>
<div class="section-content strategy">
<h2>Soutenance octobre :</h2>
<p>Les bases du jeu sont clairement définies, que ce soit le style graphique, le type de jeu et la répartition des tâches.</p>
<h2>November:</h2>
<p>The basics of the game are clearly defined, including the graphic style, the type of game and the division of tasks.</p>
<img src="../media/tab-avance.png" class="progress-image">
</div>
<div class="section-content creative">
<h2>Janvier/février :</h2>
<p>L’équipe perd un de ses membres mais nous ne nous laissons pas abattre et nous répartissons ses tâches. Nous préparons tous ce qui est prévu en vue de la soutenance de mars.</p>
<h2>January/February :</h2>
<p>The team loses one of its members, but we don't let it get us down and we divide up the tasks. We are all preparing for the March defence.</p>
</div>
<div class="section-content production">
<h2>Soutenance mars : </h2>
<p>La map du lobby et la narration du jeu est terminé, la première version du multijoueur est opérationnelle et le joueur peut se déplacer et sauter avec les animations correspondantes. Nous avons même pu prendre de l’avance sur la conception des maps, la gestion de la caméra et l’interface.</p>
<h2>March presentation :</h2>
<p>The lobby map and game narrative are complete, the first version of multiplayer is up and running, and players can move and jump with the corresponding animations.We've even been able to get a head start on map design, camera management and interface.</p>
<img src="../media/march-avancement.png" class="progress-image">
</div>
<div class="section-content analysis">
<h2>Mai/juin :</h2>
<p> Les IA des ennemis ont été développées, une refonte du menu pause est effectué pour un meilleur esthétisme, le système de santé du joueur est implémenté avec une barre de vie et un timer est également ajouté. Le système multijoueur est complètement remanié pour obtenir une version plus sécurisée et optimisée. Le sound design est réalisé et un trailer du jeu est monté et intégré au site web.
<h2>May/June :</h2>
<p> Enemy AI has been developed, the pause menu has been redesigned
for better aesthetics, the player health system has been
implemented with a life bar, and a timer has been added. The
multiplayer system has been completely overhauled for a more
secure and optimized version. Sound design is completed and a
game trailer is edited and integrated into the website.
</p>
</div>
</div>
</div>
<div class="repertory" style="top: 7%; margin-bottom: -5%;">
Réalisation du Site Web
Website development
</div>
<!------------------------------------------------------------------------------------------------------------------------- -->
<section class="timeline">
<div class="timeline-start-circle">Start</div>

<div class="timeline-item">
<div class="timeline-circle"></div>
<div class="date date--right">Octobre 2023</div>
<div class="date date--right">October 2023</div>
<div class="timeline-content js--fadeInLeft">
<img src="../media/GithubContent.png" class="timeline-img">
<h2 >L'hébergement du site</h2>
<p>C'est à ce mois que j'ai initié un repository sur GitHub pour héberger le site web de Treashunt.</p>
<h2 >Site hosting</h2>
<p>It was in this month that I initiated a repository on GitHub to host the Treashunt website.</p>
<a class="bnt-more a-style" href="javascript:void(0)">Plus</a>
</div>
</div>

<div class="timeline-item">
<div class="timeline-circle"></div>
<div class="date date--left">Janvier 2023</div>
<div class="date date--left">January 2023</div>
<div class="timeline-content js--fadeInRight">
<img src="../media/prototypeWebsite.png" class="timeline-img">
<h2>Le premier design</h2>
<p>J'ai presque terminé la première version de la page d'accueil entièrement réalisée en HTML/CSS. Cette approche m'a permis d'acquérir une compréhension approfondie des bases du développement web.</p>
<h2>First Design</h2>
<p>I've almost completed the first version of the home page, entirely in HTML/CSS. This approach has given me a thorough understanding of the basics of web development.</p>
<a class="bnt-more a-style" href="javascript:void(0)">Plus</a>
</div>
</div>

<div class="timeline-item">
<div class="timeline-circle"></div>
<div class="date date--right">Mars 2023</div>
<div class="date date--right">March 2023</div>
<div class="timeline-content js--fadeInLeft">
<img src="../media/gif-website.gif" class="timeline-img">
<h2>L'effet parallax</h2>
<p>J'ai intégré mon premier effet parallax à la section "À propos" sans l'utilisation de bibliothèques JavaScript externes. Cela a nécessité la mise en place de gestionnaires d'événements et de transitions CSS pour créer un effet de défilement fluide.</p>
<h2>Parallax effect</h2>
<p>I integrated my first parallax effect into the “About” section without the use of external JavaScript libraries. This involved setting up event handlers and CSS transitions to create a smooth scrolling effect.</p>
<a class="bnt-more a-style" href="javascript:void(0)">Plus</a>
</div>
</div>
Expand All @@ -208,8 +213,8 @@ <h2>L'effet parallax</h2>
<div class="date date--left">Juin 2023</div>
<div class="timeline-content js--fadeInRight">
<img src="../media/HomePage.png" class="timeline-img">
<h2>Remastérisation</h2>
<p>J'ai amélioré la page d'accueil afin de la rendre plus simple et moderne à l'aide de nouveau effet fait en javascript</p>
<h2>Remastering</h2>
<p>I've improved the home page to make it simpler and more modern with a new javascript effect</p>
<a class="bnt-more a-style" href="javascript:void(0)">Plus</a>
</div>
</div>
Expand Down
Loading

0 comments on commit bac3d2e

Please sign in to comment.