CodeForPhilly / CodeForPhilly/codeforphilly.org

Create template for project cards on homepage

未关闭
#46 8 条评论 0 个 reaction 已指派 1 人 已被 @tblacknc 认领 在 GitHub 查看
主要语言
CSS
星标
10
派生
7
PR 合并指标
30 天内没有已合并 PR

描述

Currently, we show cards for selected projects on the homepage (codeforphilly.org):

![image](https://user-images.githubusercontent.com/2574498/150041290-80f2cb11-d29e-446f-bf71-5e76df0ad465.png)

However, the HTML for each card is repeated, with information like heading hard-coded:

https://github.com/CodeForPhilly/codeforphilly.org/blob/develop/html-templates/home.tpl#L100-L115

## Proposed Solution

If we use a template, then we can consolidate this repeated code into one place. In other words, we could have a template like this in the `home.tpl` page:

```
{template projectTile name description logo=no}

{$name|escape}


{$description|escape|markdown}
{/template}
```

And then create the individual cards using something like this:

```
{projectTile name="Project 1" description="## This is a cool project"}
{projectTile name="Project 2" description="## This is a another project"}
```

Here is a link to the [template engine docs (owoo)](https://web.archive.org/web/20200223131043/http://dwoo.org/documentation/v1.3/dwoo-for-designers.html). Note that it is fairly old, but if we can get our work pretty far, and post it on the #cfp-homepage-redesign channel, we can hopefully lean a bit on @themightychris to fill in any gaps.

## Outcome

The homepage should look the exact same, but the underlying code should be much cleaner, since it uses the template. If there are any useful changes to the look / homepage content, let's handle them after implementing a template (just to be sure we get templating down).

贡献指南

这个仓库没有索引到贡献指南

评估

这个 Issue 还没有评估数据。

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。