Skip to content

Commit addcc89

Browse files
tblacknctblacknc
authored
Update home.tpl
Change project cards into template format
1 parent b6e4e33 commit addcc89

File tree

1 file changed

+22
-71
lines changed

1 file changed

+22
-71
lines changed

‎html-templates/home.tpl‎

Lines changed: 22 additions & 71 deletions
Original file line numberDiff line numberDiff line change
@@ -88,90 +88,41 @@
8888

8989
<!-- Portfolio Grid-->
9090

91-
92-
93-
<section class="page-section bg-light" id="projects">
94-
<div class="container">
95-
<div class="text-center">
96-
<h2 class="section-heading text-uppercase">Join a Project</h2>
97-
<!-- <h3 class="section-subheading text-muted">Look around!</h3> -->
98-
</div>
99-
<div class="row">
100-
<div class="col-lg-4 col-sm-6 mb-4">
101-
<div class="portfolio-item">
102-
<a class="portfolio-link" data-toggle="modal" href="#portfolioModal1">
103-
<div class="portfolio-hover">
104-
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x text-danger"></i></div>
105-
</div>
106-
<img class="img-fluid" src="/img/portfolio/phlask.png" alt="" />
107-
</a>
108-
<div class="portfolio-caption">
109-
<div class="portfolio-caption-heading">PHLASK</div>
110-
<div class="portfolio-caption-subheading text-muted">Access to Public Water</div>
111-
</div>
112-
</div>
113-
</div>
91+
{template projectTile name portfolioModal short image logo=no}
11492
<div class="col-lg-4 col-sm-6 mb-4">
11593
<div class="portfolio-item">
116-
<a class="portfolio-link" data-toggle="modal" href="#portfolioModal2">
94+
<a class="portfolio-link" data-toggle="modal" href={$portfolioModal}>
11795
<div class="portfolio-hover">
11896
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x text-danger"></i></div>
11997
</div>
120-
<img class="img-fluid" src="/img/portfolio/paws.png" alt="" />
98+
<img class="img-fluid" src="/img/portfolio/{$image}" alt="" />
12199
</a>
122100
<div class="portfolio-caption">
123-
<div class="portfolio-caption-heading">PAWS</div>
124-
<div class="portfolio-caption-subheading text-muted">Homes for all Pets</div>
125-
</div>
126-
</div>
127-
</div>
128-
<div class="col-lg-4 col-sm-6 mb-4 mb-lg-0">
129-
<div class="portfolio-item">
130-
<a class="portfolio-link" data-toggle="modal" href="#portfolioModal4">
131-
<div class="portfolio-hover">
132-
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x text-danger"></i></div>
133-
</div>
134-
<img class="img-fluid" src="/img/portfolio/plse.png" alt="" />
135-
</a>
136-
<div class="portfolio-caption">
137-
<div class="portfolio-caption-heading">PLSE</div>
138-
<div class="portfolio-caption-subheading text-muted">Legal Support and Expungement</div>
139-
</div>
140-
</div>
141-
</div>
142-
<div class="col-lg-4 col-sm-6 mb-4 mb-sm-0">
143-
<div class="portfolio-item">
144-
<a class="portfolio-link" data-toggle="modal" href="#portfolioModal5">
145-
<div class="portfolio-hover">
146-
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x text-danger"></i></div>
147-
</div>
148-
<img class="img-fluid" src="/img/portfolio/flowers.jpg" alt="" />
149-
</a>
150-
<div class="portfolio-caption">
151-
<div class="portfolio-caption-heading">Only Plant Natives PA</div>
152-
<div class="portfolio-caption-subheading text-muted">Propagate PA Wildflowers</div>
153-
</div>
154-
</div>
155-
</div>
156-
<div class="col-lg-4 col-sm-6">
157-
<div class="portfolio-item">
158-
<a class="portfolio-link" data-toggle="modal" href="#portfolioModal6">
159-
<div class="portfolio-hover">
160-
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x text-danger"></i></div>
161-
</div>
162-
<img class="img-fluid" src="/img/portfolio/code-for-philly.png" alt="" />
163-
</a>
164-
<div class="portfolio-caption">
165-
<div class="portfolio-caption-heading">CfP Website Design</div>
166-
<div class="portfolio-caption-subheading text-muted">Homepage</div>
101+
<div class="portfolio-caption-heading">{$name}</div>
102+
<div class="portfolio-caption-subheading text-muted">{$short}</div>
167103
</div>
168104
</div>
169105
</div>
106+
{/template}
107+
108+
<section class="page-section bg-light" id="projects">
109+
<div class="container">
110+
<div class="text-center">
111+
<h2 class="section-heading text-uppercase">Join a Project</h2>
112+
<!-- <h3 class="section-subheading text-muted">Look around!</h3> -->
170113
</div>
171-
</div>
172-
</section>
114+
<div class="row">
115+
116+
{projectTile name="PHLASK" portfolioModal="#portfolioModal1" short="Access to Public Water" image="phlask.png" }
117+
{projectTile name="PAWS" portfolioModal="#portfolioModal2" short="Homes for all Pets" image="paws.png" }
118+
{projectTile name="PLSE" portfolioModal="#portfolioModal4" short="Legal Support and Expungement" image="plse.png" }
119+
{projectTile name="Only Plant Natives PA" portfolioModal="#portfolioModal5" short="Propagate PA Wildflowers" image="flowers.jpg" }
120+
{projectTile name="CfP Website Design" portfolioModal="#portfolioModal6" short="Homepage" image="code-for-philly.png" }
173121

174122

123+
</div>
124+
</div>
125+
</section>
175126

176127
<!-- Services-->
177128
<section class="page-section" id="services">

0 commit comments

Comments
 (0)