Merge branch 'code.nasa.gov' of https://github.com/C-F-4/pwa.rocks in…

…to add-code.nasa.gov # By C-F-4 # Via C-F-4 * 'code.nasa.gov' of https://github.com/C-F-4/pwa.rocks: Added nasa_logo.svg Added SVG support for nasa icon and updated CSS for it. Added code.nasa.gov # Conflicts: # src/index.html
Ansolo01 · Dec 14, 2016 · 69c4d80 · 69c4d80
2 parents 04ee5ee + 969da32
commit 69c4d80
Show file tree

Hide file tree

Showing 2 changed files with 202 additions and 15 deletions.
diff --git a/src/apps/nasa_logo.svg b/src/apps/nasa_logo.svg
diff --git a/src/index.html b/src/index.html
@@ -936,7 +936,7 @@ <h2 class="app__title">
 			<style>
 				[data-app='bubble'] {
 					color: #987FFF;
-            		background: currentColor url(apps/bubble.svg) 50% 50% / 50% auto no-repeat;
+					background: currentColor url(apps/bubble.svg) 50% 50% / 50% auto no-repeat;
 					}
 			</style>
 		</a>
@@ -976,20 +976,50 @@ <h2 class="app__title">
 		</a>
 
 		<a class="list__item app js-app"
-		        href="https://cloudfour.com/"
-		        data-app="cloudfour"
-		        data-tags="business other">
-		    <div class="app__wrapper">
-		        <h2 class="app__title">
-		            Cloud Four
-		        </h2>
-		    </div>
-		    <style>
-		        [data-app='cloudfour'] {
-		            color: #456BD9;
-		            background: currentColor url(apps/cloud-four.svg) 50% 50% / 50% auto no-repeat;
-		            }
-		    </style>
+				href="https://cloudfour.com/"
+				data-app="cloudfour"
+				data-tags="business other">
+			<div class="app__wrapper">
+				<h2 class="app__title">
+					Cloud Four
+				</h2>
+			</div>
+			<style>
+				[data-app='cloudfour'] {
+					color: #456BD9;
+					background: currentColor url(apps/cloud-four.svg) 50% 50% / 50% auto no-repeat;
+					}
+			</style>
+		</a>
+
+		<a class="list__item app js-app"
+				href="https://code.nasa.gov/"
+				data-app="NASA-Code"
+				data-tags="nasa code">
+			<div class="app__wrapper">
+				<h2 class="app__title">
+					CODE.NASA.GOV
+				</h2>
+			</div>
+			<style>
+				[data-app='NASA-Code'] {
+					color: rgb(15, 18, 51);
+					background-image: linear-gradient(-135deg, #58595B 1px, #58595B 40px, #FFF685 41px, #FFF685 80px, #58595B 81px, #58595B 120px, #FFF685 121px);
+					background-size: 114px 114px;
+					box-sizing: border-box;
+					}
+				[data-app='NASA-Code']:after {
+					box-sizing: border-box;
+					display: block;
+					position: absolute;
+					left: 5px;
+					right: 5px;
+					top: 5px;
+					bottom: 5px;
+					content: '';
+					background: currentColor url(apps/nasa_logo.svg) 50% 50% / 70% auto no-repeat;
+					}
+			</style>
 		</a>
 
 		<a class="list__item suggest js-suggest" href="https://github.com/operasoftware/pwa.rocks" title="Suggest an app">