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/project.luax | |
| parent | d5c0555775ac835f75246a17b5e6f3ddc353d82b (diff) | |
all: move out from luax/
Diffstat (limited to 'luax/components/project.luax')
| -rw-r--r-- | luax/components/project.luax | 62 |
1 files changed, 0 insertions, 62 deletions
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 |
