Skip to content
This repository has been archived by the owner on Sep 15, 2024. It is now read-only.

Commit

Permalink
Merge pull request #95 from Shreshth-Srivastava/games.html-patch
Browse files Browse the repository at this point in the history 
Added Information about three games based on the matrix films , Fixes : #88
  • Loading branch information
@roannav
roannav authored Oct 22, 2023
2 parents c016b8f + 23613a4 commit e1f8459
Show file tree
Hide file tree
Showing 2 changed files with 270 additions and 0 deletions.
117 changes: 117 additions & 0 deletions css/pages/games.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,3 +5,120 @@
*
**********************************************************************/

/*games-section-heading */
@import url('https://fonts.googleapis.com/css2?family=Young+Serif&display=swap');
/*games -section-para */
@import url('https://fonts.googleapis.com/css2?family=Bitter&display=swap');


/*games-section-style */

.games-section p {
text-align: justify;
padding-left: 3vw !important;
padding-right: 3.3vw !important;
}

.highlight{
font-weight: bold;
color:lightgreen;
}

.games-section .heading {
font-family: 'Young Serif', serif;
font-weight: 800;
font-size: 1.8rem;
padding-left: 20px;
letter-spacing: 1px;
}

.games-section .para {
font-family: 'Bitter', serif;
font-weight: 400;
line-height: 33px;
word-spacing: 3px;
letter-spacing: 1px;
}

.games-section .para span {
font-weight: 900;
letter-spacing: 2.2px;
/*border-bottom: 1px solid white;*/
text-decoration: underline;


}

.heading .align {
font-size: 2.2rem;
font-family: Arial;
text-align: justify;

}

/**********************************************************************
*
* Accordion styles
*
**********************************************************************/

.collapsible {
cursor: pointer;
}

.active,
.collapsible:hover {
background-color: #4caf50;
}

.collapsible:after {
content: '\23f7';
/* Unicode character for "triangle down" */
font-size: 2.3rem;
color: white;
float: right;
margin-left: 5px;
}

.active:after {
content: '\23f6';
/* Unicode character for "triangle up" */
}

.content {
padding: 0 1em;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
background-color: #555;
}

.content p {
padding: 1em;
}

/**********************************************************************
*
* Images styles
*
**********************************************************************/
.photo-gallery {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 16px;
padding: 16px;
text-align: center;
}

.photo-gallery img {
width: 100%;
height: auto;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease-in-out;
cursor: pointer;
}

.photo-gallery img:hover {
transform: scale(1.05);
}
153 changes: 153 additions & 0 deletions games.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,6 +29,159 @@

<section class="games-section">
<h3>Games</h3>
<br>
<h4 class="collapsible">Enter The Matrix(2003)</h4>
<div class="content">
<p class="heading">Review</p>
<p class="para"><span class="highlight">7.2/10</span> By IGN</p>
<p class="heading">Description</p>
<p class="para">Enter the Matrix is a 2003 <span class="highlight">action-adventure video game</span> developed by <span class="highlight">Shiny Entertainment</span> and published by <span class="highlight">Infogrames under the Atari brand name</span>.
It was the first game based on The Matrix film series. Its story is <span class="highlight">concurrent</span> with that of the film <span class="highlight">The Matrix Reloaded</span> and features over an hour of <span class="highlight">original footage</span>,
written and directed by the <span class="highlight">Wachowskis</span> and starring the cast of the films, produced for the game.
</p>
<p class="para"><span class="highlight">Released in May 2003</span>, the same month as The Matrix Reloaded,
Enter the Matrix was <span class="highlight">simultaneously</span> produced with The Matrix Reloaded and The Matrix Revolutions.
While it received mixed reviews from critics, the game sold <span class="highlight">5 million copies</span> as of May 2004.
</p>
<p class="para">
Enter the Matrix gives players control of two of the supporting characters from Reloaded and Revolutions,
<span class="highlight">Ghost (Anthony Wong) and Niobe (Jada Pinkett Smith)</span>, members of the same group of rebels as Morpheus,
Trinity, and Neo, the protagonists of the series. Niobe is the <span class="highlight">Captain of the Logos</span>, the fastest ship in the rebel fleet.
Ghost is the ship's first mate, weapons guru, and a deep-thinking, philosophical assassin.
The game takes place at roughly the same time as the events in Reloaded.
</p>
<p class="para">
Players play as either Niobe or Ghost,
each of whom have slight variations during their story.
Most levels involve controlling players in a <span class="highlight">third-person perspective</span>,
using guns and fighting skills to defeat opponents and complete level objectives.
At any time, players can activate <span class="highlight">bullet time</span> (called <span class="highlight">"Focus"</span> in the game) which slows down time,
giving players the ability to perform actions such as <span class="highlight">shooting in midair and dodging bullets</span>.
Some levels involve one-on-one martial arts fighting against single opponents.
In levels involving vehicles, such as driving a car or piloting the Logos, the style of game play depends on the <span class="highlight">selected player</span>,
commonly with Niobe maneuvering the vehicles to avoid obstacles, whilst Ghost takes control of a gun to fight off incoming enemies.
A hacking system allows players to enter codes, which can unlock special skills, weapons and secrets, such as a 2-player versus mode.
</p>
<p class="para">Source: Wikipedia</p>
<p class="heading">Images</p>
<div class="photo-gallery">
<img
src="https://upload.wikimedia.org/wikipedia/en/9/9c/Enter_the_Matrix_Coverart.png"
alt="Image"
/>
<img
src="https://www.playstationlifestyle.net/wp-content/uploads/sites/9/2023/05/Enter-the-Matrix-retrospective.jpg"
alt="Image"
/>
<img
src="https://assetsio.reedpopcdn.com/screenshots13.jpg?width=1200&height=1200&fit=bounds&quality=70&format=jpg&auto=webp"
alt="Image"
/>
</div>
<p class="heading">Clip</p>
<p style="text-align:center;"><iframe width="560" height="315" src="https://www.youtube.com/embed/by4hyBxRo8E?si=VYndIBcv9zqlZGl6" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></p>
</div>
<br>
<h4 class="collapsible">The Matrix : Path Of Neo(2005)</h4>
<div class="content">
<p class="heading">Review</p>
<p class="para"><span class="highlight">6.5/10</span> By IGN</p>
<p class="heading">Description</p>
<p class="para">The Matrix: Path of Neo is a 2005 <span class="highlight">action-adventure</span> video game developed by <span class="highlight">Shiny Entertainment and published by Atari</span>.
The game was written and co-directed by the <span class="highlight">Wachowskis</span>, who wrote and directed the first three The Matrix films and the 2003 video game Enter the Matrix,
also developed by Shiny Entertainment. Players control the character <span class="highlight">Neo</span>, participating in scenes from the films.The game received mixed reviews from critics.</p>
<p class="para">The Matrix: Path of Neo allows the player to participate in many of the <span class="highlight">major action scenes in the films</span>.
Most of these sequences, picked by the movie directors themselves, are taken from the first film in the series.
</p>
<p class="para">At the start of the game, the player is hacker <span class="highlight">Thomas Anderson</span>,
and does not possess any of the powers that the character will later discover as Neo.
He has to find his way through by <span class="highlight">stealth and basic brawl</span>. As the game continues, players learn new skills and techniques,
equipping Neo for the final showdown with Agent Smith. These <span class="highlight">additional skills</span> may be <span class="highlight">level</span> and in the main game.
Many of these skills are used by Neo in the trilogy, including the <span class="highlight">bullet dodge, bullet stop, and flight</span>
A number of weapons are available in the game, consisting of both <span class="highlight">melee weapons</span> (including various types of swords, staves, and escrimas) and
<span class="highlight">firearms</span> (assault rifle, sub-machine gun, pistol etc.).
</p>
<p class="para">The game also allows the player to meet many of the characters in the films,
including <span class="highlight">Trinity, Morpheus and the Merovingian</span>, among others.
The game uses <span class="highlight">film excerpts</span> as cut scenes throughout the game at certain milestones.
This footage includes clips from the <span class="highlight">original The Matrix theatrical films</span>, and from other sources,
including the short film series, <span class="highlight">The Animatrix and Enter the Matrix</span>.
The PC & Xbox versions also lack certain visual effects compared to the PS2 version such as the image warping.
</p>
<p class="para">Source: Wikipedia</p>
<p class="heading">Images</p>
<div class="photo-gallery">
<img
src="https://upload.wikimedia.org/wikipedia/en/b/bf/Pathofneobox.jpg"
alt="Image"
/>
<img
src="https://static0.gamerantimages.com/wordpress/wp-content/uploads/2020/10/10-Matrix-Path-Of-Neo-Forgotten-Action-Games-Reboot.jpg"
alt="Image"
/>
<img
src="https://pixelhunted.files.wordpress.com/2021/11/the-matrix-path-of-neo-pcsx2_2021-10-30_00-13-27-134.jpg?w=1024"
alt="Image"
/>
<img
src="https://pixelhunted.files.wordpress.com/2021/11/the-matrix-path-of-neo-pcsx2_2021-10-30_00-13-27-290.jpg?w=1024"
alt="Image"
/>
</div>
<p class="heading">Clip</p>
<p style="text-align:center;"></span><iframe width="560" height="315" src="https://www.youtube.com/embed/bE5VykhwLYY?si=WujcfghMDpbtIDfZ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></p>
</div>
<br>
<h4 class="collapsible">The Matrix Awakens(2021)</h4>
<div class="content">
<p class="heading">Description</p>
<p class="para">The Matrix Awakens is a 2021 <span class="highlight">open-world video game and technology demonstration</span> developed by Epic Games
using <span class="highlight">Unreal Engine 5</span> in partnership with Warner Bros. Pictures, The Coalition, Wētā FX, Evil Eye Pictures, SideFX,
and others for PlayStation 5 and Xbox Series X and Series S, serving as a marketing tie-in for the 2021 film The Matrix Resurrections.
</p>
<p class="para">Released during the 2021 Game Awards on <span class="highlight">December 9, 2021</span>,
it features Trinity (Carrie-Anne Moss) and Neo (Keanu Reeves), along with <span class="highlight">photorealistic 3D-scanned models</span> of both Moss and Reeves from the present time,
portrayed by themselves, in cinematic and QTE shooter scenes where the player can take control of IO,
a character which Epic introduced with <span class="highlight">Unreal's MetaHuman creator tool</span>
</p>
<p class="para">
While the <span class="highlight">demo did not get a PC release</span>,
Epic released the city environment in the demo as a <span class="highlight">sample project titled "City Sample"</span> in their Unreal Engine 5 workshop.
This was immediately used by fans to generate a Windows executable package in which the city can be navigated,
offering the ability to control several parameters of the game engine, the game also features <span class="highlight">NPCs with AI</span> that will generate conversations when players use the audio.
The assets were also reused later in several fan-made demos featuring characters such as Spider-Man and Batman.
</p>
<p class="para">Source: Wikipedia</p>
<p class="heading">Images</p>
<div class="photo-gallery">
<img
src="https://upload.wikimedia.org/wikipedia/en/8/81/The_Matrix_Awakens.jpg"
alt="Image"
/>
<img
src="https://www.cnet.com/a/img/resize/f0f6d21a838a939bf5cd8663b560b5d37a670353/hub/2021/12/10/a644a8d2-f895-4030-a1c8-f8ef8cd93b34/the-matrix-awakens-screenshot.jpg?auto=webp&fit=crop&height=675&width=1200"
alt="Image"
/>
<img
src="https://image.api.playstation.com/vulcan/img/rnd/202112/1004/QFExT2lScvgujmTHUT0LKy8i.jpg"
alt="Image"
/>
<img
src="https://image.api.playstation.com/vulcan/img/rnd/202112/1004/nhJgTp5qZOh4PtUbHERcCQrz.jpg"
alt="Image"
/>
<img
src="https://cdn.arstechnica.net/wp-content/uploads/2021/12/matrix-chase-05-640x360.jpg"
alt="Image"
/>
<img
src="https://d2cdo4blch85n8.cloudfront.net/wp-content/uploads/2021/12/The-Matrix-Awakens-An-Unreal-Engine-5-Experience-Featured-image.jpg"
alt="Image"
/>
</div>
<p class="heading">Clip</p>
<p style="text-align:center;"><iframe width="560" height="315" src="https://www.youtube.com/embed/WU0gvPcc3jQ?si=bRnxNu6SViFe58Dh" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen>Clip</iframe></p>
</div>
</section>
<!--games-section-->

Expand Down

0 comments on commit e1f8459

Please sign in to comment.