senaduka/old-v2-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Design tweaks, font changes and coloring

Browse Source
This commit is contained in:
Moris Zen
2018-08-23 17:14:43 +02:00
parent 2df21e68ea
commit 5cefa3e8d0
12 changed files with 153 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/WorkStyle.js
View File

@@ -13,11 +13,11 @@ const WorkStyle = ({ ...props }) => (
<section className="container rounded overflow-hidden border-bottom-saburly mx-auto my-4 bg-white">
{props.children}
<div className="mx-auto text-center border-grey-lighter">
<div className="flex flex-wrap text-grey-darker">
<div className="flex flex-wrap text-black">
<div className="w-full md:w-1/2 p-8 md:border-r-2 border-grey-lighter">
<img src={HQCode} alt="High Quality Code" />
<h3 className="text-xl my-2">High Quality Code</h3>
<p className="leading-normal">
<p className="leading-normal font-light">
We have deep understanding of software engineering & computer
science and we know what it takes to write high-quality, performant
and maintainable code. Clean, readable, robust code is something we
@@ -27,7 +27,7 @@ const WorkStyle = ({ ...props }) => (
<div className="w-full md:w-1/2 p-8">
<img src={ContDelivery} alt="High Quality Code" />
<h3 className="text-xl my-2">Continuous delivery</h3>
<p className="leading-normal">
<p className="leading-normal font-light">
Deploying new code to production should not take weeks. We know how
to build pipelines that allow code changes to be pushed to different
cloud environments automatically. Deploying to production is as easy
@@ -35,11 +35,11 @@ const WorkStyle = ({ ...props }) => (
</p>
</div>
</div>
<div className="flex flex-wrap md:border-t-2 border-grey-lighter text-grey-darker text-grey-darker">
<div className="flex flex-wrap md:border-t-2 border-grey-lighter text-black">
<div className="w-full md:w-1/2 p-8 md:border-r-2 border-grey-lighter">
<img src={ModernDevops} alt="High Quality Code" />
<h3 className="text-xl my-2">Modern DevOps</h3>
<p className="leading-normal">
<p className="leading-normal font-light">
We like a "release early, release often" philosophy and to achieve
this we use modern DevOps tools like Docker. But DevOps is not only
about development and operations, it is also about quality.
@@ -50,7 +50,7 @@ const WorkStyle = ({ ...props }) => (
<div className="w-full md:w-1/2 p-8">
<img src={CodeReviews} alt="High Quality Code" />
<h3 className="text-xl my-2">Code Reviews</h3>
<p className="leading-normal">
<p className="leading-normal font-light">
“Two Heads are Better Than One”. Code reviews are integrated part of
our process which makes catching bugs early before they event get
merged into the code. We make sure each change is reviewed by
@@ -58,11 +58,11 @@ const WorkStyle = ({ ...props }) => (
</p>
</div>
</div>
<div className="flex flex-wrap md:border-t-2 border-grey-lighter text-grey-darker text-grey-darker">
<div className="flex flex-wrap md:border-t-2 border-grey-lighter text-black">
<div className="w-full md:w-1/2 p-8 md:border-r-2 border-grey-lighter">
<img src={UXResearch} alt="High Quality Code" />
<h3 className="text-xl my-2">UX testing/research</h3>
<p className="leading-normal">
<p className="leading-normal font-light">
We know it takes more than just an user video or a survey to
understand your user experience. We improve UX by watching how real
customers interact with your interface (websites, mobile devices,
@@ -73,7 +73,7 @@ const WorkStyle = ({ ...props }) => (
<div className="w-full md:w-1/2 p-8">
<img src={UnitIntegration} alt="High Quality Code" />
<h3 className="text-xl my-2">Unit & Integration testing</h3>
<p className="leading-normal">
<p className="leading-normal font-light">
Unit and integration testing are vital parts of the testing process.
Having automated unit & integration tests is the key prerequisite
for writing high-quality code at a fast pace.