CodeForPhilly / CodeForPhilly/codeforphilly.org

Create template for project cards on homepage

Aperta
#46 8 commenti 0 reazioni 1 assegnatario Rivendicata da @tblacknc Vedi su GitHub
Lingua principale
CSS
Stelle
10
Fork
7
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

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).

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Valutazione

Questa issue non è ancora stata valutata.

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.