aboutsummaryrefslogtreecommitdiff
path: root/luax/components
diff options
context:
space:
mode:
authorStanisław Zagórowski <hasohasacz@gmail.com>2024-01-15 14:21:34 +0100
committerStanisław Zagórowski <hasohasacz@gmail.com>2024-01-15 14:21:34 +0100
commit63ea67e4c3c8caa2cf0dc6d7c940981bd40b3974 (patch)
tree9900794e80bd4413ceb4dad72cdfc3eeaf0d6c9b /luax/components
parentd5c0555775ac835f75246a17b5e6f3ddc353d82b (diff)
all: move out from luax/
Diffstat (limited to 'luax/components')
-rw-r--r--luax/components/animated_bg.luax3
-rw-r--r--luax/components/carousel.luax10
-rw-r--r--luax/components/navbar-item.luax6
-rw-r--r--luax/components/navbar.luax18
-rw-r--r--luax/components/project.luax62
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