Skip to content

Commit

Permalink
docs: Update: Changed the layout a little bit
Browse files Browse the repository at this point in the history
  • Loading branch information
hajimehoshi committed Feb 22, 2019
1 parent a9722d7 commit 17275e6
Showing 8 changed files with 64 additions and 62 deletions.
8 changes: 4 additions & 4 deletions _docs/gen.go
Original file line number Diff line number Diff line change
@@ -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},
54 changes: 27 additions & 27 deletions _docs/index.tmpl.html
Original file line number Diff line number Diff line change
@@ -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 @@ <h1><img src="images/logo.svg" alt="EBITEN" style="width: 220px; height: 242px;"
<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 @@ <h2>Features</h2>
<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 modified docs/images/examples/2048.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified docs/images/examples/blocks.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified docs/images/examples/raycasting.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified docs/images/examples/tiles.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
62 changes: 31 additions & 31 deletions docs/index.html
Original file line number Diff line number Diff line change
@@ -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 @@ <h1><img src="images/logo.svg" alt="EBITEN" style="width: 220px; height: 242px;"
<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 @@ <h2>Features</h2>
<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 @@ <h3>Graphics</h3>
</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>
2 changes: 2 additions & 0 deletions docs/stylesheets/ebiten.css
Original file line number Diff line number Diff line change
@@ -60,6 +60,8 @@ nav a {

.jumbotron {
background-color: #fff;
padding-top: 2rem;
padding-bottom: 0;
}

footer {

0 comments on commit 17275e6

Please sign in to comment.