koodiklinikka/koodiklinikka.fi
1
0
Fork 0
mirror of https://github.com/koodiklinikka/koodiklinikka.fi.git synced 2026-02-21 20:55:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix sponsor logos sizing/placement (#57)

Browse Source
This commit is contained in:
Petri Partio
2019-11-02 15:08:18 +02:00
committed by Riku Rouvila
parent 461a79ac4d
commit 06614f7a6f
9 changed files with 14 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/Footer.jsx
View File

@@ -4,9 +4,7 @@ import sponsors from "../data/sponsors";
const SponsorLink = ({ href, name }) => (
<a href={href} target="_blank" rel="noopener noreferrer">
<img
src={`/static/images/sponsors/${name}.${
name === "Nordea" ? "png" : "svg"
}`}
src={`/static/images/sponsors/${name.toLowerCase()}.svg`}
alt={name}
className={`sponsor sponsor__${name.toLowerCase()}`}
/>

8
public/static/images/sponsors/futurice.svg
View File

@@ -1 +1,7 @@
<svg height="206" viewBox="0 0 960 206" width="960" xmlns="http://www.w3.org/2000/svg"><g fill="#349c4a" fill-rule="evenodd"><path d="m635.7 65.9h37.4v136.4h-37.4zm-437.3 0v73.7c0 18.1-8.3 28.7-24.9 28.7s-24.9-10.6-24.9-28.7v-73.7h-37.8v83.1c0 35.1 26.1 55.9 63.1 55.9s63.1-20.9 63.1-55.9v-83.1zm262.7 0v73.7c0 18.1-8.3 28.7-24.9 28.7s-24.9-10.6-24.9-28.7v-73.7h-37.8v83.1c0 35.1 26.1 55.9 63.1 55.9s63.1-20.8 63.1-55.9v-83.1z"/><circle cx="653.8" cy="23.8" r="23.8"/><path d="m522.3 65.9v136.4h37.4v-102.8h52.2v-33.6zm396.5 93.8c-6.8 7.6-16.3 12.5-27.2 12.5h-.4c-19.7 0-31.7-9.8-36.3-24.9h105.1v-13.7c0-39.3-28.7-70.7-70.3-70.7-39.3 0-71.1 31.7-71.1 71.1s29.5 71.1 71.8 71.1h.8c21.9 0 39.3-8.3 51.4-20.8zm-28.7-63.9c15.9 0 27.6 7.2 32.5 21.5h-66.1c5.6-12.8 17.7-21.5 33.6-21.5zm-102.8 63.9c-6.4 6-14.7 9.8-24.2 9.8h-.8c-19.3-.4-34-15.9-34-35.5 0-19.3 14.7-35.1 34-35.5h.8c10.2 0 18.9 4.5 25.3 11.3l25.7-25.7c-12.5-13.2-30.2-21.2-51.4-21.2h-.4c-38.9.4-69.9 31.7-69.9 70.7s31 70.7 69.9 70.7h.4c20 0 37.4-7.6 49.9-19.7zm-490.2-93.8v-51h-37.4v127.8c0 44.6 14.4 59.3 57.4 59.3h32.1v-34.8h-26.8c-23.1 0-25.7-3.4-25.7-24.6v-43h52.5v-33.6c0-.1-52.1-.1-52.1-.1zm-259.7-9c0-12.9 7.9-20.4 18.5-20.4 6.8 0 12.1 3.8 14.7 7.9l22.7-22.7c-11.7-16.3-27.2-21.5-42.3-21.5-27.6 0-50.3 24.2-51 56.3v145.9h37.4v-104h48.4v-32.5h-48.4z"/></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="288" height="113" viewBox="0 0 288 113">
<g fill-rule="evenodd" transform="translate(28 24)">
<path d="M154.289688,15.9951456 L163.366979,15.9951456 L163.366979,49.1019417 L154.289688,49.1019417 L154.289688,15.9951456 Z M48.1533333,15.9951456 L48.1533333,33.8834951 C48.1533333,38.276699 46.1388542,40.8495146 42.1098958,40.8495146 C38.0809375,40.8495146 36.0664583,38.276699 36.0664583,33.8834951 L36.0664583,15.9951456 L26.8920833,15.9951456 L26.8920833,36.1650485 C26.8920833,44.684466 33.2267708,49.7330097 42.2069792,49.7330097 C51.1871875,49.7330097 57.521875,44.6601942 57.521875,36.1650485 L57.521875,15.9951456 L48.1533333,15.9951456 Z M111.912813,15.9951456 L111.912813,33.8834951 C111.912813,38.276699 109.898333,40.8495146 105.869375,40.8495146 C101.840417,40.8495146 99.8259375,38.276699 99.8259375,33.8834951 L99.8259375,15.9951456 L90.6515625,15.9951456 L90.6515625,36.1650485 C90.6515625,44.684466 96.98625,49.7330097 105.966458,49.7330097 C114.946667,49.7330097 121.281354,44.684466 121.281354,36.1650485 L121.281354,15.9951456 L111.912813,15.9951456 Z"/>
<ellipse cx="158.683" cy="5.777" rx="5.776" ry="5.777"/>
<path d="M126.766562,15.9951456 L126.766562,49.1019417 L135.843854,49.1019417 L135.843854,24.1504854 L148.513229,24.1504854 L148.513229,15.9951456 L126.766562,15.9951456 Z M223.000417,38.7621359 C221.35,40.6067961 219.044271,41.7961165 216.39875,41.7961165 L216.301667,41.7961165 C211.520312,41.7961165 208.607812,39.4174757 207.491354,35.7524272 L233,35.7524272 L233,32.4271845 C233,22.8883495 226.034271,15.2669903 215.937604,15.2669903 C206.399167,15.2669903 198.681042,22.961165 198.681042,32.5242718 C198.681042,42.0873786 205.840937,49.7815534 216.1075,49.7815534 L216.301667,49.7815534 C221.616979,49.7815534 225.840104,47.7669903 228.776875,44.7330097 L223.000417,38.7621359 Z M216.034687,23.2524272 C219.89375,23.2524272 222.733437,25 223.922708,28.4708738 L207.879687,28.4708738 C209.238854,25.3640777 212.175625,23.2524272 216.034687,23.2524272 Z M191.084271,38.7621359 C189.530937,40.2184466 187.516458,41.1407767 185.210729,41.1407767 L185.016562,41.1407767 C180.332292,41.0436893 176.764479,37.2815534 176.764479,32.5242718 C176.764479,27.8398058 180.332292,24.0048544 185.016562,23.907767 L185.210729,23.907767 C187.686354,23.907767 189.797917,25 191.35125,26.6504854 L197.588854,20.4126214 C194.555,17.2087379 190.259062,15.2669903 185.113646,15.2669903 L185.016562,15.2669903 C175.575208,15.3640777 168.05125,22.961165 168.05125,32.4271845 C168.05125,41.8932039 175.575208,49.5873786 185.016562,49.5873786 L185.113646,49.5873786 C189.967812,49.5873786 194.190937,47.7427184 197.224792,44.8058252 L191.084271,38.7621359 Z M72.1086458,15.9951456 L72.1086458,3.61650485 L63.0313542,3.61650485 L63.0313542,34.6359223 C63.0313542,45.461165 66.5263542,49.0291262 76.9628125,49.0291262 L84.75375,49.0291262 L84.75375,40.5825243 L78.2491667,40.5825243 C72.6426042,40.5825243 72.0115625,39.7572816 72.0115625,34.6116505 L72.0115625,24.1747573 L84.75375,24.1747573 L84.75375,16.0194175 C84.75375,15.9951456 72.1086458,15.9951456 72.1086458,15.9951456 Z M9.07729167,13.8106796 C9.07729167,10.6796117 10.9946875,8.8592233 13.5673958,8.8592233 C15.2178125,8.8592233 16.5041667,9.7815534 17.1352083,10.776699 L22.6446875,5.26699029 C19.805,1.31067961 16.0430208,0.0485436893 12.378125,0.0485436893 C5.679375,0.0485436893 0.169895833,5.9223301 0,13.7135922 L0,49.1262136 L9.07729167,49.1262136 L9.07729167,23.8834951 L20.824375,23.8834951 L20.824375,15.9951456 L9.07729167,15.9951456 L9.07729167,13.8106796 Z"/>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

2
public/static/images/sponsors/idean.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.6 KiB

After

Width:  |  Height:  |  Size: 21 KiB

2
public/static/images/sponsors/metosin.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.5 KiB

After

Width:  |  Height:  |  Size: 8.7 KiB

BIN
public/static/images/sponsors/nordea.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.3 KiB

1
public/static/images/sponsors/nordea.svg Normal file
View File

@@ -0,0 +1 @@
<svg height="113" viewBox="0 0 256 113" width="256" xmlns="http://www.w3.org/2000/svg"><g fill-rule="evenodd" transform="translate(25 30)"><path d="m188.414599 9.40689655c-8.350365.60689655-15.030657 7.43448275-15.637957 15.77931035-.607299 9.862069 7.135767 18.0551724 16.852555 18.0551724 3.491971 0 8.19854-1.8206896 10.324088-5.462069v5.0068966h6.528467v-16.0827586c.303649-10.6206897-8.19854-18.05517244-18.067153-17.29655175zm11.083211 17.29655175c-.303649 5.6137931-5.162044 9.8620689-10.931387 9.1034483-4.402919-.6068966-7.89489-4.0965518-8.502189-8.4965518-.6073-5.9172414 3.947445-10.9241379 9.716788-10.9241379 5.162044 0 9.413139 4.0965517 9.716788 9.2551724z" fill-rule="nonzero"/><path d="m152.583942 9.40689655c-8.957665.30344828-16.548906 7.13103445-16.548906 17.14482755 0 9.1034483 7.439417 16.8413793 17.00438 16.8413793 6.680292 0 13.208759-3.9448275 15.789781-10.4689655l-6.528467-1.9724138c-1.214599 2.7310345-4.09927 5.0068966-7.287591 5.6137931-4.554745.9103449-8.80584-1.9724138-10.475913-5.0068965l25.354745-6.9793104c-.759124-6.675862-6.528467-15.47586202-17.308029-15.17241375zm-9.413139 16.08275865c0-3.4896552 2.125547-7.5862069 6.680292-9.2551724 5.162044-1.9724138 9.716788.6068965 11.690511 4.2482758z" fill-rule="nonzero"/><path d="m96.8642336 16.2344828v-6.97931039c-6.3766424 0-8.5021898 3.18620689-9.5649635 4.85517239v-3.7931034h-7.2875913v15.475862 16.8413794h7.4394161c0-10.0137931 0-9.862069 0-15.9310345 0-7.2827586 4.2510949-10.1655173 9.4131387-10.4689655z"/><path d="m29.9094891 29.737931-22.16642341-26.09655169h-7.59124087v38.99310349h7.89489051v-26.0965518l22.47007297 26.2482759h6.8321168v-39.14482759h-7.439416z"/><g fill-rule="nonzero"><path d="m131.632117.15172414h-6.983942v12.74482756c-1.670073-2.1241379-6.832117-3.94482756-11.235036-3.48965515-8.350365.60689655-15.0306572 7.43448275-15.6379565 15.77931035-.6072993 9.862069 7.1357665 18.0551724 16.8525545 18.0551724 3.643796 0 8.654015-1.6689655 10.324088-4.8551724v4.2482759h6.528467v-16.0827587c0-.1517241 0-.1517241 0-.3034482 0-.1517242 0-.1517242 0-.3034483zm-7.287591 26.55172416c-.30365 5.6137931-5.162044 9.8620689-10.931387 9.1034483-4.40292-.6068966-7.894891-4.0965518-8.50219-8.4965518-.607299-5.9172414 3.947445-10.9241379 9.716788-10.9241379 5.162044 0 9.413139 4.0965517 9.716789 9.2551724z"/><path d="m58.7562044 9.25517241c-9.4131387 0-17.0043796 7.58620689-17.0043796 16.99310349 0 9.4068965 7.5912409 16.9931034 17.0043796 16.9931034s17.0043795-7.5862069 17.0043795-16.9931034c-.1518248-9.4068966-7.7430657-16.99310349-17.0043795-16.99310349zm0 26.70344829c-5.3138686 0-9.7167883-4.4-9.7167883-9.7103448 0-5.3103449 4.4029197-9.7103449 9.7167883-9.7103449s9.7167883 4.4 9.7167883 9.7103449c0 5.4620689-4.4029197 9.7103448-9.7167883 9.7103448z"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

2
public/static/images/sponsors/solita.svg
View File

@@ -1 +1 @@
<svg height="306" viewBox="0 0 789 306" width="789" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 0h789v306h-789z"/></clipPath><path d="m0 0h789v306h-789z" fill="#ef4a8d"/><g fill="#fff"><path clip-path="url(#a)" clip-rule="evenodd" d="m338.2 153.174c0-35.93-22.308-57.872-60.155-57.872-38.03 0-60.153 21.94-60.153 57.872s22.122 57.874 60.153 57.874c37.847 0 60.154-21.942 60.154-57.874m-20.114 0c0 33.23-19.014 41.52-40.04 41.52-21.21 0-40.225-8.29-40.225-41.52 0-33.07 19.2-41.52 40.225-41.52 21.027 0 40.04 8.45 40.04 41.52" fill-rule="evenodd"/><path clip-path="url(#a)" clip-rule="evenodd" d="m462.438 208.874v-98.366c0-12.954-9.273-12.903-19.36-12.903 0 51.327-.02 111.27-.02 111.27h19.38zm112.366-9.492c-3.07 7.115-6.05 8.8-13.717 9.076h-9.834l48.27-111.295h25.6l48.086 111.295-9.023-.03c-8.885.006-12.202-2.037-15.41-9.046l-36.087-87.18h-2.013l-35.873 87.18z" fill-rule="evenodd"/><path clip-path="url(#a)" d="m371.765 195.36h46.394c13.388 0 11.947 13.514 11.947 13.514l-58.342-.013-19.38.014v-111.295c10.087 0 19.38-.038 19.38 12.916v84.864z"/><path clip-path="url(#a)" clip-rule="evenodd" d="m207.712 175.412c0-25.2-28.054-27.605-49.092-33.223-9.967-2.73-20.486-6.42-20.486-17.174 0-13.48 15.302-16.1 28.59-16.1 5.375 0 11.845 1.294 17.835 2.157 10.497 2.4 13.74-11.17 13.74-11.17-4.206-1.932-17.718-5.217-30.637-5.217-27.5 0-48.17 9.63-48.17 31.293 0 26.8 26.023 29.53 48.54 35.31 9.965 2.566 20.3 6.096 20.3 16.686 0 11.97-11.82 17.05-27.274 17.05-10.19 0-17.11-.746-27.104-4.403-11.754-4.296-18.284 10.15-18.284 10.15 9.998 6.24 25.114 10.106 41.135 10.106 41.567-.002 50.905-21.345 50.905-35.468" fill-rule="evenodd"/><path clip-path="url(#a)" d="m509.315 111.095h-22.065c-13.393 0-11.953-13.515-11.953-13.515l34.02.012 19.38-.012h34.003s1.437 13.515-11.95 13.515h-22.067l.012 97.78h-19.395z"/></g></svg>
<svg height="113" viewBox="0 0 268 113" width="268" xmlns="http://www.w3.org/2000/svg"><g fill="#282828" fill-rule="evenodd" transform="translate(24 22)"><path d="m.9 25.4h12.7v25.4h-12.7z"/><path d="m30.1 0h12.7v25.4h-12.7z"/><path d="m15.5 0h12.7v50.8h-12.7z"/><path d="m85.8 35.5c0-8.7 7-15.8 15.8-15.8 8.7 0 15.8 7 15.8 15.8v.1c0 8.8-6.9 15.8-15.8 15.8-8.8 0-15.8-7.1-15.8-15.9zm24.2 0c0-4.7-3.6-8.6-8.4-8.6s-8.3 3.9-8.3 8.6 3.5 8.6 8.3 8.6c4.9 0 8.4-3.9 8.4-8.6z" fill-rule="nonzero"/><path d="m123.8 20.1h7.4v23.8h13.4v7.1h-20.8z"/><path d="m152 20.1h7.4v30.8h-7.4z"/><path d="m175.1 27.2h-8.8v-7.1h24.9v7.1h-8.8v23.8h-7.4v-23.8z"/><path d="m202.4 20.1h7.1l11.4 30.8h-7.5l-1.6-4.6h-11.8l-1.6 4.6h-7.4zm-.1 19.8h7.3l-3.6-10.4z" fill-rule="nonzero"/><path d="m55.5 45.2 4.9-4.9c2.5 3 5 4.1 9.2 4.1 2.5 0 3.8-1.2 3.8-2.9 0-2.1-2-2.5-6.4-3.6-4.5-1-9.7-2.7-9.7-9 0-5.4 4.7-9.5 11.3-9.5 5.7 0 9 1.9 12.3 5.5l-4.5 4.5c-2.2-2.5-4.3-3.5-8-3.5-2.5 0-3.7 1.4-3.7 2.7 0 1.9 2.5 2.3 6.3 3.2 4.6 1.1 10.1 2.7 10.1 9.3 0 5.8-4.9 10.1-11.7 10.1-6.9.2-11-2.5-13.9-6z"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

2
public/static/images/sponsors/wakeone.svg
View File

@@ -1 +1 @@
<svg enable-background="new 0 0 1165.46 128" viewBox="0 0 1165.46 128" xmlns="http://www.w3.org/2000/svg"><g fill="#231f20"><path d="m498.93 125.55h35.34l-60-79.64 51.53-43.7h-19.83l-76.38 64.76v-64.76h-28.19v123.34h28.19v-41.76l23.12-19.6z"/><path d="m224.52 2.21-48.89 94.02-48.03-94.02h-31.33l15.98 31.29-32.76 62.99-48.16-94.28h-31.33l63 123.34h15.22l40.88-78.63 40.17 78.63h14.95l64.13-123.34z"/><path d="m592.97 114.07v-47.48h71.52v-11.48h-71.52v-41.42h78.91l9-11.48h-116.09v123.34h116.09l-9-11.48z"/><path d="m1079.54 114.07v-47.48h71.53v-11.48h-71.53v-41.42h85.92v-11.48h-114.1v123.34h114.1v-11.48z"/><path d="m342.23 125.55h31.33l-63-123.33h-17.05l-64.13 123.33h13.83l12.83-24.67h73.59zm-80.21-36.15 31.15-59.91 30.6 59.91z"/><path d="m995.75 2.21v84.56l-80.9-84.56h-33.77v123.34h12.62v-104.33l99.82 104.33h14.85v-123.34z"/><path d="m847.65 61.69c-1.15-43.74-34.53-61.69-75.57-61.69h-.01c-41.76 0-75.62 18.57-75.62 64s33.86 64 75.62 64h.01c40.64 0 73.79-17.6 75.54-60.43.05-1.16.08-2.34.08-3.57 0-.8-.02-1.57-.05-2.31m-75.57 55.09c-29.19 0-44.84-8.8-44.84-52.78s15.66-52.79 44.84-52.79c29.19 0 44.84 8.8 44.84 52.79s-15.66 52.78-44.84 52.78"/></g></svg>
<svg height="113" viewBox="0 0 349 113" width="349" xmlns="http://www.w3.org/2000/svg"><g fill="#231f20" fill-rule="evenodd" transform="translate(25 41)"><path d="m128.36964 32.3683594h9.092624l-15.437393-20.5321875 13.258148-11.26640627h-5.102058l-19.651801 16.69593747v-16.69593747h-7.253002v31.79859377h7.253002v-10.76625l5.948542-5.053125z"/><path d="m57.7667238.56976563-12.5789022 24.23953127-12.3576329-24.23953127h-8.060892l4.1114923 8.06695312-8.4288164 16.23960935-12.39108066-24.30656247h-8.06089194l16.2092624 31.79859377h3.915952l10.5180103-20.2717969 10.3353345 20.2717969h3.8464837l16.5-31.79859377z"/><path d="m152.56518 29.4086719v-12.2409375h18.401372v-2.9596875h-18.401372v-10.67859378h20.302745l2.315608-2.95968749h-29.868782v31.79859377h29.868782l-2.315608-2.9596875z"/><path d="m277.754717 29.4086719v-12.2409375h18.403945v-2.9596875h-18.403945v-10.67859378h22.106346v-2.95968749h-29.356775v31.79859377h29.356775v-2.9596875z"/><path d="m88.0523156 32.3683594h8.0608919l-16.2092624-31.79601565h-4.3867924l-16.5 31.79601565h3.558319l3.3010292-6.3602344h18.9339622zm-20.6372213-9.3199219 8.0145798-15.44554687 7.8730703 15.44554687z" fill-rule="nonzero"/><path d="m256.196398.56976563v21.80062497l-20.814751-21.80062497h-8.68868v31.79859377h3.246999v-26.89757815l25.682676 26.89757815h3.820754v-31.79859377z"/><path d="m218.091767 15.9044531c-.295884-11.27671873-8.88422-15.9044531-19.443397-15.9044531h-.002572c-10.744426 0-19.456261 4.78757813-19.456261 16.5 0 11.7124219 8.711835 16.5 19.456261 16.5h.002572c10.456261 0 18.985421-4.5375 19.435678-15.5796094.012865-.2990625.020583-.6032812.020583-.9203906 0-.20625-.005146-.4047656-.012864-.5955469m-19.443397 14.2028907c-7.510291 0-11.536878-2.26875-11.536878-13.6073438 0-11.33859375 4.02916-13.60992188 11.536878-13.60992188 7.510292 0 11.536879 2.26875 11.536879 13.60992188 0 11.3411719-4.02916 13.6073438-11.536879 13.6073438" fill-rule="nonzero"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

16
styles/style.styl
View File

@@ -271,25 +271,12 @@ footer
font-size 1rem
.sponsor
height 40px
height 60px
margin-right 1em
vertical-align middle
@media screen and (max-width: 940px)
margin-top 1em
.sponsor__futurice, .sponsor__metosin
height 30px
.sponsor__wakeone
height: 25px
padding: 5px 0 0
.sponsor__nordea
height 25px
margin-top -3px
@media screen and (max-width: 940px)
margin-top 1em
.feed
width feedWidth
height 100%
@@ -399,4 +386,3 @@ footer
vertical-align initial
p:first-child
margin-top 37px