Skip to content

Commit 12219e9

Browse files
edwardchalstrey1edwardchalstrey1
authored
Merge pull request #24 from gambitproject/methods
Add "Gambit in a nutshell" section
2 parents 845f48c + 3447d9f commit 12219e9

3 files changed

Lines changed: 137 additions & 27 deletions

File tree

‎assets/css/gambit.css‎

Lines changed: 113 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -230,6 +230,119 @@
230230
}
231231
}
232232

233+
/* What is Gambit? section */
234+
.what-icons {
235+
margin: 40px 0;
236+
text-align: center;
237+
}
238+
239+
.what-icons h3 {
240+
color: #cc0000;
241+
margin-bottom: 20px;
242+
font-family: 'Times New Roman', Times, serif;
243+
}
244+
245+
.what-grid {
246+
display: grid;
247+
grid-template-columns: repeat(5, 1fr);
248+
gap: 40px;
249+
max-width: 75%;
250+
margin: 0 auto;
251+
justify-items: center;
252+
padding-bottom: 30px;
253+
}
254+
255+
.what-item {
256+
display: flex;
257+
flex-direction: column;
258+
align-items: left;
259+
text-align: left;
260+
max-width: 450px;
261+
width: 100%;
262+
}
263+
264+
.what-item a {
265+
text-decoration: none;
266+
color: inherit;
267+
}
268+
269+
/* Column separators between what-grid columns */
270+
.what-item:not(:first-child) {
271+
border-left: 1.5px solid rgba(0,0,0,0.06);
272+
padding-left: 1.5rem; /* give some breathing room from the divider */
273+
}
274+
275+
.what-icon {
276+
margin-bottom: 15px;
277+
object-fit: contain;
278+
width: 90px;
279+
height: 90px;
280+
}
281+
282+
.what-icon-fallback {
283+
width: 90px;
284+
height: 90px;
285+
margin-bottom: 15px;
286+
background-color: #cc0000;
287+
border-radius: 50%;
288+
display: flex;
289+
align-items: center;
290+
justify-content: center;
291+
color: white;
292+
font-weight: bold;
293+
font-size: 1.8em;
294+
}
295+
296+
.what-name {
297+
font-weight: bold;
298+
color: #cc0000;
299+
margin-bottom: 8px;
300+
font-size: 1.3em;
301+
}
302+
303+
.what-description {
304+
font-size: 1em;
305+
color: #666;
306+
}
307+
308+
/* Responsive adjustments for what grid */
309+
@media (max-width: 768px) {
310+
.what-grid {
311+
grid-template-columns: 1fr !important;
312+
gap: 40px;
313+
max-width: 400px;
314+
}
315+
316+
.what-item {
317+
max-width: 350px;
318+
}
319+
320+
.what-icon {
321+
width: 75px;
322+
height: 75px;
323+
}
324+
325+
.what-icon-fallback {
326+
width: 75px;
327+
height: 75px;
328+
font-size: 1.5em;
329+
}
330+
331+
.what-name {
332+
font-size: 1.5em;
333+
}
334+
335+
.what-description {
336+
font-size: 1.2em;
337+
}
338+
339+
/* Remove column separators on small screens */
340+
.what-item:not(:first-child) {
341+
border-left: none;
342+
padding-left: 0;
343+
}
344+
}
345+
233346
/* Testimonials section */
234347
.testimonials-section {
235348
margin: 60px 0;

‎config.yaml‎

Lines changed: 12 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -49,16 +49,18 @@ params:
4949
# - name: LLM tools
5050
# description: "🏗️ WIP: Construct extensive games using our language model framework."
5151
# icon: llm.png
52-
# solvers_title: "State of the art methods"
53-
# solvers:
54-
# - name: Nash Equilibrium Solvers
55-
# description: "Enumerate pure and mixed-strategy Nash equilibria, including Lemke-Howson, polytope methods."
56-
# - name: Extensive Form Solvers
57-
# description: "Leverage compact sequence-form representations for computing Nash or subgame-perfect equilibria in extensive games"
58-
# - name: Correlated & Refined Equilibrium Solvers
59-
# description: "LP-based computation of correlated equilibria and specialized tools for refinements like trembling-hand perfect or sequential equilibria."
60-
# - name: Numerical & Bounded-Rationality Solvers
61-
# description: "For quantal-response equilibria, including logit-response fixed-point computations."
52+
whatgambit_title: "Gambit in a nutshell"
53+
whatgambit:
54+
- name: Non-cooperative finite games
55+
description: "Construct games in extensive or strategic form."
56+
- name: Equilibrium computation
57+
description: "Find pure and mixed-strategy Nash equilibria."
58+
- name: Econometric estimation
59+
description: "Fit quantal response and other structural models."
60+
- name: Interoperable with other tools
61+
description: "Read and write games in standard file formats."
62+
- name: Open source & extensible
63+
description: "Analyse your game models your way."
6264
# testimonials:
6365
# - name: "Professor X"
6466
# role: "Professor of Game Theory, University of Cambridge"

‎layouts/partials/hero.html‎

Lines changed: 12 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -84,27 +84,22 @@
8484
</div>
8585
{{ end }}
8686

87-
<!-- Solver section -->
88-
{{- $solversTitle := index $hero "solvers_title" }}
89-
{{ if $solversTitle }}
90-
<div class="hero-title">{{ $solversTitle }}</div>
87+
<!-- What is Gambit? section -->
88+
{{- $whatgambitTitle := index $hero "whatgambit_title" }}
89+
{{ if $whatgambitTitle }}
90+
<div class="hero-title">{{ $whatgambitTitle }}</div>
9191
{{ end }}
92-
{{- $solvers := index $hero "solvers" }}
93-
{{ if $solvers }}
94-
<div class="software-icons">
95-
<div class="software-grid">
96-
{{- range $solvers }}
97-
<div class="software-item">
92+
{{- $whatgambit := index $hero "whatgambit" }}
93+
{{ if $whatgambit }}
94+
<div class="what-icons">
95+
<div class="what-grid">
96+
{{- range $whatgambit }}
97+
<div class="what-item">
9898
{{ if .link }}
9999
<a href="{{ .link }}" aria-label="{{ .name }}">
100100
{{ end }}
101-
{{ if .icon }}
102-
<img src="/images/{{ .icon }}" alt="{{ .name }} icon" class="software-icon">
103-
{{ else }}
104-
<div class="software-icon-fallback">{{ substr .name 0 1 }}</div>
105-
{{ end }}
106-
<div class="software-name">{{ .name }}</div>
107-
<div class="software-description">{{ .description }}</div>
101+
<div class="what-name">{{ .name }}</div>
102+
<div class="what-description">{{ .description }}</div>
108103
{{ if .link }}
109104
</a>
110105
{{ end }}

0 commit comments

Comments
 (0)