Make design responsive

This commit is contained in:
2013-03-02 16:04:16 +01:00
parent 08333cb1bb
commit 63e201a69f
21 changed files with 350 additions and 196 deletions
+142 -19
View File
@@ -131,8 +131,8 @@
id="namedview43"
showgrid="false"
inkscape:zoom="6.34"
inkscape:cx="50"
inkscape:cy="50"
inkscape:cx="51.171527"
inkscape:cy="47.772468"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="0"
@@ -142,55 +142,66 @@
<text
<rect
style="fill:#303030;fill-opacity:1;stroke:none;stroke-width:2;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
id="rect3809"
width="96.056786"
height="32.492115"
x="2.5236592"
y="47.791798"
ry="0" /><text
font-size="9.4245"
id="text5"
style="font-size:9.42450047px;fill:#634227;font-family:HelveticaRounded-Bold"
x="25.508852"
y="72.998604"
style="font-size:4.56339216px;fill:#634227;font-family:HelveticaRounded-Bold"
x="8.5248251"
y="30.760637"
inkscape:export-filename="/Users/bterkuile/Qwaiter/Android app/Pictures/icon-high-res.png"
inkscape:export-xdpi="766.79059"
inkscape:export-ydpi="766.79059"><tspan
style="-inkscape-font-specification:Arial Rounded MT Bold;font-family:Arial Rounded MT Bold"
style="font-family:Arial Rounded MT Bold;-inkscape-font-specification:Arial Rounded MT Bold"
id="tspan3936">Q</tspan></text>
<text
id="text7"
x="33.180241"
y="72.998604"
style="font-size:11.99999905px"
x="12.23935"
y="30.760637"
style="font-size:5.810462px"
inkscape:export-filename="/Users/bterkuile/Qwaiter/Android app/Pictures/icon-high-res.png"
inkscape:export-xdpi="766.79059"
inkscape:export-ydpi="766.79059"><tspan
x="33.180241"
y="72.998604"
x="12.23935"
y="30.760637"
font-size="9.4245"
id="tspan9"
style="font-size:9.42450046999999991px;fill:#231f20;font-family:Arial Rounded MT Bold;-inkscape-font-specification:Arial Rounded MT Bold">WAITE</tspan></text>
style="font-size:4.56339216px;fill:#231f20;font-family:Arial Rounded MT Bold;-inkscape-font-specification:Arial Rounded MT Bold">WAITE</tspan></text>
<text
font-size="9.4245"
id="text19"
style="font-size:9.42450047px;fill:#634227;font-family:HelveticaRounded-Bold"
x="63.659245"
y="72.998604"
style="font-size:4.56339216px;fill:#634227;font-family:HelveticaRounded-Bold"
x="26.997444"
y="30.760637"
inkscape:export-filename="/Users/bterkuile/Qwaiter/Android app/Pictures/icon-high-res.png"
inkscape:export-xdpi="766.79059"
inkscape:export-ydpi="766.79059"><tspan
style="-inkscape-font-specification:Arial Rounded MT Bold;font-family:Arial Rounded MT Bold"
style="font-family:Arial Rounded MT Bold;-inkscape-font-specification:Arial Rounded MT Bold"
id="tspan3938">R</tspan></text>
<g
id="g3012"
inkscape:export-filename="/Users/bterkuile/Qwaiter/Android app/Pictures/icon-high-res.png"
inkscape:export-xdpi="766.79059"
inkscape:export-ydpi="766.79059"><path
inkscape:export-ydpi="766.79059"
transform="matrix(0.48420519,0,0,0.48420519,-3.826694,-4.5856657)"><path
inkscape:export-ydpi="112.82128"
inkscape:export-xdpi="112.82128"
inkscape:export-filename="/Users/bterkuile/companytools/development/rails/qwaiter/app/assets/images/icons/logo-medium.png"
@@ -260,4 +271,116 @@
d="m 4251.332,4236.363 c -0.096,-0.136 -2.748,-0.556 -2.858,-0.422 -0.111,0.134 0.076,2.106 0.351,2.354"
id="path41"
inkscape:connector-curvature="0"
style="fill:#231f20" /></g></svg>
style="fill:#231f20" /></g><g
transform="matrix(0.33640333,0,0,0.33640333,-2.5434408,49.050237)"
inkscape:export-ydpi="413.97891"
inkscape:export-xdpi="413.97891"
inkscape:export-filename="/Users/bterkuile/companytools/development/rails/qwaiter/app/assets/images/icons/logo-text.png"
id="g3013"><path
style="fill:#ffffff"
inkscape:connector-curvature="0"
id="path3015"
d="m 4239.495,4221.196 c 0,0 -5.676,0 -5.676,5.676 v 33.539 c 0,0 0,5.676 5.676,5.676 h 33.797 c 0,0 5.676,0 5.676,-5.676 v -33.539 c 0,0 0,-5.676 -5.676,-5.676 h -33.797 z"
clip-path="url(#SVGID_2_-0)"
transform="translate(-4208.3103,-4204.1921)"
inkscape:export-filename="/Users/bterkuile/companytools/development/rails/qwaiter/app/assets/images/icons/logo-medium.png"
inkscape:export-xdpi="112.82128"
inkscape:export-ydpi="112.82128" /><path
style="fill:none;stroke:#634227;stroke-width:1.63800001"
inkscape:connector-curvature="0"
id="path3017"
d="m 4239.495,4221.196 c 0,0 -5.676,0 -5.676,5.676 v 33.539 c 0,0 0,5.676 5.676,5.676 h 33.797 c 0,0 5.676,0 5.676,-5.676 v -33.539 c 0,0 0,-5.676 -5.676,-5.676 h -33.797 z"
clip-path="url(#SVGID_2_-0)"
transform="translate(-4208.3103,-4204.1921)"
inkscape:export-filename="/Users/bterkuile/companytools/development/rails/qwaiter/app/assets/images/icons/logo-medium.png"
inkscape:export-xdpi="112.82128"
inkscape:export-ydpi="112.82128" /><path
style="fill:#634227"
inkscape:connector-curvature="0"
id="path3019"
d="m 4255.337,4249.788 c 0,0 0.091,12.386 -0.011,12.69 -0.18,0.539 -0.57,0.655 -1.942,0.671 -0.963,0.012 -2.048,0.077 -2.048,-1.073 0,-2.093 -0.01,-7.585 -0.022,-7.922 -0.013,-0.338 -1.305,-0.579 -1.305,0.079 0,1.5 0.077,7.812 -0.138,8.294 -0.24,0.87 -3.642,1.007 -4.057,-0.226 -0.435,-1.29 0,-12.284 0,-12.284 0,0 -0.902,-0.461 -0.902,-1.127 v -5.356 c -0.073,-0.544 -2.882,4.036 -3.287,4.484 -1.137,1.071 -3.071,0.437 -2.235,-1.946 0.121,-0.244 4.805,-7.985 5.635,-9.016 0.371,-0.461 1.658,-0.386 2.742,-0.271 0.714,0.077 1.315,3.538 1.991,5.343 0.677,1.803 0.677,1.803 1.466,0.225 0.789,-1.578 2.113,-4.957 2.254,-5.185 0.232,-0.376 1.69,-0.503 2.239,-0.165 0.989,0.607 3.96,3.434 3.96,3.434 l 2.367,-3.381 h -4.96 c 0,0 -1.467,-1.127 0.451,-1.014 1.916,0.111 15.666,0 15.666,0 0,0 0.9,1.014 0,1.014 h -6.988 l -4.846,6.478 c 0,0 -0.563,1.52 -2.48,0 -1.915,-1.519 -2.607,-2.068 -2.725,-1.97 0.02,0.257 0,6.763 0,6.763 0,0 0.076,1.236 -0.825,1.461"
clip-path="url(#SVGID_2_-0)"
transform="translate(-4208.3103,-4204.1921)"
inkscape:export-filename="/Users/bterkuile/companytools/development/rails/qwaiter/app/assets/images/icons/logo-medium.png"
inkscape:export-xdpi="112.82128"
inkscape:export-ydpi="112.82128" /><path
style="fill:#634227"
inkscape:connector-curvature="0"
id="path3021"
d="m 4255.833,4230.169 c 0,3.059 -2.479,5.536 -5.536,5.536 -3.057,0 -5.536,-2.478 -5.536,-5.536 0,-3.058 2.479,-5.535 5.536,-5.535 3.057,0 5.536,2.477 5.536,5.535"
clip-path="url(#SVGID_2_-0)"
transform="translate(-4208.3103,-4204.1921)"
inkscape:export-filename="/Users/bterkuile/companytools/development/rails/qwaiter/app/assets/images/icons/logo-medium.png"
inkscape:export-xdpi="112.82128"
inkscape:export-ydpi="112.82128" /><circle
d="m 4255.8329,4230.1689 c 0,3.0575 -2.4786,5.536 -5.536,5.536 -3.0575,0 -5.536,-2.4785 -5.536,-5.536 0,-3.0574 2.4785,-5.536 5.536,-5.536 3.0574,0 5.536,2.4786 5.536,5.536 z"
style="fill:none;stroke:#634227;stroke-width:0.182;stroke-miterlimit:10"
sodipodi:ry="5.5359998"
sodipodi:rx="5.5359998"
sodipodi:cy="4230.1689"
sodipodi:cx="4250.2969"
id="circle3023"
r="5.5359998"
cy="4230.1689"
cx="4250.2969"
stroke-miterlimit="10"
clip-path="url(#SVGID_2_-0)"
transform="translate(-4208.3103,-4204.1921)"
inkscape:export-filename="/Users/bterkuile/companytools/development/rails/qwaiter/app/assets/images/icons/logo-medium.png"
inkscape:export-xdpi="112.82128"
inkscape:export-ydpi="112.82128" /><path
style="fill:#231f20"
inkscape:connector-curvature="0"
id="path3025"
d="m 4250.515,4236.479 c 0.061,-0.155 2.532,-1.205 2.672,-1.102 0.139,0.104 0.434,2.063 0.228,2.369"
clip-path="url(#SVGID_2_-0)"
transform="translate(-4208.3103,-4204.1921)"
inkscape:export-filename="/Users/bterkuile/companytools/development/rails/qwaiter/app/assets/images/icons/logo-medium.png"
inkscape:export-xdpi="112.82128"
inkscape:export-ydpi="112.82128" /><path
style="fill:#231f20"
inkscape:connector-curvature="0"
id="path3027"
d="m 4251.332,4236.363 c -0.096,-0.136 -2.748,-0.556 -2.858,-0.422 -0.111,0.134 0.076,2.106 0.351,2.354"
clip-path="url(#SVGID_2_-0)"
transform="translate(-4208.3103,-4204.1921)"
inkscape:export-filename="/Users/bterkuile/companytools/development/rails/qwaiter/app/assets/images/icons/logo-medium.png"
inkscape:export-xdpi="112.82128"
inkscape:export-ydpi="112.82128" /></g><text
inkscape:export-ydpi="413.97891"
inkscape:export-xdpi="413.97891"
inkscape:export-filename="/Users/bterkuile/companytools/development/rails/qwaiter/app/assets/images/icons/logo-text.png"
y="68.982262"
x="21.494862"
style="font-size:17.67565727px;fill:#ffffff;fill-opacity:1;font-family:HelveticaRounded-Bold"
id="text3029"
font-size="9.4245"><tspan
id="tspan3031"
style="fill:#ffffff;fill-opacity:1;font-family:Arial Rounded MT Bold;-inkscape-font-specification:Arial Rounded MT Bold">Q</tspan></text>
<text
inkscape:export-ydpi="413.97891"
inkscape:export-xdpi="413.97891"
inkscape:export-filename="/Users/bterkuile/companytools/development/rails/qwaiter/app/assets/images/icons/logo-text.png"
style="font-size:20.05559921px;line-height:139.99999762%;fill:#ffffff;fill-opacity:1"
y="69.955124"
x="35.827068"
id="text3033"
sodipodi:linespacing="140%"><tspan
style="font-size:15.75116634px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:139.99999762%;letter-spacing:-0.68085659px;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;font-family:Arial Rounded MT Bold;-inkscape-font-specification:'Arial Rounded MT Bold,'"
id="tspan3035"
font-size="9.4245"
y="69.955124"
x="35.827068"
dx="0">WAITE</tspan></text>
<text
inkscape:export-ydpi="413.97891"
inkscape:export-xdpi="413.97891"
inkscape:export-filename="/Users/bterkuile/companytools/development/rails/qwaiter/app/assets/images/icons/logo-text.png"
y="69.934372"
x="83.856453"
style="font-size:17.45138359px;fill:#ffffff;fill-opacity:1;font-family:HelveticaRounded-Bold"
id="text3037"
font-size="9.4245"><tspan
id="tspan3039"
style="fill:#ffffff;fill-opacity:1;font-family:Arial Rounded MT Bold;-inkscape-font-specification:Arial Rounded MT Bold">R</tspan></text>
</svg>

Before

Width:  |  Height:  |  Size: 9.7 KiB

After

Width:  |  Height:  |  Size: 17 KiB