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" >
< link rel = "manifest" href = "site.webmanifest" >
< link rel = "apple-touch-icon" href = "icon.png" >
2023-02-07 16:15:22 -07:00
< link href = "https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel = "stylesheet" integrity = "sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin = "anonymous" >
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" >
2023-02-07 16:15:22 -07:00
< a class = "navbar-brand" href = "#" >
< img src = "img/branding/LunarPenguin_newPalette_transparency_brightDiamond.png" alt = "Logo" class = "navbar-logo" >
Kaj Forney
< / a >
< button class = "navbar-toggler" type = "button" data-bs-toggle = "collapse" data-bs-target = "#navbarSupportedContent" aria-controls = "navbarSupportedContent" aria-expanded = "false" aria-label = "Toggle navigation" >
< span class = "navbar-toggler-icon" > < / span >
< / button >
< div class = "collapse navbar-collapse" id = "navbarSupportedContent" >
< ul class = "navbar-nav mr-auto" >
< li class = "nav-item" >
< a class = "navbar-link" href = "#games" > GAMES< / a >
< / li >
< span class = "navbar-text d-none d-sm-block" > |< / span >
< li class = "nav-item" >
< a class = "navbar-link" href = "#art" > ART< / a >
< / li >
< span class = "navbar-text d-none d-sm-block" > |< / span >
< li class = "nav-item" >
< a class = "navbar-link" href = "#social" > SOCIAL< / a >
< / li >
< span class = "navbar-text d-none d-sm-block" > |< / span >
< li class = "nav-item" >
< a class = "navbar-link" href = "files/resume.pdf" > RESUME< / a >
< / li >
< / ul >
< / div >
2022-12-06 04:28:19 -07:00
< / nav >
2023-01-31 17:43:14 -07:00
< div class = "mt-5" > < / div >
< div class = "container-lg card" >
< div class = "card-body" >
< div class = "row" >
< div class = "col" >
< h1 > Kaj Forney< / h1 >
< / div >
< / div >
< div class = "row" >
< div class = "col" >
< p > Greetings! I am a human who enjoys pixel art, programming, and penguins.< / p >
< p > Sometimes, I also make games.< / p >
< p > This site displays a few of the things I've made or helped to make.< / p >
< / div >
< / div >
< / div >
< / div >
< div class = "mt-5" > < / div >
< hr / >
2023-02-07 15:54:08 -07:00
< div class = "container-lg" >
< div class = "row" >
< div class = "col" >
< h1 id = "games" > 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" >
< 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 >
< / 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" >
< 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 >
< / 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 >
< div class = "mt-5" > < / div >
< hr / >
2022-12-06 05:31:59 -07:00
< div class = "container-lg" >
< div class = "row" >
< div class = "col" >
2023-02-07 15:54:08 -07:00
< h1 id = "art" > ART< / h1 >
2022-12-06 05:31:59 -07:00
< / 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 = "..." >
2023-01-31 17:43:14 -07:00
< div class = "carousel-caption d-none d-md-block" > < / div >
2022-12-06 06:28:53 -07:00
< / 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" >
2022-12-06 07:06:15 -07:00
< h5 class = "text-shadow" > < / h5 >
< p 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" >
2023-01-31 17:43:14 -07:00
< iframe class = "youtube-iframe" src = "https://www.youtube.com/embed/LaloFVeUvOk" title = "YouTube video player" allow = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen > < / iframe >
2022-12-06 06:24:11 -07:00
< / 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" >
2023-01-31 17:43:14 -07:00
< iframe class = "youtube-iframe" src = "https://www.youtube.com/embed/ahQPl9FOX7A" title = "YouTube video player" allow = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen > < / iframe >
2022-12-06 06:24:11 -07:00
< / 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" >
2023-01-31 17:43:14 -07:00
< div class = "container-lg mw-25 w-50" >
< div class = "row" >
2023-02-07 15:54:08 -07:00
< h1 id = "social" > Other Places I Exist< / h1 >
2023-01-31 17:43:14 -07:00
< / div >
2022-12-06 06:46:01 -07:00
< div class = "row" >
2023-01-31 17:43:14 -07:00
< div class = "col" >
< a href = "https://youtube.com/@lunar_penguin" >
< h2 title = "YouTube" >
< i class = "fa-brands fa-youtube" > < / i >
< / h2 >
< / a >
< / div >
< div class = "col" >
< a href = "https://twitch.tv/lunar_penguin" >
< h2 title = "Twitch.tv" >
< i class = "fa-brands fa-twitch" > < / i >
< / h2 >
< / a >
< / div >
< div class = "col" >
< a rel = "me" href = "https://mastodon.gamedev.place/@lunar_penguin" >
< h2 title = "Mastodon" >
2022-12-06 06:46:01 -07:00
< i class = "fa-brands fa-mastodon" > < / i >
2023-01-31 17:43:14 -07:00
< / h2 >
< / a >
2022-12-06 06:46:01 -07:00
< / div >
2023-01-31 17:43:14 -07:00
< div class = "col" >
< a href = "https://www.linkedin.com/in/kajforney/" >
< h2 title = "LinkedIn" >
< i class = "fa-brands fa-linkedin" > < / i >
< / h2 >
< / a >
2022-12-06 06:46:01 -07:00
< / div >
2023-01-31 17:43:14 -07:00
< / div >
< div class = "row" >
< div class = "col" >
< a href = "https://lunarpenguin.itch.io" >
< h2 title = "Itch.io" >
< i class = "fa-brands fa-itch-io" > < / i >
< / h2 >
< / a >
2022-12-06 06:54:49 -07:00
< / div >
2023-01-31 17:43:14 -07:00
< div class = "col" >
< a href = "https://github.com/kforney" >
< h2 title = "Github" >
< i class = "fa-brands fa-github" > < / i >
< / h2 >
< / a >
2022-12-06 06:46:01 -07:00
< / div >
2023-01-31 17:43:14 -07:00
< div class = "col" >
< a href = "https://artstation.com/lunar_penguin" >
< h2 title = "ArtStation" >
< i class = "fa-brands fa-artstation" > < / i >
< / h2 >
< / a >
2022-12-06 06:46:01 -07:00
< / div >
2023-01-31 17:43:14 -07:00
< div class = "col" >
< a href = "https://lunar--penguin.tumblr.com" >
< h2 title = "Tumblr" >
< i class = "fa-brands fa-tumblr" > < / i >
< / h2 >
< / a >
2022-12-06 06:52:00 -07:00
< / div >
2022-12-06 06:46:01 -07:00
< / div >
2023-01-31 17:43:14 -07:00
< div class = "row" >
2022-12-06 06:46:01 -07:00
2023-01-31 17:43:14 -07:00
< / div >
2022-12-06 06:46:01 -07:00
< / div >
2023-01-31 17:43:14 -07:00
< div class = "mt-5" > < / div >
< footer class = "footer bg-dark" >
< div class = "container" >
2023-02-07 16:15:22 -07:00
< span id = "footerText" > < / span >
2023-01-31 17:43:14 -07:00
< / div >
< / footer >
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 >
2023-02-07 16:15:22 -07:00
< script src = "https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity = "sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin = "anonymous" > < / script >
2022-12-04 22:21:44 -07:00
2023-01-31 17:43:14 -07:00
< script >
document.getElementById("footerText").innerHTML = "Copyright © Kaj Forney 2018-" + new Date(Date.now()).getFullYear();
< / script >
2022-12-04 22:21:44 -07:00
< / body >
< / html >
