Text Elements

Headings

CSS Selector

h1, h2, h3, h4, h5, h6

Rendered Element:

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraphs

CSS Selector

p

Rendered Element:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Augue eget arcu dictum varius duis. Dignissim suspendisse in est ante in nibh. Vitae aliquet nec ullamcorper sit amet risus. Ut diam quam nulla porttitor massa id neque aliquam. Molestie ac feugiat sed lectus vestibulum mattis ullamcorper velit. Diam quam nulla porttitor massa id neque aliquam vestibulum. Duis at tellus at urna condimentum. Nisi quis eleifend quam adipiscing vitae proin. Enim nec dui nunc mattis. Blandit turpis cursus in hac habitasse platea. Eleifend donec pretium vulputate sapien nec.

Unordered list

CSS Selector

ul, li

Rendered Element:

Interactive Elements

In-text Link

CSS Selector

.in-text-link

Rendered Element:

This is a link

Navigation Buttons

CSS Selector

.button-nav

Rendered Element:

Default Button Default Button Default Button

Image as a link

CSS Selector

.image-as-link

Rendered Element:

Combined Elements

Navigation bar

CSS Selector

nav

Rendered Element:

Content with Image

CSS Selector

.content-with-image

Rendered Element:

Image of a Boss Fight

About Me

Hello! My name is Edjohn Joseph Nicolas, but I prefer to be called EJ for short. I am a third-year student in Simon Fraser University’s School of Interactive Arts and Technology (SIAT) working on a Bachelor of Science degree. I love video games and I want to pursue a career on programming or designing them. As I go through SIAT, I gain skills and experiences which will help me make games for people to play and enjoy. In terms of coding, I am experienced in C# for Unity the game engine, Java and JavaScript. Because of SIAT, I am also experienced in game design, level design, and working through an iterative and cooperative process. My interests are fighting games, platformers, character action games, cinematography, history and nature.

Hero Content

CSS Selector:

.hero-content-container

Rendered Element:

EJ Nicolas

Projects Contact

Project Row Display

CSS Selector:

.project-row-display

Rendered Element

Phantom's Cry

Role: Programmer, Game Designer, Level Designer

Screenshot of gameplay from school project: Phantom's Cry: Lyra's Awakening

A sidescrolling platformer, inspired by Metroid-vania games. It features branching paths, open areas, and platforming with aiming challenges. This project shows off my game design and level design skills.

Detailed Look

Ant Blast

Role: Programmer, Game Designer

Screenshot of gameplay from school project: Ant Blast

A short, quick thinking, procedurally generated puzzle game. It scope is quite small, however it gave me an opportunity to experiment and learn how to design engaging game mechanics. This project shows off my game designing skills.

Detailed Look

Citations