Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: restore old news section to homepage #80

Open
wants to merge 3 commits into
base: develop
Choose a base branch
from
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
319 changes: 21 additions & 298 deletions html-templates/home.tpl
Original file line number Diff line number Diff line change
Expand Up @@ -168,304 +168,6 @@
</div>
</section>

<!--Checkbox Radio Switches-->
<!-- <section class="page-section bg-light" id="projects">
<div class="container">


<div class="container">
<div class="row">
<div class="col-sm">

<strong>Search for a CfP project:</strong><br><br>
<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" id="customSwitch1">
<label class="custom-control-label" for="customSwitch1">Python</label>
</div>

<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" id="customSwitch2">
<label class="custom-control-label" for="customSwitch2">Javascript</label>
</div>

<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" id="customSwitch3">
<label class="custom-control-label" for="customSwitch3">Project Management</label>
</div>
<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" id="customSwitch4">
<label class="custom-control-label" for="customSwitch4">Django</label>
</div>

<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" id="customSwitch5">
<label class="custom-control-label" for="customSwitch5">HTML</label>
</div>

<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" id="customSwitch6">
<label class="custom-control-label" for="customSwitch6">Rust</label>
</div>

<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" id="customSwitch7">
<label class="custom-control-label" for="customSwitch7">SQL</label>
</div>

<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" id="customSwitch8">
<label class="custom-control-label" for="customSwitch8">Postgres</label>
</div>

<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" id="customSwitch9">
<label class="custom-control-label" for="customSwitch9">PHP</label>
</div>

<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" id="customSwitch10">
<label class="custom-control-label" for="customSwitch10">Flutter</label>
</div>

<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" id="customSwitch11">
<label class="custom-control-label" for="customSwitch11">Golang</label>
</div>

<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" id="customSwitch12">
<label class="custom-control-label" for="customSwitch12">Frontend</label>
</div>

<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" id="customSwitch13">
<label class="custom-control-label" for="customSwitch13">Backend</label>
</div>

<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" id="customSwitch14">
<label class="custom-control-label" for="customSwitch14">MERN</label>
</div>

<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" id="customSwitch15">
<label class="custom-control-label" for="customSwitch15">Git</label>
</div>

<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" id="customSwitch16">
<label class="custom-control-label" for="customSwitch16">UX Designer</label>
</div>

<br>
<button type="button" class="btn btn-danger">Search</button>

</div>

<div class="col-sm">
<div class="card" style="width: 18rem;">
<img class="card-img-top" src="/img/portfolio/pp.png" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Prevention Point</h5>
<p class="card-text">Needle exchange program for Philadelphia.
</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item"><strong>Languages:</strong> Python, Javascript, Flutter, Tensor Flow</li>
<li class="list-group-item"><strong>Needs:</strong>
<br>Project Managers <span style="color:red">(0 of 4)</span>
<br>Django developers <span style="color:orange">(1 of 2)</span>
<br>Postgres developers <span style="color:green">(1 of 1)</span>
</li>
<li class="list-group-item"><strong>Meets:</strong> Tuesdays @ 7pm</li>
<li class="list-group-item"><strong>PM:</strong> Billy</li>
<li class="list-group-item"><strong>Status:</strong> &nbsp;&nbsp;&nbsp; <span class="dotGreen"></span></li>
</ul>
<div class="card-body">
<p class="text-center">
<a href="#">Slack</a> &bull;
<a href="#">Zoom</a> &bull;
<a href="#">Twitter</a> &bull;
<a href="#">Github</a>
<br>

<a data-tweet-limit="2" class="twitter-timeline" href="https://twitter.com/CodeForPhilly?ref_src=twsrc%5Etfw"></a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>



</p>
</div>
</div>
</div>

<div class="col-sm">

<div class="card" style="width: 18rem;">
<img class="card-img-top" src="/img/portfolio/auto.png" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Philly Auto and Parole</h5>
<p class="card-text">Give the formerly incarcerated opportunity for a living wage.
</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item"><strong>Languages:</strong> Python, Javascript, Flutter, Tensor Flow</li>
<li class="list-group-item"><strong>Needs:</strong>
<br>Project Managers <span style="color:red">(0 of 4)</span>
<br>Django developers <span style="color:orange">(1 of 2)</span>
<br>Postgres developers <span style="color:green">(1 of 1)</span>
</li>
<li class="list-group-item"><strong>Meets:</strong> Tuesdays @ 7pm</li>
<li class="list-group-item"><strong>PM:</strong> Billy Hanafee</li>
<li class="list-group-item"><strong>Status:</strong> &nbsp;&nbsp;&nbsp; <span class="dotOrange"></span></li>
</ul>
<div class="card-body">
<p class="text-center">
<a href="#">Slack</a> &bull;
<a href="#">Zoom</a> &bull;
<a href="#">Twitter</a> &bull;
<a href="#">Github</a>
</p>
</div>
</div>

</div>
</div>
</div>



</div>
</section> -->



<!-- About-->
<!-- <section class="page-section" id="about">
<div class="container">
<div class="text-center">
<h2 class="section-heading text-uppercase">About</h2>
<h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
</div>
<ul class="timeline">
<li>
<div class="timeline-image"><img class="rounded-circle img-fluid" src="/img/about/1.jpg" alt="" /></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>2009-2011</h4>
<h4 class="subheading">Our Humble Beginnings</h4>
</div>
<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>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-image"><img class="rounded-circle img-fluid" src="/img/about/2.jpg" alt="" /></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>March 2011</h4>
<h4 class="subheading">An Agency is Born</h4>
</div>
<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>
</div>
</li>
<li>
<div class="timeline-image"><img class="rounded-circle img-fluid" src="/img/about/3.jpg" alt="" /></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>December 2012</h4>
<h4 class="subheading">Transition to Full Service</h4>
</div>
<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>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-image"><img class="rounded-circle img-fluid" src="/img/about/4.jpg" alt="" /></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>July 2014</h4>
<h4 class="subheading">Phase Two Expansion</h4>
</div>
<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>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-image">
<h4>
Be Part
<br />
Of Our
<br />
Story!
</h4>
</div>
</li>
</ul>
</div>
</section> -->





<!-- Team-->

<!-- <section class="page-section bg-light" id="team">
<div class="container">
<div class="text-center">
<h2 class="section-heading text-uppercase">Leadership</h2>
<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>
</div>
<div class="row">
<div class="col-lg-3">
<div class="team-member">
<img class="mx-auto rounded-circle" src="/img/team/1.jpg" alt="" />
<h4>Marieke Jackson and Machow</h4>
<p class="text-muted">Co-Directors</p>
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a>
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<div class="col-lg-3">
<div class="team-member">
<img class="mx-auto rounded-circle" src="/img/team/2.jpg" alt="" />
<h4>Julia Schuchard</h4>
<p class="text-muted">Communications Co-Lead<br>
[email protected]</p>
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a>
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<div class="col-lg-3">
<div class="team-member">
<img class="mx-auto rounded-circle" src="/img/team/3.jpg" alt="" />
<h4>Barb Donnini</h4>
<p class="text-muted">Community Co-Lead<br>
[email protected]</p>
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a>
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<div class="col-lg-3">
<div class="team-member">
<img class="mx-auto rounded-circle" src="/img/team/4.jpg" alt="" />
<h4>Walt Ribeiro</h4>
<p class="text-muted">Projects Co-Lead<br>
[email protected]</p>
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a>
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
</div> -->







<!-- <div class="row">
<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>
Expand Down Expand Up @@ -534,5 +236,26 @@ description="The goal of this particular project is just to re-do the homepage f
project="code_for_philly_website_redesign" site="https://codeforphilly.org/" github="https://github.com/CodeForPhilly/codeforphilly.org" slack="cfp-homepage-redesign"}


<!-- News feed -->
<section class="page-section">
<div class="container">
<div class="text-center">

<h2>{_ "Latest Project Activity"}</h2>

<ul class="list-inline">
<li class="list-inline-item"><a href="/project-updates" class="btn btn-link">{icon "asterisk"} {_ "Browse all project updates"}</a></li>
<li class="list-inline-item"><a href="/project-buzz" class="btn btn-link">{icon "flash"} {_ "Browse all project buzz"}</a></li>
<li class="list-inline-item"><a href="/blog" class="btn btn-link">{icon "file"} {_ "Browse all blog posts"}</a></li>
</ul>

{foreach item=Article from=$activity}
{projectActivity $Article headingLevel=h3 showProject=true}
{foreachelse}
<i>{_ "No project updates have been posted on this site yet."}</i>
{/foreach}
</div>
</div>
</section>

{/block}