docs: Update: Changed the layout a little bit

This commit is contained in:
Hajime Hoshi 2019-02-23 03:36:57 +09:00
parent a9722d74e3
commit 17275e6266
8 changed files with 64 additions and 62 deletions

View File

@ -129,8 +129,8 @@ func (e *example) Height() int {
var (
gamesExamples = []example{
{Name: "2048", ThumbWidth: 210, ThumbHeight: 300},
{Name: "blocks", ThumbWidth: 256, ThumbHeight: 240},
{Name: "2048", ThumbWidth: 420, ThumbHeight: 315, ScreenWidth: 420, ScreenHeight: 600},
{Name: "blocks", ThumbWidth: 256, ThumbHeight: 192, ScreenWidth: 512, ScreenHeight: 480},
{Name: "flappy", ThumbWidth: 320, ThumbHeight: 240},
}
graphicsExamples = []example{
@ -154,10 +154,10 @@ var (
{Name: "paint", ThumbWidth: 320, ThumbHeight: 240},
{Name: "perspective", ThumbWidth: 320, ThumbHeight: 240},
{Name: "polygons", ThumbWidth: 320, ThumbHeight: 240},
{Name: "raycasting", ThumbWidth: 240, ThumbHeight: 240},
{Name: "raycasting", ThumbWidth: 320, ThumbHeight: 240, ScreenWidth: 480, ScreenHeight: 480},
{Name: "rotate", ThumbWidth: 320, ThumbHeight: 240},
{Name: "sprites", ThumbWidth: 320, ThumbHeight: 240},
{Name: "tiles", ThumbWidth: 240, ThumbHeight: 240},
{Name: "tiles", ThumbWidth: 320, ThumbHeight: 240, ScreenWidth: 480, ScreenHeight: 480},
}
inputExamples = []example{
{Name: "gamepad", ThumbWidth: 320, ThumbHeight: 240},

View File

@ -24,7 +24,7 @@
</div></nav>
<header class="jumbotron jumbotron-fluid"><div class="container text-center">
<h1><img src="images/logo.svg" alt="EBITEN" style="width: 220px; height: 242px;"></h1>
<h1><img src="images/logo.svg" alt="EBITEN" style="width: 165px; height: 181.5px;"></h1>
<p class="lead">A dead simple 2D game library in Go</p>
</div></header>
@ -40,6 +40,32 @@
<dd class="col-9">{{.DevVersion}}</dd>
</dl>
<h2>Featured Projects</h2>
<div class="row">
<div class="col-3">
<a href="https://daigostudio.com/bearsrestaurant/"><img src="images/projects/bears_restaurant.png" width="960" height="960" alt="Bear's Restaurant" class="img-thumbnail"></a>
</div>
<div class="col-3">
<a href="http://blockbros.net/bluebird/"><img src="images/projects/bluebird_of_happiness.png" width="540" height="540" alt="Bluebird of Happiness" class="img-thumbnail"></a>
</div>
<div class="col-3">
<a href="http://blockbros.net/tsugunai/"><img src="images/projects/clock_of_atonement.png" width="480" height="480" alt="Clock of Atonement" class="img-thumbnail"></a>
</div>
<div class="col-3">
<a href="https://github.com/hajimehoshi/go-inovation"><img src="images/projects/inovation.png" width="1024" height="500" alt="Inovation 2007" class="img-thumbnail"></a>
</div>
</div>
<p><a href="https://github.com/hajimehoshi/ebiten/wiki/Works">Find more nice works with Ebiten!</a></p>
<h2>Game Examples</h2>
<div class="row">
{{range .GamesExamples -}}
<div class="col-3">
<a href="./examples/{{.Name}}.html"><img src="images/examples/{{.Name}}.png" width="{{.ThumbWidth}}" height="{{.ThumbHeight}}" alt="Ebiten example: {{.Name}}" class="img-thumbnail"></a>
</div>
{{- end}}
</div>
<h2>Platforms</h2>
<dl class="row">
<dt class="col-3 text-right">Desktops</dt>
@ -61,32 +87,6 @@
<dd class="col-9">Ogg/Vorbis, MP3, WAV, PCM</dd>
</dl>
<h2>Game Examples</h2>
<div class="row">
{{range .GamesExamples -}}
<div class="col-3">
<a href="./examples/{{.Name}}.html"><img src="images/examples/{{.Name}}.png" width="{{.ThumbWidth}}" height="{{.ThumbHeight}}" alt="Ebiten example: {{.Name}}" class="img-thumbnail"></a>
</div>
{{- end}}
</div>
<h2>Featured Projects</h2>
<div class="row">
<div class="col-3">
<a href="https://daigostudio.com/bearsrestaurant/"><img src="images/projects/bears_restaurant.png" width="960" height="960" alt="Bear's Restaurant" class="img-thumbnail"></a>
</div>
<div class="col-3">
<a href="http://blockbros.net/bluebird/"><img src="images/projects/bluebird_of_happiness.png" width="540" height="540" alt="Bluebird of Happiness" class="img-thumbnail"></a>
</div>
<div class="col-3">
<a href="http://blockbros.net/tsugunai/"><img src="images/projects/clock_of_atonement.png" width="480" height="480" alt="Clock of Atonement" class="img-thumbnail"></a>
</div>
<div class="col-3">
<a href="https://github.com/hajimehoshi/go-inovation"><img src="images/projects/inovation.png" width="1024" height="500" alt="Inovation 2007" class="img-thumbnail"></a>
</div>
</div>
<p><a href="https://github.com/hajimehoshi/ebiten/wiki/Works">Find more nice works with Ebiten!</a></p>
<h2>Examples</h2>
<h3>Graphics</h3>
<div class="row">

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.6 KiB

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 130 KiB

After

Width:  |  Height:  |  Size: 100 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.8 KiB

After

Width:  |  Height:  |  Size: 7.0 KiB

View File

@ -24,7 +24,7 @@
</div></nav>
<header class="jumbotron jumbotron-fluid"><div class="container text-center">
<h1><img src="images/logo.svg" alt="EBITEN" style="width: 220px; height: 242px;"></h1>
<h1><img src="images/logo.svg" alt="EBITEN" style="width: 165px; height: 181.5px;"></h1>
<p class="lead">A dead simple 2D game library in Go</p>
</div></header>
@ -37,6 +37,34 @@
<dd class="col-9">v1.9.0-alpha</dd>
</dl>
<h2>Featured Projects</h2>
<div class="row">
<div class="col-3">
<a href="https://daigostudio.com/bearsrestaurant/"><img src="images/projects/bears_restaurant.png" width="960" height="960" alt="Bear's Restaurant" class="img-thumbnail"></a>
</div>
<div class="col-3">
<a href="http://blockbros.net/bluebird/"><img src="images/projects/bluebird_of_happiness.png" width="540" height="540" alt="Bluebird of Happiness" class="img-thumbnail"></a>
</div>
<div class="col-3">
<a href="http://blockbros.net/tsugunai/"><img src="images/projects/clock_of_atonement.png" width="480" height="480" alt="Clock of Atonement" class="img-thumbnail"></a>
</div>
<div class="col-3">
<a href="https://github.com/hajimehoshi/go-inovation"><img src="images/projects/inovation.png" width="1024" height="500" alt="Inovation 2007" class="img-thumbnail"></a>
</div>
</div>
<p><a href="https://github.com/hajimehoshi/ebiten/wiki/Works">Find more nice works with Ebiten!</a></p>
<h2>Game Examples</h2>
<div class="row">
<div class="col-3">
<a href="./examples/2048.html"><img src="images/examples/2048.png" width="420" height="315" alt="Ebiten example: 2048" class="img-thumbnail"></a>
</div><div class="col-3">
<a href="./examples/blocks.html"><img src="images/examples/blocks.png" width="256" height="192" alt="Ebiten example: blocks" class="img-thumbnail"></a>
</div><div class="col-3">
<a href="./examples/flappy.html"><img src="images/examples/flappy.png" width="320" height="240" alt="Ebiten example: flappy" class="img-thumbnail"></a>
</div>
</div>
<h2>Platforms</h2>
<dl class="row">
<dt class="col-3 text-right">Desktops</dt>
@ -58,34 +86,6 @@
<dd class="col-9">Ogg/Vorbis, MP3, WAV, PCM</dd>
</dl>
<h2>Game Examples</h2>
<div class="row">
<div class="col-3">
<a href="./examples/2048.html"><img src="images/examples/2048.png" width="210" height="300" alt="Ebiten example: 2048" class="img-thumbnail"></a>
</div><div class="col-3">
<a href="./examples/blocks.html"><img src="images/examples/blocks.png" width="256" height="240" alt="Ebiten example: blocks" class="img-thumbnail"></a>
</div><div class="col-3">
<a href="./examples/flappy.html"><img src="images/examples/flappy.png" width="320" height="240" alt="Ebiten example: flappy" class="img-thumbnail"></a>
</div>
</div>
<h2>Featured Projects</h2>
<div class="row">
<div class="col-3">
<a href="https://daigostudio.com/bearsrestaurant/"><img src="images/projects/bears_restaurant.png" width="960" height="960" alt="Bear's Restaurant" class="img-thumbnail"></a>
</div>
<div class="col-3">
<a href="http://blockbros.net/bluebird/"><img src="images/projects/bluebird_of_happiness.png" width="540" height="540" alt="Bluebird of Happiness" class="img-thumbnail"></a>
</div>
<div class="col-3">
<a href="http://blockbros.net/tsugunai/"><img src="images/projects/clock_of_atonement.png" width="480" height="480" alt="Clock of Atonement" class="img-thumbnail"></a>
</div>
<div class="col-3">
<a href="https://github.com/hajimehoshi/go-inovation"><img src="images/projects/inovation.png" width="1024" height="500" alt="Inovation 2007" class="img-thumbnail"></a>
</div>
</div>
<p><a href="https://github.com/hajimehoshi/ebiten/wiki/Works">Find more nice works with Ebiten!</a></p>
<h2>Examples</h2>
<h3>Graphics</h3>
<div class="row">
@ -130,13 +130,13 @@
</div><div class="col-3">
<a href="./examples/polygons.html"><img src="images/examples/polygons.png" width="320" height="240" alt="Ebiten example: polygons" class="img-thumbnail"></a>
</div><div class="col-3">
<a href="./examples/raycasting.html"><img src="images/examples/raycasting.png" width="240" height="240" alt="Ebiten example: raycasting" class="img-thumbnail"></a>
<a href="./examples/raycasting.html"><img src="images/examples/raycasting.png" width="320" height="240" alt="Ebiten example: raycasting" class="img-thumbnail"></a>
</div><div class="col-3">
<a href="./examples/rotate.html"><img src="images/examples/rotate.png" width="320" height="240" alt="Ebiten example: rotate" class="img-thumbnail"></a>
</div><div class="col-3">
<a href="./examples/sprites.html"><img src="images/examples/sprites.png" width="320" height="240" alt="Ebiten example: sprites" class="img-thumbnail"></a>
</div><div class="col-3">
<a href="./examples/tiles.html"><img src="images/examples/tiles.png" width="240" height="240" alt="Ebiten example: tiles" class="img-thumbnail"></a>
<a href="./examples/tiles.html"><img src="images/examples/tiles.png" width="320" height="240" alt="Ebiten example: tiles" class="img-thumbnail"></a>
</div>
</div>
<h3>Input</h3>

View File

@ -60,6 +60,8 @@ nav a {
.jumbotron {
background-color: #fff;
padding-top: 2rem;
padding-bottom: 0;
}
footer {