Skip to content

Commit 7f78069

Browse files
sm-28601sm-28601
committed
Fix footer alignment and clean homepage layout structure
1 parent b58cc3a commit 7f78069

2 files changed

Lines changed: 58 additions & 60 deletions

File tree

‎_layouts/main.html‎

Lines changed: 57 additions & 60 deletions
Original file line numberDiff line numberDiff line change
@@ -6,87 +6,84 @@
66
<div class="col-sm-12 blog-main">
77

88
<hr>
9-
<div class=row>
9+
<div class="row">
1010
<div class="col-md-4">
1111
<img src="{{ '/images/hsf_logo_angled.png' | relative_url }}" alt="HSF Logo" width="70%">
1212
</div>
1313
<div class="col-md-8">
1414
<p class="lead">
1515
The HEP Software Foundation facilitates cooperation and common efforts in High
1616
Energy Physics software and computing internationally - please take a look at our <a
17-
href="organization/goals.html">goals and objectives</a>.</p>
18-
</div>
17+
href="organization/goals.html">goals and objectives</a>.
18+
</p>
1919
</div>
20+
</div>
2021

21-
<hr>
22+
<hr>
2223

23-
<!-- Important announcements from announcements/_posts -->
24-
{% assign has_announcements = false %}
25-
{% assign sitedate = site.time | date: "%Y-%m-%d" %}
26-
{% for post in site.categories.announcements reversed %}
24+
{% assign has_announcements = false %}
25+
{% assign sitedate = site.time | date: "%Y-%m-%d" %}
26+
{% for post in site.categories.announcements reversed %}
2727
{% assign stopdate = post.until | string_to_date | date: "%Y-%m-%d" %}
2828
{% if stopdate > sitedate %}
29-
{% assign has_announcements = true %}
30-
<div class="row alert alert-warning">
31-
<p class="lead event-announce">
32-
<span class="glyphicon {{ post.symbol }}" aria-hidden="true"></span> {{ post.title }} (<a href="{{ post.link }}">more info</a>)
33-
</p>
34-
</div>
29+
{% assign has_announcements = true %}
30+
<div class="alert alert-warning">
31+
<p class="lead event-announce" style="margin-bottom: 0;">
32+
<span class="glyphicon {{ post.symbol }}" aria-hidden="true"></span> {{ post.title }} (<a href="{{ post.link }}">more info</a>)
33+
</p>
34+
</div>
3535
{% endif %}
36-
{% endfor %}
36+
{% endfor %}
3737

38-
{% if has_announcements %}
38+
{% if has_announcements %}
3939
<hr>
40-
{% endif %}
40+
{% endif %}
4141

42-
<!-- Various boxes with more information -->
43-
<div class="row">
44-
45-
<div class="col-lg-4">
46-
<h2>Meetings</h2>
47-
<p>
48-
The HSF holds <a href="{{ '/future-events.html' | relative_url }}" target="_hsf_indico">regular meetings</a>
49-
in its activity areas and has bi-weekly coordination meetings as well.
50-
All are welcome to join these public meetings and other HSF activities.
51-
</p>
52-
<ul class="list list-simple">
53-
{% assign pagedate = site.time | date: "%Y-%m-%d" %}
54-
{% for post in site.categories.organization limit: 3 %}
55-
<li><a href="{{ post.url }}">{{ post.title }}</a></li>
56-
{% endfor %}
57-
</ul>
58-
<p><a href="{{ '/future-events.html' | relative_url }}" role="button">Upcoming HSF and community events &raquo;</a></p>
59-
<p><a href="{{ '/organization/minutes.html' | relative_url }}" role="button">Full list of past meetings &raquo;</a></p>
60-
</div>
61-
62-
63-
<div class="col-lg-4">
64-
<h2>GSoC 2026</h2>
65-
<p>Once again the HSF will participate as an umbrella organisation as part of the <a href="https://summerofcode.withgoogle.com">Google Summer of Code</a>.
66-
<p style="display: block; text-align: center">
67-
<img src="{{ '/images/GSoC/GSoC-icon-192.png' | relative_url }}" alt="GSoC Logo" style="max-width: 250px; width:60%; margin-left: auto; margin-right: auto;">
68-
</p>
69-
<p>Please take a look at our organisation's <a href="{{ '/activities/gsoc.html' | relative_url }}">GSoC Pages</a> for details on how to apply for HSF projects.</p>
70-
</div>
71-
72-
<div class="col-lg-4">
73-
<h2>Activities</h2>
74-
<p>We organise many <a href="{{ '/what_are_activities.html' | relative_url
75-
}}">activities</a> and <a href="{{ '/events.html' | relative_url
42+
<div class="row">
43+
44+
<div class="col-lg-4">
45+
<h2>Meetings</h2>
46+
<p>
47+
The HSF holds <a href="{{ '/future-events.html' | relative_url }}" target="_hsf_indico">regular meetings</a>
48+
in its activity areas and has bi-weekly coordination meetings as well.
49+
All are welcome to join these public meetings and other HSF activities.
50+
</p>
51+
<ul class="list list-simple">
52+
{% assign pagedate = site.time | date: "%Y-%m-%d" %}
53+
{% for post in site.categories.organization limit: 3 %}
54+
<li><a href="{{ post.url }}">{{ post.title }}</a></li>
55+
{% endfor %}
56+
</ul>
57+
<p><a href="{{ '/future-events.html' | relative_url }}" role="button">Upcoming HSF and community events &raquo;</a></p>
58+
<p><a href="{{ '/organization/minutes.html' | relative_url }}" role="button">Full list of past meetings &raquo;</a></p>
59+
</div>
60+
61+
<div class="col-lg-4">
62+
<h2>GSoC 2026</h2>
63+
<p>Once again the HSF will participate as an umbrella organisation as part of the <a href="https://summerofcode.withgoogle.com">Google Summer of Code</a>.</p>
64+
<p style="display: block; text-align: center">
65+
<img src="{{ '/images/GSoC/GSoC-icon-192.png' | relative_url }}" alt="GSoC Logo" style="max-width: 250px; width:60%; margin-left: auto; margin-right: auto;">
66+
</p>
67+
<p>Please take a look at our organisation's <a href="{{ '/activities/gsoc.html' | relative_url }}">GSoC Pages</a> for details on how to apply for HSF projects.</p>
68+
</div>
69+
70+
<div class="col-lg-4">
71+
<h2>Activities</h2>
72+
<p>We organise many <a href="{{ '/what_are_activities.html' | relative_url
73+
}}">activities</a> and <a href="{{ '/events.html' | relative_url
7674
}}">events</a> and we support
7775
<a href="{{ '/projects/projects.html' | relative_url }}">HSF affiliated
78-
projects</a>. We help communication within the community through our
79-
<a href="{{ '/forums.html' | relative_url }}">discussion forums</a>
80-
and <a href="{{ '/technical_notes.html' | relative_url }}">technical notes</a>.
76+
projects</a>. We help communication within the community through our
77+
<a href="{{ '/forums.html' | relative_url }}">discussion forums</a>
78+
and <a href="{{ '/technical_notes.html' | relative_url }}">technical notes</a>.
8179
</p>
8280
<p>The HSF can also write <a href="{{ '/organization/hsf-letters.html' | relative_url }}">letters
83-
of collaboration and cooperation</a> to project proposals.</p>
84-
<p><a href="{{ '/get_involved.html' | relative_url }}" role="button">How to get involved &raquo;</a></p>
85-
</div>
81+
of collaboration and cooperation</a> to project proposals.</p>
82+
<p><a href="{{ '/get_involved.html' | relative_url }}" role="button">How to get involved &raquo;</a></p>
8683
</div>
84+
</div>
8785

88-
{{ content }}
86+
{{ content }}
8987

90-
</div>
9188
</div>
92-
</div>
89+
</div>

‎css/hsf.css‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -151,6 +151,7 @@
151151

152152
.footer {
153153
margin-bottom: 50px;
154+
text-align: center;
154155
}
155156

156157
.blog-footer {

0 commit comments

Comments
 (0)