Update Screenful Branding assets

Author: modularcoder

src/_assets/screenful/integration-gitlab.png

@@ -6,10 +6,9 @@ pagename: screenful
 
 	<h1 class="title">
 		Agile Metrics
-	</h1
-	<p class="title-description">
-		Supercharge your teamwork with
-		<a href="https://screenful.com" target="_blank">Screenful</a>!
+	</h1 <p class="title-description">
+	Supercharge your teamwork with
+	<a href="https://screenful.com" target="_blank">Screenful</a>!
 	</p>
 
 </div>
@@ -27,7 +26,8 @@ pagename: screenful
 		Screenful is the easiest way to <strong>visualise and share your project progress</strong>
 		using data from your <strong>existing tools</strong>.<br>
 		Get a quick overview of your team's status on your smartphone or tablet.
-		<a href="https://screenful.com/?utm_source=modularadmin&utm_campaign=modularadmin" target="_blank">Learn more</a>
+		<a href="https://screenful.com/?utm_source=modularadmin&utm_campaign=modularadmin" target="_blank">Learn
+			more</a>
 	</p>
 
 	<div class="divider"></div>
@@ -36,44 +36,43 @@ pagename: screenful
 		<h3 class="integrations-title">Visual dashboards and team status reports</h3>
 
 		<div class="integrations-tools">
-			<a href="https://screenful.com/dashboard-for-trello/?utm_source=modularadmin&utm_campaign=modularadmin" class="integration-item">
-				<img
-					class="integration-logo"
-					title="Instant visual dashboards for Trello"
+			<a href="https://screenful.com/dashboard-for-trello/?utm_source=modularadmin&utm_campaign=modularadmin"
+				class="integration-item">
+				<img class="integration-logo" title="Instant visual dashboards for Trello"
 					alt="Instant visual dashboards for Trello"
 					src='{{BASE_URL}}assets/screenful/integration-trello.png'>
 			</a>
 
-			<a href="https://screenful.com/dashboard-for-jira/?utm_source=modularadmin&utm_campaign=modularadmin" class="integration-item">
-				<img
-					class="integration-logo"
-					title="Instant visual dashboards for JIRA"
-					alt="Instant visual dashboards for JIRA"
-					src='{{BASE_URL}}assets/screenful/integration-jira.png'>
+			<a href="https://screenful.com/dashboard-for-jira/?utm_source=modularadmin&utm_campaign=modularadmin"
+				class="integration-item">
+				<img class="integration-logo" title="Instant visual dashboards for JIRA"
+					alt="Instant visual dashboards for JIRA" src='{{BASE_URL}}assets/screenful/integration-jira.png'>
 			</a>
 
-			<a href="https://screenful.com/dashboard-for-github/?utm_source=modularadmin&utm_campaign=modularadmin" class="integration-item">
-				<img
-					class="integration-logo"
-					title="Instant visual dashboards for GitHub issues"
+			<a href="https://screenful.com/dashboard-for-github/?utm_source=modularadmin&utm_campaign=modularadmin"
+				class="integration-item">
+				<img class="integration-logo" title="Instant visual dashboards for GitHub issues"
 					alt="Instant visual dashboards for GitHub issues"
 					src='{{BASE_URL}}assets/screenful/integration-github.png'>
 			</a>
 
-			<a href="https://screenful.com/dashboard-for-pivotal-tracker/?utm_source=modularadmin&utm_campaign=modularadmin" class="integration-item">
-				<img
-					class="integration-logo"
-					title="Instant visual dashboards for Pivotal Tracker"
+			<a href="https://screenful.com/dashboard-for-pivotal-tracker/?utm_source=modularadmin&utm_campaign=modularadmin"
+				class="integration-item">
+				<img class="integration-logo" title="Instant visual dashboards for Pivotal Tracker"
 					alt="Instant visual dashboards for Pivotal Tracker"
 					src='{{BASE_URL}}assets/screenful/integration-pivotal.png'>
 			</a>
 
-			<a href="https://screenful.com/dashboard-for-asana/?utm_source=modularadmin&utm_campaign=modularadmin" class="integration-item">
-				<img
-					class="integration-logo"
-					title="Instant visual dashboards for Asana"
-					alt="Instant visual dashboards for Asana"
-					src='{{BASE_URL}}assets/screenful/integration-asana.png'>
+			<a href="https://screenful.com/dashboard-for-asana/?utm_source=modularadmin&utm_campaign=modularadmin"
+				class="integration-item">
+				<img class="integration-logo" title="Instant visual dashboards for Asana"
+					alt="Instant visual dashboards for Asana" src='{{BASE_URL}}assets/screenful/integration-asana.png'>
+			</a>
+
+			<a href="https://screenful.com/dashboard-for-gitlab/?utm_source=modularadmin&utm_campaign=modularadmin"
+				class="integration-item">
+				<img class="integration-logo" title="Instant visual dashboards for Asana"
+					alt="Instant visual dashboards for Asana" src='{{BASE_URL}}assets/screenful/integration-gitlab.png'>
 			</a>
 		</div>
 
@@ -94,10 +93,12 @@ pagename: screenful
 
 			<div class="screen-item">
 				<a href="https://screenful.com/tour/timing-screen/?utm_source=modularadmin&utm_campaign=modularadmin">
-					<img class="ex-pic" alt="Timing Screen" title="Timing Screen" src='{{BASE_URL}}assets/screenful/screen-timing.png'>
+					<img class="ex-pic" alt="Timing Screen" title="Timing Screen"
+						src='{{BASE_URL}}assets/screenful/screen-timing.png'>
 				</a>
 				<div class="description">
-					<a href="https://screenful.com/tour/timing-screen/?utm_source=modularadmin&utm_campaign=modularadmin">
+					<a
+						href="https://screenful.com/tour/timing-screen/?utm_source=modularadmin&utm_campaign=modularadmin">
 						<h3 class="title">Track your lead and cycle times</h3>
 					</a>
 					<ul>
@@ -113,11 +114,14 @@ pagename: screenful
 		<div class="col-md-6 screen-colum">
 
 			<div class="screen-item">
-				<a href="https://screenful.com/tour/sprint-burndown-chart/?utm_source=modularadmin&utm_campaign=modularadmin">
-					<img class="ex-pic" alt="Sprint Burndown" title="Sprint Burndown" src='{{BASE_URL}}assets/screenful/screen-sprint.png'>
+				<a
+					href="https://screenful.com/tour/sprint-burndown-chart/?utm_source=modularadmin&utm_campaign=modularadmin">
+					<img class="ex-pic" alt="Sprint Burndown" title="Sprint Burndown"
+						src='{{BASE_URL}}assets/screenful/screen-sprint.png'>
 				</a>
 				<div class="description">
-					<a href="https://screenful.com/tour/sprint-burndown-chart/?utm_source=modularadmin&utm_campaign=modularadmin">
+					<a
+						href="https://screenful.com/tour/sprint-burndown-chart/?utm_source=modularadmin&utm_campaign=modularadmin">
 						<h3 class="title">Track your sprint progress with a burndown chart</h3>
 					</a>
 					<ul>
@@ -134,11 +138,14 @@ pagename: screenful
 		<div class="col-md-6 screen-colum">
 
 			<div class="screen-item">
-				<a href="https://screenful.com/tour/milestone-burnup-chart/?utm_source=modularadmin&utm_campaign=modularadmin">
-					<img class="ex-pic" alt="Milestone Burnup Chart" title="Milestone Burnup Chart" src='{{BASE_URL}}assets/screenful/screen-milestone.png'>
+				<a
+					href="https://screenful.com/tour/milestone-burnup-chart/?utm_source=modularadmin&utm_campaign=modularadmin">
+					<img class="ex-pic" alt="Milestone Burnup Chart" title="Milestone Burnup Chart"
+						src='{{BASE_URL}}assets/screenful/screen-milestone.png'>
 				</a>
 				<div class="description">
-					<a href="https://screenful.com/tour/milestone-burnup-chart/?utm_source=modularadmin&utm_campaign=modularadmin">
+					<a
+						href="https://screenful.com/tour/milestone-burnup-chart/?utm_source=modularadmin&utm_campaign=modularadmin">
 						<h3 class="title">Monitor the progress of your milestones</h3>
 					</a>
 					<ul>
@@ -154,11 +161,14 @@ pagename: screenful
 		<div class="col-md-6 screen-colum">
 
 			<div class="screen-item">
-				<a href="https://screenful.com/tour/task-status-screen/?utm_source=modularadmin&utm_campaign=modularadmin">
-					<img class="ex-pic" alt="Task Status" title="Task Status" src='{{BASE_URL}}assets/screenful/screen-task-status.png'>
+				<a
+					href="https://screenful.com/tour/task-status-screen/?utm_source=modularadmin&utm_campaign=modularadmin">
+					<img class="ex-pic" alt="Task Status" title="Task Status"
+						src='{{BASE_URL}}assets/screenful/screen-task-status.png'>
 				</a>
 				<div class="description">
-					<a href="https://screenful.com/tour/task-status-screen/?utm_source=modularadmin&utm_campaign=modularadmin">
+					<a
+						href="https://screenful.com/tour/task-status-screen/?utm_source=modularadmin&utm_campaign=modularadmin">
 						<h3 class="title">Gain a bird's-eye view on your projects</h3>
 					</a>
 					<ul>
@@ -174,11 +184,14 @@ pagename: screenful
 		<div class="col-md-6 screen-colum">
 
 			<div class="screen-item">
-				<a href="https://screenful.com/tour/open-tasks-chart/?utm_source=modularadmin&utm_campaign=modularadmin">
-					<img class="ex-pic" alt="Open Tasks chart" title="Open Tasks chart" src='{{BASE_URL}}assets/screenful/screen-open-tasks.png'>
+				<a
+					href="https://screenful.com/tour/open-tasks-chart/?utm_source=modularadmin&utm_campaign=modularadmin">
+					<img class="ex-pic" alt="Open Tasks chart" title="Open Tasks chart"
+						src='{{BASE_URL}}assets/screenful/screen-open-tasks.png'>
 				</a>
 				<div class="description">
-					<a href="https://screenful.com/tour/open-tasks-chart/?utm_source=modularadmin&utm_campaign=modularadmin">
+					<a
+						href="https://screenful.com/tour/open-tasks-chart/?utm_source=modularadmin&utm_campaign=modularadmin">
 						<h3 class="title">Track your work in progress</h3>
 					</a>
 					<ul>
@@ -194,11 +207,14 @@ pagename: screenful
 		<div class="col-md-6 screen-colum">
 
 			<div class="screen-item">
-				<a href="https://screenful.com/tour/completed-tasks-chart/?utm_source=modularadmin&utm_campaign=modularadmin">
-					<img class="ex-pic" alt="Completed Tasks chart" title="Completed Tasks chart" src='{{BASE_URL}}assets/screenful/screen-completed-tasks.png'>
+				<a
+					href="https://screenful.com/tour/completed-tasks-chart/?utm_source=modularadmin&utm_campaign=modularadmin">
+					<img class="ex-pic" alt="Completed Tasks chart" title="Completed Tasks chart"
+						src='{{BASE_URL}}assets/screenful/screen-completed-tasks.png'>
 				</a>
 				<div class="description">
-					<a href="https://screenful.com/tour/completed-tasks-chart/?utm_source=modularadmin&utm_campaign=modularadmin">
+					<a
+						href="https://screenful.com/tour/completed-tasks-chart/?utm_source=modularadmin&utm_campaign=modularadmin">
 						<h3 class="title">Track your completed work</h3>
 					</a>
 					<ul>
@@ -214,11 +230,14 @@ pagename: screenful
 		<div class="col-md-6 screen-colum">
 
 			<div class="screen-item">
-				<a href="https://screenful.com/tour/team-status-screen/?utm_source=modularadmin&utm_campaign=modularadmin">
-					<img class="ex-pic" alt="Team Status screen" title="Team Status screen" src='{{BASE_URL}}assets/screenful/screen-team-status.png'>
+				<a
+					href="https://screenful.com/tour/team-status-screen/?utm_source=modularadmin&utm_campaign=modularadmin">
+					<img class="ex-pic" alt="Team Status screen" title="Team Status screen"
+						src='{{BASE_URL}}assets/screenful/screen-team-status.png'>
 				</a>
 				<div class="description">
-					<a href="https://screenful.com/tour/team-status-screen/?utm_source=modularadmin&utm_campaign=modularadmin">
+					<a
+						href="https://screenful.com/tour/team-status-screen/?utm_source=modularadmin&utm_campaign=modularadmin">
 						<h3 class="title">See what each team member is currently working on</h3>
 					</a>
 					<ul>
@@ -235,11 +254,14 @@ pagename: screenful
 		<div class="col-md-6 screen-colum">
 
 			<div class="screen-item">
-				<a href="https://screenful.com/blog/introducing-custom-chart-create-any-chart-from-your-task-data/?utm_source=modularadmin&utm_campaign=modularadmin">
-					<img class="ex-pic" alt="Custom Chart" title="Custom Chart" src='{{BASE_URL}}assets/screenful/screen-custom-chart.png'>
+				<a
+					href="https://screenful.com/blog/introducing-custom-chart-create-any-chart-from-your-task-data/?utm_source=modularadmin&utm_campaign=modularadmin">
+					<img class="ex-pic" alt="Custom Chart" title="Custom Chart"
+						src='{{BASE_URL}}assets/screenful/screen-custom-chart.png'>
 				</a>
 				<div class="description">
-					<a href="https://screenful.com/blog/introducing-custom-chart-create-any-chart-from-your-task-data/?utm_source=modularadmin&utm_campaign=modularadmin">
+					<a
+						href="https://screenful.com/blog/introducing-custom-chart-create-any-chart-from-your-task-data/?utm_source=modularadmin&utm_campaign=modularadmin">
 						<h3 class="title">Create custom charts</h3>
 					</a>
 					<ul>
@@ -257,4 +279,3 @@ pagename: screenful
 	{{!----------- Benefits End -----------}}
 
 </section>
-

src/_assets/screenful/logo.png

@@ -16,7 +16,7 @@
 		width: 300px;
 		height: 160px;
 		border-radius: 10px;
-		background-size: cover;
+		background-size: contain;
 		background-position: center;
 		background-image: url('../assets/screenful/logo.png');
 		background-repeat: no-repeat;
@@ -46,8 +46,8 @@
 	}
 
 	.integration-logo {
-		width: 190px;
-		height: 90px;
+		width: 150px;
+		height: 80px;
 		border: 1px solid #fff;
 		border-radius: 10px;
 		transition: all .25s ease;