@@ -22,10 +22,7 @@ export class AppCaseStudy {
2222 ) ;
2323 document
2424 . querySelector ( "meta[property='og:url']" )
25- . setAttribute (
26- 'content' ,
27- 'https://openforge.io/juntoscope/'
28- ) ;
25+ . setAttribute ( 'content' , 'https://openforge.io/juntoscope/' ) ;
2926 document
3027 . querySelector ( "meta[property='og:image']" )
3128 . setAttribute (
@@ -74,9 +71,9 @@ export class AppCaseStudy {
7471 </ section >
7572 < section class = "container product-section" >
7673 < app-img
77- class = ""
78- src = "/assets/work-example-juntoscope-mobile.png"
79- alt = "juntoscope mobile view"
74+ class = ""
75+ src = "/assets/work-example-juntoscope-mobile.png"
76+ alt = "juntoscope mobile view"
8077 />
8178 < div class = "text-container" >
8279 < h2 > The Product</ h2 >
@@ -89,6 +86,7 @@ export class AppCaseStudy {
8986 < a
9087 href = "https://www.teamwork.com/partner/gqfq4mb55o"
9188 target = "_blank"
89+ rel = "noopener"
9290 >
9391 Teamwork.com
9492 </ a >
@@ -213,21 +211,15 @@ export class AppCaseStudy {
213211 < h3 > Design</ h3 >
214212 < p >
215213 We began the{ ' ' }
216- < stencil-route-link
217- url = "/services/app-designer"
218- >
214+ < stencil-route-link url = "/services/app-designer" >
219215 design process
220216 </ stencil-route-link > { ' ' }
221217 by researching similar apps on the marketplace and identifying
222218 features we liked and did not like about them. We then set up user
223219 flows and wireframing each identified screen. This process, along
224220 with the design and styling phase, occurs in{ ' ' }
225- < stencil-route-link
226- url = "/toolbox"
227- >
228- Sketch
229- </ stencil-route-link >
230- . After completing the full skeleton, we reviewed each user flow and
221+ < stencil-route-link url = "/toolbox" > Sketch</ stencil-route-link > .
222+ After completing the full skeleton, we reviewed each user flow and
231223 tried to identify any gaps or weaknesses in the user flow. From
232224 there, we made modifications and began identifying styles and colors
233225 for the app. We created a logo and a splash screen and applied the
@@ -238,9 +230,7 @@ export class AppCaseStudy {
238230 < h3 > Development</ h3 >
239231 < p >
240232 We began the{ ' ' }
241- < stencil-route-link
242- url = "/services/app-developer"
243- >
233+ < stencil-route-link url = "/services/app-developer" >
244234 development process
245235 </ stencil-route-link > { ' ' }
246236 with a full design review. Our team worked closely with the
@@ -262,9 +252,7 @@ export class AppCaseStudy {
262252 < h3 > What we learned</ h3 >
263253 < p >
264254 Throughout the process of developing JuntoScope,{ ' ' }
265- < stencil-route-link url = "/about" >
266- our team
267- </ stencil-route-link > { ' ' }
255+ < stencil-route-link url = "/about" > our team</ stencil-route-link > { ' ' }
268256 learned the importance of establishing a process that is fully
269257 understood by each and every member. Our company was going through a
270258 transitional phase early on in the development of JuntoScope
@@ -283,7 +271,7 @@ export class AppCaseStudy {
283271 < br />
284272 < br />
285273 As our team came close to launching{ ' ' }
286- < a href = "http://try.juntoscope.com" target = "_blank" >
274+ < a href = "http://try.juntoscope.com" target = "_blank" rel = "noopener" >
287275 JuntoScope
288276 </ a >
289277 , we learned from Teamwork.com that they were changing the way their
0 commit comments