[DESIGN] Dynamic logo.

gargantext_web/urls.py

@@ -19,6 +19,7 @@ urlpatterns = patterns('',
 
     url(r'^auth/$', views.login_user),
     url(r'^auth/logout/$', views.logout_user),
+    url(r'^img/logo.svg$', views.logo),
     
     # User Home view
     url(r'^$', views.home),

gargantext_web/views.py

@@ -27,7 +27,7 @@ from parsing.FileParsers import *
 
 # SOME FUNCTIONS
 
-from gargantext_web.settings import DEBUG
+from gargantext_web.settings import DEBUG, STATIC_ROOT
 from django.http import *
 from django.shortcuts import render_to_response,redirect
 from django.template import RequestContext
@@ -56,6 +56,15 @@ def logout_user(request):
     return HttpResponseRedirect('/')
     # Redirect to a success page.
 
+def logo(request):
+    template = get_template('logo.svg')
+    color = "#ff8080"
+    svg_data = template.render(Context({\
+            'color': color,\
+            }))
+    return HttpResponse(svg_data, mimetype="image/svg+xml")
+
+
 def query_to_dicts(query_string, *query_args):
     """Run a simple query and produce a generator
     that returns the results as a bunch of dictionaries

static/img/logo.svg → templates/logo.svg

@@ -66,7 +66,7 @@
        inkscape:export-ydpi="454.50735"
        inkscape:export-xdpi="454.50735"
        inkscape:export-filename="/srv/gargantext/static/img/logo.png"
-       style="fill:#ff8080;fill-opacity:0.82014388"
+       style="fill:{{color}};fill-opacity:0.82014388"
        id="g3835"
        transform="matrix(0.2422549,0,0,0.23374214,-49.789462,-7.9055988)">
       <path
@@ -75,7 +75,7 @@
          inkscape:export-filename="/home/alexandre/projets/gargantext.py/gargantext_core/shared/LogoSimple.png"
          id="path3837"
          d="m 206.24721,35.28586 0,129.5 67.78125,0 0,-8.625 c -9.86526,-0.47262 -18.57934,-2.63259 -25.5625,-6.28125 -18.65918,-9.74237 -29.875,-28.26535 -29.875,-49.1875 0,-31.71741 21.11877,-52.8149 55.4375,-55.1875 l 0,-10.21875 -67.78125,0 z m 67.78125,10.21875 0,8.5 c 1.74191,-0.16369 3.53543,-0.28125 5.37499,-0.28125 6.91081,0 13.295,1.44116 19.6875,4.15625 l 2.40625,2.875 2.59375,14.53125 9.6875,0 0,-25.375 c -11.40283,-3.03451 -22.61727,-4.65625 -33.15625,-4.65625 -2.24526,0 -4.44959,0.10177 -6.59374,0.25 z m 0,8.5 c -23.28864,2.18852 -37.65625,18.81513 -37.65625,45.562503 0,27.600037 14.44681,45.025437 37.65625,47.812497 l 0,-93.375 z m 0,93.375 0,8.78125 c 1.36224,0.0653 2.75177,0.0937 4.15624,0.0937 10.19344,0 22.1324,-1.88915 35.78125,-5.5625 l 0,-38.1875 2.9375,-2.21875 9.5,-0.8125 0,-6.5625 -43.21875,0 0,6.5625 12.28125,0.8125 2.9375,2.21875 0,33.21875 c -6.73804,1.4374 -12.61466,2.09375 -17.625,2.09375 -2.32322,0 -4.57592,-0.17643 -6.74999,-0.4375 z"
-         style="font-size:166.11251831px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:center;line-height:125%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#ff8080;fill-opacity:0.82014388;stroke:none;font-family:Bitstream Charter;-inkscape-font-specification:Bitstream Charter"
+         style="font-size:166.11251831px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:center;line-height:125%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:{{color}};fill-opacity:0.82014388;stroke:none;font-family:Bitstream Charter;-inkscape-font-specification:Bitstream Charter"
          inkscape:connector-curvature="0" />
       <path
          inkscape:export-ydpi="100"
@@ -90,7 +90,7 @@
          sodipodi:cy="480.17926"
          sodipodi:cx="-321.88605"
          id="path3839"
-         style="fill:#ff8080;fill-opacity:0.82014388;stroke:none"
+         style="fill:{{color}};fill-opacity:0.82014388;stroke:none"
          sodipodi:type="arc" />
     </g>
   </g>

templates/menu.html

@@ -17,7 +17,7 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-					<a class="navbar-brand" style="line-height:15px; height:10px; padding: 10px 10px;" href="/"><img src="{% static "img/logo.svg" %}"></a>
+					<a class="navbar-brand" style="line-height:15px; height:10px; padding: 10px 10px;" href="/"><img src="/img/logo.svg"></a>
         </div>
         
         <div class="navbar-collapse collapse">