Skip to content

Commit b83a788

Browse files
committed
improving website layout
1 parent 9f77547 commit b83a788

File tree

4 files changed

+526
-106
lines changed

4 files changed

+526
-106
lines changed

_includes/footer.html

Lines changed: 71 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -1,77 +1,104 @@
11
<footer id="footer" class="footer-section">
22
<div class="container">
3-
<div class="footer-content pt-5 pb-5">
3+
<div class="footer-cta">
4+
<div class="row align-items-center">
5+
<div class="col-lg-8">
6+
<h3 class="footer-cta-title">Build the future of workflows together</h3>
7+
<p class="footer-cta-copy">
8+
Join the community to share tools, research, events, and hands-on experience across science
9+
and engineering.
10+
</p>
11+
</div>
12+
<div class="col-lg-4 text-lg-end">
13+
<div class="footer-cta-actions">
14+
<a href="https://join.slack.com/t/workflowscommunity/shared_invite/zt-1s8u3ocgm-gNdsgRJgy6O2GNSFUf9eDQ"
15+
target="_blank" rel="noopener" class="btn btn-primary btn-sm">Join Slack</a>
16+
<a href="/contact" class="btn btn-outer btn-sm">Get involved</a>
17+
</div>
18+
</div>
19+
</div>
20+
</div>
21+
<div class="footer-content pt-4 pb-5">
422
<div class="row">
523
<div class="col-xl-4 col-lg-4 mb-50">
624
<div class="footer-widget">
725
<div class="footer-logo">
8-
<a href="index.html" class="logo d-flex align-items-center">
26+
<a href="/" class="logo d-flex align-items-center">
927
<img src="/images/wci-logo-horizontal-white.png" alt="logo">
1028
</a>
1129
</div>
1230
<div class="footer-text">
13-
<p>We unite the workflows community—users, developers, researchers, and facilities—to
14-
provide essential resources and capabilities that empower scientists and developers to
15-
discover tools, connect with related initiatives, and collaborate on solving the grand
16-
challenges in workflow systems.</p>
31+
<p>We unite users, developers, researchers, and facilities to provide resources that help
32+
scientists and engineers discover tools, connect with related initiatives, and
33+
collaborate on the biggest workflow challenges.</p>
1734
</div>
1835
</div>
1936
</div>
2037

21-
<div class="col-lg-4 col-md-6 col-sm-12 footer-column">
22-
<!-- <div class="service-widget footer-widget">
38+
<div class="col-xl-2 col-lg-2 col-md-6 mb-50">
39+
<div class="footer-widget">
2340
<div class="footer-widget-heading">
24-
<h3>Services</h3>
41+
<h3>Resources</h3>
2542
</div>
26-
<ul class="list">
27-
<li><a href="services.html">Web Design</a></li>
28-
<li><a href="services.html">App Development</a></li>
29-
<li><a href="services.html">Cloud Services</a></li>
30-
<li><a href="services.html">Domain and Hosting</a></li>
31-
<li><a href="services.html">Seo Optimization</a></li>
32-
<li><a href="services.html">Social Media</a></li>
43+
<ul class="list footer-links">
44+
<li><a href="/systems">Workflow Systems</a></li>
45+
<li><a href="/registries">Workflow Registries</a></li>
46+
<li><a href="/frameworks">Research Frameworks</a></li>
47+
<li><a href="/terminology">Terminology</a></li>
48+
<li><a href="/education">Education & Training</a></li>
49+
<li><a href="/reports">Reports</a></li>
3350
</ul>
34-
</div> -->
51+
</div>
3552
</div>
36-
<!-- <div class="col-lg-2 col-md-6 col-sm-12 footer-column">
37-
<div class="service-widget footer-widget">
53+
<div class="col-xl-2 col-lg-2 col-md-6 mb-50">
54+
<div class="footer-widget">
3855
<div class="footer-widget-heading">
39-
<h3>Information</h3>
56+
<h3>Community</h3>
4057
</div>
41-
<ul class="list">
42-
<li><a href="about.html">About</a></li>
43-
<li><a href="packages.html">Pricing</a></li>
44-
<li><a href="team.html">Team</a></li>
45-
<li><a href="porfolio.html">Portfolio</a></li>
46-
<li><a href="faq.html">FAQs</a></li>
47-
<li><a href="team.html">Team</a></li>
48-
<li><a href="blogs.html">Blogs</a></li>
49-
<li><a href="blogs-details.html">Blog Details</a></li>
50-
<li><a href="coming-soon.html">Coming Soon</a></li>
51-
<li><a href="privacy-policy.html">Terms & Conditions</a></li>
52-
<li><a href="privacy-policy.html">Privacy Policy</a></li>
58+
<ul class="list footer-links">
59+
<li><a href="/groups">Working Groups</a></li>
60+
<li><a href="/summits">Summits</a></li>
61+
<li><a href="/talks">Community Talks</a></li>
62+
<li><a href="/workshops">Workshops</a></li>
63+
<li><a href="/stories">Stories</a></li>
64+
<li><a href="/members">Members</a></li>
5365
</ul>
5466
</div>
55-
</div> -->
67+
</div>
5668
<div class="col-xl-4 col-lg-4 col-md-6 mb-50">
5769
<div class="contact-widget footer-widget">
5870
<div class="footer-widget-heading">
59-
<h3>Contacts</h3>
60-
</div>
61-
<div class="footer-text">
62-
<p><i class="bi bi-envelope-fill mr-15"></i> contact@workflows.community</p>
71+
<h3>Stay connected</h3>
6372
</div>
73+
<ul class="list footer-links footer-contact-list">
74+
<li>
75+
<a href="mailto:contact@workflows.community">
76+
<i class="bi bi-envelope-fill me-2"></i>contact@workflows.community
77+
</a>
78+
</li>
79+
<li>
80+
<a href="/members">
81+
<i class="bi bi-people-fill me-2"></i>Meet the community
82+
</a>
83+
</li>
84+
<li>
85+
<a href="/contact">
86+
<i class="bi bi-chat-dots-fill me-2"></i>Get involved
87+
</a>
88+
</li>
89+
</ul>
6490
</div>
6591
<div class="footer-social-icon">
6692
<span>Follow us</span>
6793
<a href="https://www.youtube.com/channel/UCqCnXqWqKe9vF6cqKOj1CYw" target="_blank"
68-
style="font-size: 1.2em"><i class="fab fa-youtube"></i></a>
69-
<a href="mailto:contact@workflows.community" style="font-size: 1.2em"><i
94+
rel="noopener" aria-label="Workflows Community on YouTube"><i class="fab fa-youtube"></i></a>
95+
<a href="mailto:contact@workflows.community" aria-label="Email Workflows Community"><i
7096
class="fa fa-envelope"></i></a>
71-
<a href="https://linkedin.com/company/workflows-community" target="_blank"
72-
style="font-size: 1.2em"><i class="fab fa-linkedin"></i></a>
97+
<a href="https://linkedin.com/company/workflows-community" target="_blank" rel="noopener"
98+
aria-label="Workflows Community on LinkedIn"><i class="fab fa-linkedin"></i></a>
7399
<a href="https://join.slack.com/t/workflowscommunity/shared_invite/zt-1s8u3ocgm-gNdsgRJgy6O2GNSFUf9eDQ"
74-
target="_blank" style="font-size: 1.2em"><i class="fab fa-slack"></i></a>
100+
target="_blank" rel="noopener" aria-label="Join Workflows Community on Slack"><i
101+
class="fab fa-slack"></i></a>
75102
</div>
76103
<!-- <div class="footer-widget">
77104
<div class="footer-widget-heading">
@@ -92,7 +119,7 @@ <h3>Newsletter</h3>
92119
<div class="row">
93120
<div class="col-xl-6 col-lg-6 text-left text-lg-left">
94121
<div class="copyright-text">
95-
<p>&copy;2022&mdash;{{ site.time | date: '%Y' }} Workflows.Community Initiative</a></p>
122+
<p>&copy;2022&ndash;{{ site.time | date: '%Y' }} Workflows.Community Initiative</p>
96123
</div>
97124
</div>
98125
</div>
@@ -117,4 +144,4 @@ <h3>Newsletter</h3>
117144
<script src="/assets/js/validator.min.js"></script>
118145
<script src="/assets/js/particles.min.js"></script>
119146
<script src="/assets/js/script.js"></script>
120-
<script src="/assets/js/main.js"></script>
147+
<script src="/assets/js/main.js"></script>

0 commit comments

Comments
 (0)