Skip to content

Commit

Permalink
SWED-2249 fix img srcs & add HQ principles src
Browse files Browse the repository at this point in the history
  • Loading branch information
goldenraphti committed Sep 28, 2023
1 parent bf2c816 commit 75ab873
Show file tree
Hide file tree
Showing 17 changed files with 116 additions and 183 deletions.
53 changes: 18 additions & 35 deletions src/App/Playbook/content/DesignVision/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -48,8 +48,7 @@ const VisionBoard = () => (

<div className="d-flex flex-column align-items-center">
<img
// src={`${basename}img/documentation/playbook/playbook-design-vision-vision-board.png`}
src={`${basename}designguide/assets/playbook/playbook-design-vision-vision-board.png`}
src={`${basename}img/documentation/playbook/playbook-design-vision-vision-board.png`}
className="w-100"
alt="Playbook illustration"
/>
Expand All @@ -71,24 +70,21 @@ const ChunkyFriendly = () => (
<div className="row">
<div className="col-sm">
<img
// src={`${basename}img/documentation/playbook/playbook-design-vision-chunky-friendly-1.png`}
src={`${basename}designguide/assets/playbook/playbook-design-vision-chunky-friendly-1.png`}
src={`${basename}img/documentation/playbook/playbook-design-vision-chunky-friendly-1.png`}
className=""
alt="Playbook illustration"
/>
</div>
<div className="col-sm">
<img
// src={`${basename}img/documentation/playbook/playbook-design-vision-chunky-friendly-2.png`}
src={`${basename}designguide/assets/playbook/playbook-design-vision-chunky-friendly-2.png`}
src={`${basename}img/documentation/playbook/playbook-design-vision-chunky-friendly-2.png`}
className=""
alt="Playbook illustration"
/>
</div>
<div className="col-sm">
<img
// src={`${basename}img/documentation/playbook/playbook-design-vision-chunky-friendly-3.png`}
src={`${basename}designguide/assets/playbook/playbook-design-vision-chunky-friendly-3.png`}
src={`${basename}img/documentation/playbook/playbook-design-vision-chunky-friendly-3.png`}
className=""
alt="Playbook illustration"
/>
Expand All @@ -113,26 +109,22 @@ const BoldTypography = () => (
<div className="container px-0 playbook-bold-typo-img-container">
<div className="row justify-content-between">
<img
// src={`${basename}img/documentation/playbook/playbook-design-vision-bold-typo-1.png`}
src={`${basename}designguide/assets/playbook/playbook-design-vision-bold-typo-1.png`}
src={`${basename}img/documentation/playbook/playbook-design-vision-bold-typo-1.png`}
className=""
alt="Playbook illustration"
/>
<img
// src={`${basename}img/documentation/playbook/playbook-design-vision-bold-typo-2.png`}
src={`${basename}designguide/assets/playbook/playbook-design-vision-bold-typo-2.png`}
src={`${basename}img/documentation/playbook/playbook-design-vision-bold-typo-2.png`}
className=""
alt="Playbook illustration"
/>
<img
// src={`${basename}img/documentation/playbook/playbook-design-vision-bold-typo-3.png`}
src={`${basename}designguide/assets/playbook/playbook-design-vision-bold-typo-3.png`}
src={`${basename}img/documentation/playbook/playbook-design-vision-bold-typo-3.png`}
className=""
alt="Playbook illustration"
/>
<img
// src={`${basename}img/documentation/playbook/playbook-design-vision-bold-typo-4.png`}
src={`${basename}designguide/assets/playbook/playbook-design-vision-bold-typo-4.png`}
src={`${basename}img/documentation/playbook/playbook-design-vision-bold-typo-4.png`}
className=""
alt="Playbook illustration"
/>
Expand Down Expand Up @@ -192,24 +184,21 @@ const Colors = () => (
<div className="col-sm px-0">
<img
className="w-100 shift-right-1"
// src={`${basename}img/documentation/playbook/playbook-design-vision-colors-1.png`}
src={`${basename}designguide/assets/playbook/playbook-design-vision-colors-1.png`}
src={`${basename}img/documentation/playbook/playbook-design-vision-colors-1.png`}
alt="illustration swedbankpay playbook colors"
/>
</div>
<div className="col-sm px-0">
<img
className="w-100"
// src={`${basename}img/documentation/playbook/playbook-design-vision-colors-2.png`}
src={`${basename}designguide/assets/playbook/playbook-design-vision-colors-2.png`}
src={`${basename}img/documentation/playbook/playbook-design-vision-colors-2.png`}
alt="illustration swedbankpay playbook colors"
/>
</div>
<div className="col-sm px-0">
<img
className="w-100"
// src={`${basename}img/documentation/playbook/playbook-design-vision-colors-3.png`}
src={`${basename}designguide/assets/playbook/playbook-design-vision-colors-3.png`}
src={`${basename}img/documentation/playbook/playbook-design-vision-colors-3.png`}
alt="illustration swedbankpay playbook colors"
/>
</div>
Expand All @@ -218,24 +207,21 @@ const Colors = () => (
<div className="col-sm px-0">
<img
className="w-100"
// src={`${basename}img/documentation/playbook/playbook-design-vision-colors-4.png`}
src={`${basename}designguide/assets/playbook/playbook-design-vision-colors-4.png`}
src={`${basename}img/documentation/playbook/playbook-design-vision-colors-4.png`}
alt="illustration swedbankpay playbook colors"
/>
</div>
<div className="col-sm px-0">
<img
className="w-100"
// src={`${basename}img/documentation/playbook/playbook-design-vision-colors-5.png`}
src={`${basename}designguide/assets/playbook/playbook-design-vision-colors-5.png`}
src={`${basename}img/documentation/playbook/playbook-design-vision-colors-5.png`}
alt="illustration swedbankpay playbook colors"
/>
</div>
<div className="col-sm px-0">
<img
className="w-100"
// src={`${basename}img/documentation/playbook/playbook-design-vision-colors-6.png`}
src={`${basename}designguide/assets/playbook/playbook-design-vision-colors-6.png`}
src={`${basename}img/documentation/playbook/playbook-design-vision-colors-6.png`}
alt="illustration swedbankpay playbook colors"
/>
</div>
Expand All @@ -244,24 +230,21 @@ const Colors = () => (
<div className="col-sm px-0">
<img
className="w-100"
// src={`${basename}img/documentation/playbook/playbook-design-vision-colors-7.png`}
src={`${basename}designguide/assets/playbook/playbook-design-vision-colors-7.png`}
src={`${basename}img/documentation/playbook/playbook-design-vision-colors-7.png`}
alt="illustration swedbankpay playbook colors"
/>
</div>
<div className="col-sm px-0">
<img
className="w-100"
// src={`${basename}img/documentation/playbook/playbook-design-vision-colors-8.png`}
src={`${basename}designguide/assets/playbook/playbook-design-vision-colors-8.png`}
src={`${basename}img/documentation/playbook/playbook-design-vision-colors-8.png`}
alt="illustration swedbankpay playbook colors"
/>
</div>
<div className="col-sm px-0">
<img
className="w-100"
// src={`${basename}img/documentation/playbook/playbook-design-vision-colors-9.png`}
src={`${basename}designguide/assets/playbook/playbook-design-vision-colors-9.png`}
src={`${basename}img/documentation/playbook/playbook-design-vision-colors-9.png`}
alt="illustration swedbankpay playbook colors"
/>
</div>
Expand All @@ -283,7 +266,7 @@ const DesignVision = () => (
<VisionBoard />
<ChunkyFriendly />
<BoldTypography />
{/* <DelicateLines /> */}
<DelicateLines />
<Rounded />
<Colors />
</DocContainer>
Expand Down
3 changes: 1 addition & 2 deletions src/App/Playbook/content/Playbook/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -90,8 +90,7 @@ const Playbook = () => (
</p>
<div className="d-flex flex-column align-items-center my-5">
<img
// src={`${basename}img/documentation/playbook/playbook-illustration-intro-swedbankpay.jpg`}
src={`${basename}designguide/assets/playbook/playbook-illustration-intro-swedbankpay.jpg`}
src={`${basename}img/documentation/playbook/playbook-illustration-intro-swedbankpay.jpg`}
className="w-100"
alt="Playbook illustration with the Swedbankpay branding"
/>
Expand Down
Loading

0 comments on commit 75ab873

Please sign in to comment.