Commit aafea484 authored by santiaago's avatar santiaago
Browse files

order routes #40

parent 6ce43682

README.md

+9 −9
Original line number Diff line number Diff line
@@ -23,23 +23,23 @@ You can set the HTML source of the image to point directly to **tinygraphs.com** 


`http://tinygraphs.com/checkerboard`



![checkerboard](http://tinygraphs.com/checkerboard?size=120)

![checkerboard](http://tinygraphs.com/labs/checkerboard?size=120)



`http://tinygraphs.com/squares/anything`



![squares](http://tinygraphs.com/squares/anything?size=120)



`http://tinygraphs.com/squares/random`

`http://tinygraphs.com/labs/squares/random`



![random](http://tinygraphs.com/squares/random?size=120)

![random](http://tinygraphs.com/labs/squares/random?size=120)



`http://tinygraphs.com/isogrids/anything`



![squares](http://tinygraphs.com/isogrids/anything?size=120)



`http://tinygraphs.com/isogrids/random`

`http://tinygraphs.com/labs/isogrids/random`



![random](http://tinygraphs.com/isogrids/random?size=120)

![random](http://tinygraphs.com/labs/isogrids/random?size=120)



## Parameters:
@@ -56,11 +56,11 @@ You can set the HTML source of the image to point directly to **tinygraphs.com** 


    You can specify the color of the background or foreground by using parameters `bg` and `fg` and passing an hexadecimal value of the color:



* **theme**: `tinygraphs.com/squares/random?theme=frogideas`

* **theme**: `tinygraphs.com/labs/squares/random?theme=frogideas`



    You can specify the theme you want to take into account in the image.



    ![theme](http://tinygraphs.com/squares/random?theme=frogideas&size=120&fmt=svg)

    ![theme](http://tinygraphs.com/labs/squares/random?theme=frogideas&size=120&fmt=svg)



    Here is the list of existing themes:

    * base
@@ -74,12 +74,12 @@ You can set the HTML source of the image to point directly to **tinygraphs.com** 
    * frogideas

    * berrypie



* **numcolors**: `tinygraphs.com/squares/random?theme=summerwarmth&numcolors=4`

* **numcolors**: `tinygraphs.com/labs/squares/random?theme=summerwarmth&numcolors=4`



    You can specify the number of colors that you want to render the image.

    Default value is **2** and can be extended to **4**.



    ![theme](http://tinygraphs.com/squares/random?theme=frogideas&size=120&fmt=svg&numcolors=4)

    ![theme](http://tinygraphs.com/labs/squares/random?theme=frogideas&size=120&fmt=svg&numcolors=4)



* **lines**

You can specify the number of lines that an isogrid can have using the `lines`parameter. **Default** parameter is **6**. Value has to be greater or equal to 4.

app-backend/main.go

+12 −16
Original line number Diff line number Diff line
@@ -22,27 +22,23 @@ func init() { 
func main() {

	r := new(route.Router)



	r.HandleFunc("/checkerboard", checkerboard.Checkerboard)



	r.HandleFunc("/squares", squares.Random)

	r.HandleFunc("/squares/random", squares.Random)

	r.HandleFunc("/squares/:key", squares.Square) //cached



	r.HandleFunc("/isogrids/random", isogrids.Random)

	r.HandleFunc("/isogrids/random-mirror", isogrids.RandomMirror)



	r.HandleFunc("/isogrids/:key", isogrids.Isogrids)



	r.HandleFunc("/isogrids/labs/hexa", isogrids.Hexa)

	r.HandleFunc("/isogrids/labs/hexa/:key", isogrids.Hexa)

	r.HandleFunc("/isogrids/labs/skeleton", isogrids.Skeleton)

	r.HandleFunc("/isogrids/labs/diagonals", isogrids.Diagonals)

	r.HandleFunc("/isogrids/labs/halfdiagonals", isogrids.HalfDiagonals)

	r.HandleFunc("/isogrids/labs/gridbw", isogrids.GridBW)

	r.HandleFunc("/isogrids/labs/grid2colors", isogrids.Grid2Colors)



	r.HandleFunc("/spaceinvaders/:key", spaceinvaders.SpaceInvaders)



	r.HandleFunc("/labs/checkerboard", checkerboard.Checkerboard)

	r.HandleFunc("/labs/squares/random", squares.Random)

	r.HandleFunc("/labs/isogrids/hexa", isogrids.Hexa)

	r.HandleFunc("/labs/isogrids/hexa/:key", isogrids.Hexa)

	r.HandleFunc("/labs/isogrids/skeleton", isogrids.Skeleton)

	r.HandleFunc("/labs/isogrids/diagonals", isogrids.Diagonals)

	r.HandleFunc("/labs/isogrids/halfdiagonals", isogrids.HalfDiagonals)

	r.HandleFunc("/labs/isogrids/gridbw", isogrids.GridBW)

	r.HandleFunc("/labs/isogrids/labs/grid2colors", isogrids.Grid2Colors)

	r.HandleFunc("/labs/isogrids/random", isogrids.Random)

	r.HandleFunc("/labs/isogrids/random-mirror", isogrids.RandomMirror)



	r.AddStaticResource(root)



	log.Println("Listening on " + os.Getenv("PORT"))

app/partials/marketing/example.html

+16 −16
Original line number Diff line number Diff line
@@ -3,10 +3,10 @@ 
    <h2 class="text-center" id="examples">EXAMPLES</h2>

    <div class="row">

      <div class="col-md-3">

	<img class="featurette-image img-responsive img-thumbnail" src="/checkerboard?size=402" alt="grid image">

	<img class="featurette-image img-responsive img-thumbnail" src="labs/checkerboard?size=402" alt="grid image">

      </div>

      <div class="col-md-3">

	<img class="featurette-image img-responsive img-thumbnail" src="/squares/random?theme=summerwarmth&fmt=svg&size=400" alt="random black an white avatar">

	<img class="featurette-image img-responsive img-thumbnail" src="/labs/squares/random?theme=summerwarmth&fmt=svg&size=400" alt="random black an white avatar">

      </div>

      <div class="col-md-3">

	<img class="featurette-image img-responsive img-thumbnail" src="/squares/tinygraphs?size=400" alt="consistent square black and white avatar">
@@ -20,10 +20,10 @@ 


<div class="row">

  <div class="col-md-3">

    <small><code>tinygraphs.com/checkerboard</code></small>

    <small><code>tinygraphs.com/labs/checkerboard</code></small>

  </div>

  <div class="col-md-3">

    <small><code>tinygraphs.com/squares/random?theme=summerwarmth</code></small>

    <small><code>tinygraphs.com/labs/squares/random?theme=summerwarmth</code></small>

  </div>

  <div class="col-md-3">

    <small><code>tinygraphs.com/squares/tinygraphs</code></small>
@@ -35,10 +35,10 @@ 


<div class="row">

  <div class="col-md-3">

    <img class="featurette-image img-responsive img-thumbnail" src="/isogrids/labs/skeleton?size=400" alt="grid image">

    <img class="featurette-image img-responsive img-thumbnail" src="/labs/isogrids/skeleton?size=400" alt="grid image">

  </div>

  <div class="col-md-3">

    <img class="featurette-image img-responsive img-thumbnail" src="/isogrids/random?theme=sugarsweets&size=420" alt="random black an white avatar">

    <img class="featurette-image img-responsive img-thumbnail" src="/labs/isogrids/random?theme=sugarsweets&size=420" alt="random black an white avatar">

  </div>

  <div class="col-md-3">

    <img class="featurette-image img-responsive img-thumbnail" src="/isogrids/tinygraphs?size=420" alt="consistent square black and white avatar">
@@ -50,10 +50,10 @@ 


<div class="row">

  <div class="col-md-3">

    <small><code>tinygraphs.com/isogrids/labs/skeleton</code></small>

    <small><code>tinygraphs.com/labs/isogrids/skeleton</code></small>

  </div>

  <div class="col-md-3">

    <small><code>tinygraphs.com/isogrids/random?theme=sugarsweets</code></small>

    <small><code>tinygraphs.com/labs/isogrids/random?theme=sugarsweets</code></small>

  </div>

  <div class="col-md-3">

    <small><code>tinygraphs.com/isogrids/tinygraphs</code></small>
@@ -65,30 +65,30 @@ 


<div class="row">

  <div class="col-md-3">

    <img class="featurette-image img-responsive img-thumbnail" src="/isogrids/labs/hexa?theme=heatwave&numcolors=4&size=420" alt="grid image">

    <img class="featurette-image img-responsive img-thumbnail" src="/labs/isogrids/hexa?theme=heatwave&numcolors=4&size=420" alt="grid image">

  </div>

  <div class="col-md-3">

    <img class="featurette-image img-responsive img-thumbnail" src="/isogrids/labs/hexa?theme=seascape&numcolors=4&size=420" alt="random black an white avatar">

    <img class="featurette-image img-responsive img-thumbnail" src="/labs/isogrids/hexa?theme=seascape&numcolors=4&size=420" alt="random black an white avatar">

  </div>

  <div class="col-md-3">

    <img class="featurette-image img-responsive img-thumbnail" src="/isogrids/labs/hexa/tinygraphs?theme=frogideas&numcolors=4&size=420" alt="consistent square black and white avatar">

    <img class="featurette-image img-responsive img-thumbnail" src="/labs/isogrids/hexa/tinygraphs?theme=frogideas&numcolors=4&size=420" alt="consistent square black and white avatar">

  </div>

  <div class="col-md-3">

    <img class="featurette-image img-responsive img-thumbnail" src="/isogrids/labs/hexa/tinygraphs?theme=duskfalling&numcolors=4&size=420" alt="consisent square color avatar">

    <img class="featurette-image img-responsive img-thumbnail" src="/labs/isogrids/hexa/tinygraphs?theme=duskfalling&numcolors=4&size=420" alt="consisent square color avatar">

  </div>

</div>



<div class="row">

  <div class="col-md-3">

    <small><code>tinygraphs.com/isogrids/labs/hexa</code></small>

    <small><code>tinygraphs.com/labs/isogrids/hexa</code></small>

  </div>

  <div class="col-md-3">

    <small><code>tinygraphs.com/isogrids/labs/hexa?theme=seascape&numcolors=4</code></small>

    <small><code>tinygraphs.com/labs/isogrids/hexa?theme=seascape&numcolors=4</code></small>

  </div>

  <div class="col-md-3">

    <small><code>tinygraphs.com/isogrids/hexa/tinygraphs?theme=seascape&numcolors=4</code></small>

    <small><code>tinygraphs.com/labs/isogrids/hexa/tinygraphs?theme=seascape&numcolors=4</code></small>

  </div>

  <div class="col-md-3">

    <small><code>tinygraphs.com/isogrids/labs/hexa/tinygraphs?theme=duskfalling&numcolors=4</code></small>

    <small><code>tinygraphs.com/labs/isogrids/hexa/tinygraphs?theme=duskfalling&numcolors=4</code></small>

  </div>

</div> <!-- /.row -->

app/partials/marketing/themes.html

+7 −7
Original line number Diff line number Diff line
@@ -71,28 +71,28 @@ 
</div>

<div class="row">

  <div class="col-md-12">

    <p class="lead text-center">tinygraphs.com/isogrids/labs/hexa<input type="text" ng-init="tgsourceHexa='helloworld'" ng-model="tgsourceHexa"></p>

    <p class="lead text-center">tinygraphs.com/labs/isogrids/hexa<input type="text" ng-init="tgsourceHexa='helloworld'" ng-model="tgsourceHexa"></p>

  </div>

</div>

<div class="row">

  <div class="col-md-4">

    <p class="lead text-center"><img class="featurette-image img-responsive img-thumbnail" src="/isogrids/labs/hexa/{{tgsourceHexa}}?theme=seascape&numcolors=2&size=240" ><br><code>seascape 2 colors</code></p>

    <p class="lead text-center"><img class="featurette-image img-responsive img-thumbnail" src="/labs/isogrids/hexa/{{tgsourceHexa}}?theme=seascape&numcolors=2&size=240" ><br><code>seascape 2 colors</code></p>

  </div>

  <div class="col-md-4">

    <p class="lead text-center"><img class="featurette-image img-responsive img-thumbnail" src="/isogrids/labs/hexa/{{tgsourceHexa}}?theme=seascape&numcolors=3&size=240" ><br><code>seascape 3 colors</code></p>

    <p class="lead text-center"><img class="featurette-image img-responsive img-thumbnail" src="/labs/isogrids/hexa/{{tgsourceHexa}}?theme=seascape&numcolors=3&size=240" ><br><code>seascape 3 colors</code></p>

  </div>

  <div class="col-md-4">

    <p class="lead text-center"><img class="featurette-image img-responsive img-thumbnail" src="/isogrids/labs/hexa/{{tgsourceHexa}}?theme=seascape&numcolors=4&size=240" ><br><code>seascape 4 colors</code></p>

    <p class="lead text-center"><img class="featurette-image img-responsive img-thumbnail" src="/labs/isogrids/hexa/{{tgsourceHexa}}?theme=seascape&numcolors=4&size=240" ><br><code>seascape 4 colors</code></p>

  </div>

</div>

<div class="row">

  <div class="col-md-4">

    <p class="lead text-center"><img class="featurette-image img-responsive img-thumbnail" src="/isogrids/labs/hexa/{{tgsourceHexa}}?theme=bythepool&numcolors=2&size=240" ><br><code>bythepool 2 colors</code></p>

    <p class="lead text-center"><img class="featurette-image img-responsive img-thumbnail" src="/labs/isogrids/hexa/{{tgsourceHexa}}?theme=bythepool&numcolors=2&size=240" ><br><code>bythepool 2 colors</code></p>

  </div>

  <div class="col-md-4">

    <p class="lead text-center"><img class="featurette-image img-responsive img-thumbnail" src="/isogrids/labs/hexa/{{tgsourceHexa}}?theme=bythepool&numcolors=3&size=240" ><br><code>bythepool 3 colors</code></p>

    <p class="lead text-center"><img class="featurette-image img-responsive img-thumbnail" src="/labs/isogrids/hexa/{{tgsourceHexa}}?theme=bythepool&numcolors=3&size=240" ><br><code>bythepool 3 colors</code></p>

  </div>

  <div class="col-md-4">

    <p class="lead text-center"><img class="featurette-image img-responsive img-thumbnail" src="/isogrids/labs/hexa/{{tgsourceHexa}}?theme=bythepool&numcolors=4&size=240" ><br><code>bythepool 4 colors</code></p>

    <p class="lead text-center"><img class="featurette-image img-responsive img-thumbnail" src="/labs/isogrids/hexa/{{tgsourceHexa}}?theme=bythepool&numcolors=4&size=240" ><br><code>bythepool 4 colors</code></p>

  </div>

</div>