Tweak image layout

This commit is contained in:
Justin Ethier 2016-04-19 22:08:51 -04:00
parent 8af55e4e75
commit 9e945320d5
2 changed files with 12 additions and 5 deletions

View file

@ -62,11 +62,11 @@ Example Programs
Cyclone provides several example programs, including: Cyclone provides several example programs, including:
- [Game of Life]({{ page.ghproj }}examples/game-of-life) - The game of life example program and libraries from R<sup>7</sup>RS. - [Game of Life]({{ page.ghproj }}examples/game-of-life) - The [game of life](https://en.wikipedia.org/wiki/Conway%27s_Game_of_Life) example program and libraries from R<sup>7</sup>RS.
- [Game of Life - PNG Image Generator]({{ page.ghproj }}examples/game-of-life-png) - An modified version of game of life that uses libpng to create an image of each iteration instead of writing it to console. This example also demonstrates basic usage of the C Foreign Function Interface (FFI). - [Game of Life - PNG Image Generator]({{ page.ghproj }}examples/game-of-life-png) - An modified version of game of life that uses libpng to create an image of each iteration instead of writing it to console. This example also demonstrates basic usage of the C Foreign Function Interface (FFI):
<img src="docs/images/game-of-life-gliders.gif"> <img class="doc" src="docs/images/game-of-life-gliders.gif">
- [Threading]({{ page.ghproj }}examples/threading) - Various examples of multi-threaded programs. - [Threading]({{ page.ghproj }}examples/threading) - Various examples of multi-threaded programs.

View file

@ -139,7 +139,15 @@ img {
max-width: 739px; max-width: 739px;
padding: 5px; padding: 5px;
margin: 10px 0 10px 0; margin: 10px 0 10px 0;
/* }
img.doc {
position: relative;
/*margin: 0 auto;*/
margin-left: 25px;
max-width: 739px;
padding: 0px;
/*margin: 10px 0 10px 0;*/
border: 1px solid #ebebeb; border: 1px solid #ebebeb;
box-shadow: 0 0 5px #ebebeb; box-shadow: 0 0 5px #ebebeb;
@ -147,7 +155,6 @@ img {
-moz-box-shadow: 0 0 5px #ebebeb; -moz-box-shadow: 0 0 5px #ebebeb;
-o-box-shadow: 0 0 5px #ebebeb; -o-box-shadow: 0 0 5px #ebebeb;
-ms-box-shadow: 0 0 5px #ebebeb; -ms-box-shadow: 0 0 5px #ebebeb;
*/
} }
p img { p img {