Updated logo pngs and updated logos to svg and png fallback

This commit is contained in:
Kasper Friis Christensen 2017-04-15 15:47:54 +02:00
parent f45c7a3b73
commit f4dd5fff94
7 changed files with 115 additions and 4 deletions

View file

@ -91,6 +91,10 @@ class Camp(CreatedUpdatedModel, UUIDModel):
def logo_small(self): def logo_small(self):
return 'img/%(slug)s/logo/%(slug)s-logo-small.png' % {'slug': self.slug} return 'img/%(slug)s/logo/%(slug)s-logo-small.png' % {'slug': self.slug}
@property
def logo_small_svg(self):
return 'img/%(slug)s/logo/%(slug)s-logo-small.svg' % {'slug': self.slug}
@property @property
def logo_large(self): def logo_large(self):
return 'img/%(slug)s/logo/%(slug)s-logo-large.png' % {'slug': self.slug} return 'img/%(slug)s/logo/%(slug)s-logo-large.png' % {'slug': self.slug}
@ -173,4 +177,3 @@ class Camp(CreatedUpdatedModel, UUIDModel):
return False return False
else: else:
return True return True

View file

@ -29,6 +29,10 @@ a, a:active, a:focus {
border-bottom: 1px solid rgb(250, 250, 250); border-bottom: 1px solid rgb(250, 250, 250);
} }
.navbar .navbar-brand {
height: 75px;
}
.navbar-fixed-top { .navbar-fixed-top {
min-height: 70px; min-height: 70px;
} }

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

View file

@ -0,0 +1,49 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="171px" height="40px" viewBox="0 0 171 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 43.1 (39012) - http://www.bohemiancoding.com/sketch -->
<title>logo-small</title>
<desc>Created with Sketch.</desc>
<defs>
<polygon id="path-1" points="0 41 171 41 171 0 0 0"></polygon>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="logo-small" transform="translate(85.500000, 20.500000) scale(-1, 1) rotate(-180.000000) translate(-85.500000, -20.500000) translate(0.000000, 0.000000)">
<g id="g16" transform="translate(-0.000000, 0.000000)">
<g id="g18-Clipped">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="path22"></g>
<g id="g18" mask="url(#mask-2)">
<g transform="translate(0.000000, 1.607843)">
<g id="g24" transform="translate(18.957865, 0.403994)" stroke-linecap="square">
<polygon id="path26" stroke="#000000" stroke-width="2.17500001" points="5.95822019 36.7899897 5.95822019 35.6664035 8.11708197 34.2823044 9.15381229 31.0825697 10.1031554 30.7375392 10.6215205 30.9960635 11.6582508 30.0454897 12.6075939 30.1319959 13.3851417 28.4883782 14.1626894 28.4883782 16.8399163 27.2782859 17.2718873 26.6727425 17.7038583 26.7592487 19.2579607 27.5378044 19.7763259 27.0187673 20.8120631 24.511082 22.8845307 22.7819525 23.7484726 22.6954463 27.2896415 20.2742673 29.6212917 19.3226992 30.4852336 19.5822178 32.3849128 17.766582 32.039336 17.0745325 32.2121244 16.8150139 31.3481825 16.0364582 31.7801535 14.5668473 31.5209709 14.3073287 32.1257302 12.8377178 32.2121244 11.6266311 31.2617883 10.5030449 31.2617883 9.2919582 30.3124452 8.42689628 30.3124452 7.73484675 29.5348975 6.78427296 29.7940801 5.91921104 30.1396568 4.79562487 30.3124452 4.27658772 27.5488241 0.903840557 26.7712764 0.298297214 25.6491449 0.990346749 23.8348668 1.16335913 23.0583121 1.59589009 19.3443549 2.46095201 17.4446757 3.75755057 16.8399163 3.58453818 15.6303976 4.79562487 11.8310392 6.17872962 11.6582508 6.69776677 10.4487321 6.52475439 8.03068778 7.90885346 6.90855631 7.4763225 4.14493518 9.2919582 3.36738744 10.675063 2.50344552 10.675063 1.38131405 11.9726558 1.29491985 12.7512116 0.603766313 13.096242 1.12213147 14.3938349 1.20852566 15.7769396 1.72689082 19.236193 0.690160505 22.9539706 1.55410243 27.5378044 3.8857526 32.8126935 4.23132937 35.8384216"></polygon>
</g>
<g id="g28" transform="translate(56.429012, 8.778986)">
<path d="M0,0 L6.55602828,0 C9.13990977,0 11.121018,0.583668215 12.4963738,1.75199897 C13.1905065,2.3406388 13.7048995,3.05655212 14.0415389,3.89775026 C14.3881087,4.7389484 14.5608971,5.69151084 14.5608971,6.75344892 C14.5608971,7.58470382 14.4566283,8.31553199 14.2461045,8.94692776 C14.0355807,9.56738596 13.7207881,10.1252018 13.3007335,10.6193808 C12.4596315,11.6087332 11.2679874,12.2132822 9.72381535,12.4340222 C10.1438699,12.5394205 10.5321472,12.6975181 10.8896404,12.9073204 C11.2471336,13.1071796 11.5569611,13.3438287 11.8191228,13.6172678 C12.1130616,13.9225253 12.4288473,14.3540619 12.7644937,14.9118777 C13.1110635,15.4587559 13.5162225,16.1945557 13.9779846,17.1202714 L17.1765558,23.5585196 L13.7575304,23.5585196 L10.9522017,17.6094788 C10.5430706,16.7364623 10.1538002,16.0314866 9.78637666,15.4945516 C9.42888345,14.9586109 9.09323705,14.5698302 8.77745138,14.3272152 C8.45173534,14.0746569 8.06842318,13.8907069 7.62751488,13.7753653 C7.19653695,13.6600237 6.73477489,13.6013586 6.24024261,13.6013586 L3.19956424,13.6013586 L3.19956424,23.5585196 L0,23.5585196 L0,0 Z M6.68214394,10.9823091 C8.20546224,10.9823091 9.33951015,10.6402616 10.0852807,9.95716099 C10.4536973,9.62008514 10.7317476,9.1885485 10.9214176,8.66255108 C11.1100946,8.13754799 11.2044331,7.53200464 11.2044331,6.84890402 C11.2044331,6.16480908 11.1051294,5.55926574 10.904536,5.03326832 C10.715859,4.50826522 10.4219202,4.0608194 10.0227194,3.6929195 C9.64437242,3.35584365 9.16672176,3.09234778 8.58877441,2.90342621 C8.02175045,2.71351032 7.34350639,2.62004386 6.55602828,2.62004386 L3.19956424,2.62004386 L3.19956424,10.9823091 L6.68214394,10.9823091 L6.68214394,10.9823091 Z" id="path30" fill="#000000" fill-rule="nonzero"></path>
</g>
<g id="g32" transform="translate(75.780617, 8.778986)">
<polygon id="path34" fill="#000000" fill-rule="nonzero" points="0 0 4.03371507 0 11.9770156 19.3923019 11.9770156 0 15.0494712 0 15.0494712 23.5585196 11.0157561 23.5585196 3.07344858 4.16522343 3.07344858 23.5585196 0 23.5585196"></polygon>
</g>
<g id="g36" transform="translate(95.163799, 8.778986)">
<polygon id="path38" fill="#000000" fill-rule="nonzero" points="0 0 3.19956424 0 3.19956424 9.65687513 11.9134613 9.65687513 11.9134613 0 15.1130255 0 15.1130255 23.5585196 11.9134613 23.5585196 11.9134613 12.3395614 3.19956424 12.3395614 3.19956424 23.5585196 0 23.5585196"></polygon>
</g>
<g id="g40" transform="translate(133.596901, 7.937092)">
<path d="M9.93036698,24.8581011 C8.45967963,24.8581011 7.13099653,24.5946053 5.94332464,24.0686078 C4.76657615,23.5426104 3.7586439,22.7382023 2.91754182,21.6543891 C2.08835618,20.5815134 1.46274306,19.2928695 1.04268853,17.7894515 C0.632564377,16.2741017 0.427998817,14.5648586 0.427998817,12.6607281 C0.427998817,10.7565975 0.632564377,9.04735449 1.04268853,7.53299897 C1.46274306,6.01764912 2.09332136,4.71906192 2.93343041,3.63524871 C3.77353945,2.5514355 4.78246474,1.74702735 5.95921323,1.22102993 C7.13596172,0.684094943 8.45967963,0.415627451 9.93036698,0.415627451 C10.4348296,0.415627451 10.9184385,0.44744582 11.3802006,0.511082559 C11.852886,0.56278741 12.2788988,0.637361713 12.6562527,0.731822497 C13.0345997,0.826283282 13.449689,0.9635 13.9015207,1.141484 C14.3533524,1.31051909 14.7684418,1.49944066 15.1467888,1.71023736 L15.1467888,4.97559752 C14.3791714,4.33425851 13.5440275,3.84505108 12.6403641,3.50896956 C12.1885324,3.33993447 11.7376938,3.21365531 11.2858621,3.13013209 C10.8439607,3.04561455 10.3871639,3.00385294 9.9144784,3.00385294 C8.89562274,3.00385294 7.99692453,3.20371207 7.22036983,3.60343034 C6.45275247,4.00314861 5.8122438,4.60272601 5.29685775,5.40216254 C4.26707869,7.0010356 3.75268568,9.41525439 3.75268568,12.6448189 C3.75268568,15.8644401 4.26707869,18.272693 5.29685775,19.871566 C6.32663681,21.4704391 7.87676709,22.2698756 9.94625557,22.2698756 C10.418941,22.2698756 10.8757379,22.228114 11.3166462,22.1445908 C11.769471,22.0600733 12.2203096,21.9337941 12.6721413,21.7657534 C13.5440275,21.4396151 14.369241,20.9494133 15.1467888,20.2981311 L15.1467888,23.5634912 C14.3275335,23.9950279 13.4973548,24.3211662 12.6562527,24.5429004 C12.2471216,24.6473044 11.8052203,24.7268504 11.3325348,24.7785552 C10.8707727,24.8322487 10.4030525,24.8581011 9.93036698,24.8581011" id="path42" fill="#000000" fill-rule="nonzero"></path>
</g>
<g id="g44" transform="translate(153.407686, 8.778986)">
<polygon id="path46" fill="#000000" fill-rule="nonzero" points="0 0 3.19992792 0 3.19992792 10.4771925 13.1443346 0 16.8795701 0 7.72273107 9.62605108 17.1477205 23.5585196 13.3022454 23.5585196 5.62718547 11.7558932 3.19992792 14.3431244 3.19992792 23.5585196 0 23.5585196"></polygon>
</g>
<g id="g48" transform="translate(0.249252, 8.489141)">
<path d="M0,23.8637771 L6.9651594,23.8637771 C9.36036392,23.8637771 11.2143634,23.3437456 12.528151,22.301694 C13.8310151,21.2606367 14.4814542,19.7830712 14.4814542,17.8680031 C14.4814542,17.131209 14.3930739,16.4799267 14.2143273,15.9111734 C14.0355807,15.3533576 13.7833494,14.8750877 13.4576333,14.4753695 C13.1209939,14.0756512 12.6959742,13.7385753 12.1815812,13.4651362 C11.6661951,13.2026347 11.0574636,13.0186847 10.3534006,12.9132864 C11.9084961,12.6716656 13.1209939,12.0144174 13.9938732,10.9405475 C14.423858,10.4046068 14.7505671,9.78912023 14.9710213,9.09508204 C15.1914754,8.40104386 15.3017025,7.62248813 15.3017025,6.75941486 C15.3017025,4.63454438 14.6026047,3.03069969 13.205402,1.94688648 C11.797276,0.853130031 9.71785713,0.306251806 6.9651594,0.306251806 L0,0.306251806 L0,23.8637771 Z M6.90259809,14.1442595 C7.70000656,14.1442595 8.36732722,14.2178395 8.90356704,14.3649995 C9.44973722,14.5121594 9.89660374,14.7388653 10.2431735,15.0431285 C10.9253898,15.6327626 11.2669944,16.5634499 11.2669944,17.8361847 C11.2669944,18.4675805 11.1835793,18.9935779 11.0147631,19.414177 C10.8469399,19.8457136 10.5947085,20.1927327 10.2590621,20.4562286 C9.57585288,20.982226 8.45670052,21.2447276 6.90259809,21.2447276 L3.19857121,21.2447276 L3.19857121,14.1442595 L6.90259809,14.1442595 L6.90259809,14.1442595 Z M6.9651594,2.92530134 C8.80327033,2.92530134 10.1220231,3.25143963 10.9204246,3.9037162 C11.7088957,4.54505521 12.1031313,5.60798762 12.1031313,7.09052477 C12.1031313,8.62675542 11.6880419,9.75730186 10.8578633,10.4831584 C10.0167612,11.1990717 8.71985525,11.5570284 6.9651594,11.5570284 L3.19857121,11.5570284 L3.19857121,2.92530134 L6.9651594,2.92530134 L6.9651594,2.92530134 Z" id="path50" fill="#000000" fill-rule="nonzero"></path>
</g>
<g id="g52" transform="translate(112.465775, 8.489141)">
<path d="M7.94429359,23.8637771 L11.8052203,23.8637771 L19.0067224,0.306251806 L15.7128197,0.306251806 L13.9799706,6.44421414 L5.73776604,6.44421414 L4.03570114,0.306251806 L0.74279145,0.306251806 L7.94429359,23.8637771 Z M13.2232767,8.99962693 L9.86681264,21.0548117 L6.5103486,8.99962693 L13.2232767,8.99962693 Z" id="path54" fill="#000000" fill-rule="nonzero"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 10 KiB

View file

@ -49,11 +49,15 @@
</button> </button>
{% if request.resolver_match.kwargs.camp_slug and camp %} {% if request.resolver_match.kwargs.camp_slug and camp %}
<a class="navbar-brand" href="{% url 'camp_detail' camp_slug=camp.slug %}"> <a class="navbar-brand" href="{% url 'camp_detail' camp_slug=camp.slug %}">
<img src="{% static camp.logo_small %}" class="img-responsive" /> <object type="image/svg+xml" data="{% static camp.logo_small_svg %}">
<img src="{% static camp.logo_small %}" alt="bornhack" class="img-responsive">
</object>
</a> </a>
{% else %} {% else %}
<a class="navbar-brand" href="/"> <a class="navbar-brand" href="/">
<img src="{% static 'img/logo-small.png' %}" class="img-responsive" /> <object type="image/svg+xml" data="{% static 'img/logo-small.svg' %}">
<img src="{% static 'img/logo-small.png' %}" alt="bornhack" class="img-responsive">
</object>
</a> </a>
{% endif %} {% endif %}
</a> </a>
@ -119,4 +123,3 @@
</footer> </footer>
</body> </body>
</html> </html>