Skip to content

Commit

Permalink
update index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@xiangyue9607
xiangyue9607 committed Oct 21, 2024
1 parent 37ea22f commit 67ba684
Show file tree
Hide file tree
Showing 4 changed files with 94 additions and 47 deletions.
Binary file added evaluation/lmms-eval/.DS_Store
View file
Binary file not shown.
74 changes: 31 additions & 43 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -52,84 +52,75 @@
<div class="header-wrapper">
<div class="header-container" id="header-container">
<div class="header-content">
<h1 style="margin-top: 0px"><i>Pangea</i></h1>
<h2>A Fully Open <i>Multilingual Multimodal</i><br>
LLM for 39 Languages</h2>
<p>
Introducing Pangea, a
<em><strong>multilingual multimodal</strong></em>
LLM. Pangea is structured around three key pillars:
</p>

<div class="icon-container">
<div class="icon-item">
<img src="./static/img/icons/pangea_logo.png" alt="Pangea Icon">
<div><strong>Pangea-7B</strong>: a strong multilingual multimodal LLM capable of 39 languages.</div>
</div>
<div class="icon-item">
<img src="./static/img/icons/data.png" alt="instruction tuning data Icon">
<div><strong>PangeaIns</strong>: a 6M multilingual multimodal instruction tuning dataset spanning 39 languages.</div>
</div>
<div class="icon-item">
<img src="./static/img/icons/eval.png" alt="Benchmarking Icon">
<div><strong>PangeaBench</strong>: a holistic evaluation benchmark spanning 14 datasets in 47 languages.</div>
</div>
<h2 class="main-title"><i>Pangea</i>: A Fully Open <i>Multilingual Multimodal</i><br> LLM for 39 Languages</h2>


<div class="icon-container">
<div class="icon-item">
<img src="./static/img/icons/pangea_logo.png" alt="Pangea Icon">
<div><strong>Pangea-7B</strong>: a strong multilingual multimodal LLM capable of 39 languages.</div>
</div>

<div class="icon-item">
<img src="./static/img/icons/data.png" alt="Instruction Tuning Data Icon">
<div><strong>PangeaIns</strong>: a 6M multilingual multimodal instruction tuning dataset spanning 39 languages.</div>
</div>
<div class="icon-item">
<img src="./static/img/icons/eval.png" alt="Benchmarking Icon">
<div><strong>PangeaBench</strong>: a holistic evaluation benchmark spanning 14 datasets in 47 languages.</div>
</div>
</div>

<div class="button-container">
<!-- replace arxiv -->
<a href="https://arxiv.org/abs/2406.16860" class="button paper-link" target="_blank">
<span class="icon is-small">
<i class="ai ai-arxiv"></i>
</span>
arXiv
</a>
<!-- replace pdf -->
<a href="https://arxiv.org/pdf/2406.16860" class="button paper-link" target="_blank">
<span class="icon is-small">
<i class="fas fa-file-pdf"></i>
</span>
<span>pdf</span>
<span>PDF</span>
</a>
<!-- replace image -->
<a href="https://github.com/neulab/Pangea" class="button" target="_blank">
<span class="icon is-small">
<i class="fab fa-github"></i>
</span>
<span>Code</span>
</a>
<!-- <br> -->
<a href="https://huggingface.co/neulab/Pangea-7B" class="button" target="_blank">
<span class="icon is-small">
<img src="https://huggingface.co/front/assets/huggingface_logo-noborder.svg" alt="Hugging Face logo" style="height: 1em;">
<img src="https://huggingface.co/front/assets/huggingface_logo-noborder.svg" alt="Hugging Face logo" class="hf-logo">
</span>
<span>Checkpoints</span>
</a>
<a href="https://huggingface.co/datasets/neulab/PangeaInstruct" class="button" target="_blank">
<span class="icon is-small">
<img src="https://huggingface.co/front/assets/huggingface_logo-noborder.svg" alt="Hugging Face logo" style="height: 1em;">
<img src="https://huggingface.co/front/assets/huggingface_logo-noborder.svg" alt="Hugging Face logo" class="hf-logo">
</span>
<span>Data</span>
</a>
<span>PangeaInstruct</span>
</a>
<a href="https://huggingface.co/collections/neulab/pangea-6713c3b0d78a453906eb2ed8" class="button" target="_blank">
<span class="icon is-small">
<img src="https://huggingface.co/front/assets/huggingface_logo-noborder.svg" alt="Hugging Face logo" style="height: 1em;">
<img src="https://huggingface.co/front/assets/huggingface_logo-noborder.svg" alt="Hugging Face logo" class="hf-logo">
</span>
<span>PangeaBench</span>
</a>
<a href="https://huggingface.co/spaces/neulab/Pangea" class="button" target="_blank">
<span class="icon is-small">
<img src="https://huggingface.co/front/assets/huggingface_logo-noborder.svg" alt="Hugging Face logo" style="height: 1em;">
<img src="https://huggingface.co/front/assets/huggingface_logo-noborder.svg" alt="Hugging Face logo" class="hf-logo">
</span>
<span>Demo</span>
</a>
</div>
</div>
<div class="header-image">
<img draggable="false" src="static/img/icons/image.png" alt="Teaser Image" class="teaser-image">
<img draggable="false" src="static/img/icons/image.png" alt="Teaser Image" class="teaser-image small-teaser">
</div>
</div>
</div>

<d-article>
<div class="byline">
<div class="byline-container">
Expand All @@ -143,16 +134,17 @@ <h2>A Fully Open <i>Multilingual Multimodal</i><br>
<a href="https://www.anjaliruban.com/" class="author-link" target="_blank">Anjali Kantharuban</a> &emsp;
<a href="https://scholar.google.com/citations?user=pVgdC6wAAAAJ&hl=en" class="author-link" target="_blank">Lintang Sutawika</a> &emsp;
<a href="https://scholar.google.com/citations?user=jfc-2twAAAAJ&hl=en" class="author-link" target="_blank">Sathyanarayanan Ramamoorthy</a> &emsp;
<a href="https://www.phontron.com/" class="author-link" target="_blank">Graham Neubig<sup>&dagger;</sup></a>
<a href="https://www.phontron.com/" class="author-link" target="_blank">Graham Neubig</a>
<p></p>
<a href="https://www.cs.cmu.edu/" class="affiliation-link" id="affiliation" target="_blank">Carnegie Mellon University</a>
</p>
</div>
</div>
<p style="text-align: center;">
<span class="author-note"><sup>*</sup>Project lead</span>&emsp;
<span class="author-note"><sup>&dagger;</sup>Corresponding author</span>
<span class="author-note"><sup>*</sup>Equal Contributions</span>&emsp;
<span class="author-note">Corresponding to: {xyue2,yueqis,gneubig}@cs.cmu.edu</span>
</p>


<p class="text abstract">

Expand Down Expand Up @@ -1091,11 +1083,7 @@ <h2 class="text" style="margin-top:0px; margin-bottom:10px">Conclusion</h2>
<div id="acknowledgement" style="position: relative; margin-top: 40px; margin-bottom: 0px;">
<h2 class="text" style="margin-top:0px; margin-bottom:10px">Acknowledgement</h2>
<p class="text">
This work was supported in part by the Carnegie Bosch Institute Fellowship and a grant from DSTA Singapore.
The training is supported by the CMU FLAME Center.
The authors would like to thank CMU NeuLab colleagues for their constructive comments.
The authors would like to thank Google Gemini credits for data construction and evaluation.
The authors would like to thank Cambrian team for their <a href="https://cambrian-mllm.github.io/" target="_blank">project webpage template</a>.
The authors would like to thank the Cambrian team for their <a href="https://cambrian-mllm.github.io/" target="_blank">project webpage template</a>.
</p>
</div>

Expand Down
67 changes: 63 additions & 4 deletions static/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,12 +3,71 @@ body {
}

.header-wrapper {
/* max-width: 1200px; */
background-color: #FFFFFF; */
padding: 0px 0;
}

.header-container {
display: flex;
justify-content: space-between;
align-items: flex-start;
}

.header-content {
flex: 1;
margin-right: 20px;
}

.main-title {
margin-top: 0;
font-size: 2.5em;
}

h2 {
margin-top: 10px;
}

.icon-container {
display: flex;
justify-content: space-between;
margin-top: 15px;
}

.icon-item {
display: flex;
align-items: center;
margin-right: 15px;
}

.icon-item img {
margin-right: 10px;
}

.hf-logo {
height: 1em;
}

.button-container a {
margin-right: 8px;
}

.teaser-image {
max-width: 100%;
height: auto;
}

.small-teaser {
max-width: 200px; /* Set a smaller width for the teaser image */
margin-top: 10px; /* Reduce top margin for more compact layout */
}

.header-wrapper {
max-width: 80%;
background-color: #FFFFFF;
margin: 0 auto; /* This will center the header-wrapper horizontally */
/* background: linear-gradient(127deg, #73C6C1 0%, #A7D8D6 50%, #F4EADC 100%); */

/* background: linear-gradient(127deg, #265073 0%, #596FB7 45%, #C6CF9B 70%, rgb(244,234,203) 100%); */
/* background: linear-gradient(-235deg, #000000 10%, #122153 55%, #FEAE6F 85%, rgb(244,234,203) 100%); */

}

.header-container {
Expand Down Expand Up @@ -223,7 +282,7 @@ body {
}

.header-image img {
max-width: 90%; /* Image should be responsive within the container */
max-width: 70%; /* Image should be responsive within the container */
height: auto; /* Maintain the aspect ratio */
}
}
Expand Down
Binary file added train/LLaVA-NeXT/.DS_Store
View file
Binary file not shown.

0 comments on commit 67ba684

Please sign in to comment.