diff --git a/css/pages/games.css b/css/pages/games.css index 63498d6..12ab348 100644 --- a/css/pages/games.css +++ b/css/pages/games.css @@ -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); +} diff --git a/games.html b/games.html index e6b0c79..aac1e82 100644 --- a/games.html +++ b/games.html @@ -29,6 +29,159 @@

Games

+
+

Enter The Matrix(2003)

+
+

Review

+

7.2/10 By IGN

+

Description

+

Enter the Matrix is a 2003 action-adventure video game developed by Shiny Entertainment and published by Infogrames under the Atari brand name. + It was the first game based on The Matrix film series. Its story is concurrent with that of the film The Matrix Reloaded and features over an hour of original footage, + written and directed by the Wachowskis and starring the cast of the films, produced for the game. +

+

Released in May 2003, the same month as The Matrix Reloaded, + Enter the Matrix was simultaneously produced with The Matrix Reloaded and The Matrix Revolutions. + While it received mixed reviews from critics, the game sold 5 million copies as of May 2004. +

+

+ Enter the Matrix gives players control of two of the supporting characters from Reloaded and Revolutions, + Ghost (Anthony Wong) and Niobe (Jada Pinkett Smith), members of the same group of rebels as Morpheus, + Trinity, and Neo, the protagonists of the series. Niobe is the Captain of the Logos, 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. +

+

+ Players play as either Niobe or Ghost, + each of whom have slight variations during their story. + Most levels involve controlling players in a third-person perspective, + using guns and fighting skills to defeat opponents and complete level objectives. + At any time, players can activate bullet time (called "Focus" in the game) which slows down time, + giving players the ability to perform actions such as shooting in midair and dodging bullets. + 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 selected player, + 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. +

+

Source: Wikipedia

+

Images

+
+ Image + Image + Image +
+

Clip

+

+
+
+

The Matrix : Path Of Neo(2005)

+
+

Review

+

6.5/10 By IGN

+

Description

+

The Matrix: Path of Neo is a 2005 action-adventure video game developed by Shiny Entertainment and published by Atari. + The game was written and co-directed by the Wachowskis, 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 Neo, participating in scenes from the films.The game received mixed reviews from critics.

+

The Matrix: Path of Neo allows the player to participate in many of the major action scenes in the films. + Most of these sequences, picked by the movie directors themselves, are taken from the first film in the series. +

+

At the start of the game, the player is hacker Thomas Anderson, + and does not possess any of the powers that the character will later discover as Neo. + He has to find his way through by stealth and basic brawl. As the game continues, players learn new skills and techniques, + equipping Neo for the final showdown with Agent Smith. These additional skills may be level and in the main game. + Many of these skills are used by Neo in the trilogy, including the bullet dodge, bullet stop, and flight + A number of weapons are available in the game, consisting of both melee weapons (including various types of swords, staves, and escrimas) and + firearms (assault rifle, sub-machine gun, pistol etc.). +

+

The game also allows the player to meet many of the characters in the films, + including Trinity, Morpheus and the Merovingian, among others. + The game uses film excerpts as cut scenes throughout the game at certain milestones. + This footage includes clips from the original The Matrix theatrical films, and from other sources, + including the short film series, The Animatrix and Enter the Matrix. + The PC & Xbox versions also lack certain visual effects compared to the PS2 version such as the image warping. +

+

Source: Wikipedia

+

Images

+
+ Image + Image + Image + Image +
+

Clip

+

+
+
+

The Matrix Awakens(2021)

+
+

Description

+

The Matrix Awakens is a 2021 open-world video game and technology demonstration developed by Epic Games + using Unreal Engine 5 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. +

+

Released during the 2021 Game Awards on December 9, 2021, + it features Trinity (Carrie-Anne Moss) and Neo (Keanu Reeves), along with photorealistic 3D-scanned models 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 Unreal's MetaHuman creator tool +

+

+ While the demo did not get a PC release, + Epic released the city environment in the demo as a sample project titled "City Sample" 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 NPCs with AI 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. +

+

Source: Wikipedia

+

Images

+
+ Image + Image + Image + Image + Image + Image +
+

Clip

+

+