update folders and files

Author: copongcopong

package-lock.json

@@ -14,26 +14,33 @@
   },
   "dependencies": {
     "@jackfranklin/rollup-plugin-markdown": "^0.2.0",
+    "@rollup/plugin-babel": "^5.2.0",
     "compression": "^1.7.1",
     "polka": "next",
     "rollup-plugin-glob": "^1.0.2",
+    "serve": "^11.3.2",
     "sirv": "^1.0.0"
   },
   "devDependencies": {
-    "npm-run-all": "^4.1.5",
-    "sapper": "^0.28.0",
-    "svelte": "^3.17.3",
     "@babel/core": "^7.0.0",
     "@babel/plugin-syntax-dynamic-import": "^7.0.0",
     "@babel/plugin-transform-runtime": "^7.0.0",
     "@babel/preset-env": "^7.0.0",
     "@babel/runtime": "^7.0.0",
-    "@rollup/plugin-babel": "^5.0.0",
-    "@rollup/plugin-commonjs": "^14.0.0",
-    "@rollup/plugin-node-resolve": "^8.0.0",
+    "@rollup/plugin-alias": "^3.0.1",
+    "@rollup/plugin-commonjs": "^12.0.0",
+    "@rollup/plugin-node-resolve": "^7.0.0",
     "@rollup/plugin-replace": "^2.2.0",
-    "rollup": "^2.3.4",
-    "rollup-plugin-svelte": "^6.0.0",
-    "rollup-plugin-terser": "^7.0.0"
+    "eslint": "^6.8.0",
+    "eslint-plugin-cypress": "^2.10.3",
+    "eslint-plugin-svelte3": "^2.7.3",
+    "npm-run-all": "^4.1.5",
+    "rollup": "^1.20.0",
+    "rollup-plugin-babel": "^4.0.2",
+    "rollup-plugin-svelte": "^5.0.1",
+    "rollup-plugin-terser": "^7.0.1",
+    "sapper": "^0.27.0",
+    "svelte": "^3.0.0",
+    "svelte-preprocess": "^3.5.0"
   }
 }

package.json

@@ -0,0 +1,28 @@
+---
+title: Sapper's Default Index Page
+summary: Sapper's default index page converted to post for legacy.
+date: 2020-08-31
+---
+<style>
+    figure {
+		margin: 0 0 1em 0;
+	}
+
+	img {
+		width: 100%;
+		max-width: 400px;
+		margin: 0 0 1em 0;
+	}
+
+	p {
+		margin: 1em;
+	}
+</style>
+<h1>Great success!</h1>
+
+<figure>
+	<img alt='Success Kid' src='successkid.jpg'>
+	<figcaption>Have fun with Sapper!</figcaption>
+</figure>
+
+<p><strong>Powered By GITHUB, TRAVIS-CI, &amp; SAPPER/SVELTE</strong></p>

src/routes/posts/hello-world.md renamed to posts/hello-world.md

@@ -55,6 +55,6 @@
 
 		<!-- for the blog link, we're using rel=prefetch so that Sapper prefetches
 		     the blog data when we hover over the link or tap it on a touchscreen -->
-		<li><a rel=prefetch aria-current="{segment === 'blog' ? 'page' : undefined}" href="blog">blog</a></li>
+		<li><a rel=prefetch aria-current="{segment === 'sapper' ? 'page' : undefined}" href="sapper">Sapper / Svelte</a></li>
 	</ul>
 </nav>

posts/sapper-default-index.md

@@ -1,6 +1,5 @@
 <style>
 	h1, figure, p {
-		text-align: center;
 		margin: 0 auto;
 	}
 
@@ -22,39 +21,35 @@
 	}
 
 	p {
-		margin: 1em auto;
+		margin: 1em;
+	}
+
+	article {
+		padding: 10px;
+		margin: 10px;
+		border: 1px solid #f7f7f7;
 	}
 
 	@media (min-width: 480px) {
 		h1 {
 			font-size: 4em;
 		}
 	}
+
+
 </style>
 
 <svelte:head>
-	<title>Sapper project template</title>
+	<title>#ITME Jan Solo!</title>
 </svelte:head>
 
 {#each posts as post}
   <article>
-    <!-- link article to /posts/$permalink -->   
-    <a href={`/posts/${post.permalink}`}>
-      <h2>{post.title}</h2>
-      <p>{post.summary}</p>
-    </a>
+    <h2><a href={`/posts/${post.permalink}`}>{post.title}</a></h2>
+    <p>{post.summary}</p>
   </article>
 {/each}
 
-<h1>Great success!</h1>
-
-<figure>
-	<img alt='Success Kid' src='successkid.jpg'>
-	<figcaption>Have fun with Sapper!</figcaption>
-</figure>
-
-<p><strong>Powered By GITHUB, TRAVIS-CI, &amp; SAPPER/SVELTE</strong></p>
-
 <script>
 	  import {posts} from '../posts'
 </script>

src/components/Nav.svelte

@@ -2,7 +2,7 @@
 	export async function preload({ params, query }) {
 		// the `slug` parameter is available because
 		// this file is called [slug].svelte
-		const res = await this.fetch(`blog/${params.slug}.json`);
+		const res = await this.fetch(`sapper/${params.slug}.json`);
 		const data = await res.json();
 
 		if (res.status === 200) {