Skip to content

Commit

Permalink
Update
Browse files Browse the repository at this point in the history
  • Loading branch information
@VLMsAreBlind
VLMsAreBlind authored Jul 9, 2024
1 parent 5719118 commit e50eeb7
Show file tree
Hide file tree
Showing 2 changed files with 56 additions and 14 deletions.
35 changes: 28 additions & 7 deletions index-preview.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1244,6 +1244,27 @@
height: 20px;
}
}

@media screen and (max-width: 768px) {
.columns.is-mobile {
margin-left: -0.75rem;
margin-right: -0.75rem;
margin-top: -0.75rem;
}

.columns.is-mobile>.column {
padding: 0.75rem;
}

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

figcaption {
font-size: 0.8em;
}
}
</style>
</head>

Expand Down Expand Up @@ -1444,7 +1465,7 @@ <h3 class="title is-4">Images</h3>
sampled to create two plots that intersect at exactly 0, 1 or 2 points. See Appendix A for more details.
</p>

<div class="columns is-multiline">
<div class="columns is-multiline is-mobile">
<div class="column is-3">
<figure class="image">
<img src="./static/images/LinePlots/benchmark_samples/gt_0_pred_0_image_47_thickness_2.svg"
Expand Down Expand Up @@ -1732,7 +1753,7 @@ <h3 class="title is-4">Images</h3>
<li>Canvas sizes: 384, 769, and 1155 pixels</li>
</ul>

<div class="columns is-multiline">
<div class="columns is-multiline is-mobile">
<div class="column is-3">
<figure class="image">
<img
Expand Down Expand Up @@ -2053,7 +2074,7 @@ <h3 class="title is-4">Images</h3>
respectively. We ensure each letter to be circled fits completely the oval.
</p>

<div class="columns is-multiline">
<div class="columns is-multiline is-mobile">
<div class="column is-3">
<figure class="image">
<img
Expand Down Expand Up @@ -2364,7 +2385,7 @@ <h3 class="title is-4">Images</h3>
</p>


<div class="columns is-multiline">
<div class="columns is-multiline is-mobile">
<div class="column is-3">
<figure class="image">
<img
Expand Down Expand Up @@ -2618,7 +2639,7 @@ <h3 class="title is-4">Images</h3>
images.
Repeating the process for all N values results in 4 × 30 = 120 images.
</p>
<div class="columns is-multiline">
<div class="columns is-multiline is-mobile">
<div class="column is-3">
<figure class="image">
<img
Expand Down Expand Up @@ -2870,7 +2891,7 @@ <h3 class="title is-4">Images</h3>
tables) where each cell contains a single random word.
Two versions combined have 2×222 = 444 images.
</p>
<div class="columns is-multiline">
<div class="columns is-multiline is-mobile">
<div class="column is-3">
<figure class="image">
<img src="./static/images/CountGridRowColumns/GridExamples/text_grid_3x3_2000_10.svg" alt="Text grid 3x3">
Expand Down Expand Up @@ -3297,7 +3318,7 @@ <h3 class="title is-4">Images</h3>
the process so that each station has exactly N ∈ {1, 2, 3} outgoing paths, for a total of 180 maps.
</p>

<div class="columns is-multiline">
<div class="columns is-multiline is-mobile">
<div class="column is-3">
<figure class="image">
<img
Expand Down
35 changes: 28 additions & 7 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1244,6 +1244,27 @@
height: 20px;
}
}

@media screen and (max-width: 768px) {
.columns.is-mobile {
margin-left: -0.75rem;
margin-right: -0.75rem;
margin-top: -0.75rem;
}

.columns.is-mobile>.column {
padding: 0.75rem;
}

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

figcaption {
font-size: 0.8em;
}
}
</style>
</head>

Expand Down Expand Up @@ -1444,7 +1465,7 @@ <h3 class="title is-4">Images</h3>
sampled to create two plots that intersect at exactly 0, 1 or 2 points. See Appendix A for more details.
</p>

<div class="columns is-multiline">
<div class="columns is-multiline is-mobile">
<div class="column is-3">
<figure class="image">
<img src="./static/images/LinePlots/benchmark_samples/gt_0_pred_0_image_47_thickness_2.svg"
Expand Down Expand Up @@ -1732,7 +1753,7 @@ <h3 class="title is-4">Images</h3>
<li>Canvas sizes: 384, 769, and 1155 pixels</li>
</ul>

<div class="columns is-multiline">
<div class="columns is-multiline is-mobile">
<div class="column is-3">
<figure class="image">
<img
Expand Down Expand Up @@ -2053,7 +2074,7 @@ <h3 class="title is-4">Images</h3>
respectively. We ensure each letter to be circled fits completely the oval.
</p>

<div class="columns is-multiline">
<div class="columns is-multiline is-mobile">
<div class="column is-3">
<figure class="image">
<img
Expand Down Expand Up @@ -2364,7 +2385,7 @@ <h3 class="title is-4">Images</h3>
</p>


<div class="columns is-multiline">
<div class="columns is-multiline is-mobile">
<div class="column is-3">
<figure class="image">
<img
Expand Down Expand Up @@ -2618,7 +2639,7 @@ <h3 class="title is-4">Images</h3>
images.
Repeating the process for all N values results in 4 × 30 = 120 images.
</p>
<div class="columns is-multiline">
<div class="columns is-multiline is-mobile">
<div class="column is-3">
<figure class="image">
<img
Expand Down Expand Up @@ -2870,7 +2891,7 @@ <h3 class="title is-4">Images</h3>
tables) where each cell contains a single random word.
Two versions combined have 2×222 = 444 images.
</p>
<div class="columns is-multiline">
<div class="columns is-multiline is-mobile">
<div class="column is-3">
<figure class="image">
<img src="./static/images/CountGridRowColumns/GridExamples/text_grid_3x3_2000_10.svg" alt="Text grid 3x3">
Expand Down Expand Up @@ -3297,7 +3318,7 @@ <h3 class="title is-4">Images</h3>
the process so that each station has exactly N ∈ {1, 2, 3} outgoing paths, for a total of 180 maps.
</p>

<div class="columns is-multiline">
<div class="columns is-multiline is-mobile">
<div class="column is-3">
<figure class="image">
<img
Expand Down

0 comments on commit e50eeb7

Please sign in to comment.