.drone.yml

@@ -1,35 +1,63 @@
 kind: pipeline
 type: docker 
 name: deploy_dev
-node:
+
-  environment: ryali
 trigger:
   branch:
   - main
 
 steps:
-- name: build and deploy
+- name: build
   image: node:latest
   commands:
     - npm install
     - npm run build
-    - rm -rf /dazzle_dev/*
+
-    - mv ./build/* /dazzle_dev/
+- name: deploy
+  image: byteflair/scp
+  commands:
+    - mv ./build ./dazzle_dev_staging
+
+    # Stage
+    - ssh -tt 'light@5.75.206.84' 'sudo rm -rf /home/light/dazzle_dev_staging'
+    - scp -r './dazzle_dev_staging' 'light@5.75.206.84:/home/light/'
+
+    # Move to endpoint
+    - ssh -tt 'light@5.75.206.84' 'sudo rm -rf /home/light/dazzle_dev/*'
+    - ssh -tt 'light@5.75.206.84' 'sudo mv /home/light/dazzle_dev_staging/* /home/light/dazzle_dev/'
+    - ssh -tt 'light@5.75.206.84' 'sudo chmod -R 755 /home/light/dazzle_dev/*'
+
+    # Remove staging
+    - ssh -tt 'light@5.75.206.84' 'sudo rm -rf /home/light/dazzle_dev_staging'
 ---
 kind: pipeline
 type: docker 
 name: deploy_prod
-node:
+
-  environment: ryali
 trigger:
   event:
   - tag
 
 steps:
-- name: build and deploy
+- name: build
   image: node:latest
   commands:
     - npm install
     - npm run build
-    - rm -rf /dazzle/*
+
-    - mv ./build/* /dazzle/
+- name: deploy
+  image: byteflair/scp
+  commands: 
+    - mv ./build ./dazzle_staging
+
+    # Stage
+    - ssh -tt 'light@5.75.206.84' 'sudo rm -rf /home/light/dazzle_staging'
+    - scp -r './dazzle_staging' 'light@5.75.206.84:/home/light/'
+
+    # Move to endpoint
+    - ssh -tt 'light@5.75.206.84' 'sudo rm -rf /home/light/dazzle_dev/*'
+    - ssh -tt 'light@5.75.206.84' 'sudo mv /home/light/dazzle_staging/* /home/light/dazzle_dev/'
+    - ssh -tt 'light@5.75.206.84' 'sudo chmod -R 755 /home/light/dazzle_dev/*'
+
+    # Remove staging
+    - ssh -tt 'light@5.75.206.84' 'sudo rm -rf /home/light/dazzle_staging'

src/routes/+page.svelte

@@ -13,9 +13,10 @@
 
 			Dazzle is an effort to <strong>solidify</strong> my understading of the complex world of
 			computers. and to give back to the <strong>community</strong> 💖.
+			<br />
+			Please enjoy ;)
 		</p>
 
-		<br />
 		<h2 style:padding="0">The Graphics Pipeline</h2>
 		<Note type="none" flow="true">
 			<p>