started working on the portfolio_en
This commit is contained in:
parent
a13239fde0
commit
8e7d3cb8d2
3 changed files with 102 additions and 101 deletions
6
en.html
6
en.html
|
|
@ -24,12 +24,12 @@
|
|||
</div>
|
||||
<p>Computer Science Student | Major: Game Development and Mobile Applications</p>
|
||||
<div class="contact-links">
|
||||
<a href="mailto:bartek.piekarski@tuta.com">
|
||||
bartek.piekarski@tuta.com
|
||||
</a>
|
||||
<a href="https://www.linkedin.com/in/bartek-piekarski-911206257" target="_blank">
|
||||
LinkedIn
|
||||
</a>
|
||||
<a href="mailto:bartek.piekarski@tuta.com">
|
||||
bartek.piekarski@tuta.com
|
||||
</a>
|
||||
<a href="https://forgia.sykorax.eu/lheor" target="_blank">
|
||||
Forgejo
|
||||
</a>
|
||||
|
|
|
|||
|
|
@ -24,12 +24,12 @@
|
|||
</div>
|
||||
<p>Student Informatyki | Specjalizacja: Gry Komputerowe i Aplikacje Mobilne</p>
|
||||
<div class="contact-links">
|
||||
<a href="mailto:bartek.piekarski@tuta.com">
|
||||
bartek.piekarski@tuta.com
|
||||
</a>
|
||||
<a href="https://www.linkedin.com/in/bartek-piekarski-911206257" target="_blank">
|
||||
LinkedIn
|
||||
</a>
|
||||
<a href="mailto:bartek.piekarski@tuta.com">
|
||||
bartek.piekarski@tuta.com
|
||||
</a>
|
||||
<a href="https://forgia.sykorax.eu/lheor" target="_blank">
|
||||
Forgejo
|
||||
</a>
|
||||
|
|
|
|||
|
|
@ -13,15 +13,14 @@
|
|||
<div class="container mx-auto px-4 py-6 flex items-center justify-between">
|
||||
<div class="flex items-center gap-4">
|
||||
<a href="https://zyciorys.gitlab.io/bartek_piekarski/" target="_blank" class="text-lg font-semibold text-accent hover:text-accent2 transition">
|
||||
Powrót do CV
|
||||
Back to CV
|
||||
</a>
|
||||
<div>
|
||||
<h1 class="text-4xl font-bold mb-2">Moje Portfolio</h1>
|
||||
<p style="color: var(--text-dark)">Projekty Graficzne</p>
|
||||
<h1 class="text-4xl font-bold mb-2">My Graphic Design Portfolio</h1>
|
||||
</div>
|
||||
</div>
|
||||
<a href="https://zyciorys.gitlab.io/portfolio_z_grafiki/" class="flex items-center hover:opacity-80 transition">
|
||||
<img src="img/poland.png" alt="Polska wesja" width="32" height="32" class="rounded">
|
||||
<a href="en.html" class="flex items-center hover:opacity-80 transition">
|
||||
<img src="img/poland.png" alt="Polska wersja" width="32" height="32" class="rounded">
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
|
@ -31,7 +30,7 @@
|
|||
<div class="project-card rounded-lg shadow-md mb-8 overflow-hidden">
|
||||
<img src="projekty/Z1_Piekarski_Bartłomiej.png" alt="Projekt 1" class="w-full">
|
||||
<div class="p-6">
|
||||
<h2 class="text-2xl font-bold mb-2" style="color: var(--accent)">Projekt 1 - Moodboard</h2>
|
||||
<h2 class="text-2xl font-bold mb-2" style="color: var(--accent)">Project 1 - Moodboard</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -44,7 +43,7 @@
|
|||
<div class="image-box w-full h-[500px]">
|
||||
<img src="projekty/dark_souls3.png" alt="Dark Souls 3" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="slide-description"><b>Dark Souls 3</b> to gra akcji RPG osadzona w mrocznym, post-apokaliptycznym świecie fantasy. Gracze eksplorują umierający świat, walczą z potężnymi bossami i zbierają ekwipunek, który pomoże im w ich misji. Gra słynie z wysokiego poziomu trudności i nieliniowej fabuły.</p>
|
||||
<p class="slide-description"><b>Dark Souls 3</b> is an action RPG set in a dark, post-apocalyptic fantasy world. Players explore a dying world, battle powerful bosses, and collect equipment to aid them in their mission. The game is known for its high difficulty level and non-linear storyline.</p>
|
||||
<h3>Dark Souls 3</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -56,9 +55,9 @@
|
|||
</a>
|
||||
</div>
|
||||
<p class="slide-description">
|
||||
1. <b>Detalicznie zaprojektowane postacie i przeciwnicy</b>: Postacie gracza, NPC oraz przeciwnicy w Dark Souls 3 są pełne szczegółów i wyrazistej estetyki, co sprawia, że są kluczowymi elementami przyciągającymi uwagę.
|
||||
1. <b>Detailed character and enemy designs</b>: The player characters, NPCs, and enemies in Dark Souls 3 are full of details and distinctive aesthetics, making them key elements that attract attention.
|
||||
</p>
|
||||
<h3>Pozytywne Elementy Graficzne</h3>
|
||||
<h3>Positive Graphic Elements</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slide flex-none w-full">
|
||||
|
|
@ -69,9 +68,9 @@
|
|||
</a>
|
||||
</div>
|
||||
<p class="slide-description">
|
||||
2. <b>Ogniska (Bonfires) jako centralne punkty światła</b>: Ogniska to jeden z najbardziej ikonicznych elementów w całej serii Dark Souls, pełniących zarówno funkcję mechaniczną, jak i wizualną.
|
||||
2. <b>Bonfires as central points of light</b>: Bonfires are one of the most iconic elements in the entire Dark Souls series, serving both mechanical and visual functions.
|
||||
</p>
|
||||
<h3>Pozytywne Elementy Graficzne</h3>
|
||||
<h3>Positive Graphic Elements</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slide flex-none w-full">
|
||||
|
|
@ -82,9 +81,9 @@
|
|||
</a>
|
||||
</div>
|
||||
<p class="slide-description">
|
||||
3. <b>Monumentalne budowle i krajobrazy</b>: Dark Souls 3 jest pełne ogromnych, architektonicznie imponujących struktur, które dominują nad krajobrazem i przyciągają uwagę gracza.
|
||||
3. <b>Monumental buildings and landscapes</b>: Dark Souls 3 is full of enormous, architecturally impressive structures that dominate the landscape and attract the player's attention.
|
||||
</p>
|
||||
<h3>Pozytywne Elementy Graficzne</h3>
|
||||
<h3>Positive Graphic Elements</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slide flex-none w-full">
|
||||
|
|
@ -95,9 +94,9 @@
|
|||
</a>
|
||||
</div>
|
||||
<p class="slide-description">
|
||||
1. <b>Mroczne, opustoszałe lokacje</b>: W wielu obszarach Dark Souls 3, takich jak ruiny Lothric czy Catacombs of Carthus, ogromne przestrzenie są celowo puste, z minimalną ilością elementów. Te puste przestrzenie tworzą wrażenie samotności, pustki i zagrożenia. Brak przesadnych dekoracji pozwala graczowi poczuć beznadziejność świata, jednocześnie kierując uwagę na odległe, czasem groźnie wyglądające obiekty, np. zamek na wzgórzu czy nadciągającego przeciwnika.
|
||||
1. <b>Dark, desolate locations</b>: In many areas of Dark Souls 3, such as the ruins of Lothric or the Catacombs of Carthus, vast spaces are intentionally empty, with minimal elements. These empty spaces create a sense of loneliness, emptiness, and danger. The lack of excessive decorations allows the player to feel the hopelessness of the world while focusing on distant, sometimes menacing objects, such as a castle on a hill or an approaching enemy.
|
||||
</p>
|
||||
<h3>Negatywne Elementy Graficzne</h3>
|
||||
<h3>Negative Graphic Elements</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slide flex-none w-full">
|
||||
|
|
@ -108,9 +107,9 @@
|
|||
</a>
|
||||
</div>
|
||||
<p class="slide-description">
|
||||
2. <b>Ciemność i mgła jako pusta przestrzeń</b>: W grze ogromną rolę odgrywa ciemność oraz mgła, które dominują w wielu lokacjach. Ciemne korytarze, jaskinie czy ogromne, niekończące się przestrzenie podkreślają nieznane zagrożenia, ale również zwiększają kontrast z oświetlonymi obiektami, takimi jak ogniska (bonfires) lub wrogowie, którzy pojawiają się nagle z ciemności.
|
||||
2. <b>Darkness and fog as empty space</b>: Darkness and fog play a significant role in many locations in the game. Dark corridors, caves, or vast, endless spaces emphasize unknown dangers but also increase the contrast with lit objects, such as bonfires or enemies that suddenly appear from the darkness.
|
||||
</p>
|
||||
<h3>Negatywne Elementy Graficzne</h3>
|
||||
<h3>Negative Graphic Elements</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slide flex-none w-full">
|
||||
|
|
@ -121,9 +120,9 @@
|
|||
</a>
|
||||
</div>
|
||||
<p class="slide-description">
|
||||
3. <b>Wielkie, puste areny bossów</b>: Walka z bossami często odbywa się na olbrzymich, pustych arenach, które są niemal pozbawione dekoracji. Przykładem może być walka z Nameless King lub Slave Knight Gael. Duża, otwarta przestrzeń nie tylko służy funkcji mechanicznej (daje miejsce na manewrowanie), ale również potęguje poczucie grozy i monumentalności walki.
|
||||
3. <b>Large, empty boss arenas</b>: Battles with bosses often take place in huge, empty arenas that are almost devoid of decoration. An example is the fight with the Nameless King or Slave Knight Gael. The large, open space not only serves a mechanical function (providing room for maneuvering) but also enhances the sense of dread and monumentality of the battle.
|
||||
</p>
|
||||
<h3>Negatywne Elementy Graficzne</h3>
|
||||
<h3>Negative Graphic Elements</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slide flex-none w-full">
|
||||
|
|
@ -131,7 +130,7 @@
|
|||
<div class="image-box w-full h-[500px]">
|
||||
<img src="projekty/elden_ring.png" alt="Elden Ring" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="slide-description"><b>Elden Ring</b> to gra rozgrywająca się w otwartym świecie zwanym The Lands Between, pełnym tajemnic, starożytnych ruin, potężnych przeciwników i ogromnych, rozległych terenów do eksploracji. Gracz wciela się w rolę Tarnished, który ma na celu odzyskanie Elden Ring, aby zostać władcą tego zniszczonego świata.</p>
|
||||
<p class="slide-description"><b>Elden Ring</b> is a game set in an open world called The Lands Between, filled with mysteries, ancient ruins, powerful enemies, and vast, expansive terrains to explore. The player takes on the role of a Tarnished, aiming to restore the Elden Ring to become the ruler of this ruined world.</p>
|
||||
<h3>Elden Ring</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -142,9 +141,9 @@
|
|||
<img src="projekty/elden_ring_landscape.jpg" alt="Elden Ring Landscape" class="w-full h-full object-contain">
|
||||
</a>
|
||||
</div>
|
||||
<p class="slide-description">1. <b>Bogate, zróżnicowane krajobrazy i monumentalne struktury</b>: Świat w Elden Ring jest ogromny i zróżnicowany, a monumentalne budowle, zamki i starożytne ruiny dominują nad krajobrazem. Na przykład Erdtree – gigantyczne, złociste drzewo, widoczne z niemal każdego miejsca w grze – jest ikonicznym elementem wizualnym.
|
||||
<p class="slide-description">1. <b>Rich, diverse landscapes and monumental structures</b>: The world in Elden Ring is vast and diverse, with monumental buildings, castles, and ancient ruins dominating the landscape. For example, the Erdtree – a gigantic, golden tree visible from almost anywhere in the game – is an iconic visual element.
|
||||
</p>
|
||||
<h3>Pozytywne Elementy Graficzne</h3>
|
||||
<h3>Positive Graphic Elements</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slide flex-none w-full">
|
||||
|
|
@ -154,9 +153,9 @@
|
|||
<img src="projekty/elden_ring_effects.jpg" alt="Elden Ring Effects" class="w-full h-full object-contain">
|
||||
</a>
|
||||
</div>
|
||||
<p class="slide-description">2. <b>Magia i efekty specjalne w walce</b>: W Elden Ring efekty wizualne związane z magią, zaklęciami oraz specjalnymi umiejętnościami są niezwykle wyraziste i szczegółowe. Ogniste kule, lodowe ostrza, promienie światła – wszystkie te efekty są dynamiczne i kontrastują z otoczeniem, dodając spektakularności i dramatyzmu do walk.
|
||||
<p class="slide-description">2. <b>Magic and special effects in combat</b>: In Elden Ring, visual effects related to magic, spells, and special abilities are incredibly expressive and detailed. Fireballs, ice blades, beams of light – all these effects are dynamic and contrast with the environment, adding spectacle and drama to battles.
|
||||
</p>
|
||||
<h3>Pozytywne Elementy Graficzne</h3>
|
||||
<h3>Positive Graphic Elements</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slide flex-none w-full">
|
||||
|
|
@ -166,9 +165,9 @@
|
|||
<img src="projekty/elden_ring_design.jpg" alt="Elden Ring Design" class="w-full h-full object-contain">
|
||||
</a>
|
||||
</div>
|
||||
<p class="slide-description">3. <b>Detaliczny design przeciwników i postaci</b>: Podobnie jak w innych grach studia FromSoftware, postacie i przeciwnicy w Elden Ring są zaprojektowani z ogromnym naciskiem na szczegóły. Każdy boss, postać NPC czy potwór ma charakterystyczny wygląd, który odzwierciedla ich pochodzenie, moce i rolę w fabule. Detale takie jak skomplikowane zbroje, tekstury skóry i groteskowe kształty przeciwników sprawiają, że stają się one głównymi elementami przyciągającymi uwagę w grze.
|
||||
<p class="slide-description">3. <b>Detailed enemy and character designs</b>: Similar to other FromSoftware games, the characters and enemies in Elden Ring are designed with great attention to detail. Each boss, NPC, or monster has a distinctive appearance that reflects their origin, powers, and role in the story. Details such as complex armor, skin textures, and grotesque enemy shapes make them stand out in the game.
|
||||
</p>
|
||||
<h3>Pozytywne Elementy Graficzne</h3>
|
||||
<h3>Positive Graphic Elements</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slide flex-none w-full">
|
||||
|
|
@ -178,9 +177,9 @@
|
|||
<img src="projekty/elden_ring_empty.webp" alt="Elden Ring Empty" class="w-full h-full object-contain">
|
||||
</a>
|
||||
</div>
|
||||
<p class="slide-description">1. <b>Opustoszałe, szerokie przestrzenie</b>: W przeciwieństwie do zapełnionych szczegółami lokacji, wiele obszarów w Elden Ring – jak rozległe, pustynne stepy czy bagna – charakteryzuje się dużą ilością pustej przestrzeni. Te szerokie tereny, mimo swojej skali, są często minimalistyczne w detalach, co tworzy poczucie samotności i zagrożenia, ale także daje graczowi przestrzeń do eksploracji.
|
||||
<p class="slide-description">1. <b>Desolate, wide-open spaces</b>: Unlike detail-filled locations, many areas in Elden Ring – such as vast, barren steppes or swamps – are characterized by large amounts of empty space. These wide terrains, despite their scale, are often minimalistic in detail, creating a sense of loneliness and danger but also giving the player space to explore.
|
||||
</p>
|
||||
<h3>Negatywne Elementy Graficzne</h3>
|
||||
<h3>Negative Graphic Elements</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slide flex-none w-full">
|
||||
|
|
@ -190,11 +189,12 @@
|
|||
<img src="projekty/elden_ring_tight_spaces.webp" alt="Elden Ring Tight Spaces" class="w-full h-full object-contain">
|
||||
</a>
|
||||
</div>
|
||||
<p class="slide-description">2. <b>Ciemne, mroczne zakątki i podziemia</b>: Podobnie jak w poprzednich grach FromSoftware, ciemność odgrywa kluczową rolę w budowaniu klimatu. Wiele podziemi, jaskiń i ukrytych miejsc w Elden Ring jest skąpanych w mroku, co ogranicza widoczność gracza i zwiększa napięcie.
|
||||
<p class="slide-description">2. <b>Dark, gloomy corners and undergrounds</b>: Similar to previous FromSoftware games, darkness plays a key role in building atmosphere. Many underground areas, caves, and hidden places in Elden Ring are shrouded in darkness, limiting the player's visibility and increasing tension.
|
||||
</p>
|
||||
<h3>Negatywne Elementy Graficzne</h3>
|
||||
<h3>Negative Graphic Elements</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="slide flex-none w-full">
|
||||
<div class="image-container">
|
||||
<div class="image-box w-full h-[500px]">
|
||||
|
|
@ -202,9 +202,9 @@
|
|||
<img src="projekty/elden_ring_arena.webp" alt="Elden Ring Arena" class="w-full h-full object-contain">
|
||||
</a>
|
||||
</div>
|
||||
<p class="slide-description">3. <b>Pusta przestrzeń wokół ogromnych bossów</b>: Walka z bossami w Elden Ring często odbywa się na dużych, otwartych arenach, podobnie jak w Dark Souls 3. Przestrzeń wokół bossów jest często celowo pusta, co podkreśla ich ogrom i grozę. Te areny, pozbawione zbędnych szczegółów, potęgują wrażenie, że gracz stoi w obliczu czegoś znacznie większego i silniejszego.
|
||||
<p class="slide-description">3. <b>Empty space around huge bosses</b>: Battles with bosses in Elden Ring often take place in large, open arenas, similar to Dark Souls 3. The space around the bosses is often intentionally empty, emphasizing their size and menace. These arenas, devoid of unnecessary details, enhance the feeling that the player is facing something much larger and stronger.
|
||||
</p>
|
||||
<h3>Negatywne Elementy Graficzne</h3>
|
||||
<h3>Negative Graphic Elements</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slide flex-none w-full">
|
||||
|
|
@ -214,7 +214,7 @@
|
|||
<img src="projekty/mortal_shell.png" alt="Mortal Shell" class="w-full h-full object-contain">
|
||||
</a>
|
||||
</div>
|
||||
<p class="slide-description"><b>Mortal Shell</b> czerpie inspirację z gier typu soulslike, takich jak seria Dark Souls. W grze wcielasz się w tajemniczego wojownika, który nie posiada własnego ciała, ale może przejmować tzw. "powłoki" (Shells) – ciała poległych wojowników, z których każdy ma unikalne umiejętności i styl walki. Rozgrywka koncentruje się na taktycznej walce, eksploracji mrocznego, nieprzyjaznego świata oraz odkrywaniu tajemnic starożytnych ruin.</p>
|
||||
<p class="slide-description"><b>Mortal Shell</b> draws inspiration from soulslike games such as the Dark Souls series. In the game, you play as a mysterious warrior who lacks a body but can take over so-called "shells" – the bodies of fallen warriors, each with unique abilities and fighting styles. The gameplay focuses on tactical combat, exploring a dark and hostile world, and uncovering the secrets of ancient ruins.</p>
|
||||
<h3>Mortal Shell</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -225,9 +225,9 @@
|
|||
<img src="projekty/mortal_shell_eredrim.jpg" alt="Mortal Shell Eredrim" class="w-full h-full object-contain">
|
||||
</a>
|
||||
</div>
|
||||
<p class="slide-description">1. <b>Detale postaci i pancerzy (shells)</b>: Jednym z najbardziej wyróżniających się elementów Mortal Shell są tytułowe Shells – powłoki, które bohater przejmuje, by uzyskać nowe umiejętności. Każda z tych postaci posiada unikalnie zaprojektowane zbroje, które przyciągają uwagę swoją surową, brutalną estetyką. Również przeciwnicy, w szczególności bossowie, charakteryzują się szczegółowym i groteskowym designem, co czyni ich centralnymi punktami w kompozycji wizualnej gry.
|
||||
<p class="slide-description">1. <b>Character and armor (shell) details</b>: One of the most distinctive elements of Mortal Shell is the titular Shells – the bodies the hero takes over to gain new abilities. Each of these characters has uniquely designed armor that attracts attention with its raw, brutal aesthetic. Enemies, especially bosses, are also characterized by detailed and grotesque designs, making them central points in the game's visual composition.
|
||||
</p>
|
||||
<h3>Pozytywne Elementy Graficzne</h3>
|
||||
<h3>Positive Graphic Elements</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slide flex-none w-full">
|
||||
|
|
@ -237,9 +237,9 @@
|
|||
<img src="projekty/mortal_shell_darkness.jpg" alt="Mortal Shell Darkness" class="w-full h-full object-contain">
|
||||
</a>
|
||||
</div>
|
||||
<p class="slide-description">2. <b>Światło i mrok w grze</b>: Gra operuje kontrastem między ciemnością, a punktami światła. W kluczowych momentach światło – jak np. ogniska, pochodnie czy magiczne efekty – pełni rolę pozytywnych aspektów graficznych, prowadząc gracza przez mroczne i ponure otoczenie.
|
||||
<p class="slide-description">2. <b>Light and darkness in the game</b>: The game uses the contrast between darkness and points of light. In key moments, light – such as bonfires, torches, or magical effects – serves as a positive graphic element, guiding the player through dark and gloomy surroundings.
|
||||
</p>
|
||||
<h3>Pozytywne Elementy Graficzne</h3>
|
||||
<h3>Positive Graphic Elements</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slide flex-none w-full">
|
||||
|
|
@ -249,9 +249,9 @@
|
|||
<img src="projekty/mortal_shell_landscape.webp" alt="Mortal Shell Landscape" class="w-full h-full object-contain">
|
||||
</a>
|
||||
</div>
|
||||
<p class="slide-description">3. <b>Monumentalne, surowe budowle</b>: Choć świat Mortal Shell jest mniejszy i bardziej klaustrofobiczny niż w grach FromSoftware, to surowe, kamienne budowle i ruiny mają silną, monumentalną obecność. Świątynie, fortece i jaskinie są skąpanych w surowym, minimalistycznym designie, co nadaje im mocny, fizyczny charakter, przyciągając uwagę gracza.
|
||||
<p class="slide-description">3. <b>Monumental, raw buildings</b>: Although the world of Mortal Shell is smaller and more claustrophobic than in FromSoftware games, the raw, stone buildings and ruins have a strong, monumental presence. Temples, fortresses, and caves are shrouded in a raw, minimalistic design, giving them a powerful, physical character that attracts the player's attention.
|
||||
</p>
|
||||
<h3>Pozytywne Elementy Graficzne</h3>
|
||||
<h3>Positive Graphic Elements</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slide flex-none w-full">
|
||||
|
|
@ -261,9 +261,9 @@
|
|||
<img src="projekty/mortal_shell_empty.jpg" alt="Mortal Shell Empty" class="w-full h-full object-contain">
|
||||
</a>
|
||||
</div>
|
||||
<p class="slide-description">1. <b>Mroczne, puste przestrzenie</b>: Wiele lokacji w Mortal Shell to ciemne, opustoszałe obszary – zarówno na powierzchni, jak i pod ziemią. Te puste, mało szczegółowe przestrzenie wprowadzają poczucie izolacji i niepokoju. Przykładem mogą być niekończące się korytarze i otwarte tereny z niewielką ilością detali, które wzmacniają poczucie zagrożenia i budują mroczny klimat.
|
||||
<p class="slide-description">1. <b>Dark, empty spaces</b>: Many locations in Mortal Shell are dark, desolate areas – both above and below ground. These empty, minimally detailed spaces create a sense of isolation and unease. Examples include endless corridors and open areas with few details, which enhance the sense of danger and build a dark atmosphere.
|
||||
</p>
|
||||
<h3>Negatywne Elementy Graficzne</h3>
|
||||
<h3>Negative Graphic Elements</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slide flex-none w-full">
|
||||
|
|
@ -273,9 +273,9 @@
|
|||
<img src="projekty/mortal_shell_grisha.jpg" alt="Mortal Shell Grisha" class="w-full h-full object-contain">
|
||||
</a>
|
||||
</div>
|
||||
<p class="slide-description">2. <b>Ciemność i brak widoczności</b>: Podobnie jak w Dark Souls, w Mortal Shell ciemność odgrywa istotną rolę. W wielu miejscach gra celowo ogranicza widoczność, aby stworzyć poczucie niepewności. Mrok i mgła, które przysłaniają szczegóły otoczenia, tworzą negatywną przestrzeń, która kontrastuje z oświetlonymi elementami lub przeciwnikami, nagle wyłaniającymi się z cienia.
|
||||
<p class="slide-description">2. <b>Darkness and lack of visibility</b>: Similar to Dark Souls, darkness plays a crucial role in Mortal Shell. In many places, the game intentionally limits visibility to create a sense of uncertainty. Darkness and fog, which obscure the details of the surroundings, create a negative space that contrasts with lit elements or enemies suddenly emerging from the shadows.
|
||||
</p>
|
||||
<h3>Negatywne Elementy Graficzne</h3>
|
||||
<h3>Negative Graphic Elements</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slide flex-none w-full">
|
||||
|
|
@ -285,22 +285,22 @@
|
|||
<img src="projekty/mortal_shell_arena.jpg" alt="Mortal Shell Arena" class="w-full h-full object-contain">
|
||||
</a>
|
||||
</div>
|
||||
<p class="slide-description">3. <b>Pusta przestrzeń na arenach bossów</b>: Podczas walk z bossami, podobnie jak w grach FromSoftware, areny są często celowo pozbawione zbędnych elementów, aby skupić uwagę gracza na pojedynku.
|
||||
<p class="slide-description">3. <b>Empty space in boss arenas</b>: During boss fights, similar to FromSoftware games, arenas are often intentionally devoid of unnecessary elements to focus the player's attention on the duel.
|
||||
</p>
|
||||
<h3>Negatywne Elementy Graficzne</h3>
|
||||
<h3>Negative Graphic Elements</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slide flex-none w-full">
|
||||
<div class="thank-you-slide flex flex-col items-center" style="height: 700px !important;">
|
||||
<div class="flex flex-row gap-8 w-full max-w-[1800px] mx-auto" style="height: 600px !important;">
|
||||
<a href="https://www.reddit.com/r/memes/comments/m35w0c/karate_in_the_garage/" target="_blank" class="w-1/2">
|
||||
<img src="/projekty/thank_you1.jpg" alt="Thank you image 1" class="w-full h-full object-contain">
|
||||
<img src="projekty/thank_you1.jpg" alt="Thank you image 1" class="w-full h-full object-contain">
|
||||
</a>
|
||||
<a href="https://www.reddit.com/r/memes/comments/kwccmg/my_king/" target="_blank" class="w-1/2">
|
||||
<img src="/projekty/thank_you2.jpg" alt="Thank you image 2" class="w-full h-full object-contain">
|
||||
<img src="projekty/thank_you2.jpg" alt="Thank you image 2" class="w-full h-full object-contain">
|
||||
</a>
|
||||
</div>
|
||||
<h2 class="thank-you-text text-4xl font-bold mt-4" style="color: var(--accent)">Dziękuję za uwagę.</h2>
|
||||
<h2 class="thank-you-text text-4xl font-bold mt-4" style="color: var(--accent)">Thank you for your attention.</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -309,7 +309,7 @@
|
|||
<button onclick="slide('slideContainer2', 'next')" class="nav-button next">→</button>
|
||||
|
||||
<div class="p-6">
|
||||
<h2 class="text-2xl font-bold mb-2" style="color: var(--accent)">Projekt 2 - Inspiracje</h2>
|
||||
<h2 class="text-2xl font-bold mb-2" style="color: var(--accent)">Project 2 - Inspirations</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -320,7 +320,7 @@
|
|||
<img src="projekty/Iron Oath.png" alt="Projekt 3">
|
||||
</div>
|
||||
<div class="p-6">
|
||||
<h2 class="text-2xl font-bold mb-2" style="color: var(--accent)">Projekt 3 - Logo</h2>
|
||||
<h2 class="text-2xl font-bold mb-2" style="color: var(--accent)">Project 3 - Logo</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -331,15 +331,15 @@
|
|||
<img src="projekty/Liuria.png" alt="Projekt 4" class="w-full h-full object-cover">
|
||||
</div>
|
||||
<div class="md:w-2/3 p-6">
|
||||
<h2 class="text-2xl font-bold mb-4" style="color: var(--accent)">Projekt 4 - Postać</h2>
|
||||
<h3 class="text-xl font-bold mb-4" style="color: var(--text-dark)">Liuria, Pani Cieni</h3>
|
||||
<p class="mb-4" style="color: var(--text-dark)"><b>Rola w grze:</b> Przewodniczka gracza</p>
|
||||
<p class="mb-4" style="color: var(--text-dark)"><b>Pochodzenie:</b> Liuria jest członkinią prastarego zakonu Strażników Zmierzchu, istot zawieszonych między życiem a śmiercią. Pamięta czasy, gdy świat kształtowały pierwotne moce, i zna tajemnice mrocznego lore’u świata gry.</p>
|
||||
<p class="mb-4" style="color: var(--text-dark)"><b>Wzrost:</b> 175 cm</p>
|
||||
<p class="mb-4" style="color: var(--text-dark)"><b>Ubiór:</b> Jasnoszara, poszarpana peleryna, płytowa zbroja na ramionach, biodrach i nogach, pod nią kolczuga. Kaptur zasłania twarz, nadając jej tajemniczości.</p>
|
||||
<p class="mb-4" style="color: var(--text-dark)"><b>Osobowość:</b> Spokojna, zagadkowa i powściągliwa; przemawia w przenośniach i szeptach, dając enigmatyczne rady. Jest beznamiętna, lecz pełna ukrytej mądrości.</p>
|
||||
<p class="mb-4" style="color: var(--text-dark)"><b>Relacje z graczem:</b> Jest przewodniczką o niejednoznacznych intencjach – czasem pomaga, czasem prowadzi do bolesnych wyborów, zachowując dystans i spokój.</p>
|
||||
<p class="mb-4" style="color: var(--text-dark)"><b>Inspiracje:</b> Dark Souls 3, Elden Ring, ChatGPT</p>
|
||||
<h2 class="text-2xl font-bold mb-4" style="color: var(--accent)">Project 4 - Character</h2>
|
||||
<h3 class="text-xl font-bold mb-4" style="color: var(--text-dark)">Liuria, Lady of Shadows</h3>
|
||||
<p class="mb-4" style="color: var(--text-dark)"><b>Role in the game:</b> Player's guide</p>
|
||||
<p class="mb-4" style="color: var(--text-dark)"><b>Origin:</b> Liuria is a member of the ancient order of the Twilight Guardians, beings suspended between life and death. She remembers the times when the world was shaped by primordial forces and knows the secrets of the game's dark lore.</p>
|
||||
<p class="mb-4" style="color: var(--text-dark)"><b>Height:</b> 175 cm</p>
|
||||
<p class="mb-4" style="color: var(--text-dark)"><b>Attire:</b> Light gray, tattered cloak, plate armor on the shoulders, hips, and legs, with chain mail underneath. The hood covers her face, giving her an air of mystery.</p>
|
||||
<p class="mb-4" style="color: var(--text-dark)"><b>Personality:</b> Calm, enigmatic, and reserved; speaks in metaphors and whispers, giving cryptic advice. She is emotionless yet full of hidden wisdom.</p>
|
||||
<p class="mb-4" style="color: var(--text-dark)"><b>Relationship with the player:</b> She is a guide with ambiguous intentions – sometimes helpful, sometimes leading to painful choices, maintaining distance and calm.</p>
|
||||
<p class="mb-4" style="color: var(--text-dark)"><b>Inspirations:</b> Dark Souls 3, Elden Ring, ChatGPT</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -348,12 +348,13 @@
|
|||
<div class="project-card rounded-lg shadow-md mb-8 overflow-hidden">
|
||||
<img src="projekty/photobashing.png" alt="Projekt 5 - Rezultat" class="w-full">
|
||||
<div class="p-6">
|
||||
<h2 class="text-2xl font-bold mb-2" style="color: var(--accent)">Projekt 5 - Photobashing</h2>
|
||||
<p style="color: var(--text-dark)">Źródła (ChatGPT)</p>
|
||||
<h2 class="text-2xl font-bold mb-2" style="color: var(--accent)">Project 5 - Photobashing</h2>
|
||||
<p style="color: var(--text-dark)">Sources (ChatGPT)</p>
|
||||
<div class="source-images">
|
||||
<img src="projekty/photobashing-p.png" alt="źródło 1" class="rounded">
|
||||
<img src="projekty/photobashing-p1.png" alt="źródło 2" class="rounded">
|
||||
<img src="projekty/photobashing-p2.png" alt="źródło 3" class="rounded">
|
||||
<img src="projekty/photobashing-p3.webp" alt="źródło 3" class="rounded">
|
||||
<img src="projekty/domek1.png" alt="źródło 4" class="rounded">
|
||||
<img src="projekty/domek2.png" alt="źródło 5" class="rounded">
|
||||
</div>
|
||||
|
|
@ -369,7 +370,7 @@
|
|||
</video>
|
||||
</div>
|
||||
<div class="p-6">
|
||||
<h2 class="text-2xl font-bold mb-2" style="color: var(--accent)">Projekt 6 - Animacja Logo</h2>
|
||||
<h2 class="text-2xl font-bold mb-2" style="color: var(--accent)">Project 6 - Logo Animation</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -382,7 +383,7 @@
|
|||
<div class="image-box w-full h-[500px]">
|
||||
<img src="projekty/Scenorys/1.png" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="slide-description">Wróg</p>
|
||||
<p class="slide-description">Enemy</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slide flex-none w-full">
|
||||
|
|
@ -391,7 +392,7 @@
|
|||
<img src="projekty/Scenorys/2.png" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="slide-description">
|
||||
Zbliżenie kamery na twarz wroga.
|
||||
The camera zooms in on the enemy's face
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -401,7 +402,7 @@
|
|||
<img src="projekty/Scenorys/3.png" alt="Bonfire" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="slide-description">
|
||||
Wróg z mieczem
|
||||
The enemy with a sword
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -411,7 +412,7 @@
|
|||
<img src="projekty/Scenorys/4.png" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="slide-description">
|
||||
Wróg wykonuje zamach mieczem
|
||||
The enemy swings his sword
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -421,7 +422,7 @@
|
|||
<img src="projekty/Scenorys/5.png" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="slide-description">
|
||||
Wróg atakuje
|
||||
The enemy attacks
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -431,7 +432,7 @@
|
|||
<img src="projekty/Scenorys/6.png" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="slide-description">
|
||||
Postać gracza
|
||||
The player character
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -441,7 +442,7 @@
|
|||
<img src="projekty/Scenorys/7.png" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="slide-description">
|
||||
Zbliżenie kamery na twarz postaci gracz
|
||||
The camera zooms in on the player's character's face
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -450,7 +451,7 @@
|
|||
<div class="image-box w-full h-[500px]">
|
||||
<img src="projekty/Scenorys/8.png" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="slide-description">Postać gracza z mieczem</p>
|
||||
<p class="slide-description">The player character with a sword</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slide flex-none w-full">
|
||||
|
|
@ -458,7 +459,7 @@
|
|||
<div class="image-box w-full h-[500px]">
|
||||
<img src="projekty/Scenorys/9.png" alt="Elden Ring Landscape" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="slide-description">Postać gracza wykonuje zamach mieczem
|
||||
<p class="slide-description">The player character swings his sword
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -467,7 +468,7 @@
|
|||
<div class="image-box w-full h-[500px]">
|
||||
<img src="projekty/Scenorys/10.png" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="slide-description">Postać gracza atakuje
|
||||
<p class="slide-description">The player character attacks
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -476,7 +477,7 @@
|
|||
<div class="image-box w-full h-[500px]">
|
||||
<img src="projekty/Scenorys/11.png" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="slide-description">Starcie wroga i postaci gracza
|
||||
<p class="slide-description">A class between the player and enemy characters
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -485,7 +486,7 @@
|
|||
<div class="image-box w-full h-[500px]">
|
||||
<img src="projekty/Scenorys/12.png" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="slide-description">Kontynuacja walki
|
||||
<p class="slide-description">The fight continues
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -494,7 +495,7 @@
|
|||
<div class="image-box w-full h-[500px]">
|
||||
<img src="projekty/Scenorys/13.png" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="slide-description">Postać gracza zaczyna walczyć na poważnie
|
||||
<p class="slide-description">The player character is starting to get serious
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -503,7 +504,7 @@
|
|||
<div class="image-box w-full h-[500px]">
|
||||
<img src="projekty/Scenorys/14.png" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="slide-description">Ale wróg kontruje atak
|
||||
<p class="slide-description">But the enemy blocks
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -512,7 +513,7 @@
|
|||
<div class="image-box w-full h-[500px]">
|
||||
<img src="projekty/Scenorys/15.png" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="slide-description">Wróg przygotowuje specjalny atak</p>
|
||||
<p class="slide-description">The enemy prepares a special attack</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slide flex-none w-full">
|
||||
|
|
@ -520,7 +521,7 @@
|
|||
<div class="image-box w-full h-[500px]">
|
||||
<img src="projekty/Scenorys/16.png" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="slide-description">Wróg przygotowuje specjalny atak
|
||||
<p class="slide-description">The enemy prepares a special attack
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -529,7 +530,7 @@
|
|||
<div class="image-box w-full h-[500px]">
|
||||
<img src="projekty/Scenorys/17.png" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="slide-description">Ale postać gracza blokuje
|
||||
<p class="slide-description">The player character blocks
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -538,7 +539,7 @@
|
|||
<div class="image-box w-full h-[500px]">
|
||||
<img src="projekty/Scenorys/18.png" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="slide-description">Postać gracza odpiera atak
|
||||
<p class="slide-description">The player character deflects the attack
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -547,7 +548,7 @@
|
|||
<div class="image-box w-full h-[500px]">
|
||||
<img src="projekty/Scenorys/19.png" alt="Mortal Shell Empty" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="slide-description">Postać gracza przygotowuje kontratak
|
||||
<p class="slide-description">The player character prepares a counterattack
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -556,7 +557,7 @@
|
|||
<div class="image-box w-full h-[500px]">
|
||||
<img src="projekty/Scenorys/20.png" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="slide-description">Wróg blokuje
|
||||
<p class="slide-description">The enemy blocks
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -565,7 +566,7 @@
|
|||
<div class="image-box w-full h-[500px]">
|
||||
<img src="projekty/Scenorys/21.png" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="slide-description">Tajemnicza trzecia postać obserwuje pojedynek
|
||||
<p class="slide-description">The mysterious third figure observes the duel
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -574,7 +575,7 @@
|
|||
<div class="image-box w-full h-[500px]">
|
||||
<img src="projekty/Scenorys/22.png" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="slide-description">Tajemnicza postać łapie fajkę
|
||||
<p class="slide-description">The mysterious figure grabs his pipe
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -583,7 +584,7 @@
|
|||
<div class="image-box w-full h-[500px]">
|
||||
<img src="projekty/Scenorys/23.png" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="slide-description">Tajemnicza postać trzyma fajkę i komentuje pojedynek
|
||||
<p class="slide-description">The mysterious figure holds a pipe and comments on the duel
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -592,7 +593,7 @@
|
|||
<div class="image-box w-full h-[500px]">
|
||||
<img src="projekty/Scenorys/24.png" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="slide-description">Tajemnicza postać przygotowuje swój atak
|
||||
<p class="slide-description">The mysterious figure prepares their attack
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -601,7 +602,7 @@
|
|||
<div class="image-box w-full h-[500px]">
|
||||
<img src="projekty/Scenorys/30.png" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="slide-description">Atak tajemniczej postaci powoduje wibracje powietrza</p>
|
||||
<p class="slide-description">The mysterious figure's attack causes the air to vibrate</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slide flex-none w-full">
|
||||
|
|
@ -609,7 +610,7 @@
|
|||
<div class="image-box w-full h-[500px]">
|
||||
<img src="projekty/Scenorys/25.png" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="slide-description">Atak tajemniczej postaci przerwał pojedynek wroga i postaci gracza
|
||||
<p class="slide-description">The mysterious figure's attack interrupted the duel between the enemy and the player's character
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -618,7 +619,7 @@
|
|||
<div class="image-box w-full h-[500px]">
|
||||
<img src="projekty/Scenorys/26.png" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="slide-description">Widać zdziwienie postaci gracza oraz wroga
|
||||
<p class="slide-description">The surprise of both the player's character and the enemy is visible
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -627,7 +628,7 @@
|
|||
<div class="image-box w-full h-[500px]">
|
||||
<img src="projekty/Scenorys/27.png" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="slide-description">Tajemnicza postać coś mówi by uspokoić postać gracza i wroga
|
||||
<p class="slide-description">The mysterious figure says something to calm both the player's character and the enemy
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -636,7 +637,7 @@
|
|||
<div class="image-box w-full h-[500px]">
|
||||
<img src="projekty/Scenorys/28.png" alt="Mortal Shell Empty" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="slide-description">Wróg odpowiada
|
||||
<p class="slide-description">Enemy responds
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -645,7 +646,7 @@
|
|||
<div class="image-box w-full h-[500px]">
|
||||
<img src="projekty/Scenorys/29.png" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="slide-description">Postać gracza się zgadza z tajemniczą postacią
|
||||
<p class="slide-description">The player's character agrees with the mysterious figure
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -656,7 +657,7 @@
|
|||
<img src="projekty/Scenorys/absolutne_kino.webp" class="w-[200px] h-[200px] object-contain">
|
||||
</a>
|
||||
</div>
|
||||
<p class="slide-description">Dziękuję za uwagę.
|
||||
<p class="slide-description">Thank you for your attention.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -666,7 +667,7 @@
|
|||
<button onclick="slide('slideContainer7', 'next')" class="nav-button next">→</button>
|
||||
|
||||
<div class="p-6">
|
||||
<h2 class="text-2xl font-bold mb-2" style="color: var(--accent)">Projekt 7 - Klatki</h2>
|
||||
<h2 class="text-2xl font-bold mb-2" style="color: var(--accent)">Project 7 - Frames</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -678,7 +679,7 @@
|
|||
Your browser does not support the video tag.
|
||||
</video>
|
||||
<div class="p-6">
|
||||
<h2 class="text-2xl font-bold mb-2" style="color: var(--accent)">Projekt 8 - Filmik</h2>
|
||||
<h2 class="text-2xl font-bold mb-2" style="color: var(--accent)">Project 8 - Short Video</h2>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue