Update packaged and external links

Author: trentsteenholdt-purple

package-lock.json

@@ -11,22 +11,22 @@
 		"format": "prettier --write --plugin-search-dir=. ."
 	},
 	"devDependencies": {
-		"@sveltejs/adapter-static": "^1.0.0-next.13",
+		"@sveltejs/adapter-static": "^1.0.0-next.19",
 		"@sveltejs/kit": "next",
 		"@tailwindcss/typography": "^0.4.1",
-		"@types/js-yaml": "^4.0.1",
-		"@typescript-eslint/eslint-plugin": "^4.19.0",
-		"@typescript-eslint/parser": "^4.19.0",
-		"autoprefixer": "^10.2.6",
-		"cssnano": "^5.0.6",
-		"eslint": "^7.22.0",
+		"@types/js-yaml": "^4.0.3",
+		"@typescript-eslint/eslint-plugin": "^4.31.2",
+		"@typescript-eslint/parser": "^4.31.2",
+		"autoprefixer": "^10.3.4",
+		"cssnano": "^5.0.8",
+		"eslint": "^7.32.0",
 		"eslint-config-prettier": "^8.1.0",
-		"eslint-plugin-svelte3": "^3.2.0",
+		"eslint-plugin-svelte3": "^3.2.1",
 		"js-yaml": "^3.14.1",
-		"postcss": "^8.3.5",
+		"postcss": "^8.3.6",
 		"postcss-load-config": "^3.1.0",
 		"prettier": "~2.2.1",
-		"prettier-plugin-svelte": "^2.2.0",
+		"prettier-plugin-svelte": "^2.4.0",
 		"rehype-autolink-headings": "^5.1.0",
 		"rehype-highlight": "^4.1.0",
 		"rehype-slug": "^4.0.1",
@@ -35,14 +35,15 @@
 		"remark-gfm": "^1.0.0",
 		"remark-parse": "^9.0.0",
 		"remark-rehype": "^8.1.0",
-		"svelte": "^3.34.0",
-		"svelte-check": "^2.0.0",
-		"svelte-preprocess": "^4.7.3",
-		"tailwindcss": "^2.2.4",
-		"to-vfile": "^7.1.0",
-		"tslib": "^2.0.0",
-		"typescript": "^4.0.0",
-		"unified": "^9.2.1"
+		"svelte": "^3.42.6",
+		"svelte-check": "^2.2.6",
+		"svelte-preprocess": "^4.9.5",
+		"tailwindcss": "^2.2.15",
+		"to-vfile": "^7.2.2",
+		"tslib": "^2.3.1",
+		"typescript": "^4.4.3",
+		"unified": "^9.2.2"
 	},
-	"type": "module"
+	"type": "module",
+	"dependencies": {}
 }

package.json

@@ -32,8 +32,8 @@ Using your Azure Subscription, deploy the following.
 
 The development team colleagues have reached out and shared their two (2) ARM Templates with you. They have not been tested, but they have invited you to use them with your deployment!
 
-1. [SQL Database template](a)
-2. [Virtual Network template](a)
+1. [SQL Database template](./code/sqldatabase.json)
+2. [Virtual Network template](/code/networking.json)
 
 ## Completion
 
@@ -67,8 +67,8 @@ Using your AWS Account, deploy the following.
 
 The development team colleagues have reached out and shared their two (2) CloudFormation Templates with you. They have not been tested, but they have invited you to use them with your deployment!
 
-1. [Deployment template](a)
-2. [EndPoint template](a)
+1. [Deployment template](code/deployment.yaml)
+2. [EndPoint template](code/endpoint.yaml)
 
 ## Completion
 

src/interviews/cloud.md

@@ -18,7 +18,7 @@ In order to complete this test, you will need:
 As the Data Analyst for a small fuel company, you have been given two (2) data sources.
 
 1. [The FuelWatch RSS feed](http://www.fuelwatch.wa.gov.au/fuelwatch/fuelWatchRSS)
-2. [Discounts Excel file](http://www.fuelwatch.wa.gov.au/fuelwatch/fuelWatchRSS)
+2. [Discounts Excel file](code/discount.xlsx)
 
 ## Instructions
 

src/interviews/data.md

@@ -1,5 +1,5 @@
 ---
-title: Software Development
+title: Development
 interviews: Toy Robot
 sortorder: 2
 ---

src/interviews/softwaredevelopment.md src/interviews/development.mdsrc/interviews/softwaredevelopment.md renamed to src/interviews/development.md

@@ -30,7 +30,7 @@ import { component_subscribe } from 'svelte/internal';
 			<div class="flex flex-col lg:flex-row justify-start flex-wrap">
 				{#each Interviews as Interview}
 					<a href={`${base}/${Interview.slug}`}>
-						<div class="rounded-lg px-5 py-2 bg-red text-white text-lg mr-4 mb-2">{Interview.metadata.title}</div>
+						<div class="rounded-lg px-5 py-2 bg-red text-white text-lg mr-4 mb-2 hover:bg-black">{Interview.metadata.title}</div>
 					</a>
 				{/each}
 			</div>

src/lib/components/Header.svelte

@@ -20,7 +20,10 @@ export interface ProcessedMarkdown {
 	content: string;
 }
 
-const parser = unified().use(parse).use(gfm).use(frontmatter, ['yaml']);
+const parser = unified()
+	.use(parse)
+	.use(gfm)
+	.use(frontmatter, ['yaml']);
 
 const runner = unified()
 	.use(remark2rehype) // Convert Markdown to Rehype

src/lib/markdown.ts

@@ -36,19 +36,19 @@
 	<title>Purple Interviews - {post.metadata.title}</title>
 </svelte:head>
 
-<div class="px-12 lg:px-32 max-w-screen-xl">
+<div class="px-12 lg:px-32 max-w-screen bg-gray">
 	<h2 class="pb-4 lg:pb-4 text-black text-xl">Instructions for</h2>
 	<div class="flex flex-col lg:flex-row justify-start pb-2 lg:pb-8">
 		{#each post.metadata.interviews.split(',') as interviews}
 			<a href={`#${interviews.toLocaleLowerCase().replace(/ /g,'-')}`} class="text-red">
-				<div class="rounded-lg px-5 py-2 bg-black text-white text-lg mr-4 mb-2">{interviews}</div>
+				<div class="rounded-lg px-5 py-2 bg-black text-white text-lg mr-4 mb-2 hover:bg-red">{interviews}</div>
 			</a>
 		{/each}
 	</div>
 </div>
 <div class="flex flex-col sm:flex-row px-12 lg:px-32 pt-4 pb-5 lg:pt-14 bg-gray-lighter">
 	<article class="Interview">
-		{@html post.content}
+		{@html post.content.replace(/a href/g,"a rel=\"external\" href")}
 	</article>
 </div>
 <button

src/routes/[slug].svelte

@@ -0,0 +1,41 @@
+AWSTemplateFormatVersion: 2010-09-09
+Parameters:
+  TableName:
+    Description: DynamoDB Table name.
+    Type: String
+Resources:
+  myVPC:
+    Type: AWS::EC2::VPC
+    Properties:
+      CidrBlock: 10.0.0.0/24
+      EnableDnsSupport: 'false'
+      EnableDnsHostnames: 'false'
+      InstanceTenancy: dedicated
+      Tags:
+      - Key: Name
+        Value: myVPC
+  myDynamoDBTable:
+    Type: AWS::DynamoDB::Table
+    Properties:
+      TableName: !Ref TableName
+      AttributeDefinitions:
+      - AttributeName: "Interviewee"
+        AttributeType: "S"
+      KeySchema:
+      - AttributeName: "Interviewee"
+        KeyType: HASH
+      ProvisionedThroughput:
+        ReadCapacityUnits: 5
+        WriteCapacityUnits: 5
+Outputs:
+  VPCId:
+    Value:
+      Ref: myVPC
+  TableName:
+    Value: !Ref 'myDynamoDBTable'
+    Description: Table name of the newly created DynamoDB table
+  DynamoDBQualifiedArn:
+    Export:
+      Name: DynamoDBArn
+    Value:
+      Fn::GetAtt: myDynamoDBTable.Arn