2022-12-04 22:21:44 -07:00
<!doctype html>
< html lang = "en-us" >
< head >
< meta charset = "utf-8" >
< title > < / title >
< meta name = "description" content = "" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< meta property = "og:title" content = "" >
< meta property = "og:type" content = "" >
< meta property = "og:url" content = "" >
< meta property = "og:image" content = "" >
< link rel = "manifest" href = "site.webmanifest" >
< link rel = "apple-touch-icon" href = "icon.png" >
<!-- Place favicon.ico in the root directory -->
2022-12-06 04:00:49 -07:00
< link rel = "stylesheet" href = "css/bootstrap.min.css" >
2022-12-04 22:21:44 -07:00
< link rel = "stylesheet" href = "css/normalize.css" >
< link rel = "stylesheet" href = "css/main.css" >
< meta name = "theme-color" content = "#fafafa" >
2022-12-06 04:00:49 -07:00
2022-12-06 06:46:01 -07:00
< script src = "https://kit.fontawesome.com/55072ce5fd.js" crossorigin = "anonymous" > < / script >
2022-12-04 22:21:44 -07:00
< / head >
2022-12-06 06:14:57 -07:00
< body class = "parallax" >
2022-12-04 22:21:44 -07:00
2022-12-06 06:14:57 -07:00
< nav class = "navbar navbar-expand-lg navbar-dark sticky-top bg-dark shadow-lg" >
2022-12-06 04:28:19 -07:00
< div class = "container-fluid" >
< a class = "navbar-brand" href = "#" >
< img src = "img/branding/LunarPenguin_newPalette_transparency_brightDiamond.png" alt = "Logo" style = "max-height: 50px;padding-right: 15px;" >
Kaj Forney
< / a >
2022-12-06 06:46:01 -07:00
< span class = "navbar-text" >
Portfolio
< / span >
2022-12-06 04:28:19 -07:00
< / div >
< / nav >
2022-12-06 05:31:59 -07:00
< div class = "container-lg" >
< div class = "row" >
< div class = "col" >
< h1 > ART< / h1 >
< / div >
< / div >
< div class = "row" >
< div class = "col" >
< div id = "art-carousel" class = "carousel slide" data-bs-ride = "false" >
< div class = "carousel-indicators" >
< button type = "button" data-bs-target = "#carouselExampleCaptions" data-bs-slide-to = "0" class = "active" aria-current = "true" aria-label = "Slide 1" > < / button >
< button type = "button" data-bs-target = "#carouselExampleCaptions" data-bs-slide-to = "1" aria-label = "Slide 2" > < / button >
< button type = "button" data-bs-target = "#carouselExampleCaptions" data-bs-slide-to = "2" aria-label = "Slide 3" > < / button >
< button type = "button" data-bs-target = "#carouselExampleCaptions" data-bs-slide-to = "3" aria-label = "Slide 4" > < / button >
< button type = "button" data-bs-target = "#carouselExampleCaptions" data-bs-slide-to = "4" aria-label = "Slide 5" > < / button >
< button type = "button" data-bs-target = "#carouselExampleCaptions" data-bs-slide-to = "5" aria-label = "Slide 6" > < / button >
2022-12-06 06:28:53 -07:00
< button type = "button" data-bs-target = "#carouselExampleCaptions" data-bs-slide-to = "6" aria-label = "Slide 7" > < / button >
2022-12-06 05:31:59 -07:00
< / div >
< div class = "carousel-inner" >
< div class = "carousel-item active" >
< img src = "img/art/rakuenDoor.png" class = "d-block w-100" alt = "..." >
< div class = "carousel-caption d-none d-md-block" >
< h5 class = "text-shadow" > RAKUEN ART< / h5 >
< p class = "text-shadow" > A scene from the game < i > Rakuen< / i > , recreated in Blender.< / p >
< / div >
< / div >
< div class = "carousel-item" >
< img src = "img/art/airship1.png" class = "d-block w-100" alt = "..." >
< div class = "carousel-caption d-none d-md-block" >
< h5 class = "text-shadow" > AIRSHIP MODEL< / h5 >
< p class = "text-shadow" > Created in Blender< / p >
< / div >
< / div >
< div class = "carousel-item" >
< img src = "img/art/airship2.png" class = "d-block w-100" alt = "..." >
< div class = "carousel-caption d-none d-md-block" >
< h5 class = "text-shadow" > AIRSHIP MODEL< / h5 >
< p class = "text-shadow" > Created in Blender.< / p >
< / div >
< / div >
< div class = "carousel-item" >
< img src = "img/art/cat.png" class = "d-block w-100" alt = "..." >
< div class = "carousel-caption d-none d-md-block" >
< h5 class = "text-shadow" > DIGITAL PORTRAIT< / h5 >
< p class = "text-shadow" > A digital painting of my cat, Okapi.< / p >
< / div >
< / div >
< div class = "carousel-item" >
< img src = "img/art/portrait_dad.png" class = "d-block w-100" alt = "..." >
< div class = "carousel-caption d-none d-md-block" >
2022-12-06 06:28:53 -07:00
< h5 class = "text-shadow" > < / h5 >
< p class = "text-shadow" > < / p >
2022-12-06 05:31:59 -07:00
< / div >
< / div >
< div class = "carousel-item" >
< img src = "img/art/dadKaj.png" class = "d-block w-100" alt = "..." >
< div class = "carousel-caption d-none d-md-block" >
2022-12-06 06:28:53 -07:00
< h5 style = "color:#283044" class = "text-shadow" > < / h5 >
< p style = "color:#283044" class = "text-shadow" > < / p >
< / div >
< / div >
< div class = "carousel-item" >
< img src = "img/art/symbolSet_fullSet.png" class = "d-block w-100" alt = "..." >
< div class = "carousel-caption d-none d-md-block" >
< h5 style = "class=" text-shadow " > < / h5 >
< p style = "class=" text-shadow " > < / p >
2022-12-06 05:31:59 -07:00
< / div >
< / div >
< / div >
< button class = "carousel-control-prev" type = "button" data-bs-target = "#art-carousel" data-bs-slide = "prev" >
< span class = "carousel-control-prev-icon" aria-hidden = "true" > < / span >
< span class = "visually-hidden" > Previous< / span >
< / button >
< button class = "carousel-control-next" type = "button" data-bs-target = "#art-carousel" data-bs-slide = "next" >
< span class = "carousel-control-next-icon" aria-hidden = "true" > < / span >
< span class = "visually-hidden" > Next< / span >
< / button >
< / div >
< / div >
< / div >
2022-12-06 06:24:11 -07:00
< div class = "row mt-5" >
2022-12-06 06:52:00 -07:00
< div class = "col-sm" >
2022-12-06 06:24:11 -07:00
< div class = "youtube-container" >
< iframe class = "youtube-iframe" src = "https://www.youtube.com/embed/LaloFVeUvOk" title = "YouTube video player" frameborder = "0" allow = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen > < / iframe >
< / div >
< / div >
2022-12-06 06:52:00 -07:00
< div class = "col-sm" >
2022-12-06 06:24:11 -07:00
< div class = "youtube-container" >
< iframe class = "youtube-iframe" src = "https://www.youtube.com/embed/ahQPl9FOX7A" title = "YouTube video player" frameborder = "0" allow = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen > < / iframe >
< / div >
< / div >
< / div >
2022-12-06 05:31:59 -07:00
< / div >
2022-12-06 04:28:19 -07:00
2022-12-06 06:14:57 -07:00
< hr class = "mt-5" >
< div class = "container-lg" >
< div class = "row" >
< div class = "col" >
< h1 > GAMES< / h1 >
< / div >
< / div >
< div class = "container-md card" >
< div class = "card-body" >
< div class = "row" >
< div class = "col-sm-4" >
< h2 > The Climb< / h2 >
< / div >
< div class = "col-sm-8" >
2022-12-06 06:17:28 -07:00
< p > The Climb is a small game I created in Unity, originally as part of my work in my GIMM 100 course. In the game, you control a robot who must escape by climbing on tetrominoes as they fall from above. Later, I updated the game to add additional levels, as well as improved lighting using Unity's 2D Lighting system via the Universal Render Pipeline.< / p >
2022-12-06 06:14:57 -07:00
< / div >
< / div >
< div class = "row" >
< div class = "youtube-container" >
< iframe class = "youtube-iframe" src = "https://www.youtube.com/embed/N5unzGlC9ME" title = "YouTube video player" frameborder = "0" allow = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen > < / iframe >
< / div >
< / div >
< div class = "row mt-3" >
< iframe src = "https://itch.io/embed/1308115?border_width=0&bg_color=283044&fg_color=78a1bb&link_color=ffbc42&border_color=283044" frameborder = "0" > < a href = "https://lunarpenguin.itch.io/the-climb" > The Climb by Lunar_Penguin< / a > < / iframe >
< / div >
< / div >
< / div >
< div class = "container-md card mt-5" >
< div class = "card-body" >
< div class = "row mt-5" >
< div class = "col-sm-4" >
< h2 > Megashigi< / h2 >
< / div >
< div class = "col-sm-8" >
2022-12-06 06:46:01 -07:00
< p > Megashigi is a game that I helped create in the Godot Engine, along with a few friends, as a birthday gift. My portion of the project included the implementation of the game's playable, interactive credits sequence, as well as general level design, and subtitles for the game's rap sequence.< / p >
2022-12-06 06:14:57 -07:00
< / div >
< / div >
< div class = "row mt-3" >
< iframe src = "https://itch.io/embed/630032?border_width=0&bg_color=283044&fg_color=78a1bb&link_color=ffbc42&border_color=283044" frameborder = "0" > < a href = "https://lopar.itch.io/megashigi" > The Climb by Lunar_Penguin< / a > < / iframe >
< / div >
< / div >
< / div >
< / div >
2022-12-06 06:24:11 -07:00
< hr class = "mt-5" >
2022-12-06 06:46:01 -07:00
< div class = "container-lg" >
< h1 > SOCIAL< / h1 >
< div class = "row" >
2022-12-06 06:52:00 -07:00
< div class = "col-sm card" >
2022-12-06 06:46:01 -07:00
< div class = "card-body" >
< a href = "https://mastodon.gamedev.place/@lunar_penguin" >
< h2 >
< i class = "fa-brands fa-mastodon" > < / i >
< / h2 >
< h5 > Mastodon< / h5 >
< / a >
< / div >
< / div >
2022-12-06 06:52:00 -07:00
< div class = "col-sm card" >
2022-12-06 06:46:01 -07:00
< div class = "card-body" >
< a href = "https://twitter.com/KajForney" >
< h2 >
< i class = "fa-brands fa-twitter" > < / i >
< / h2 >
< h5 > Twitter< / h5 >
< / a >
< / div >
< / div >
2022-12-06 06:52:00 -07:00
< div class = "col-sm card" >
2022-12-06 06:46:01 -07:00
< div class = "card-body" >
< a href = "https://twitch.tv/lunar_penguin" >
< h2 >
< i class = "fa-brands fa-twitch" > < / i >
< / h2 >
< h5 > Twitch< / h5 >
< / a >
< / div >
< / div >
2022-12-06 06:52:00 -07:00
< div class = "col-sm card" >
2022-12-06 06:46:01 -07:00
< div class = "card-body" >
< a href = "https://lunarpenguin.itch.io" >
< h2 >
< i class = "fa-brands fa-itch-io" > < / i >
< / h2 >
< h5 > Itch.io< / h5 >
< / a >
< / div >
< / div >
2022-12-06 06:52:00 -07:00
< div class = "col-sm card" >
< div class = "card-body" >
< a href = "https://github.com/kforney" >
< h2 >
< i class = "fa-brands fa-github" > < / i >
< / h2 >
< h5 > GitHub< / h5 >
< / a >
< / div >
< / div >
2022-12-06 06:46:01 -07:00
< / div >
< / div >
2022-12-04 22:21:44 -07:00
< script src = "js/vendor/modernizr-3.11.2.min.js" > < / script >
< script src = "js/plugins.js" > < / script >
< script src = "js/main.js" > < / script >
2022-12-06 04:28:19 -07:00
< script src = "js/bootstrap.min.js" > < / script >
2022-12-04 22:21:44 -07:00
< / body >
< / html >
