index.html

---
layout: default
hero:
  pretitle: University of Bristol
  title: Computer Science Society
  buttons:
---


<div class="page-section hero">
  <h1 style="font-weight: 700; font-size: 50px">👋</h1>
  <h2 style="margin-top: -0.5em">Hello to our freshers!</h2>
  <a href="/freshers" class="btn" style="margin: 2em auto 2.5em auto"
    >Fresher events & advice</a
  >
</div>


<div class="page-section home">
  {% assign latest = site.events | where_exp: "event", "event.date_end >=
  site.time" | where_exp: "event", "event.cancelled != true" | limit: 3 %} {%
  unless latest == empty %}
  <h1>Coming up</h1>
  <div class="featured-items">
    {% include event_cards.html events=latest %}
    <a href="/events" class="btn">More</a>
  </div>
  {% else %}
  <h1>We're busy planning new events!</h1>
  <p>
    Why not check out past events
    <a aria-label="Events page" href="/events">here</a>?
  </p>
  <p>
    Maybe you'd like to give a talk or sponsor an event? Check out sponsorship
    opportunities
    <a aria-label="Sponsor us link" href="/pages/sponsors">here</a>
  </p>
  {% endunless %}
</div>

{% include social-links.html %} {% include twitter-feed.html %}