diff options
| author | Stanisław Zagórowski <hasohasacz@gmail.com> | 2024-01-15 14:21:34 +0100 |
|---|---|---|
| committer | Stanisław Zagórowski <hasohasacz@gmail.com> | 2024-01-15 14:21:34 +0100 |
| commit | 63ea67e4c3c8caa2cf0dc6d7c940981bd40b3974 (patch) | |
| tree | 9900794e80bd4413ceb4dad72cdfc3eeaf0d6c9b /luax/components | |
| parent | d5c0555775ac835f75246a17b5e6f3ddc353d82b (diff) | |
all: move out from luax/
Diffstat (limited to 'luax/components')
| -rw-r--r-- | luax/components/animated_bg.luax | 3 | ||||
| -rw-r--r-- | luax/components/carousel.luax | 10 | ||||
| -rw-r--r-- | luax/components/navbar-item.luax | 6 | ||||
| -rw-r--r-- | luax/components/navbar.luax | 18 | ||||
| -rw-r--r-- | luax/components/project.luax | 62 |
5 files changed, 0 insertions, 99 deletions
diff --git a/luax/components/animated_bg.luax b/luax/components/animated_bg.luax deleted file mode 100644 index 0c5105c..0000000 --- a/luax/components/animated_bg.luax +++ /dev/null @@ -1,3 +0,0 @@ -return function() - return <div id="animated-bg" /> -end diff --git a/luax/components/carousel.luax b/luax/components/carousel.luax deleted file mode 100644 index f2c5fbe..0000000 --- a/luax/components/carousel.luax +++ /dev/null @@ -1,10 +0,0 @@ -return function(props) - if props == nil or props.children == nil or #props.children == 0 then - return nil - end - - return - <div class="carousel-wrapper"> - {$ props.children $} - </div> -end diff --git a/luax/components/navbar-item.luax b/luax/components/navbar-item.luax deleted file mode 100644 index d201f82..0000000 --- a/luax/components/navbar-item.luax +++ /dev/null @@ -1,6 +0,0 @@ -return function(props) - return - <a class={'navbar-item navbar-item-' .. props.attrs.name} href={props.attrs.href} rel={props.attrs.rel}> - {$ props.children $} - </a> -end diff --git a/luax/components/navbar.luax b/luax/components/navbar.luax deleted file mode 100644 index 4c0c54b..0000000 --- a/luax/components/navbar.luax +++ /dev/null @@ -1,18 +0,0 @@ -local NavbarItem = require('components.navbar-item') - -return function() - return - <div class="navbar-container"> - <div class="navbar"> - <NavbarItem name="home" href="/">[Home]</NavbarItem> - <NavbarItem name="blog" href="/blog">[Blog]</NavbarItem> - <NavbarItem name="games" href="/games">[Games]</NavbarItem> - <NavbarItem name="projects" href="/projects">[Other Projects]</NavbarItem> - <NavbarItem name="github" href="https://github.com/Duckonaut">[GitHub]</NavbarItem> - <NavbarItem name="itch" href="https://duckonaut.itch.io/">[Itch.io]</NavbarItem> - <NavbarItem name="twitter" href="https://twitter.com/duckonaut">[Twitter]</NavbarItem> - <NavbarItem name="mastodon" href="https://mastodon.gamedev.place/@duckonaut" rel="me">[Mastodon]</NavbarItem> - <NavbarItem name="contact" href="/contact">[Contact]</NavbarItem> - </div> - </div> -end diff --git a/luax/components/project.luax b/luax/components/project.luax deleted file mode 100644 index cad844f..0000000 --- a/luax/components/project.luax +++ /dev/null @@ -1,62 +0,0 @@ -local Carousel = require('components.carousel') - -local asset_prefix = reluax.dev_mode and '/assets/' or 'https://cdn.duckonaut.dev/assets/' - -function getProjectImageLink(project, image) - return asset_prefix .. project.type .. 's/' .. project.name_normalized .. '/' .. image -end - -function getProjectTechIconLink(tech) - return asset_prefix .. 'images/' .. tech .. '.png' -end - -function getProjectTargetIconLink(target) - return asset_prefix .. 'images/' .. target .. '.png' -end - -return function (props) - local project = props.attrs.project - local techs = {} - for _, tech in ipairs(project.tech) do - techs[#techs + 1] = <img class="grow icon" src={getProjectTechIconLink(tech)} /> - end - local targets = {} - for _, target in ipairs(project.targets) do - targets[#targets + 1] = <img class="grow icon" src={getProjectTargetIconLink(target)} /> - end - - local images = nil - if project.images then - images = {} - for _, image in ipairs(project.images) do - images[#images + 1] = <img class="carousel-item" src={getProjectImageLink(project, image)} /> - end - - images = <Carousel>{$ images $}</Carousel> - end - - return ( - <div class="project"> - <div class="project-title"><a href={project.link}>{$ project.name $}</a></div> - <div class="project-info"> - <div class="icon-row"> - <div class="icon-text">Made using</div> - <div class="icon-container"> - {$ techs $} - </div> - </div> - <div class="icon-row"> - <div class="icon-text">Available on</div> - <div class="icon-container"> - {$ targets $} - </div> - </div> - <hr /> - <div class="project-description"> - {$ project.description $} - </div> - </div> - {$ images $} - </div> - ) -end |
