Skip to content

Commit 8dff0f0

Browse files
machowmachow
authored
feat: restore old news section to homepage
1 parent cf07025 commit 8dff0f0

File tree

1 file changed

+21
-298
lines changed

1 file changed

+21
-298
lines changed

‎html-templates/home.tpl

+21-298
Original file line numberDiff line numberDiff line change
@@ -168,304 +168,6 @@
168168
</div>
169169
</section>
170170

171-
<!--Checkbox Radio Switches-->
172-
<!-- <section class="page-section bg-light" id="projects">
173-
<div class="container">
174-
175-
176-
<div class="container">
177-
<div class="row">
178-
<div class="col-sm">
179-
180-
<strong>Search for a CfP project:</strong><br><br>
181-
<div class="custom-control custom-switch">
182-
<input type="checkbox" class="custom-control-input" id="customSwitch1">
183-
<label class="custom-control-label" for="customSwitch1">Python</label>
184-
</div>
185-
186-
<div class="custom-control custom-switch">
187-
<input type="checkbox" class="custom-control-input" id="customSwitch2">
188-
<label class="custom-control-label" for="customSwitch2">Javascript</label>
189-
</div>
190-
191-
<div class="custom-control custom-switch">
192-
<input type="checkbox" class="custom-control-input" id="customSwitch3">
193-
<label class="custom-control-label" for="customSwitch3">Project Management</label>
194-
</div>
195-
<div class="custom-control custom-switch">
196-
<input type="checkbox" class="custom-control-input" id="customSwitch4">
197-
<label class="custom-control-label" for="customSwitch4">Django</label>
198-
</div>
199-
200-
<div class="custom-control custom-switch">
201-
<input type="checkbox" class="custom-control-input" id="customSwitch5">
202-
<label class="custom-control-label" for="customSwitch5">HTML</label>
203-
</div>
204-
205-
<div class="custom-control custom-switch">
206-
<input type="checkbox" class="custom-control-input" id="customSwitch6">
207-
<label class="custom-control-label" for="customSwitch6">Rust</label>
208-
</div>
209-
210-
<div class="custom-control custom-switch">
211-
<input type="checkbox" class="custom-control-input" id="customSwitch7">
212-
<label class="custom-control-label" for="customSwitch7">SQL</label>
213-
</div>
214-
215-
<div class="custom-control custom-switch">
216-
<input type="checkbox" class="custom-control-input" id="customSwitch8">
217-
<label class="custom-control-label" for="customSwitch8">Postgres</label>
218-
</div>
219-
220-
<div class="custom-control custom-switch">
221-
<input type="checkbox" class="custom-control-input" id="customSwitch9">
222-
<label class="custom-control-label" for="customSwitch9">PHP</label>
223-
</div>
224-
225-
<div class="custom-control custom-switch">
226-
<input type="checkbox" class="custom-control-input" id="customSwitch10">
227-
<label class="custom-control-label" for="customSwitch10">Flutter</label>
228-
</div>
229-
230-
<div class="custom-control custom-switch">
231-
<input type="checkbox" class="custom-control-input" id="customSwitch11">
232-
<label class="custom-control-label" for="customSwitch11">Golang</label>
233-
</div>
234-
235-
<div class="custom-control custom-switch">
236-
<input type="checkbox" class="custom-control-input" id="customSwitch12">
237-
<label class="custom-control-label" for="customSwitch12">Frontend</label>
238-
</div>
239-
240-
<div class="custom-control custom-switch">
241-
<input type="checkbox" class="custom-control-input" id="customSwitch13">
242-
<label class="custom-control-label" for="customSwitch13">Backend</label>
243-
</div>
244-
245-
<div class="custom-control custom-switch">
246-
<input type="checkbox" class="custom-control-input" id="customSwitch14">
247-
<label class="custom-control-label" for="customSwitch14">MERN</label>
248-
</div>
249-
250-
<div class="custom-control custom-switch">
251-
<input type="checkbox" class="custom-control-input" id="customSwitch15">
252-
<label class="custom-control-label" for="customSwitch15">Git</label>
253-
</div>
254-
255-
<div class="custom-control custom-switch">
256-
<input type="checkbox" class="custom-control-input" id="customSwitch16">
257-
<label class="custom-control-label" for="customSwitch16">UX Designer</label>
258-
</div>
259-
260-
<br>
261-
<button type="button" class="btn btn-danger">Search</button>
262-
263-
</div>
264-
265-
<div class="col-sm">
266-
<div class="card" style="width: 18rem;">
267-
<img class="card-img-top" src="/img/portfolio/pp.png" alt="Card image cap">
268-
<div class="card-body">
269-
<h5 class="card-title">Prevention Point</h5>
270-
<p class="card-text">Needle exchange program for Philadelphia.
271-
</p>
272-
</div>
273-
<ul class="list-group list-group-flush">
274-
<li class="list-group-item"><strong>Languages:</strong> Python, Javascript, Flutter, Tensor Flow</li>
275-
<li class="list-group-item"><strong>Needs:</strong>
276-
<br>Project Managers <span style="color:red">(0 of 4)</span>
277-
<br>Django developers <span style="color:orange">(1 of 2)</span>
278-
<br>Postgres developers <span style="color:green">(1 of 1)</span>
279-
</li>
280-
<li class="list-group-item"><strong>Meets:</strong> Tuesdays @ 7pm</li>
281-
<li class="list-group-item"><strong>PM:</strong> Billy</li>
282-
<li class="list-group-item"><strong>Status:</strong> &nbsp;&nbsp;&nbsp; <span class="dotGreen"></span></li>
283-
</ul>
284-
<div class="card-body">
285-
<p class="text-center">
286-
<a href="#">Slack</a> &bull;
287-
<a href="#">Zoom</a> &bull;
288-
<a href="#">Twitter</a> &bull;
289-
<a href="#">Github</a>
290-
<br>
291-
292-
<a data-tweet-limit="2" class="twitter-timeline" href="https://twitter.com/CodeForPhilly?ref_src=twsrc%5Etfw"></a>
293-
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
294-
295-
296-
297-
</p>
298-
</div>
299-
</div>
300-
</div>
301-
302-
<div class="col-sm">
303-
304-
<div class="card" style="width: 18rem;">
305-
<img class="card-img-top" src="/img/portfolio/auto.png" alt="Card image cap">
306-
<div class="card-body">
307-
<h5 class="card-title">Philly Auto and Parole</h5>
308-
<p class="card-text">Give the formerly incarcerated opportunity for a living wage.
309-
</p>
310-
</div>
311-
<ul class="list-group list-group-flush">
312-
<li class="list-group-item"><strong>Languages:</strong> Python, Javascript, Flutter, Tensor Flow</li>
313-
<li class="list-group-item"><strong>Needs:</strong>
314-
<br>Project Managers <span style="color:red">(0 of 4)</span>
315-
<br>Django developers <span style="color:orange">(1 of 2)</span>
316-
<br>Postgres developers <span style="color:green">(1 of 1)</span>
317-
</li>
318-
<li class="list-group-item"><strong>Meets:</strong> Tuesdays @ 7pm</li>
319-
<li class="list-group-item"><strong>PM:</strong> Billy Hanafee</li>
320-
<li class="list-group-item"><strong>Status:</strong> &nbsp;&nbsp;&nbsp; <span class="dotOrange"></span></li>
321-
</ul>
322-
<div class="card-body">
323-
<p class="text-center">
324-
<a href="#">Slack</a> &bull;
325-
<a href="#">Zoom</a> &bull;
326-
<a href="#">Twitter</a> &bull;
327-
<a href="#">Github</a>
328-
</p>
329-
</div>
330-
</div>
331-
332-
</div>
333-
</div>
334-
</div>
335-
336-
337-
338-
</div>
339-
</section> -->
340-
341-
342-
343-
<!-- About-->
344-
<!-- <section class="page-section" id="about">
345-
<div class="container">
346-
<div class="text-center">
347-
<h2 class="section-heading text-uppercase">About</h2>
348-
<h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
349-
</div>
350-
<ul class="timeline">
351-
<li>
352-
<div class="timeline-image"><img class="rounded-circle img-fluid" src="/img/about/1.jpg" alt="" /></div>
353-
<div class="timeline-panel">
354-
<div class="timeline-heading">
355-
<h4>2009-2011</h4>
356-
<h4 class="subheading">Our Humble Beginnings</h4>
357-
</div>
358-
<div class="timeline-body"><p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p></div>
359-
</div>
360-
</li>
361-
<li class="timeline-inverted">
362-
<div class="timeline-image"><img class="rounded-circle img-fluid" src="/img/about/2.jpg" alt="" /></div>
363-
<div class="timeline-panel">
364-
<div class="timeline-heading">
365-
<h4>March 2011</h4>
366-
<h4 class="subheading">An Agency is Born</h4>
367-
</div>
368-
<div class="timeline-body"><p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p></div>
369-
</div>
370-
</li>
371-
<li>
372-
<div class="timeline-image"><img class="rounded-circle img-fluid" src="/img/about/3.jpg" alt="" /></div>
373-
<div class="timeline-panel">
374-
<div class="timeline-heading">
375-
<h4>December 2012</h4>
376-
<h4 class="subheading">Transition to Full Service</h4>
377-
</div>
378-
<div class="timeline-body"><p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p></div>
379-
</div>
380-
</li>
381-
<li class="timeline-inverted">
382-
<div class="timeline-image"><img class="rounded-circle img-fluid" src="/img/about/4.jpg" alt="" /></div>
383-
<div class="timeline-panel">
384-
<div class="timeline-heading">
385-
<h4>July 2014</h4>
386-
<h4 class="subheading">Phase Two Expansion</h4>
387-
</div>
388-
<div class="timeline-body"><p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p></div>
389-
</div>
390-
</li>
391-
<li class="timeline-inverted">
392-
<div class="timeline-image">
393-
<h4>
394-
Be Part
395-
<br />
396-
Of Our
397-
<br />
398-
Story!
399-
</h4>
400-
</div>
401-
</li>
402-
</ul>
403-
</div>
404-
</section> -->
405-
406-
407-
408-
409-
410-
<!-- Team-->
411-
412-
<!-- <section class="page-section bg-light" id="team">
413-
<div class="container">
414-
<div class="text-center">
415-
<h2 class="section-heading text-uppercase">Leadership</h2>
416-
<h3 class="section-subheading text-muted"><a href="/blog/leadership-support_team_open_positions/"><span style="color:red">Want to join us?</span></a></h3>
417-
</div>
418-
<div class="row">
419-
<div class="col-lg-3">
420-
<div class="team-member">
421-
<img class="mx-auto rounded-circle" src="/img/team/1.jpg" alt="" />
422-
<h4>Marieke Jackson and Machow</h4>
423-
<p class="text-muted">Co-Directors</p>
424-
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a>
425-
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-facebook-f"></i></a>
426-
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-linkedin-in"></i></a>
427-
</div>
428-
</div>
429-
<div class="col-lg-3">
430-
<div class="team-member">
431-
<img class="mx-auto rounded-circle" src="/img/team/2.jpg" alt="" />
432-
<h4>Julia Schuchard</h4>
433-
<p class="text-muted">Communications Co-Lead<br>
434-
[email protected]</p>
435-
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a>
436-
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-facebook-f"></i></a>
437-
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-linkedin-in"></i></a>
438-
</div>
439-
</div>
440-
<div class="col-lg-3">
441-
<div class="team-member">
442-
<img class="mx-auto rounded-circle" src="/img/team/3.jpg" alt="" />
443-
<h4>Barb Donnini</h4>
444-
<p class="text-muted">Community Co-Lead<br>
445-
[email protected]</p>
446-
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a>
447-
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-facebook-f"></i></a>
448-
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-linkedin-in"></i></a>
449-
</div>
450-
</div>
451-
<div class="col-lg-3">
452-
<div class="team-member">
453-
<img class="mx-auto rounded-circle" src="/img/team/4.jpg" alt="" />
454-
<h4>Walt Ribeiro</h4>
455-
<p class="text-muted">Projects Co-Lead<br>
456-
[email protected]</p>
457-
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a>
458-
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-facebook-f"></i></a>
459-
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-linkedin-in"></i></a>
460-
</div>
461-
</div>
462-
</div> -->
463-
464-
465-
466-
467-
468-
469171

470172
<!-- <div class="row">
471173
<div class="col-lg-8 mx-auto text-center"><p class="large text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.</p></div>
@@ -534,5 +236,26 @@ description="The goal of this particular project is just to re-do the homepage f
534236
project="code_for_philly_website_redesign" site="https://codeforphilly.org/" github="https://github.com/CodeForPhilly/codeforphilly.org" slack="cfp-homepage-redesign"}
535237

536238

239+
<!-- News feed -->
240+
<section class="page-section">
241+
<div class="container">
242+
<div class="text-center">
243+
244+
<h2>{_ "Latest Project Activity"}</h2>
245+
246+
<ul class="list-inline">
247+
<li class="list-inline-item"><a href="/project-updates" class="btn btn-link">{icon "asterisk"} {_ "Browse all project updates"}</a></li>
248+
<li class="list-inline-item"><a href="/project-buzz" class="btn btn-link">{icon "flash"} {_ "Browse all project buzz"}</a></li>
249+
<li class="list-inline-item"><a href="/blog" class="btn btn-link">{icon "file"} {_ "Browse all blog posts"}</a></li>
250+
</ul>
251+
252+
{foreach item=Article from=$activity}
253+
{projectActivity $Article headingLevel=h3 showProject=true}
254+
{foreachelse}
255+
<i>{_ "No project updates have been posted on this site yet."}</i>
256+
{/foreach}
257+
</div>
258+
</div>
259+
</section>
537260

538261
{/block}

0 commit comments

Comments
 (0)