Skip to content

Commit 0b1feea

Browse files
MakisHMakisH
authored
Move latest news up on landing page (#643)
1 parent 2b364ac commit 0b1feea

File tree

1 file changed

+94
-95
lines changed

1 file changed

+94
-95
lines changed

‎content/index.html‎

Lines changed: 94 additions & 95 deletions
Original file line numberDiff line numberDiff line change
@@ -50,95 +50,119 @@ <h2 class="subtitle no-anchor">The coupling library for partitioned multi-physic
5050
</div> <!-- main -->
5151
</div> <!-- container -->
5252

53-
<!-- USP Section, full blead layout -->
54-
55-
<div class="background-light">
53+
<!-- Latest News Section -->
54+
<div id="latest-news" class="section">
5655
<div class="container">
57-
<div class="section">
56+
<h2 class="section-header text-center">Latest news</h2>
5857

59-
<div class="row">
60-
<div class="col-lg-12">
61-
<h2 class="section-header">Prepared for the next generation of multi-physics simulations</h2>
62-
</div>
58+
<div id="news-container" class="row equal">
59+
<!-- News cards will be inserted dynamically -->
60+
<p id="loading-news">Loading latest news...</p>
61+
</div>
62+
63+
64+
<div class="row" style="margin-top: 25px;">
65+
<div class="col-lg-12 text-center">
66+
<a href="https://precice.discourse.group/c/news/5"
67+
class="btn btn-primary no-icon"
68+
role="button"
69+
target="_blank"
70+
rel="noopener noreferrer">
71+
More news &nbsp;<i class="fas fa-chevron-right"></i>
72+
</a>
6373
</div>
74+
</div>
6475

65-
<div class="row equal">
66-
<div class="col-md-3 col-sm-6 col-flex">
67-
<div class="image-holder usp">
68-
<img class="img-responsive center-block" src="images/usp/usp-minimal.svg" alt="non-invasive integration">
76+
</div>
77+
</div>
78+
79+
<!-- USP Section, full blead layout -->
80+
<div class="container">
81+
<div class="section">
82+
83+
<div class="row">
84+
<div class="col-lg-12">
85+
<h2 class="section-header">Prepared for the next generation of multi-physics simulations</h2>
86+
</div>
87+
</div>
88+
89+
<div class="row equal">
90+
<div class="col-md-3 col-sm-6 col-flex">
91+
<div class="image-holder usp">
92+
<img class="img-responsive center-block" src="images/usp/usp-minimal.svg" alt="non-invasive integration">
93+
</div>
94+
<div class="panel panel-primary panel-precice usp">
95+
<div class="panel-heading-precice text-left">
96+
<strong>Minimally invasive integration</strong>
6997
</div>
70-
<div class="panel panel-primary panel-precice usp">
71-
<div class="panel-heading-precice text-left">
72-
<strong>Minimally invasive integration</strong>
73-
</div>
74-
<div class="panel-body">
75-
<ul class="usp">
76-
<li class="usp">Elegant library approach</li>
77-
<li class="usp">High-level API in C++, C, Fortran, Python, Matlab</li>
78-
</ul>
79-
<a href="couple-your-code-overview.html">Learn more &nbsp;<i class="fas fa-chevron-right"></i></a>
80-
</div>
98+
<div class="panel-body">
99+
<ul class="usp">
100+
<li class="usp">Elegant library approach</li>
101+
<li class="usp">High-level API in C++, C, Fortran, Python, Matlab</li>
102+
</ul>
103+
<a href="couple-your-code-overview.html">Learn more &nbsp;<i class="fas fa-chevron-right"></i></a>
81104
</div>
82105
</div>
83-
<div class="col-md-3 col-sm-6 col-flex">
84-
<div class="image-holder usp">
85-
<img class="img-responsive center-block" src="images/usp/usp-arbitrary.svg" alt="Coupling of programs">
106+
</div>
107+
<div class="col-md-3 col-sm-6 col-flex">
108+
<div class="image-holder usp">
109+
<img class="img-responsive center-block" src="images/usp/usp-arbitrary.svg" alt="Coupling of programs">
110+
</div>
111+
<div class="panel panel-primary panel-precice usp">
112+
<div class="panel-heading-precice text-left">
113+
<strong>Coupling of arbitrary many programs</strong>
86114
</div>
87-
<div class="panel panel-primary panel-precice usp">
88-
<div class="panel-heading-precice text-left">
89-
<strong>Coupling of arbitrary many programs</strong>
90-
</div>
91-
<div class="panel-body">
92-
<ul class="usp">
93-
<li class="usp">Arbitrary combinations of strong and weak interactions</li>
94-
<li class="usp">Arbitrary many solvers</li>
95-
</ul>
96-
<a href="configuration-coupling-multi.html">Learn more &nbsp;<i class="fas fa-chevron-right"></i></a>
97-
</div>
115+
<div class="panel-body">
116+
<ul class="usp">
117+
<li class="usp">Arbitrary combinations of strong and weak interactions</li>
118+
<li class="usp">Arbitrary many solvers</li>
119+
</ul>
120+
<a href="configuration-coupling-multi.html">Learn more &nbsp;<i class="fas fa-chevron-right"></i></a>
98121
</div>
99122
</div>
100-
<div class="col-md-3 col-sm-6 col-flex">
101-
<div class="image-holder usp">
102-
<img class="img-responsive center-block" src="images/usp/usp-numerics.svg" alt="numerical methods">
123+
</div>
124+
<div class="col-md-3 col-sm-6 col-flex">
125+
<div class="image-holder usp">
126+
<img class="img-responsive center-block" src="images/usp/usp-numerics.svg" alt="numerical methods">
127+
</div>
128+
<div class="panel panel-primary panel-precice usp">
129+
<div class="panel-heading-precice text-left">
130+
<strong>State-of-the-art numerical methods</strong>
103131
</div>
104-
<div class="panel panel-primary panel-precice usp">
105-
<div class="panel-heading-precice text-left">
106-
<strong>State-of-the-art numerical methods</strong>
107-
</div>
108-
<div class="panel-body">
109-
<ul class="usp">
110-
<li class="usp">Robust quasi-Newton acceleration</li>
111-
<li class="usp">Radial-basis function data mapping</li>
112-
</ul>
113-
<a href="fundamentals-literature-guide.html">Learn more &nbsp;<i class="fas fa-chevron-right"></i></a>
114-
</div>
132+
<div class="panel-body">
133+
<ul class="usp">
134+
<li class="usp">Robust quasi-Newton acceleration</li>
135+
<li class="usp">Radial-basis function data mapping</li>
136+
</ul>
137+
<a href="fundamentals-literature-guide.html">Learn more &nbsp;<i class="fas fa-chevron-right"></i></a>
115138
</div>
116139
</div>
117-
<div class="col-md-3 col-sm-6 col-flex">
118-
<div class="image-holder usp">
119-
<img class="img-responsive center-block" src="images/usp/usp-scalability.svg" alt="scalability">
140+
</div>
141+
<div class="col-md-3 col-sm-6 col-flex">
142+
<div class="image-holder usp">
143+
<img class="img-responsive center-block" src="images/usp/usp-scalability.svg" alt="scalability">
144+
</div>
145+
<div class="panel panel-primary panel-precice usp">
146+
<div class="panel-heading-precice text-left">
147+
<strong>Scalability up to complete supercomputers</strong>
120148
</div>
121-
<div class="panel panel-primary panel-precice usp">
122-
<div class="panel-heading-precice text-left">
123-
<strong>Scalability up to complete supercomputers</strong>
124-
</div>
125-
<div class="panel-body">
126-
<ul class="usp">
127-
<li class="usp">Pure peer-to-peer approach</li>
128-
<li class="usp">Support of heterogenous hardware (CPU/GPU)</li>
129-
<li class="usp">Efficient also on a laptop</li>
130-
</ul>
131-
<a href="fundamentals-literature-guide.html#parallel-and-high-performance-computing">Learn more &nbsp;<i class="fas fa-chevron-right"></i></a>
132-
</div>
149+
<div class="panel-body">
150+
<ul class="usp">
151+
<li class="usp">Pure peer-to-peer approach</li>
152+
<li class="usp">Support of heterogenous hardware (CPU/GPU)</li>
153+
<li class="usp">Efficient also on a laptop</li>
154+
</ul>
155+
<a href="fundamentals-literature-guide.html#parallel-and-high-performance-computing">Learn more &nbsp;<i class="fas fa-chevron-right"></i></a>
133156
</div>
134157
</div>
135158
</div>
159+
</div>
136160

137-
</div> <!-- section -->
138-
</div> <!-- container -->
139-
</div> <!-- background-light -->
161+
</div> <!-- section -->
162+
</div> <!-- container -->
140163

141164
<!-- Adapter section -->
165+
<div class="background-light">
142166
<div class="container">
143167
<div class="section">
144168

@@ -196,32 +220,7 @@ <h2 class="section-header">Ready-to-use with your favourite open-source solver</
196220

197221
</div> <!-- section -->
198222
</div> <!-- container -->
199-
200-
<!-- Latest News Section -->
201-
<section id="latest-news" class="section">
202-
<div class="container">
203-
<h2 class="section-header text-center">Latest news</h2>
204-
205-
<div id="news-container" class="row equal">
206-
<!-- News cards will be inserted dynamically -->
207-
<p id="loading-news">Loading latest news...</p>
208-
</div>
209-
210-
211-
<div class="row" style="margin-top: 25px;">
212-
<div class="col-lg-12 text-center">
213-
<a href="https://precice.discourse.group/c/news/5"
214-
class="btn btn-primary no-icon"
215-
role="button"
216-
target="_blank"
217-
rel="noopener noreferrer">
218-
More news &nbsp;<i class="fas fa-chevron-right"></i>
219-
</a>
220-
</div>
221-
</div>
222-
223-
</div>
224-
</section>
223+
</div> <!-- background-light -->
225224

226225
<!-- Testimonials, full bleed layout -->
227226

0 commit comments

Comments
 (0)