i3_website/index.qmd at main · Innovation-Information-Initiative/i3_website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
---
css: custom.css
page-layout: custom

listing:
- id: news-events
  sort: "date desc"
  type: grid
  fields: [image, title, subtitle, date]
  grid-item-align: left
  grid-columns: 3
  image-height: 200px
  max-items: 6
  page-size: 6
  include:
    featured: true
  contents:
    - events/*/index.qmd
    - news/*/index.qmd

- id: publications
  sort: "date desc"
  type: grid
  fields: [image, title, subtitle, date]
  grid-item-align: left
  grid-columns: 3
  image-height: 200px
  max-items: 3
  page-size: 3
  contents: publications.yml

include-in-header:
  - file: files/includes/_mswebmaster.js
---

{{< include /files/includes/_msclarity.qmd >}}

::: {.hero-banner-wrapper}
<div class="hero-banner" style="background-image: url('files/images/i3-banner.png'); background-size: cover; background-position: center; padding: 4rem 2rem; text-align: center;">
  <h1 style="color: #333333; font-size: 48px; font-weight: bold; margin-bottom: 0.5rem;">Innovation Information Initiative (i3)</h1>
  <p style="color: #333333; font-size: 24px; margin-top: 0;">A data collaborative for innovation datasets, analytics, + metrics</p>
</div>
:::

::: {.background-frame .alt-background}
::: {.content-block}

<p style="font-size:18px; line-height: 1.6;">
The **Innovation Information Initiative** (**i3**) is a data collaborative for open innovation data and related analytics, tools, & metrics. This includes patent datasets, citation graphs among and between patents and scholarship, and metrics or secondary datasets derived from these.
</p>


<p style="font-size:18px; line-height: 1.6;">
We are supported by the **Alfred P. Sloan Foundation**, with facilitation by **NBER**.
</p>

:::
:::


::: {.background-frame}
::: {.content-block}

<p align="center" style="font-size:36px; font-weight:bold;">News & Events</p>

:::{#news-events}
:::

<p align="center" style="margin-top: 2em;">
[View all news](news.qmd){.btn-action-primary .btn-action .btn .btn-success .btn-lg role="button"} [View all events](events.qmd){.btn-action-primary .btn-action .btn .btn-success .btn-lg role="button" style="margin-left: 1em;"}
</p>

:::
:::